@import url(https://comet.tramino.net/fonts/css?family=Cabin+Condensed:700);

body {
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	font-family: 'Helvetica Neue', Helvetica, Arial;
	color: #666666;
}

body.Mandant_11944 {
	color: #818386;
}

#TraminoArtikel .Headlines h5 { margin-top: 0px; }
#TraminoInhalt .TraminoVorlage_1 { margin-top: 0px; }

#body {
	position: relative;
	margin: 0px;
	padding: 0px;
}

#page {
	position: relative;
	width: 1200px;
	margin: 0px auto;
}

#page a { color: #CCA723; }

.Mandant_1267 #page a, .Mandant_1267 #content a, .Mandant_1267 #navigation a, .Mandant_1267 #Headlines h1, .Mandant_1267 #content .box h3 { color: #B6032B !important; }
.Mandant_8133 #page a, .Mandant_8133 #content a, .Mandant_8133 #navigation a, .Mandant_8133 #Headlines h1, .Mandant_8133 #content .box h3 { color: #FF8700 !important; }
.Mandant_10615 #page a, .Mandant_10615 #content a, .Mandant_10615 #navigation a, .Mandant_10615 #Headlines h1, .Mandant_10615  #content .box h3 { color: #E19600 !important; }
.Mandant_10616 #page a, .Mandant_10616 #content a, .Mandant_10616 #navigation a, .Mandant_10616 #Headlines h1, .Mandant_10616 #content .box h3 { color: #26578C !important; }
.Mandant_10616 #page a, .Mandant_10617 #content a, .Mandant_10617 #navigation a, .Mandant_10617 #Headlines h1, .Mandant_10617 #content .box h3 { color: #174BBB !important; }
.Mandant_10618 #page a, .Mandant_10618 #content a, .Mandant_10618 #navigation a, .Mandant_10618 #Headlines h1, .Mandant_10618 #content .box h3 { color: #764F17 !important; }
.Mandant_10619 #page a, .Mandant_10619 #content a, .Mandant_10619 #navigation a, .Mandant_10619 #Headlines h1, .Mandant_10619 #content .box h3 { color: #C7B572 !important; }
.Mandant_10620 #page a, .Mandant_10620 #content a, .Mandant_10620 #navigation a, .Mandant_10620 #Headlines h1, .Mandant_10620 #content .box h3 { color: #B6032B !important; }
.Mandant_11944 #page a, .Mandant_11944 #content a, .Mandant_11944 #navigation a, .Mandant_11944 #Headlines h1, .Mandant_11944 #content .box h3 { color: #EA6025 !important; }


.Mandant_10617 header ul.nav li > a { color: #878787 !important; }
.Mandant_10617 header ul.nav li > a:hover { color: #111 !important; }



#page a:hover { color: #111; }

#warpper { margin: 0px 30px; }

.T1041 #blog { width: 90%; }
.T1041 #blog .entry .blog_right h1 { font-family: 'Cabin Condensed', Arial; }
.T1041 #blog .entry .blog_right h2 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
}



.T1041 #blog .entry .blog_right .pre_img .File { width: 820px; height: auto; }
.T1041 #blog .entry .blog_right .pre_img .File img { width: 820px; height: auto; }

#lightroom .bild { background-color: #FFF; }

#TraminoArtikel { margin: 0px 30px 0px 0px; }
/* Tramini Kontakte-Baustein */
.T3179 .kontakt:nth-child(3n+3) { margin: 0 20px 20px 0 !important; }
#TraminoBlock_32970 .Objekt.Zusatzeintrag .Buttons .detail { display: none }#content .box {
	z-index: 1000;
	width: 280px;
	margin-bottom: 20px;
}

#content .box h3 {
	font-size: 18px;
	text-transform: uppercase;
	/*color: #B9B9B9;*/
	font-weight: 700;
	font-family: 'Cabin Condensed', Arial;
	margin: 0px 5px 5px 0px;
}

#content .box .inner.no_img {
	margin-top: 12px;
}

#content .box .inner .mask-top {
	height: 8px;
	width: 280px;
	background: url(//tramino.s3.amazonaws.com/s/svg/132268/mask-box-top.png) top right no-repeat;
	position: relative;
	z-index: 2;
}

#content .box .inner .Bild {
	margin-top: -8px;
	position: relative;
	z-index: 1;
}
#content .box .inner .box-content { margin-top: -8px; }
#content .box .inner .box-content .mask-middle {
	height: 8px;
	width: 280px;
	background: url(//tramino.s3.amazonaws.com/s/svg/132272/mask-box-middle.png) top right no-repeat;
	position: relative;
	z-index: 2;
}

#content .box .inner .box-content .inner2 {
	background-color: #FFF;
	padding: 5px 10px;
}

#content .box .inner .box-content .inner2 .termin {
	font-size: 12px;
	color: #AAAAAA;
	margin: 10px 0px 5px 10px;
}

#content .box .inner .box-content .inner2 h3 {
	font-family: 'Helvetica Neue', Arial;
	font-size: 19px;
	font-weight: normal;
	margin: 5px 0px 10px 10px;
	text-transform: none;
}

#content .box .inner .box-content .inner2 a {
	text-decoration: none;
}

#content .box .inner .box-content .inner2 .text {
	font-size: 13px;
	line-height: 17px;
	color: #666666;
	margin: 0px 0px 10px 30px;
}

#content .box .inner .box-content .inner2 .button {
	background: url(//tramino.s3.amazonaws.com/s/svg/132281/pfeil.png) 0px 5.5px no-repeat;
	padding-left: 10px;
}

#content .box .inner .box-content .inner2 .button a {
	font-size: 12px;
	line-height: 14px;
	color: #AAA;

}


#content .box .inner .box-content .mask-bottom {
	height: 8px;
	width: 280px;
	background: url(//tramino.s3.amazonaws.com/s/svg/132284/mask-box-bottom.png) top right no-repeat;
	position: relative;
	z-index: 2;
}

#content .box.nav2 .inner2 {
	padding: 15px 15px 15px 10px !important;
}
#content .box.nav2 ul { list-style-type: none; margin: 0px; padding: 0px; }
#content .box.nav2 ul li  a {
	display: block;
	font-size: 13px;
	padding: 5px 5px 6px 15px;
	border-bottom: 1px solid #eee;
	color: #666 !important;
}
#content .box.nav2 ul li.nav_aktiv a {
	color: #000 !important;
	font-weight: bold;
}

#content .box.nav2 ul li a:hover {
	background-color: #eee;
	color: #000 !important;
}

#off #content .box.nav2 ul li ul { display: none; }
#off #content .box.nav2 ul li.nav_aktiv ul { display: block; }

#content .box.nav2 ul li ul li a {
	border: 0px solid #CCC;
	padding-top: 2px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: normal;


}

#content .box.nav2 ul a.link_aktiv { font-weight: bold; }#content { margin: -10px 0px 20px 0px; position: relative; z-index: 2; }
#content.startseite { margin: -10px 0px 20px 0px; }

#content .col {
	float: left;
}

#content .col.col1 { margin: 0px 26px 0px 0px; }
#content .col.col2 { margin: 8px 26px 0px 0px; }
#content .col.col3 { margin: 16px 26px 0px 0px; }
#content .col.col4 { margin: 24px 0px 0px 0px; }


#inhalt {
	padding-top: 30px;
	float: left;
	width: 890px;
}



#inhalt .mask-top {
	background: url(//tramino.s3.amazonaws.com/s/svg/133179/mask-content-top.png) top right no-repeat;
	height: 24px;
	width: 100%;
}




#inhalt .mask-bottom {
	background: url(//tramino.s3.amazonaws.com/s/svg/133181/mask-content-bottom.png) top left no-repeat;
	height: 24px;
	width: 100%;
}

#inhalt .content-inner {
	background-color: #FFF;

	padding: 20px 0px 20px 30px;
}

#content.hide_leftbar #inhalt { width: 100%; }
#content.hide_leftbar #inhalt .mask-top { background-position: top left; }
#content.hide_leftbar #inhalt .mask-bottom { background-position: top right; }/* WM 2019 */
body.Mandant_11944 #content .box .inner .box-content .inner2 .text { color: #818386; }
body.Mandant_11944 #content .box.nav2 ul li  a { color: #818386; }
body.Mandant_11944 #TraminoArtikel .Headlines h2 { color: #818386; }@media all and (min-width: 1000px) and (max-width: 1250px) {
	
	#page {
		max-width: 900px;
		overflow: hidden;
	}

	#content .box { width: 200px; }
	#content .box h3 { font-size: 16px; line-height: 1.2; }
	#content .box .inner .mask-top { width: 100%; }
	#content .box .inner .Bild img { width: 100%; height: auto; }
	#content .box .inner .box-content .mask-middle { width: 100%; }
	#content .box .inner .box-content .inner2 h3 { font-size: 17px; line-height: 1.2; }
	#content .box .inner .box-content .inner2 .text { font-size: 12px; line-height: 1.2; margin-left: 10px; }
	#content .box .inner .box-content .mask-bottom { width: 100%; }

	#longines_box { display: none; }

	#content .box.events .name { width: auto !important; }

	#inhalt { width: 670px; }
	

	.T89 .Files { width: 250px !important; }
	.T89 .Files .File { width: 100% !important; height: auto !important; }
	.T89 .Files .File img { width: 100% !important; height: auto !important; }
	.T89 .Files .File .TraminoFile img { width: 60px !important; height: auto !important; }
	.T89 h2 { font-size: 22px !important; line-height: 1.2 !important;  }


}

@media all and (min-width: 768px) and (max-width: 999px) {
	
	#longines_box { display: none; }

	#body { -webkit-text-size-adjust: 100%; }
	#page {
		max-width: auto;
		width: 90vw;
		margin: 0 5vw;
		overflow: hidden;
	}

	#inhalt { width: 100%; padding-top: 0px; }

	#body .TraminoTextile { font-size: 14px; line-height: 1.2; }


	.T89 .Files { width: 250px !important; }
	.T89 .Files .File { width: 100% !important; height: auto !important; }
	.T89 .Files .File img { width: 100% !important; height: auto !important; }
	.T89 .Files .File .TraminoFile img { width: 60px !important; height: auto !important; }
	.T89 h2 { font-size: 22px !important; line-height: 1.2 !important;  }


	.T28.S429 .spalte { width: 48% !important; height: 215px !important; }
	.T28 .spalte .Bild { width: 100px !important; height: 75px !important; margin: 0 10px 0 0 !important; }
	.T28 .spalte .Bild img { width: 100px !important; height: auto !important; }
	.T28.S429 .inhalt { margin-left: 100px !important; }

	.T318 h1 { font-size: 30px!important; line-height: 1.2!important; }
	.T318 h2 { font-size: 18px!important; line-height: 1.2!important; }


}

@media all and (max-width: 767px) {
	
	#longines_box { display: none; }
	
	#body { -webkit-text-size-adjust: 100%; }
	#page {
		max-width: auto;
		width: 100vw;
		overflow: hidden;
	}
	#content.startseite { width: 90vw; margin: 20px 5vw 0 5vw; }
	#inhalt { width: 100%; padding-top: 10px; }
	
	#inhalt .content-inner {
		width: 95vw;
		padding: 0 2.5vw;
	}

	#body .TraminoTextile { font-size: 12px; line-height: 1.2; }

	.T89 .Files { width: 100% !important; }
	.T89 .Files .File { width: 100% !important; height: auto !important; }
	.T89 .Files .File img { width: 100% !important; height: auto !important; }
	.T89 .Files .File .TraminoFile img { display: none; }
	.T89 h2 { font-size: 18px !important; line-height: 1.2 !important;  }


	#inhalt .TraminoTextile table {
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100% !important;
		display: block;
	}

	/* Formulare */
	.TraminoForm .group, .TraminoForm .group .element { width: 100% !important; }
	.TraminoForm .group .element .input .Zeile .Feld {
		float: none !important;
	}

	.TraminoForm .group .element .input .Zeile .Feld select {
		width: 100% !important;
	}

	.TraminoForm .group .element .input .Zeile .Feld input {
		width: 100% !important;
	}

	.T28 .spalte { width: 100% !important; height: auto !important; }
	.T28 h3 {
		font-size: 15px; line-height: 1.2;
	}

	.T28 .spalte .File {
		width: 80px;
		height: 53px;
	}

	.T28 .spalte .File img {
		width: 80px;
		height: auto;
	}

	.T28.S429 .inhalt {
	    margin-left: 100px!important;
	}

	.T324 #events_panel { margin-bottom: 20px !important; }

	.T324 .termin .termindatum { width: 40px !important; }
	.T324 .termin .termindatum .month { font-size: 12px!important; padding: 5px 2px 2px 2px!important; }

	.T324 .termin .terminbild { width: 75px !important; }
	.T324 .termin .terminheader { font-size: 11px !important; margin-left: 55px !important; }
	.T324 .termin .terminheader .right { display: none; }
	.T324 .termin .terminort { margin-left: 55px!important; }
	.T324 .termin .termincontent  { padding: 5px 0px 0px 55px!important; }
	.T324 .termin .termincontent .Bild { width: 75px !important; height: 38px !important; }
	.T324 .termin .termincontent .Bild img { width: 75px !important; height: auto !important; }
	.T324 .termin .termincontent h3 { font-size: 15px !important; }

	.T318 h1  { font-size: 22px !important; line-height: 1.2 !important; }
	.T318 h2  { font-size: 17px !important; line-height: 1.2 !important; }
	.T318 .Files  { display: none; }

}