/*! normalize.css v2.1.3 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
audio,canvas,video{display: inline-block;}
audio:not([controls]){display: none;height: 0;}
[hidden],template { display: none; }
html{font-family: sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{margin: 0;}
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,a:hover{outline: 0;}
h1{font-size: 2em; margin: 0.67em 0;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: bold;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family: monospace, serif;font-size: 1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
small{font-size: 80%;}
sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend{border: 0;padding: 0;}
button,input,select,textarea{font-family: inherit;font-size: 100%;margin: 0;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;}
input:focus,select:focus,textarea:focus, button:focus { outline: none; }

/*! HTML5 Boilerplate v4.3.0 */

html,button,input,select,textarea{color:#222;}
html{font-size:1em;line-height:1.4;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.browsehappy{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}
.hidden{display:none!important;visibility:hidden;}
.invisible{visibility:hidden;}
.print { display:none; }
@media print {
	*{background-color:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
	a,a:visited{text-decoration:underline;}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr,img{page-break-inside:avoid;}
	img{max-width:100%!important;}
	p,h2,h3{orphans:3;widows:3;}
	.noprint { display:none; }
	.print { display:block; }
}
.break {clear: both;}
.clear {clear: left;}
.left {float: left;}
.right {float: right;}body, #body {
	padding:0;
	margin:0;
	font-family: 'Roboto', sans-serif;
	color:#595554;
	font-weight:300;
}

#body.navi {
	overflow-x: hidden; overflow-y: hidden;
}

.wrapper {
	max-width:1200px;
	margin:0px auto;
}


#header, #header > .wrapper {
	height:165px;
	background:#595554;
	position:relative;
	position:fixed;
	z-index:1000;
	left:0;
	right:0;
}

#header .logo, #logobox .logo {
	padding-top: 60px;
	padding-left: 15px;
	position: relative;
	width: 370px;
	height: 50px;
}

#header .logo a, #logobox .logo a {
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	z-index:100;
}

#header .logo .bildlogo, #logobox .logo .bildlogo {
	margin-top:-55px;
	width:70px;
	height:70px;
	display:inline-block;
	z-index:10;
}
#header .logo span.ip, #logobox .logo span.ip {
	display:inline-block;
	margin:0 10px 0 5px;
	z-index:10;
}

#header .logo span.ip img, #logobox .logo span.ip img {
	width: 130px;
	height: 22px;
	margin-bottom: -2px;
	z-index:10;
}

#header .logo span.ws, #logobox .logo span.ws {
	font-family: 'Yellowtail', cursive;
	font-size:20px;
	line-height: 20px;
    color: #B2AFAD;
    position: absolute;
    top: 45px;
    transform: rotate(-5deg);
}

#header .logo span.sb, #logobox .logo span.sb {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	line-height:20px;
	color:#B2AFAD;
}

#menuwrapper {
	background:#4DB4BB;
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:455px;
	display:none;
	z-index:100;
}

.navi {
	padding:0 0 0 15px;
	/*-webkit-transition: padding .5s;
	transition: padding .5s;*/
}

#header.sticky .navi, #header.mobile .navi { padding-left:160px; margin-top:110px; }

#header.sticky .logo, #header.mobile .logo, #header.sticky.rathaus .logo, #header.rathaus.mobile .logo {
	position: absolute;   top: 125px;   padding: 0;
	width: 160px;
	height: 30px;
}

#header.sticky .logo .bildlogo, #header.mobile .logo .bildlogo {
	width: 30px;
	height: 30px;
	margin-top: -10px;
	margin-left: 10px;
}

#header.sticky .logo .ip img, #header.mobile .logo .ip img {
	width: 100px;
	height: 17px;
	margin-bottom: -5px;
}

#header.sticky .logo span.ip, #header.mobile .logo span.ip { font-size:20px;}
#header.sticky #searchicon, #header.sticky .logo span.ws { display:none; }


#header .navi ul, #header .navi ul li, #header .navi ul li a {
	font-family: 'Roboto', sans-serif;
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	float:left;
	color:#fff;
	font-size:18px;
	font-weight:100;
	text-decoration:none;
}

#header .navi > .ul > ul > li > a {
	padding:15px;
	margin-right:20px;
	height:25px;
}

#header .navi > div > ul > li > a {cursor: default;}



#header .navi > .ul > ul > li.nav_aktiv > a, #header .navi > .ul > ul > li.nav_offen > a {
	background:#3C9AA1;
}


#header .navi ul li.nav_aktiv:hover > a, #header .navi ul li.nav_offen:hover > a, #header .navi ul li:hover > a {
	background:#4DB4BB;
}


#header .navi > .ul > ul > li > a > span.extra:before {
	font: normal normal normal 12px/1 FontAwesome;
	content: "\f078";
	margin-left:5px;
	color:#B2AFAD;
}


#header .navi ul li.nav_aktiv a span.extra:before, #header .navi ul li.nav_offen a span.extra:before, #header .navi ul li:hover a span.extra:before {
	color:#fff;
}

#header .navi > .ul > ul > li > .ul > ul {
	display:none;
	position:absolute;
	background:#4DB4BB;
	bottom:-300px;
	height:300px;
	z-index:100;
}

#header .navi > .ul > ul > li:hover > .ul > ul, #header .navi > .ul > ul > li.hovered > .ul > ul { 
    display: block;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    margin: 0 !important;
}

#header .navi > .ul > ul > li > .ul > ul li {
	width: 250px;
	float: left;
}

#header .navi > .ul > ul > li > .ul > ul > li {
	padding:25px 0 0 25px;
}

#header .navi > .ul > ul > li > .ul > ul > li.nav___1 {
   /*padding-left: 25px;*/
}

#header .navi > .ul > ul > li.nav__51097 > .ul > ul > li {
	padding-top:5px;
}


#header.mobile .navi > .ul > ul > li > .ul > ul > li {
	padding:0 !important;
	margin-top:-1px;
}

#header .navi > .ul > ul > li > .ul > ul > li > a {
	font-family: 'Roboto Slab', serif;
	font-weight:bold;
	font-size:17px;
}

#header .navi > .ul > ul > li > .ul > ul li a {
	width:200px;
	border-bottom:1px solid #95D2D5;
	margin:0 10px;
	padding:8px 5px;
}

#header .navi > .ul > ul > li > .ul > ul li li a {
	font-size:14px;
	position:relative;
}

#body #header .navi ul ul li.nav_aktiv > a {
	color:#595554;
}

#header .navi > .ul > ul > li > .ul > ul li a:hover {
	background:#95D2D5;
	color:#595554;
}


#header .navi > .ul > ul > li > .ul > ul > li > .ul > ul > li a:hover:before {
	font: normal normal normal 12px/1 FontAwesome;
	content: "\f054";
	position:absolute;
	left:-12px;
	top:12px;
	color:#fff;
}

#header.sticky li.nav__51097 > .ul > ul.nav {
	width: auto;
	padding-left: 735px !important;
}

#header.mobile li.nav__51097 > .ul > ul.nav {
	padding-left: 0px !important;
	margin-left: 0px !important;
	width:auto !important;
}

#header li.nav__51097 > .ul > ul.nav {
    width: 250px;
    padding-left: 675px !important;
}

#header li.nav__51208 .ul, #header li.nav__51210 .ul, #header li.nav__51189 .nav__138343 > a { display:none; }
/*
#header.rathaus .navi > .ul > ul.nav > li > .ul > ul.nav { width: 750px; }
#header.rathaus .navi > .ul > ul.nav > li { position:relative; }
*/

#header #searchicon {
	padding:15px;
	margin-right:20px;
	height:25px;
	color:#4DB4BB;
	display:inline-block;
	cursor:pointer;
}

#header #searchicon:hover {
	background:#4DB4BB;
	color:#fff;
}

#header #searchicon:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f002";
	margin-right:5px;
}

#header #searchicon.search {
	background:#3C9AA1;
	color:#fff;
}


#header #searchicon.search:before {
	content: "\f00d";
}

#header #qsicon {
	padding:10px 15px 0;
	margin-right:20px;
	height:40px;
	color:#fff;
	background:#F7A700;
	display:block;
	cursor:pointer;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	position:absolute;
	bottom:0;
	right:15px;
	width:60px;
	text-align:center;
}

#header #qsicon:hover {
	background:#4DB4BB;
	color:#fff;
}

#header #qsicon:before {
	font: normal normal normal 30px/1 FontAwesome;
	content: "\f236";
}

#header #qsicon.open {
	background:#B2AFAD;
}

#header #qsicon.open:before {
	color: #595554;
	content: "\f00d";
}

#qsicon span {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 90px;
    font-size: 15px;
}

#header #dingeicon {
    padding: 30px 10px;
    width: 70px;
    height: 30px;
    background: #32aab2;
    display: block;
    position: absolute;
    top: 0;
    right: 90px;
}

#header #dingeicon:before {
    content:url(https://storage.tramino.net/iphofen/1136228/top-ten.svg);
}

#header #dingeicon:hover {
    background: #4db4bb;
    cursor:pointer;
}

#header #itlink {
    padding: 30px 10px;
    width: 70px;
    height: 30px;
    background: #32aab2;
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
}

#header #itlink:before {
    content:url(https://storage.tramino.net/iphofen/1136230/urlaub-iphofen.svg);
}

#header #itlink:hover {
    background: #4db4bb;
    cursor:pointer;
}


#toptenlink {
    position: absolute;
    display: block;
    bottom: 50px;
    left: 50px;
    width: 200px;
    height: 200px;
    transform: rotate( -10deg);
    opacity: .9;
    border: 0px solid transparent;
}

#header #qsbox {
	background-color: rgba(25,24,23,.7);
	position:absolute;
	top:165px;
	right:35px;
	width:300px;
	display:none;
	z-index:110;
	padding-bottom:15px;
}

#header #qsbox.open {
	display:block;
}

#header a.ipbs {
	display:block;
	position:absolute;
	top:50px;
	right:15px;
	padding:8px 10px;
	color:#595554;
	background:#B2AFAD;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
}

#header a.ipbs span {
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
}

#header a.ipbs:before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f08e";
	margin-right:5px;
}

#header a.ipbs.aktiv {
	background:#F7A700;
	color:#fff;
}

#header a.ipbs:hover {
	background:#4DB4BB;
	color:#fff;
}


#header.mobile #navicon {
	position:absolute;
	left:0px;
	bottom:0;
	padding:35px 5px 0;
	width:40px;
	height:20px;
	cursor:pointer;
	color:#B2AFAD;
	font-size:10px;
	text-align:center;

}

#header.mobile #navicon:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f0c9";
	position:absolute;
	top:10px;
	left:15px;
	color:#fff;
}

#body.navi #header.mobile #navicon {
	background:#4DB4BB;
	color:#4DB4BB;
}

#body.navi #header.mobile #navicon:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f00d";
	position:absolute;
	top:15px;
	left:15px;
	color:#fff;
}

#body.navi #header a.ipbs {
	top:118px;
	color:#B2AFAD;
	background:transparent;
}

#body.navi #header .logo, #body.navi #header #qsicon { display:none; }

#body.navi #header .navi {
	display: block;
	position: fixed;
	top: 55px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	background: #595554;
	overflow: scroll;
}

#body.navi #mobilstart {
	font-family: 'Roboto', sans-serif;
	list-style: none;
	display: block;
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	height: 25px;
	padding: 15px 10px;
	border-top: 1px solid #B2AFAD;
	border-bottom: 1px solid #B2AFAD;
}

#body.navi #header .navi ul.nav, #body.navi #header .navi ul li, #body.navi #header .navi > .ul > ul > li > .ul > ul li {
	width: 100%;
}

#body.navi #header .navi ul li a, #body.navi #header .navi > .ul > ul > li > a {
	border-bottom: 0px solid rgba(255,255,255,.2);
	font-size:17px;
	float:none;
	margin:0 !important;
}


#body.navi #header .navi > .ul > ul > li > a > span.extra, #body.navi #header .navi > .ul > ul > li > .ul > ul > li > a > span.extra {
	position: absolute;
	right: 0px;
	font-size: 20px;
	border-left: 0px solid #B2AFAD;
	padding: 15px 20px 20px;
	margin-top: -15px;
	width: 20px;
	height: 20px;
    left: 0;
    text-align: right;
    width: auto !important;
}

#body.navi #header .navi > .ul > ul > li > a > span.extra:before, #body.navi #header .navi > .ul > ul > li > .ul > ul > li > a > span.extra:before {
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f078";
	margin: 0;
	    width: 20px !important;
    display: inline-block;
}

#body.navi #header .navi > .ul > ul > li.nav_offen > a > span.extra:before, #body.navi #header .navi > .ul > ul > li > .ul > ul > li.nav_offen > a > span.extra:before {
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f077";
	margin: 0;
}

#body.navi #header .navi > .ul > ul > li.nav_offen > a {
	background:#4DB4BB;
}


#body.navi #header .navi > .ul > ul > li > .ul > ul {
	display: none;
	position: relative;
	bottom: auto;
	height: auto;
	padding: 0 !important;
}

#body.navi #header .navi > .ul > ul > li.nav_offen > .ul > ul {
	display:block;
}


#body.navi #header .navi > .ul > ul > li > .ul > ul > li > .ul > ul {
	display: none;
}

#body.navi #header .navi > .ul > ul > li > .ul > ul > li.nav_offen > .ul > ul {
	display:block;
}


#body.navi #header .navi > .ul > ul > li > .ul > ul li a {
	float:none;
	width:auto;
	margin: 0;
	padding: 15px 0 15px 30px;
	border-top: 1px solid #95D2D5;
	font-size: 17px;
}

#body.navi #header .navi > .ul > ul > li > .ul > ul li li a {
	padding: 5px 0 5px 60px;
	border: 0px;
	font-size: 14px;
	float:none;
	width:auto;
}

#body.navi #searchicon { display:none; }

#content {
	z-index:10;
	padding-top:165px;
}

#content .pfad { font-size: 13px; padding:30px 15px; }
#content .pfad div { display:inline; font-size: 13px; }
#content .pfad a { display:inline; text-decoration:none; color:#595554; }
#content .pfad a:hover { color:#4DB4BB; }
#content .pfad span.last { font-weight:bold; }

#content .contentbox {
	width:58%;
	float:left;
	margin-right:2%;
}

#content .contentbox .Headlines, #content .contentbox .TraminoTextile {
	padding: 15px;
}

#content .contentbox .TraminoTextile b {
	font-size:1em;
	line-height:1.1em;
}


#content .contentbox .Headlines h1 {
	padding:0 0 15px 0;
	margin:0;
	font-size:32px;
	font-family: 'Roboto Slab', serif;
	font-weight:600;
}

#content .contentbox .intro {
	font: normal normal 300 24px/32px Roboto;
	padding-top:25px;
}

#content .contentbox .TraminoTextile {
	font: normal normal 300 18px/26px Roboto;
}

#content .contentbox .TraminoTextile h1, #content .wrapper.TraminoTextile h2 {
	padding:30px 0 15px 0;
	margin:0;
	font-size:32px;
	font-family: 'Roboto Slab', serif;
	font-weight:600;
}

#content .contentbox .TraminoTextile h2, #content .contentbox .TraminoTextile h3, #content .contentbox .TraminoTextile h4, #content #TraminoInhalt .Headlines h2 {
	padding:50px 0 0 0;
	margin:0;
	font: normal normal bold 24px/34px Roboto Slab;
}

#content #TraminoInhalt .Headlines h2 {
	/*font-size:24px; */
	/*padding-bottom:30px;*/
}


#content .contentbox .TraminoTextile p {
	margin:0;
	padding:15px 0 0 0;
}

#content .TraminoTextile a {
	text-decoration:underline;
    white-space: nowrap;
	font-weight:200;
	color:#000;
}


#content .TraminoTextile ul li a {
	font-weight:100;
}

#content .TraminoTextile a:hover {
	text-decoration:underline;
	color:#258085;

}

#content .contentbox .TraminoTextile .posFile img {
	width: 100%;
	height: auto;
}

#content .contentbox .TraminoTextile .posFile {
	padding: 30px 0;
	font-size: 14px;
}


#content .TraminoTextile ul {
    margin-left: 0;
    padding-left: 20px;
}

#content .TraminoTextile ul li {
    padding-bottom: 10px;
}

#content #claim {
	font-family: 'Yellowtail', cursive;
	font-size: 36px;
	text-align: center;
	color: #ABAAA8;
	border-top: 2px solid #ABAAA8;
	border-bottom: 2px solid #ABAAA8;
	padding: 15px;
	width: 36%;
	padding-left:2%;
	float: left;
	position:relative;
}

#content #claim:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f004";
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-20px;
	width:40px;
	text-align:center;
	background:#fff;
}


#content #claim span {
	font-size: 17px;
}

#content #filesbox {
	padding: 15px;
	width: 36%;
	padding-left:2%;
	float: left;
	position:relative;
}

#content #filesbox img {
	width:100%;
	height:auto;
}

#content #filesbox .File.Bild {
	padding: 30px 0;
	font-size: 14px;
}

#content #filesbox.notfirst .File_1 {
	display:none;
}

#content #filesbox iframe {
    width: 100%;
    height: 240px;
}


#content .File.Bild a {
	position:relative;
}

#content .File.Bild a:hover:before, .teaserbox a.fancyimage:hover:before, .teaserbox a.nofancyimage:hover:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f065";
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	width:40px;
	height:33px;
	border-radius:20px;
	background:#333;
	text-align:center;
	color:#fff;
	padding-top:7px;
}

.teaserbox a.nofancyimage:hover:before {
	content: "\f019";
}

#merkzettel {
	background-color: #ddd;
	padding: 15px;
	margin-top:50px;
}

.TraminoMemoryButton {
	cursor:pointer;
}

.TraminoMemoryButton.memoryadd:before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f0fe";
	display: inline-block;
	margin-right:5px;
}

.TraminoMemoryButton.memorydel:before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f146";
	display: inline-block;
	margin-right:5px;
}


#merkzettellayer {
	padding:0px;
	width:225px;
}

#merkzettellayer h2 {
	padding:15px;
	margin:0;
	background:#ddd;
}

#merkzettellayer h3 {
	padding:10px 15px;
	margin:0;
	border-top:1px solid #ddd;
}


#merkzettellayer ul {
	padding:0;
	margin:0;
	list-style:none;
}

#merkzettellayer ul li {
	list-style:none;
	padding:10px 15px;
	border-top:1px solid #ddd;
}

#merkzettellayer ul li:hover {
	background:#eee;
}


#merkzettellayer ul li a {
	text-decoration:none;
	color:#666;
}

#TraminoMemory ul {
	display: none !important;
}

#TraminoMemory {
	display: inline-block;
	float: right;
}

#TraminoMemory h3:after {
	content: " gespeichert";
}

#TraminoMemory h3 {
	font-weight: normal !important;
	font-size: 16px;
	margin:-15px 0px;
	padding:15px;
	background:#4DB4BB;
	color:#fff;
	display:inline-block;
}

#footer {
	min-height:100px;
	background:#eee;
	padding:15px;
	text-align:center;
	font-size:13px;
	border-bottom:#595554 10px solid;
}

#footer .copyright a {
	color:#595554;
}

#footer a.ico {
	font-size:24px;
	margin:15px 30px;
	text-decoration:none;
	color:#595554;
	display:inline-block;
}

#footer a.ico.tel:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f095";
	text-align: center;
	color: #fff;
	width: 40px;
	height: 32px;
	border-radius: 20px;
	background: #4DB4BB;
	display: inline-block;
	padding-top: 8px;
	margin-right: 5px;
}

#footer a.ico.mail:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f003";
	text-align: center;
	color: #fff;
	width: 40px;
	height: 32px;
	border-radius: 20px;
	background: #4DB4BB;
	display: inline-block;
	padding-top: 8px;
	margin-right: 5px;
}


#footer a.ico.facebook:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f09a";
	text-align: center;
	color: #fff;
	width: 40px;
	height: 32px;
	border-radius: 20px;
	background: #4DB4BB;
	display: inline-block;
	padding-top: 8px;
	margin-right: 5px;
}


#footer a.ico.instagramm:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f16d";
	text-align: center;
	color: #fff;
	width: 40px;
	height: 32px;
	border-radius: 20px;
	background: #4DB4BB;
	display: inline-block;
	padding-top: 8px;
	margin-right: 5px;
}


#footer a.ico.youtube:before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f167";
	text-align: center;
	color: #fff;
	width: 40px;
	height: 32px;
	border-radius: 20px;
	background: #4DB4BB;
	display: inline-block;
	padding-top: 8px;
	margin-right: 5px;
}

.sselect {
	position:relative;
	cursor:pointer;
}

.sselect select {
	position:absolute !important;
	margin:0 !important;
	top: 0px !important;
	left: 0px !important;
	right: 0px !important;
	bottom: 0px !important;
	width:100%;
	height:44px;
	line-height:44px;
	background:#ddd;
	cursor:pointer;
}


div.sselect.disabled , .disabled div.sselect {
	background-color: #eee;
	color: #999;
}

div.sselect {
	padding: 10px 50px 10px 15px;
	border: 1px solid #aaa;
	margin: 0 10px 10px 0;
	display: inline-block;
	position: relative;
}

div.sselect:before {
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f078";
	position:absolute;
	right:10px;
	top:10px;
}

#xxcontent a[target="_blank"]:after, #xxbody a.externlink:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0 5px;
}

.xxTraminoTextile a[href^="mailto"]:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0 5px;
}

#content a[target="_blank"], #body a.externlink {
	white-space: nowrap;
}


#teaserbox {
    text-align: center;
    width: 36%;
    margin-left: 2%;
    float: left;
    position:relative;
    background: #4DB4BB;
    color:#fff;
    font-size:18px;
    font-weight:100;
	cursor:pointer;
}

#teaserbox img {
    width: 100%;
	height:auto;
}

#teaserbox span.hl {
    font-family: 'Roboto Slab', serif;
    display:block;
    padding:10px 20px;
    font-size:24px;
}

#teaserbox p {
    padding:0px 15px;
	margin:0;
}


#teaserbox a {
    text-decoration:none;
    border: 1px solid #fff;
    display:inline-block;
    margin:15px 0 25px;;
    font-size:20px;
    color:#fff;
	padding: 10px;
    text-transform: uppercase;
    font-size: 16px;
}

#teaserbox a:hover {
    background: #fff;
    color: #4DB4BB;   
}

.footerlinks {
    max-width: 1000px;
    margin: 50px auto 0;
}

.footerlinks a {
    width: 25%;
    float: left;
	max-width:200px;
}

.footerlinks a img {
    width:100%;
}

.footerlinks a:hover {
    -webkit-filter:brightness(75%);
    -moz-filter:brightness(75%);
    filter: url(#brightness);
    filter:brightness(75%);
}

/* NEUES STYLE */
#header, #header > .wrapper {
    height: 90px;
}

#header.sticky .logo, #header.mobile .logo, #header.sticky.rathaus .logo, #header.rathaus.mobile .logo {
    top: 34px;
    left: 15px;
}

#header.sticky .navi, #header.mobile .navi {
    margin-top: 0;
    padding-left: 190px;
}

#header #qsicon {
    border-radius: inherit;
    top: 0;
    right: 0;
    margin: 0;
    height: auto;
}

#header #qsbox {
    right: 0;
    top: 90px;
}

#header .navi ul li a span.extra {
    display: none;
}

#header .navi > .ul > ul > li > a {
    height: 20px;
    padding: 35px 10px;
    font-weight: bold;
    font-size: 16px;
}

#header a.ipbs {
    display: none !important;
}

#header.sticky #searchicon {
    display: block;
    right: 90px;
    position: absolute;
    margin: 0;
    padding: 30px;
    height: 30px;
    width: 30px;
}

#header > .wrapper {
    max-width: none;
}

#header .navi ul li.nav_aktiv:hover > a, #header .navi ul li.nav_offen:hover > a, #header .navi ul li:hover > a {
    background: #fff;
    color: #595554;
}

#header .navi > .ul > ul > li > .ul > ul {
    background: #fff;
}

#header .navi > .ul > ul > li > .ul > ul li a {
    border-bottom: none;
    color: #595554;
}

#header .navi > .ul > ul > li > .ul > ul > li > a {
    text-transform: uppercase;
    color: #4eb4bb;
    font-size: 14px;
}

#header .navi > .ul > ul > li > .ul > ul li a:hover {
    background: none;
    color: #000;
}

div#content {
    padding-top: 90px;
}

div#menuwrapper {
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
}
		
	
#header #searchicon:before, #searchform a.searchicon:before {
    content: url(https://storage.tramino.net/iphofen/1041971/search-icn.svg);
	margin: 0;}

#header #searchicon:before {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 35px;
	left:35px;
}

#header #searchicon.search:before, #searchform a.searchdel:before, #header #qsicon.open:before {
    content: url(https://storage.tramino.net/iphofen/1041964/close-icn-white.svg);
}

#header #searchicon.search {
    background: #2c2a29;
}

#body #searchbox {
    top: 90px;
}

#searchform {
	background:rgba(25,24,23,.5);
}
		
#searchform a.searchicon {
    background: #595554;
    padding: 10px;
    width: 25px;
    height: 26px;
}

#body #searchbox a.searchdel {
    background: none;
    right: -10px;
}

#body #searchbox a.searchdel:hover {
    background: none;
}

#header #qsicon {
    text-align:center;
    padding: 25px 10px;
    width: 70px;
    height: 40px;
}

#header #qsicon:before {
    content:url(https://storage.tramino.net/iphofen/1136222/buchen-btn.svg);
}

#header #qsicon.open {
    background: #2c2a29;
    padding: 30px;
    width: 30px;
    height: 30px;
}		
img.goog-te-gadget-icon, #google_translate_element .skiptranslate {
    display: none;
}


#header .qssubmenu {
    position: absolute;
    top: 0px;
    background: #f7a700;
    right: 0px;
    width: 120px;
    text-align: center;
    top: 90px;
}

#header.mobile .qssubmenu {
	top:75px;
}

#header .qssubmenu a {
    display: block;
    padding: 10px 5px;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    text-decoration: none;
    border-top: 1px solid rgba(0,0,0,.075);
    height: 24px;
}


#header .qssubmenu a:hover {
    background:#4DB4BB;
}
		
.newfooter a.ipbs {
    text-transform: uppercase;
    text-decoration: none;
    color: #595554;
    background: #eee;
    padding:10px;
}

.newfooter a.ipbs span {
    font-family: 'Roboto Slab', serif;
}

		.newfooter {
    padding: 20px;
    color: #595554;
    font-size: 13px;
}

.newfooter a.btn {
    text-decoration:none;
    text-transform:uppercase;
    color:#595554;
    font-weight:bold;
    font-size:11px;
	padding:3px;
}
		
.newfooter a.abst {
    padding-left:20px;
}
		
.newfooter a:hover {
	color:#000;
}
		
.newfooter a.image:hover {
	-webkit-filter: brightness(75%);
    -moz-filter: brightness(75%);
    filter: url(#brightness);
    filter: brightness(75%);
}

		
.newfooter2 {
    background: #595554;
    color: #eee;
    font-size: 13px;
    padding:10px;
}
		
.newfooter2 .h3 {
    font-family: 'Roboto Slab', serif;
	font-size:17px;
	margin:15px 0;
}

.newfooter2 .left {
    padding-right:50px;
}

.newfooter2 a { text-decoration:none; color:inherit;}
		
.newfooter2 a.ico {
    text-align: center;
    display: block;
    float: left;
    padding-right: 50px;
	color:#fff;
	text-decoration:none;
	opacity:0.8;
}
.newfooter2 a.ico:hover {
	opacity:1;
}
.newfooter2 a.ico img {
	display: inline !important;
   	height: 25px;
    padding: 0 10px 10px;
}
		
#body #motive2start {
	height: calc(100vh - 275px);
    max-height: 62vw;
}
		
#body #header .navi ul ul li.nav_aktiv > a {
    font-weight: bold;
}
		
#body #header.mobile.rathaus .logo {
    left: 0;
}

#header.rathaus .logo span.ip, #body.navi #header.rathaus .navi > .ul > ul > li.nav_offen > a, #header.rathaus #searchicon, #body.navi #header.rathaus.mobile #navicon {
    color: #fff;
}

#menuwrapper.rathaus, #header.rathaus .navi ul li.nav_aktiv:hover > a, #header.rathaus .navi ul li.nav_offen:hover > a, #header.rathaus .navi ul li:hover > a, #header.rathaus .navi > .ul > ul > li > .ul > ul, #header.rathaus #searchicon:hover, #header.rathaus a.ipbs:hover, #body.navi #header.mobile.rathaus #navicon, #body.Mandant_18667 a.cta:hover, #body.Mandant_18667 .TraminoVorlage .teaserbox .teaser span.cta:hover, #body.Mandant_18667 .TraminoVorlage .teaserbox .teaser .highlight {
    background: #fff;
}
		
#header.rathaus .logo a {background: url(https://storage.tramino.net/stadt-iphofen/1062230/stadt-logo.svg);background-size: 150px;background-repeat: no-repeat;height: 50px;background-position: center center;}

#body #header.rathaus .logo {
    top: 10px;
}

#body #header.rathaus .logo img, #body #header.mobile.rathaus .logo span {
    display: none;
}
		
#header.rathaus .navi > .ul > ul > li > .ul > ul > li > a {
    color: #80b71c;
}

#body #header.rathaus #searchicon {
    right: 0;
    color: #fff;
}

#header.rathaus #searchicon:hover {
    background: #80b71c;
}

#header.rathaus .navi > .ul > ul > li > .ul > ul li a:hover {
    color: #000;
}
		
div.sselect:before {
    content: url(https://storage.tramino.net/iphofen/1041960/arrow-down-gray.svg);
    top: 10px;
    position: absolute;
    width: 15px;
}

div.sselect {
    background: #fff;
    color: #000;
    border-color: #aaa;
    height: 26px;
}

.checksub:after {
    display: none;
}
		
span.ico {
    background: transparent url(https://storage.tramino.net/iphofen/1043403/arrow-right-white.svg) no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 0 -5px 10px;
}

#content .File.Bild a:before, .teaserbox a.fancyimage:before, .teaserbox a.nofancyimage:before,
#content .File.Bild a:hover:before, .teaserbox a.fancyimage:hover:before, .teaserbox a.nofancyimage:hover:before {
    content: url(https://storage.tramino.net/iphofen/1043422/005-maximize.svg);
    background: transparent;
    top: 15px;
    right: 10px;
    left: unset;
    position: absolute;
    margin:0;
    width: 40px;
    height: 33px;
    padding-top: 0px;
}
		
.fancybox-bg {
    background: #191817e0;
    opacity: 1 !important;
}

.vadetail, .tb {
    box-shadow: 3px 3px 10px rgba(0,0,0,.5);
}

button.fancybox-close-small {
    background: #666;
    color: #fff;
    margin: 10px;
    width: 25px;
    height: 25px;
}@media print {
	#body #content { padding:0; margin:0; }
	#body #content #claim { display:none; }
	#body #content .contentbox {
		padding:0 0 15px 0;
		width:100%;
		float:none;
		margin-bottom:30px;
	}

	#body #content #filesbox{
		padding:15px;
		width:auto;
		float:none;
		margin-bottom:15px;
	}
}.mobil { display:none; }

#navicon, #mobilstart { display:none; }

@media only screen and ( max-width: 500px ){
	
	#body .mobil { display: initial; }
	#body .nomobil { display:none; }
	
	#content .File.Bild a:before {
    	content: url(https://storage.tramino.net/iphofen/1278014/gallery-icn.svg);
	    width: 60px;
	}
	
	.terminliste .terminbild.right{
		float: none;
    	padding-bottom: 10px;
	}
	
	table.restable {
		max-width: 100%;
		overflow: scroll;
	}
	.nav__102595 {
    	display: none !important;
	}
	
	#body #motive2start { min-height:61vh; }
	
	#body .footerlinks a {
    	width: 50%;
	    float: left;
	}

	
	#body #content #filesbox .File.Bild {
	    margin: 0 60px;
	}
	
	#body #content .TraminoTextile a {
		white-space:normal;
	}
	
	#content .contentbox .Headlines h1 {
		font: normal normal bold 32px/40px Roboto Slab;
	}
	
	#body .TraminoVorlage .teaserbox .teaser {
		width:100%;
		margin:0 0 30px;
		height: 250px;
	}



	#body .TraminoVorlage .partnerdetail .File.Bild {
		width:100%;
		float:none;
		margin-right:0%;
	}

	#body .TraminoVorlage .partnerdetail .left.mmitem {
		border-left: 0px solid #aaa;
		float:none;
	}

	#body .TraminoVorlage .partnerdetail #googlemap, #body .TraminoVorlage .partnerdetail .left.kontakt {
		width:100%;
		margin-right:0;
		float:none;
	}

	#body .TraminoVorlage .partnerfilter {
		width: auto;
		position: relative;
		max-height: 40px;
		min-height: 40px;
		margin: 0 0 15px;
		overflow:hidden;

	}

	#body .TraminoVorlage .partnerfilter .info {
		cursor:pointer;
	}

	#body .TraminoVorlage .partnerfilter.aktiv {
		max-height: 400px;
	}

	#body .partnerhead.mitfilter, #body .matches.mitfilter, .googlemap.mitfilter {
		margin-left: 0px;
	}

	#body .TraminoVorlage .partnerfilter .info:before {
		font: normal normal normal 24px/1 FontAwesome;
		content: "\f0b0";
		margin-right: 10px;
		color: #fff;
		background-color: #595554;
		padding: 10px;
		border-radius: 30px;
		width: 20px;
		display: inline-block;
		height: 20px;
	}

	#body .TraminoVorlage .partnerhead .right, #body .TraminoVorlage .partnerliste .match .cta {
		float:left;
	}


	#body .TraminoVorlage .partnerliste .match .File.Bild img, #body .TraminoVorlage .partnerliste .match .File.Bild {
		float:none;
		width:100%;
		margin-right: 0px;
		margin-bottom:5px;
	}
	
	#body .TraminoVorlage .liste li.personliste {
		height:auto;
	}
	
	.File_3, .File_4, .File_5, .File_6 {
    	display: none;
	}
	
	#body #content #filesbox .File.Bild {
    	margin: 0 10px;
	    padding: 0;
	}
			
	#body #content {
    	padding-top: 75px !important;
	}
			
	#body #motive2start {
    	height: 62vw !important;
		min-height: unset !important;
	}
	
	#body #content #claim, #body #content #teaserbox, #body #content .contentbox {
		padding:0 0 15px 0;
		margin: 0;
		width:100%;
		float:none;
		margin-bottom:30px;
	}

	#body #content #filesbox {
		padding:15px;
		width:auto;
		float:none;
		margin-bottom:15px;
	}
	/*
	#body .TraminoVorlage .teaserbox .teaser {
		width:48%;
	}*/
	
	#body .TraminoVorlage .partnerfilter {
		display:none;
	}
	
	#body .partnerhead.mitfilter, #body .matches.mitfilter, #body .googlemap.mitfilter {
		margin:0;
	}
	
	#body .Paginator .anzahl {
		display: block;
		padding-bottom: 15px;
	}
	
	#body div#vahighlight, #body div#vahighlight2 {
    	width: auto;
	    padding:15px;
    	float: none;
	}
			
	.newfooter2 .left, .newfooter2 .right {
    	float: none;
	    margin: 0 auto;
    	width: unset;
	    padding: 0 0 15px 0 !important;
		text-align:center;
	}
			
	.newfooter2 .left a.ico, .newfooter2 .right a.ico {
    	padding: 0 0 20px;
    	width: 30%;
    	display: inline-block;
    	float: unset;
	}
			
	.newfooter2 .right a.ico {
    	display: inline-block;
    	float: unset;
	}

	.newfooter {
    	text-align:center;
	}

	.newfooter a.abst {
    	padding:10px !important;
	}
	
	.newfooter2 p {
    	text-align: center;
	}
	
	#body div.textoef {
		display:block;
	}
}


@media only screen and ( max-width: 900px ){
	
	a#link_header_stadt {
    	width: 75px;
    	height: 75px;
    	padding-right: 75px;
	}
	
	#body #TraminoHeaderTiny { display:none; }
	#body #header .navi .ul { display:none;}
	
	#body.navi #header .navi .ul { display:block;}
	
	#body #header .navi #searchicon {
		position: absolute;
        left: 40px;
	}
	
	#body #header .logo {
		width: 160px;
		left: 50%;
		margin-left: -80px;
	}
	
	#header #searchicon:before {
	    top: 20px;
		left:20px;
	}
	
	#header #searchicon:after {
	    content: "Suchen";
    	position: absolute;
	    bottom: 16px;
    	left: 0;
	    right: 0;
    	text-align: center;
	    font-size: 10px;
		color:#fff;
	}
	
	#body #searchform .swap {
    	width: auto;
    	margin: 0 75px 0 10px;
    	position: relative;
	}
	
	#body #searchbox { top:55px !important; }
	
	#body.search #suggestanker ul {
	    margin: 0 !important;
	}
	
	#body.search #suggestanker ul li {
        padding: 10px !important;
	}
	
	#body.search #suggestanker ul li img, #body.search #suggestanker ul li .cta {
        display:none;
	}
	
	#body #menuwrapper { display:none !important; }

	#body #header .logo {
		width: 310px;
		left: 50%;
		margin-left: -155px;
	}
	#body #header .logo span.ws { display:inline; top:-10px; }

	#body #content {
		padding-top:55px;
	}

	#header #qsicon {
		width: 40px;
		padding: 10px 20px 0;
		right:10px;
		margin-right:0;
		height:35px;
	}
	#body #navicon { display:block; }

}


@media only screen and ( min-width: 500px ){
	
	#header #qsicon.open:after { content:"";}
	
	#header li.nav__51097 {
    	display: none !important;
	}
	
	#content.storytelling .contentbox .Headlines h1 {
    	font-size: 48px;
	}
	
	body #link_stadt, body #link_ti {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 122px;
    height: 122px;
}
	#vgmbox {
		float:right;
		margin:10px;
	}
}


@media only screen and ( max-width: 900px ){
		
	#header, #header > .wrapper {
    	height: 75px;
	}

	#body #header.mobile.rathaus .logo {
    	margin: 0 !important;
	    left: 10px !important;
    	top: 10px !important;
		width:160px !important;
		scale: .9;
	}

	#body #header.mobile .logo {
    	margin: 0 !important;
    	left: 0px !important;
    	top: 25px !important;
		width: auto !important;
		scale: .9;
	}
	
	#header #qsicon {
    	padding: 20px 5px;
    	height: 35px;
    	right: 65px;
    	width: 55px;
	}

	#header #qsicon:after {
    	bottom: 16px;
    	text-transform: none;
	}

	#toptenlink {
	    width: 100px;
	    height: 100px;
	    bottom: 25px;
	    left: 25px;
	}

	#header #dingeicon {
    	padding: 25px 5px;
    	right: 130px;
    	width: 55px;
    	height: 25px;
	}
	
	#header #itlink {
    	padding: 25px 5px;
    	right: 65px;
    	width: 55px;
    	height: 25px;
	}
	
	#header #searchicon {
	    right: 130px !important;
    	left: unset !important;
    	padding: 15px 20px !important;
    	height: 45px !important;
    	color: #fff;
    	width: 25px !important;
	}

	#header.mobile #navicon {
    	right: 0;
	    left: unset;
    	padding: 20px;
    	height: 35px;
    	width: 25px;
    	color: #fff;
    	top: 0;
	}

	#header.mobile #navicon:before {
    	content: url(https://storage.tramino.net/iphofen/1041968/mobile-menu.svg);
    	top: unset;
    	left: unset;
    	position: relative;
	}

	#body #searchbox {
    	top: 75px !important;
	}

	#header #qsicon.open {
    	padding: 15px 20px;
	    width: 25px;
    	height: 45px;
	}

	#header #qsbox.open {
    	top: 75px;
    	left: 0;
    	width: auto;
    	bottom: 0;
    	position: fixed;
	}

	div#quicksearch {
    	position: relative;
    	width: 280px;
    	margin: 0 auto;
	}

	#body.navi #header.mobile #navicon {
	    background: #2c2a29;
	    color: #fff;
	    padding: 15px 20px;
	    width: 25px;
	    height: 45px;
	}

	#body.navi #header.mobile #navicon:before {
    	content: url(https://storage.tramino.net/iphofen/1041964/close-icn-white.svg);
    	position: relative;
    	top: unset;
    	left: unset;
	}

	#body.navi #header .navi {
    	top: 75px;
    	background: #fff;
		max-width: 400px;
    	left: unset;
	    box-shadow: 0 10px 500px #000;
	}

	#body.navi #header .logo, #body.navi #header #qsicon {
    	display: block;
	}

	#body.navi #header .navi ul li a, #body.navi #header .navi > .ul > ul > li > a {
    	color: #4db4bb;
    	font-size: 16px;
    	padding: 20px;
    	border-bottom: 1px solid rgba(0,0,0,.1);
    	position: relative;
	}

	#header .navi ul li a span.extra {
 	   display: block;
    	top: 20px;
    	width: 15px !important;
		padding: 15px 25px 20px !important;
		position:absolute;
	}

	#body.navi #header .navi > .ul > ul > li > a > span.extra:before, #body.navi #header .navi > .ul > ul > li > .ul > ul > li > a > span.extra:before {
    	content: url(https://storage.tramino.net/iphofen/1041959/arrow-down-blue.svg);
	}
			
	#body.navi #header.sticky #searchicon { position:fixed; top:0;}
			
	#body.navi #header .navi > .ul > ul > li > .ul > ul li a {
    	border: 0px !important;
    	padding: 30px 0 5px 30px;
	}
			
	#body.navi #header .navi > .ul > ul > li > .ul > ul li li a {
    	color: #595554;
    	padding: 10px 0 10px 30px;
    	border-bottom: 1px solid rgba(0,0,0,.1) !important;
	}

	#body.navi #header .navi > .ul > ul > li.nav_offen > a {
    	color: #fff;
	}
			
	#body.navi #header .navi > .ul > ul > li.nav_offen > a > span.extra:before, #body.navi #header .navi > .ul > ul > li > .ul > ul > li.nav_offen > a > span.extra:before {
    	content: url(https://storage.tramino.net/iphofen/1041961/arrow-up-white.svg);
	}
			
	#body #header.rathaus #searchicon {
    	right: 65px !important;
    	color: #fff;
	}
			
}@media only screen and ( min-width: 900px ){

	#header.rathaus li.nav__124690 {
    	clear: left;
	}

	
}

#header.rathaus img.bildlogo {
    display: none !important;
}

#header.rathaus span.ip {
    display: none !important;
}

#header.rathaus .logo {
	width:410px;
}

#header.rathaus .ip svg path, #header.rathaus .ip svg polygon {
	fill: #80B71B !important;
}

#header.rathaus #searchicon:hover, #header.rathaus a.ipbs:hover, #body.navi #header.mobile.rathaus #navicon, #body.Mandant_18667 a.cta:hover, #body.Mandant_18667 .TraminoVorlage .teaserbox .teaser span.cta:hover, #body.Mandant_18667 .TraminoVorlage .teaserbox .teaser .highlight {
	background:#80B71B;
}

#body.navi #header.rathaus .navi ul li a, #body.navi #header.rathaus .navi > .ul > ul > li > a, #header.rathaus .logo span.ip, #body.navi #header.rathaus .navi > .ul > ul > li.nav_offen > a, #header.rathaus #searchicon, #body.navi #header.rathaus.mobile #navicon {
	color:#80B71B;
}


#body.navi #header.rathaus .navi > .ul > ul > li > a > span.extra:before, #body.navi #header.rathaus .navi > .ul > ul > li > .ul > ul > li > a > span.extra:before {
    content: url(https://storage.tramino.net/iphofen/1062552/arrow-down-green.svg);
}

#body.navi #header.rathaus .navi > .ul > ul > li.nav_offen > a > span.extra:before, #body.navi #header.rathaus .navi > .ul > ul > li > .ul > ul > li.nav_offen > a > span.extra:before {
    content: url(https://storage.tramino.net/iphofen/1041961/arrow-up-white.svg);
}

#header.rathaus .navi > .ul > ul > li > .ul > ul li a, #body.navi #header.rathaus .navi > .ul > ul > li > .ul > ul li a {
	border-color:#B3D577;
}

#header.rathaus .navi > .ul > ul > li > .ul > ul li a:hover {
	/*background:#B3D577;*/
	color:#000;
}

#header.rathaus .navi > .ul > ul > li.nav_aktiv > a, #header.rathaus .navi > .ul > ul > li.nav_offen > a, #footer.rathaus a.ico.tel:before, #footer.rathaus a.ico.mail:before {
	background:#669E14;
	color:#fff;
}

#body.navi #header.rathaus .navi > .ul > ul > li.nav_offen > a {
	background:#669E14;
	color:#fff;
}

#header.rathaus #searchicon:hover {
	color:#fff;
}

#header .navi ul li a.zzei {
	padding: 5px 15px;
	height: 45px;
	line-height:20px;
}

#body #header .navi > .ul > ul > li > a.zzei {
	padding: 5px 10px;
}

#body.Mandant_18667 .TraminoTextile a, #body.Mandant_18667 #content .pfad a:hover, #body.Mandant_18667 #content .TraminoTextile a, #body.Mandant_18667 #searchform a.searchicon:hover, #body.Mandant_18667.search #suggestanker ul li:hover a, #body.Mandant_18667.search #suggestanker ul li:hover span.info_before, #body.Mandant_18667.search #suggestanker ul li:hover span.info_after {
	color:#80B71B;
}

#body.Mandant_18667 #TraminoMemory h3, #body.Mandant_18667 #searchform, #body.Mandant_18667 #searchbox a.searchdel:hover, #body.search.Mandant_18667 #suggestanker ul li:hover span.cta {
	background-color:#80B71B;
}

#body.Mandant_18667 .TraminoVorlage .teaserbox .teaser a.inhalt {
	height:50px;
}

#body.Mandant_18667 .TraminoVorlage .teaserbox .teaser a.inhalt span.trunktxt {
	opacity:0;
}

#body.Mandant_18667 .TraminoVorlage .teaserbox .teaser:hover a.inhalt {
	height:210px;
}

#body.Mandant_18667 .TraminoVorlage .teaserbox .teaser:hover a.inhalt span.trunktxt {
	opacity:1;
}


#header.sticky .logo span.sb { display:none; }




#body.Mandant_18667 div#vahighlight {
    background: #80B71B;
    color: #fff;
	border-top: 0px solid #fff;
}

#body.Mandant_18667 div#vahighlight a {
    color: #fff !important;
}

div#vahighlight2 { 
    padding: 15px;
    width: 36%;
    padding-left: 2%;
    float: left;
    position: relative;
    background: #eee;
}


div#vahighlight2 ul, div#vahighlight2 li {
    list-style:none;
    margin:0;
    padding:0 0 5px;
}

div#vahighlight2 a { white-space:normal !important; }#motive2start { position: relative; width:100%; overflow:hidden; background:#333; min-height:300px; }
#motive2start img.motivimg { display: block; width: 100%; position:absolute; top:0px; left:0px; }
#motive2start #nav_rechts, #motive2start #nav_links, #nav_rechts2, #nav_links2 {
	width:100px;
	position:absolute;
	top:0px;
	bottom:0px;
	cursor:pointer;
}

#motive2start #nav_rechts, #motive2start #nav_links, #nav_rechts2, #nav_links2 { width:100px; }


#motive2start div.motivimg, #motive2start #bilderstack {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
}

#motivinfo, #motivinfo2 {
	position:absolute;
	bottom:20px;
	right:100px;
	left:100px;
	text-align:center;
}

#motivinfo {
	display:none;
}

#motive2start:hover #motivinfo {
	display:block;
}

#motivinfo p, #motivinfo2 p {
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width:10px;
	height:10px;
	background:#fff;
	margin:3px;
	cursor:pointer;
	padding:0;
	background:#595554;
	border: 2px solid #fff;
}

#motive2start:hover #motivinfo p, #motive2start:hover #motivinfo2 p {
}

#motive2start:hover #motivinfo p:hover, #motive2start:hover #motivinfo2 p:hover {
	border-color: #595554;
	background:#fff;
}

#motive2start:hover #motivinfo p.active, #motive2start:hover #motivinfo2 p.active {
	border-color: #595554;
	background:#fff;
}

#motive2start #nav_links, #nav_links2 {  left:0px; }
#motive2start #nav_rechts, #nav_rechts2 { right:0px; }


#motive2start #nav_swipe {
	position:absolute;
	left:100px;
	right:100px;
	top:0px;
	bottom:0px;
}


#motive2start #nav_rechts svg, #motive2start #nav_links svg {
	opacity:0;
}


#motive2start:hover #nav_rechts svg, #motive2start:hover #nav_links svg {
	opacity:1;
}

#motive2start #nav_rechts svg polyline, #motive2start #nav_links svg polyline {
	stroke-width:2px;
}

#motive2start #nav_rechts:hover svg polyline, #motive2start #nav_links:hover svg polyline {
	stroke-width:4px;
}


#body #fancybox-title h3, #body #fancybox-title span {
	display:inline;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
}

#body #fancybox-close {
	display: inline;
	top: -50px;
	right: 0px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background:#fff;
	text-align:center;
}

#body #fancybox-close:before {
	font: normal normal normal 25px/1 FontAwesome;
	content: "\f00d";
	position: absolute;
	top: 8px;
	left: 10px;
	color: #333;
}

#body #fancybox-left:before, #body #motive2start:hover #nav_links:before, #body.toucher #motive2start #nav_links:before {
	font: normal normal normal 48px/1 FontAwesome;
	content: "\f104";
	position:absolute;
	top:50%;
	left:15px;
	background:rgba(25,24,23,.7);
	text-align:center;
	color:#fff;
	margin: -30px 0 0;
	width: 60px;
	height: 55px;
	border-radius: 30px;
	padding-top: 5px;
	opacity:0.75;
}

#body #fancybox-right:before , #body #motive2start:hover #nav_rechts:before, #body.toucher #motive2start #nav_rechts:before {
	font: normal normal normal 48px/1 FontAwesome;
	content: "\f105";
	position:absolute;
	top:50%;
	right:15px;
	background:rgba(25,24,23,.7);
	text-align:center;
	color:#fff;
	margin: -30px 0 0;
	width: 60px;
	height: 55px;
	border-radius: 30px;
	padding-top: 5px;
	opacity:0.75;
}

#body #fancybox-left:hover:before, #body #fancybox-right:hover:before, #body #motive2start #nav_links:hover:before, #body #motive2start #nav_rechts:hover:before {
	opacity:1;
}

#body #fancybox-left-ico, #body #fancybox-right-ico { display:none;}

#body #fbtip { padding-top:15px; }



picture {
  display: block;
  margin: 0 auto;
  width:100%;
  height:100%;
}

picture img {
    width: 100%;
    height: 100%;
	object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


@media only screen and ( max-width: 1200px ){
	picture .xxx img {
	    width: auto;
	    height: 100%;
	}
}#body .TraminoVorlage {
    margin: 0 0 90px 0;
}

.TraminoVorlage .Headlines {
	padding:10px;
}

.TraminoVorlage .teaserbox .teaser {
	width: 33.3%;
	float: left;
	height: 250px;
	position: relative;
	margin-bottom:30px;
	overflow:hidden;
}

.TraminoVorlage .breit .teaserbox .teaser {
	width: 50%;
	height: 380px;
}

.TraminoVorlage .teaserbox.vierer .teaser {
	width: 25%;
	float: left;
	height: 200px;
	position: relative;
	margin-bottom:30px;
	overflow:hidden;
}

.TraminoVorlage .teaserbox {
	margin: 50px 0;
	padding:10px;
}

.TraminoVorlage .teaserbox .teaser .bg, .TraminoVorlage .teaserbox .teaser .highlight {
	position: absolute;
	top: 0;
	left: 15px;
	right: 15px;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	background-color:#eee;
}

.TraminoVorlage .teaserbox .teaser a.inhalt {
	background-color: rgba(25,24,23,.7);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 10px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-family: 'Roboto Slab', serif;
	-webkit-transition: height .5s;
	transition: height .5s;
	height: 30px;
	display:block;
	overflow:hidden;
}

.TraminoVorlage .teaserbox .teaser .highlight a.inhalt { height:0px; padding:0; }

.TraminoVorlage .teaserbox .teaser a.inhalt span.trunktxt {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	margin: 5px 0;
	line-height:20px;
	opacity:0;
}
.TraminoVorlage .teaserbox .teaser:hover a.inhalt {
	height:210px;
	padding: 20px 10px;
}
.TraminoVorlage .teaserbox .teaser:hover a.inhalt span.trunktxt {
	opacity:1;
}

.TraminoVorlage .teaserbox .teaser a.fancyimage, .TraminoVorlage .teaserbox .teaser a.nofancyimage {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.TraminoVorlage .teaserbox .teaser a.fancyimage:after, .TraminoVorlage .teaserbox .teaser a.nofancyimage:after {
	content : "" !important;
}


a.cta, .TraminoVorlage .teaserbox .teaser span.cta, .backbutton a {
	padding: 10px 15px;
	background: #666;
	display: inline-block;
	margin: 15px 0;
	text-transform: uppercase;
	color:#fff !important;
	text-decoration:none !important;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

a.cta.bbutton {
	background:#F7A700;
}

a.cta:hover, .TraminoVorlage .teaserbox .teaser span.cta:hover, .backbutton a:hover {
	background:#4DB4BB;
}

.TraminoVorlage .teaserbox .teaser .highlight {
	background:#4DB4BB;
	text-align:center;
	color:#fff;
}

.TraminoVorlage .teaserbox .teaser .highlight span.cta {
	margin-top:80px;
}

.TraminoVorlage .teaserbox .teaser .highlight span.yt {
	font-family: 'Yellowtail', cursive;
	font-size:32px;
	color:#fff;
	padding:35px 10px 0;
	display:block;
}

.TraminoVorlage .partnerliste {
	min-height: 500px;
}

.TraminoVorlage .partnerliste .match, .TraminoVorlage .terminliste .match {
	border-top: 1px solid #aaa;
	padding: 30px 15px;
}
.TraminoVorlage .partnerliste .match {
	cursor:pointer;
}

.TraminoVorlage .partnerliste .match .File.Bild {
	float: left;
	margin-right: 15px;
	background:#EDEDED;
}

.TraminoVorlage .partnerliste .match p.headline, .TraminoVorlage .terminliste .match p.headline, .vadetail p.headline {
	padding: 0;
	margin: 0;
	font-size: 24px;     font-family: 'Roboto Slab', serif;     font-weight: 600;
}


.vadetail {
	padding:30px;
	max-width:800px;
}

.TraminoVorlage .partnerliste .match p.intro {
	margin: 0;
	font-weight: 200;
}

.TraminoVorlage .partnerliste .match p.text {
	max-height: 45px;
	overflow: hidden;
}


.TraminoVorlage .partnerliste .match:hover p {
	color:#4DB4BD;
}

.TraminoVorlage .partnerliste .match:hover a.cta {
	background-color:#4DB4BD;
}

.TraminoVorlage .partnerhead {
	padding:0 15px;
}

.TraminoVorlage .partnerhead .right {
	padding:0 5px 0 15px;
}

.TraminoVorlage .partnerhead .selectorWidget div {
	padding: 10px 20px;
	border: 1px solid #aaa;
	margin: 0 0 10px 0;
	display: inline-block;
	position: relative;
	cursor:pointer;
}

.TraminoVorlage .partnerhead .selectorWidget div.aktiv {
	background-color:#4DB4BD;
	color:#fff;
}

.TraminoVorlage .partnerhead .selectorWidget div:before {
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f00b";
}

.TraminoVorlage .partnerhead .selectorWidget div.karte:before {
	content: "\f041";
}

.TraminoVorlage .partnerhead .info, .TraminoVorlage .partnerfilter .info {
	font-size: 24px;
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
}

.TraminoVorlage .partnerliste.displayliste .matches .match, .TraminoVorlage .partnerliste.displaymap .matches .match, .TraminoVorlage .partnerliste .googlemap, .TraminoVorlage .partnerliste.displaymap .right.sort { display:none; }

.TraminoVorlage .partnerliste.displayliste .matches .match.visible, .TraminoVorlage .partnerliste.displaymap .matches .match.aktiv { display:block; }

.TraminoVorlage .partnerliste.displaymap .googlemap { display:block; height:500px; }


.TraminoVorlage .partnerfilter {
	background-color: #eee;
	width: 245px;
	position: absolute;
	min-height: 300px;
	padding: 15px;
	margin-top: -15px;
}

.partnerhead.mitfilter, .matches.mitfilter, .googlemap.mitfilter {
	margin-left: 300px;
}


.TraminoVorlage .partnerfilter ul, .TraminoVorlage .partnerfilter ul li {
	padding:2px 0;
	margin:0;
	list-style:none;
}

.partnerfilter ul li.headline {
	font-size: 18px;
	font-weight: 600;
	padding:50px 0 10px 0;
}

.TraminoVorlage .partnerfilter ul li.select {
	cursor:pointer;
}

.TraminoVorlage .partnerfilter ul li.select:before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f096";
	margin-right: 5px;
}


.TraminoVorlage .partnerfilter ul li.select.aktiv:before {
	content: "\f14a";
}

.TraminoVorlage .partnerfilter ul li.select:hover {
	color:#4DB4BB;
}

.TraminoVorlage .partnerdetail .Headlines h1 {
	padding:0;
}

#content .TraminoVorlage .partnerdetail .contentbox {
	width:100%;
	float:none;
}

.TraminoVorlage .partnerdetail .File.Bild {
	width:49%;
	float:left;
	margin-right:2%;
	position:relative;
}

.TraminoVorlage .partnerdetail .File.Bild.second {
	margin-right:0;
}

.TraminoVorlage .partnerdetail .File.Bild img {
	width:100%;
	height:auto;
}

.TraminoVorlage .partnerdetail .left.mmitem {
	border-left: 1px solid #aaa;
	padding: 2px 0 2px 40px;
	width: 160px;
	font-size: 16px;
	position:relative;
	color:#aaa;
}

.TraminoVorlage .partnerdetail .left.mmitem:before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f00d";
	position:absolute;
	top:4px;
	left:10px;
	color:#aaa;
}

.TraminoVorlage .partnerdetail .left.mmitem.aktive {
	color:#000;
}

.TraminoVorlage .partnerdetail .left.mmitem.aktive:before {
	content: "\f14a";
	color:#7FB227;
}

.TraminoVorlage .partnerdetail .mmbox h3 {
	font-size: 16px !important;
	padding-bottom: 15px !important;
}

.TraminoVorlage .partnerdetail #googlemap {
	width:49%;
	margin-right:10%;
	height:400px;
}

.TraminoVorlage .partnerdetail .left.kontakt {
	width:40%;
}

.TraminoVorlage .partnerdetail .contentbox .TraminoTextile table td, .TraminoVorlage .partnerdetail .contentbox .TraminoTextile table th {
	border: 0px;
	border-left: 1px solid #aaa;
	padding: 5px 15px;
}

.TraminoVorlage .partnerdetail .contentbox .TraminoTextile table td.aktiv, .TraminoVorlage .partnerdetail .contentbox .TraminoTextile table th.aktiv {
	background:#eee;
}

.TraminoVorlage .partnerdetail .TraminoTextile table {
	border: 0;
}

.TraminoVorlage .terminliste .match {
	padding: 15px;
	position:relative;

}

.TraminoVorlage .terminliste .match p {
	padding: 0;
	margin: 0;
}

.TraminoVorlage .terminliste .match p.headline {
	padding: 10px 0;
}

.TraminoVorlage .terminliste .termindatum {
	width: 40px;
	border: 2px solid #ABAAA8;
	text-align: center;
	margin-bottom: 15px;
	background-color: #fff;
	font-size: 24px;
	position:absolute;
	top:0;
	left:-60px;
	color:#ABAAA8;
}

.TraminoVorlage .terminliste .termindatum .month {
	background-color: #ABAAA8;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	text-transform: uppercase;
}

.Paginator a {
	background-color: #ddd;
	padding: 8px 12px;
	margin-left: 2px;
	text-decoration: none;
	color: #000 !important;
    display: inline-block;
    margin-bottom: 5px;
}


.Paginator span.anzahl {
	margin-right: 10px;
}

.Paginator .aktiv a {
	background:#595554;
	color:#fff !important;
}

.Paginator .aktiv a:hover, .Paginator a:hover {
	background:#4DB4BB;
	color:#fff !important;
}


.TraminoVorlage .liste ul, .TraminoVorlage .personliste li {
	padding:0;
	margin:0;
	list-style:none;
}

.TraminoVorlage .liste.line ul {
	border-bottom:1px solid #aaa;
	padding-bottom:10px;
	margin-left:15px;
}


.TraminoVorlage .liste li.personliste {
	/*float:left;
	text-align:center;
	width:270px;
	height:380px;
	margin:0 15px 15px 0;*/
    margin: 15px;
}

.TraminoVorlage .liste li.personliste .image {
	background-size:cover;
	background-position: center center;
	background: #ddd;
	width:200px;
	height:200px;
	display:inline-block;
	border-radius:100px;
	margin-bottom:15px;
}

.TraminoVorlage .liste li.personliste .h2 {
	font-size: 18px;
	/*font-family: 'Roboto Slab', serif;*/
	font-weight: 600;
}

.TraminoVorlage .liste li.personliste p {
	margin-top:0;
}

.TraminoVorlage .liste li.formliste {
	padding:0 0 10px 15px;
}

.TraminoVorlage .liste li.formliste .h2 {
	font-size: 18px;
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	border-top:1px solid #aaa;
	padding-top:10px;
	/* margin-top:10px; */
}

.TraminoVorlage .liste li.formliste .h2 a {
	text-decoration:none;
	color:#4DB4BB;
}

.TraminoVorlage .liste li.formliste .h2 a:hover {
	text-decoration:underline;
}


.TraminoVorlage .liste li.aktiv, .TraminoVorlage .liste li.lightbox:hover  {
	background:#eee;
	cursor:pointer;
}

.TraminoVorlage .liste li.formliste p {
	padding:0;
	margin:0;
}


.TraminoVorlage .liste .fileitem:before {
	font-family: FontAwesome;
	content: "\f016";
	font-weight:300;
	margin-right:10px;
}


.TraminoVorlage .liste .fileitem.formatpdf:before { content: "\f1c1"; }
.TraminoVorlage .liste .fileitem.formatjpg:before { content: "\f1c5"; }
.TraminoVorlage .liste .fileitem.formatdoc:before { content: "\f1c2"; }



#content .TraminoVorlage .form_wrapper, #content .T1979 , #content .T711, #content .TraminoVorlage.T318 {
	max-width: 1200px;     margin: 0px auto;
}

#content #disclaimer, #content #datenschutz, #content #impressum, #content .TraminoVorlage .form_wrapper .TraminoForm {
	padding:15px;
}

#content .TraminoVorlage .form_wrapper .TraminoForm .label h4 {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
}

#content .TraminoVorlage .form_wrapper .TraminoForm .Widget {
	font-size: 16px;
}

#content .TraminoVorlage .form_wrapper .TraminoForm .group {
	width: 100%;
	padding: 0;
}

#content .TraminoVorlage .form_wrapper .TraminoForm .checkbox {
	float: none;
	padding-bottom: 5px;
}

#content .TraminoVorlage .TraminoForm input[type="submit"] {
	padding: 10px 15px;     background: #888;     display: inline-block;
	margin-top: 15px;     text-transform: uppercase;     color: #fff !important;     text-decoration: none;     font-family: 'Roboto', sans-serif;
	font-size: 15px !important;
	border: 0px solid #fff;
	font-weight: 300;
}

#content .TraminoVorlage .form_wrapper .TraminoForm input[type="submit"]:hover {
	background-color: #4DB4BB;
}

#content .TraminoVorlage .form_wrapper .TraminoForm select {
	width: 100%;
}


#content .TraminoVorlage .form_wrapper .TraminoForm .element {
	max-width:800px;
}

#content .TraminoVorlage .form_wrapper .TraminoForm .TextWidget input[type=text], #content .TraminoVorlage .form_wrapper .TraminoForm input[type=email], #content .TraminoVorlage .form_wrapper .TraminoForm textarea , #content .TraminoVorlage .form_wrapper .TraminoForm .AdresseWidget input[type=text] {
	border:1px solid #aaa;
	padding:10px;
	font-size: 18px;
    font-weight: normal;
}

#content .TraminoVorlage .form_wrapper .TraminoForm .AdresseWidget .adresse_email input[type="text"] {
    width: 364px !important;
}

#content .TraminoVorlage .form_wrapper .TraminoForm .AdresseWidget .Label {
    font-size: 16px;
    margin: 2px 0px 20px 1px;
}

#content .TraminoVorlage .form_wrapper .TraminoForm .AdresseWidget .adresse_pflichtfeld { display:none; }

#content .TraminoVorlage .form_wrapper .TraminoForm .Widget.TextAreaWidget {
	margin-right:20px;
}

div#element_1_kind, div#element_2_kind, div#element_3_kind {
    clear:left;
    float:left;
    width:100px;
    font-weight:bold;
}

div#input_bitte_waehlen_sie_die_gewuenscht {
    clear:left;
    font-weight:bold;
    padding-top:15px;
}

div#element_kind1_name, div#element_kind2_name, div#element_kind3_name {
    width:250px;
    float: left;
    margin-right: 14px;
}

div#element_kind1_alter, div#element_kind2_alter, div#element_kind3_alter {
    width: 50px;
    float: left;
    margin-right: 14px;
}


.TraminoVorlage .belegung .tag {
    border: 1px solid #999;
    width: 30px;
    height: 25px;
    text-align: center;
    padding-top: 5px;
    display: block;
    margin: 0 0 5px -2px;
    float: left;
    /* color: #669E14; */
    overflow: hidden;
    background-color: #fff;
}

.TraminoVorlage .belegung .tag.closed {
    color: #ddd;
    background-color: #a00;
    border-color: #a00;
}

.TraminoVorlage .liste .formliste .image {
    width: 65px;
    height: 65px;
    float: left;
    background-size: cover;
    margin-right: 15px;
    background-position: center center;
}



#content .TraminoVorlage.T2713 a[target="_blank"], #body .TraminoVorlage.T2713  a.externlink {
    white-space: normal;
}




.partnerhead .date  .datebox .ui-datepicker-trigger { display:none !important; }

.partnerhead .date .datebox {
	padding: 10px 30px 10px 15px;
    border: 1px solid #aaa;
    margin: 0 10px 10px 0;
    display: inline-block;
    position: relative;
}

.partnerhead .date .datebox:before {
	font: normal normal normal 20px/1 FontAwesome;
    content: "\f133";
    position: absolute;
    right: 10px;
    top: 10px;
}

.partnerhead .text .textbox {
	padding: 10px 15px;
    border: 1px solid #aaa;
    margin: 0 10px 10px 0;
    display: inline-block;
    position: relative;
}


.partnerhead .date .datebox input, .partnerhead .text .textbox input {
	position:relative;
	border:0px solid #fff;
	font-weight:normal;
	font-size:14px;
	background:transparent;
	padding:5px;
	width:80px;
}


#content .TraminoVorlage.T318 { margin-top:30px; }
#content .TraminoVorlage.T318 .Headlines h5 { display:none; }

div#vahighlight {
    padding: 15px;
    width: 36%;
    padding-left: 2%;
    float: left;
    position: relative;
    background: #eee;
}

div#vahighlight h3, div#vahighlight .h3 {
    font-size: 22px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
	margin: 0 0 15px;
	padding:0;
}

div#vahighlight .terminliste .match {
	padding:15px 0;
}


.Rubrik_102476 #motive2start, .Rubrik_102480 #motive2start {
    display: none;
}

div.textoef {
    color: #109a11;
    margin: 0;
    font-weight: bold;
	position:relative;
	display:inline-block;
}

div.textoef .moreinfo{ display:none;}
div.textoef:hover .moreinfo{ display:block;
    position: absolute;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    background: #fff;
    top: 100%;
    width: 350px;
    padding: 14px;
	color:#000;
}

a.ctabutton.grau {
    background: #ccc;
    text-decoration: none;
    color: #585554;
    padding: 15px 0px;
    box-shadow: 0px -15px 40px #fff;
    display: block;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
	margin: 5%;
	width:90% !important;
	position:relative;
}

a.ctabutton.grau span {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    border-radius: 15px;
    background: #fff;
}

a.ctabutton.grau span:before {
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f107";
    margin: 0 6px;
    color: #ccc;
    font-size: 28px;
    font-weight: normal;
    display: inline-block;
}

#body .TraminoTextile[data-readmore] {
	width: auto !important;
	overflow:hidden;
}

#google_translate_element img {
    display: none !important;
}


#TraminoAnhang74749.TraminoVorlage .liste li.personliste, #TraminoAnhang75665.TraminoVorlage .liste li.personliste{
    float: left;
    text-align: center;
    width: 270px;
    height: 325px;
}

.contentbox .restable {
    overflow: scroll;
}



.teaser img.bgimage {
    height: 100%;
}


.TraminoVorlage .story a.inhalt {
    background: transparent !important;
    bottom: 30px !important;
    height: auto !important;
    font-size: 36px !important;
    font-weight:600;
}

.TraminoVorlage .story span {
    font-size: 14px;
    font-family: sans-serif;
}

.TraminoVorlage .story span.autor {
    position:absolute;
    bottom:15px;
    left:15px;
    display:block;
	color:#fff;
}

.TraminoVorlage .story span.tags {
    position:absolute;
    top:15px;
    left:15px;
    display:block;
	color:#fff;
	font-size: 12px;
	text-transform:uppercase;
}


.TraminoVorlage .story img {
    opacity: .9;
	transition:.25s;
}

.TraminoVorlage .story .bg:hover img {
    opacity: .75;
}

.TraminoVorlage .story .bg {
    background: #595554 !important;
}

#content.storytelling .contentbox {
    width: auto;
    float: none;
    margin: auto;
    max-width: 790px;
}

#content.storytelling .contentbox .Headlines {
	text-align: center;
	padding-bottom:35px;
}


#content.storytelling .contentbox .intro {
    font-size: 24px;
    font-weight: 100;
}

#content.storytelling .subheadline {padding: 20px 0 45px 0;}

#content.storytelling h2 {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 32px !important;
}

#content.storytelling .teaserbox {
    margin: 25px 0;
}

.storyfilter a {
    text-transform: uppercase;
    text-decoration: none;
    color: #595554;
    border: 1px solid #595554;
    padding: 10px 15px;
    display: inline-block;
    margin: 2px;
    font-size: 16px;
}
.storyfilter a.aktiv {
    background: #595554;
    color: #fff;
}

.storyfilter a:hover {
    opacity:.75;
}
.storyfilter {
    text-align: center;
    margin: 0 0 50px;
}



.storyautor {
    text-align:center;
}

.storyautor .File.Bild {
    margin: 30px auto 10px;
    width: 100px;
    border-radius: 75px;
    overflow: hidden;
    height: 100px;
}

.storyautor .File.Bild img {
    width:100px;
    height:100px;
}

#content.storytelling .posFile.left {
    width: 47%;
    padding-right: 3% !important;
}



.TraminoVorlage.T513.TraminoVorlage_1 span.back {
    display: none;
}

#link_stadt,#link_ti {
    position: fixed;
    bottom: 15px;
    left: 15px;
    width: 94px;
    height: 94px;
}

#link_header_stadt {
    width: 90px;
    display: inline-block;
    float: right;
    height: 90px;
}

a#link_suche {
    display: block;
    float: right;
    width: 100px;
    height: 80px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-size: 12px;
    font-weight: bold;
    color: #c3c2c1;
}

a#link_suche img {
    width:20px;
    height:20px;
    padding: 25px 40px 5px;
}


body .TraminoConsent .inner .bottom button { background-color: #257832 !important; color: #FFF !important; order: 1; width: 100%; font-weight: 600; }
body .TraminoConsent .inner .bottom button.primery:hover { background-color: #35a847 !important; }