@charset "utf-8";
/* CSS Document */


/* Fonts */
@import url('fonts/stylesheet.css');
@import url('fonts/fontello.css');



/* Standard */
* { margin: 0px; padding: 0px; }

html { }
body { background-color: #FFF; background-image: url(index.php?rex_media_type=web_2000w&rex_media_file=hintergrund.jpg); background-size: cover; background-attachment: fixed; background-position: center top; }
body,td,th { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 17px; color: #333; line-height: 1.35; }

#clearing, .clearing { clear: both; font-size: 0px; }
#clearleft, .clearleft { clear: left; font-size: 0px; }
#clearright, .clearright { clear: right; font-size: 0px; }
#clearfix, .clearfix { display: block !important; width: 100% !important; height: 0px !important; overflow: hidden !important; font-size: 0px !important; float: none !important; }
	#clearfix:after, .clearfix:after {
		content: ".";
		display: inline-block !important;
		height: 0px !important;
		width: 100% !important;
		clear: both;
		visibility: hidden !important;
		padding: 0px !important;
		margin: 0px !important;
		font-size: 0px !important;
	}



/* Allgemein */
h1, h2, h3, h4, h5, h6 {
	font-size: 27px;
	color: #0A51A1;
	margin: 0px 0px 30px 0px;
	font-weight: 300;
	line-height: 1.2;
}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after { content: ''; display: block; border-bottom: 2px solid #0A51A1; width: 80px; margin: 5px 0px 0px 15px; }

h2, h3, h4, h5, h6 { margin-bottom: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5, h6 { font-size: 20px; }

p { margin-bottom: 15px; }
strong, b { font-weight: 500; }

a { color: #666; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a:hover { text-decoration: none; }
a img { border: none; }

hr { height: 0px; width: 100%; text-decoration: none; text-align: center; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; margin: 20px 0px; }

ul { list-style-type: square; margin-left: 25px; line-height: 1.25; margin-bottom: 15px; }
li { margin-bottom: 4px; }
ol { margin-left: 25px; line-height: 1.25; list-style-position: inside; }



/* Blöcke */
main, header, section, nav, article, footer { display: block; position: relative; }
/* header .inner, section .inner, footer .inner { max-width: 1100px; margin: 0px auto; padding: 0px 25px; position: relative; } */


main { padding: 0px 30px; margin: 0px auto; max-width: 1160px; overflow: hidden; }
header { padding-top: 73px; }

.logo { position: absolute; top: 5px; left: -25px; z-index: 10; width: 257px; height: 155px; overflow: hidden; background-image: url(../media/logo.png); background-repeat: no-repeat; background-size: contain; }
.logo a { display: block; width: 100%; height: 100%; }

.metanav { position: absolute; top: 30px; right: 5px; text-align: right; }
.metanav ul { list-style-type: none; line-height: normal; margin: -5px 0px 8px; padding: 0px; }
.metanav li { display: inline; margin: 0px 0px 0px 7px; padding: 0px; font-size: 12px; text-transform: uppercase; background: url(navtrenner.png); background-repeat: no-repeat; background-position: left center; }
	.metanav li.first { background: none; }
.metanav li a { color: #06366A; text-shadow: 1px 1px 0px rgba(255,255,255, 0.7); display: inline-block; text-decoration: none; padding: 0px 0px 0px 8px; }
	.metanav li a.first {}
	.metanav li a:hover { text-decoration: underline; }
	
header .inner { display: table; table-layout: fixed; width: 100%; height: 245px; overflow: hidden; }
	header .inner > div { display: table-cell; vertical-align: top; position: relative; padding: 5px; background-color: rgba(255,255,255, 0.9); }
	.slider-wrapper { width: inherit; height: 100%; }
	.colSpacer { width: 20px; background: none !important; padding: 0px !important; }		/* Spacer für horizontalen Spaltenabstand */
	.partner-wrapper { width: 275px; }

.navopener, #mobileNav, #mainNav .metanav { display: none; }
#mobileNav { position: fixed; top: 0px; right: -250px; }

nav { margin: 20px 0px; padding: 0px; text-align: left; background-color: rgba(255,255,255, 0.9); border-top: 5px solid #0A51A1; }
	nav a.nav-home { position: absolute; top: 0px; left: 0px; text-align: center; width: 52px; height: 100%; line-height: 51px; }
nav ul { list-style-type: none; line-height: normal; margin: 0px 0px 0px 46px; padding: 0px; display: table; table-layout: fixed; border-collapse: collapse; border: none; }
nav li { font-size: 17px; font-weight: 400; text-transform: uppercase; display: table-cell; padding: 0px; margin: 0px; background-image: url(navtrenner-main.png); background-repeat: no-repeat; background-position: left top; }
nav li a { color: #666; display: inline-block; text-decoration: none; padding: 14px 17px; margin: 0px -7px 0px 6px; }
nav li a:hover, nav li a.selected, nav a.nav-home:hover { background-color: #0A51A1; color: #FFF; }
nav li.markit a { }


/* Klappmenüsteuerung CSS-Klappmenü */
/* 
==================================================================
This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.
==================================================================
*/

/* Anpassung der Hauptebene - Klappmenü-Opener */
ul.dropdown { z-index: 100 !important; position: relative; }
ul.dropdown li { position: relative; }
ul.dropdown li.haschilds:hover { }
ul.dropdown li:hover a { background-color: #0A51A1; color: #FFF; }

/* Design des Klappmenüs */
ul.dropdown ul { display: block; visibility: hidden; position: absolute; top: 48px; left: 6px; float: none; margin: 0px; padding: 0px; z-index: 10000 !important; min-width: 190px; height: auto; text-transform: none; opacity: 0; -webkit-box-shadow: 3px 3px 4px 0 rgba(0,0,0, 0.35); box-shadow: 3px 3px 4px 0 rgba(0,0,0, 0.35); }
ul.dropdown ul li { display: block; margin: 0px; padding: 0px; height: auto; min-height: 0px; width: auto; border: none; background: none; background-color: #0A51A1; }
ul.dropdown ul li.first { }
ul.dropdown ul li:first-child { padding-top: 9px; }
ul.dropdown ul li:last-child { padding-bottom: 9px; }

/* links */
ul.dropdown li:hover ul li a.hide { color: #fff; background: none; }
ul.dropdown li:hover ul li:hover a.hide { }
ul.dropdown ul li a, ul.dropdown li:hover ul li a { display: block; color: #FFF; margin: 0px 9px; padding: 2px 11px; height: auto; font-size: 15px; text-transform: none; text-align: left; }
ul.dropdown ul li a.first { }
ul.dropdown ul li a:hover, ul.dropdown ul li a.selected { background: #FFF !important; color: #0A51A1 !important; }

/* show + hide Status */
ul.dropdown li:hover ul, ul.dropdown a:hover ul {
	/* show */
	visibility: visible; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
ul.dropdown:hover ul ul, ul.dropdown:hover ul:hover ul ul, ul.dropdown:hover ul:hover ul, ul.dropdown:hover ul:hover ul:hover ul {
	/* hide */
	visibility: hidden; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }	

/* Klappmenü - ENDE */


.slider, #mainSlider { background-color: #CCC; }
	#mainSlider { height: 100%; }
	#mainSlider > div { width: 100%; height: 100%; }
	#mainSlider > .camera_loader { width: 36px; height: 36px; }
.sliderBackgroundImage { display: block; height: 100%; background-size: cover; background-position: center center; }

	
.partner-wrapper ul { list-style-type: none; line-height: normal; margin: 0px; padding: 0px; border-bottom: 1px solid #CCC; }
.partner-wrapper li { display: block; margin: 0px; padding: 0px; border: 1px solid #CCC; border-bottom: none; height: 78px; background-repeat: no-repeat; background-position: center center; }
	.partner-wrapper li.row1 { background-image: url(../media/logo-dethleffs.png); }
	.partner-wrapper li.row2 { background-image: url(../media/logo-sunlight.png); }
	.partner-wrapper li.row3 { background-image: url(../media/logo-movera.png); }
.partner-wrapper a { display: block; height: 100%; overflow: hidden; }
.partner-wrapper img { max-height: 55px; width: auto; display: none; }


.content-wrapper { display: table; table-layout: fixed; width: 100%; min-height: 505px; }
.content-wrapper > div { display: table-cell; vertical-align: top; position: relative; background-color: rgba(255,255,255, 0.9); }
.content { width: inherit; padding: 35px 40px; background-color: rgba(255,255,255, 0.9); }
.info { width: 245px; padding: 20px; }

.content img { max-width: 100%; height: auto; }		/* maximale Bildbreite bei mobiler Ansicht für Inhaltsbilder */





footer { display: table; table-layout: fixed; width: 100%; color: #FFF; font-size: 14px; min-height: 130px; }
footer > div { display: table-cell; vertical-align: top; position: relative; background-color: #333; padding: 30px 40px 28px; }
footer .left { width: inherit; padding-right: 150px; }
footer .right { width: 205px; background-image: url(../media/footer-logo.png); background-position: center center; background-repeat: no-repeat; }

footer a { color: #FFF; text-decoration: none; }
	footer a:hover { text-decoration: underline; }
footer a.gototop { position: absolute; right: 40px; top: 50%; margin: -25px 0px 0px 0px; background: #666; width: 50px; height: 50px; line-height: 44px; font-size: 45px; cursor: pointer; text-align: center; overflow: hidden; }
	footer a.gototop:hover { background: none; }
	footer a.gototop i { display: inline-block; }
		footer a.gototop i:before { display: inline !important; width: auto !important; margin: 0px !important; }
	footer a.gototop span { display: none; }
	
.footerbox { width: 200px; margin: 0px 25px 0px 0px; display: inline-block; vertical-align: top; position: relative; }
.fbox1 { }
.fbox2 { }



/* Content / Inhalte */
/* Modul: Formulargenerator */
main form { margin: 0px auto; display: block; }
main form p { margin: 0px; }
main form h5 { font-size: 13px; margin-bottom: 5px; }
main label { width: 170px; float: left; margin: 5px 20px 0px 0px; text-align: left; }
main input, main textarea, main select { width: 300px; padding: 4px; font-size: 13px; margin: 0px 0px 10px 0px; color: #666; border: 1px solid #0A51A1; }
main textarea { height: 75px; }
main select { min-width: 75px; width: 308px; }

main input.captcha { display: block; width: 112px; margin: 3px 0px 10px 190px; text-align: center; }
main input.short { width: 60px; margin-right: 5px; }
main input.half { width: 220px; }
main input.auto { width: auto; }

main .form-captcha input { display: block; width: 112px; margin: 3px 0px 10px 190px; text-align: center; }
main .form-captcha .input-group-btn { display: none; }

main button[type=submit] {	
	font-weight: bold;
	padding: 10px 20px; margin: 15px 0px 0px 190px;
	width: auto;
	cursor: pointer;
	font-size: 15px;
	color: #FFF;
	background: #0A51A1;
	border:none;
}

main input.checkbox { width: auto; }
main label.checkbox { float: none; width: auto; }

main div.radios { padding-bottom: 3px; }
main label.radio { margin-top: 0px; }
main p.radio { display: inline; margin-right: 10px; }
main p.radio input { width: auto; }
main p.radio label { width: auto; float: none; text-align: left; margin: 0px 7px 0px 3px; }

main select.half { width: 125px; }
main input.inp50 { width: 50px; }
main input.inpShorter { width: 238px; }

main label.captcha { }

main div.radios { padding-bottom: 3px; }
main label.radio { margin-top: 0px; }
main p.radio { display: inline; margin-right: 10px; }
main p.radio input { width: auto; }
main p.radio label { width: auto; float: none; text-align: left; margin: 0px 7px 0px 3px; }
main label.checkbox { float: none; width: auto; }
main input.checkbox { width: auto; }
main label.captcha { font-weight: bold; }

main div.form-group { clear:both; }
main p.formsubmit { padding-left: 190px; margin-left: 0px; }
main p.formcaptcha { margin-top: 15px; }
main div.radio-group > label { margin-bottom: 10px; }
main div.radios { padding-bottom: 3px; }
main div.radio label { margin-top: 0px; width: auto; }
main div.radio input { width: auto; }
main p.radio { display: inline; margin-right: 10px; }
main p.radio input { width: auto; }
main p.radio label { width: auto; float: none; text-align: left; margin: 0px 7px 0px 3px; }
main label.checkbox { float: none; width: auto; }
main input.checkbox { width: auto; -webkit-baseline-middle; }

main .alert ul { color: #900; font-weight: bold; font-size: 14px; margin: 20px auto 40px auto; border: 1px solid #990000; padding: 10px 20px 10px 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); background-color: #FAE7E7; }
main .has-error input, main .has-error select, main .has-error textarea { border: 1px solid #900; }
main .has-error label { color: #900; }

main .form-miniheader { display: block; margin-bottom: 4px; }

main p.formdse { display: inline; }
#yform-formular-kon_dse { display: inline; padding: 0px; }
#yform-formular-kon_dse label { display: inline; width: auto; margin: 0px; float: none; }
#yform-formular-kon_dse input { width: auto; padding: 0px; margin: 0px 5px 0px 0px; }



/* Modul: Downloadliste */
.downloadlist { margin: 10px 0px; }
	.downloadlist.dl-tablist {}
		.downloadlist.dl-tablist a { color: #0066B3; text-transform: uppercase; background-repeat: no-repeat; background-position: left 5px; font-size: 13px; display: inline-block; text-decoration: none; }
			.downloadlist.dl-tablist a:hover { color: #666; }
		.downloadlist.dl-tablist a i { margin-right: 3px; }
			.downloadlist.dl-tablist a i.icon-file-pdf { color: #900; }
			.downloadlist.dl-tablist a i.icon-file-image { }
	.downloadlist.dl-textlist {}
.downloadlist .dl-count { font-size: 11px; margin-bottom: 15px; }
.downloadlist > div.tabrow:nth-child(odd) dt, .downloadlist > div.tabrow:nth-child(odd) dd  { background-color: #F8F8F8; }
.downloadlist > div.tabrow:nth-child(even) dt, .downloadlist > div.tabrow:nth-child(even) dd { background-color: #F1F1F1; }
.downloadlist dl { display: table; width: 100%; margin-bottom: 2px; }
	.downloadlist dt, .downloadlist dd { display: table-cell; padding: 10px 1%; vertical-align: top; border-right: 2px solid #FFF; }
	.downloadlist dt { width: auto; }
	.downloadlist dd { width: 22%; }
		.downloadlist dd.tab2 { text-align: center; display: none; }
		.downloadlist dd.tab3 { border: none; width: 110px; font-weight: bold; text-align: center; }
.downloadlist p { margin-bottom: 2px; }
.downloadlist h2 {  }
.downloadlist .dl-clear { line-height: 0px !important;	font-size: 0px !important; float: none !important; }
.downloadlist .dl-clear:after { content: "."; display: inline-block; height: 0px !important; width: 100%; float: none !important; clear: both; visibility: hidden; padding: 0px; margin: 0px; line-height: 0px !important; font-size: 0px !important; }
	
	
/* Modul: Sitemap */
ul.sitemap { list-style-type: none; padding-left: 0px; margin: 0px; }
ul.sitemap-2spaltig > li { float: left;	margin-right: 5% !important; width: 45%; }
ul.sitemap li { display: block; padding: 2px 0px 0px 0px; margin: 0px 0px 30px 0px; font-size: 18px; }
ul.sitemap li a { display: block; padding: 0px 10px 3px 0px; text-decoration: none; border-bottom: 1px dotted #CCC; }
ul.sitemap li a:hover { text-decoration: underline; }
ul.sitemap li.spacer { list-style-image: none; list-style-type: none; }
ul.sitemap ul { margin: 3px 0px 0px 10px; }
ul.sitemap ul li { margin: 4px 0px 0px 0px; padding: 0px; font-size: 15px;  }	
ul.sitemap ul li a { color: #666; border: none; }
ul.sitemap ul li a:hover { }
ul.sitemap ul ul li { }
ul.sitemap ul ul li a { }


/* Modul: Linkbox */
.linkbox-wrapper { display: block; }
.linkbox { position: relative; display: inline-block; width: 250px; min-width: 209px; margin: 0px 14px 33px 13px; border: 1px solid #333; background-color: #CCC; height: 118px; font-weight: normal; text-align: center; padding: 0px; vertical-align: top; font-size: 16px; overflow: hidden; background-size: cover; background-repeat: no-repeat; }
	.linkbox a { position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; }
		.linkbox a span { display: none; }
	.linkbox > span { display: block; position: absolute; top: 50%; left: 0px; right: 0px; margin-top: -13px; line-height: 25px; vertical-align: middle; background-color: #FFF; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 300; overflow: hidden; padding: 0px 10px; text-align: left; }
		.linkbox > span.zweizeilig { margin-top: -25px; }
			.linkbox > span.zweizeilig span { display: block; }
.linkbox-left { text-align: left; }
.linkbox-center { text-align: center; }
.linkbox-right { text-align: right; }


/* Modul: Bildergalerie (Lightbox) */
.lbGalerie { display: block; margin: 0px; text-align: left; max-width: 800px; }
.lbGalerie .lbThumb { display: inline-block; background: #F8F8F8; margin: 4px 4px; border: 5px solid #CCC; vertical-align: top; transition: all 0.25s ease; }
	.lbGalerie .lbThumb:hover { /*box-shadow: 0px 0px 0px 7px #DDD;*/ }
	.lbGalerie .lbThumb a { display: block; width: 180px; height: 180px; background: no-repeat center center; background-size: cover; margin: 0px; padding: 0px; overflow: hidden; text-decoration: none; }
	.lbGalerie .lbThumb a img { margin: 0px; padding: 0px; visibility: hidden; }
.lbGalerie.left { margin: 0px auto 0px 0px; }
.lbGalerie.center { margin: 0px auto; }
.lbGalerie.right { margin: 0px 0px 0px auto; }
.lbGalerie-block { margin-bottom: 5px; }
.lbGalerie-block h3 { font-size: 17px; font-style: normal; line-height: 21px; font-weight: normal; margin: 0px; text-decoration: none; background-image: url(lbgalerie-block.png); background-repeat: no-repeat; background-position: left 1px; padding-left: 27px; vertical-align: middle; cursor: pointer; }
	.lbGalerie-block h3:after { display: none; }
.lbGalerie-block h3.active { color: #999; background-position: left -49px; }
.lbGalerie-block div { padding: 5px 0px 12px 11px; }
.lbGalerie-content a { color: #999; }
	
	
/* Modul: Newsteaser */	
.newsteaser { display: block; padding: 0px; margin: 0px 0px 15px; }
.newsteaser .first { border: none !important; padding-top: 0px !important;}
.newsteaser .teaserclear { 
	content: ".";
    display: inline-block;
    height: 0px;
	width: 100%;
    clear: both;
    visibility: hidden;
	padding: 0px;
	margin: 0px;
}
.newsteaser .teaser { display: block; margin: 0px; margin-bottom: 10px; /*padding: 14px 0px 0px; border-top: 1px dashed #CCC;*/ }
.newsteaser .teaser a { }
.newsteaser .teaser .teaserheadline { display: block; font-style: normal; font-size: 17px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; margin: 0px; margin-bottom: 7px; padding: 0px; color: #333; }
	.newsteaser .teaser .teaserheadline a { text-decoration: none; color: #333; }
	.newsteaser .teaser .teaserheadline a:hover { text-decoration: underline; }
.newsteaser .teaser .teaserdate { font-size: 13px; color: #999; margin: -2px 0px 2px; display: block; }
.newsteaser .teaser .teasertext { font-weight: normal; }
.newsteaser .teaser p.teaserlink { margin: 0px; text-align: right; margin-top: 20px; text-transform: uppercase; font-size: 14px; }
.newsteaser .teaser p.teaserlink a {
	background-color: #666; padding: 5px 9px; color: #FFF; text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
	.newsteaser .teaser p.teaserlink a:hover { color: #333; background-color: #F4F4F4; box-shadow: 0px 0px 8px 0px #AAA; }
.newsteaser .teaser .teaserimage { float: left; margin: 0px; margin-right: 15px; margin-bottom: 0px; padding: 0px; height: 90px; overflow: hidden; background-size: cover; background-position: center center; border: 6px solid #DDD; }
.newsteaser .teaser .teaserimage img { visibility: hidden; }
.newsteaser .teaser .teaserimage a { display: block; height: 100%; }
.newsteaser .teaserpagination { font-size: 14px; text-align: center; margin-top: 25px; }
	.newsteaser .teaserpagination dt { display: inline; margin-right: 5px; }
	.newsteaser .teaserpagination dd { display: inline; }
	.newsteaser .teaserpagination ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
	.newsteaser .teaserpagination li { display: inline; margin: 0px 4px; }
	.newsteaser .teaserpagination a.active { display: inline-block; background-color: #999; color: #FFF; padding: 0px 5px; text-decoration: none; }
/* Templates auswerten */
.newsteaser .tmp2 .teaserimage, .newsteaser .tmp4 .teaserimage { float: right !important; margin-right: 0px; margin-left: 20px; }
.newsteaser .orange .teaserheadline, .newsteaser .orange .teaserheadline a { }


/* Modul: FAQ */
.faq { padding: 0px; margin: 0px auto 5px; position: relative; max-width: 850px; }
.faq > h3 { font-size: 19px; font-style: normal; font-weight: 300; color: #FFF; text-align: left; vertical-align: middle; margin: 0px; line-height: 25px; text-decoration: none; background-image: url(faq-block.png); background-repeat: no-repeat; background-position: 10px 10px; padding: 10px 10px 10px 50px; cursor: pointer; background-color: #3B6BA5; }
	.faq > h3:after { display: none; }
.faq > h3.active { background-position: 10px -130px; font-weight: 400; }
.faq > div { padding: 10px 10px; height: 0px; position: relative; background: rgba(59,107,165, 0.2); }
.faq .faq_spacer { display: block; height: 6px; }


/* Modul: Teamblock */
.teamblock { /*margin-bottom: 15px;*/ }
.tb-separator { display: none; height: 0px; overflow: hidden; }
.tb-box { position: relative; display: inline-block; width: 47%; height: 152px; overflow: hidden; margin: 0px 5% 45px 0px; vertical-align: top; background-color: #0A51A1; padding: 0px; }
	.tb-box:last-child, .tb-box:nth-child(2) { margin-right: 0px; }
	.tb-box a { color: #FFF; text-decoration: none; }
	
.tb-box .tb-wrapper { display: table; table-layout: fixed; width: 100%; height: 100%; }
	.tb-box .tb-wrapper > div { display: table-cell; vertical-align: top; }
	
.tb-box .tb-img { position: relative; width: 109px; height: 100%; overflow: hidden; margin: 0px; }
	.tb-box .tb-img .tb-imgbg { width: 100%; height: 100%; background-size: cover; background-position: center center; background-image: url(teamblock-dummy.jpg); }
	.tb-box .tb-img a { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; }
	.tb-box img { display: none !important; }
		.team-nopics .tb-box .tb-img { height: 70px; background: #3B6BA5; }
	.tb-box .tb-img .tb-name { display: none; }
		
.tb-box .tb-name { line-height: 25px; vertical-align: middle; color: #FFF; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align: left; }
	
.tb-box .tb-cnt { position: relative; color: #FFF; text-align: left; padding: 15px; }
	.tb-box .tb-cnt .tb-name { display: block; }
	.tb-box .tb-info { display: block; height: 42px; padding-bottom: 13px; overflow: hidden; }
	.tb-box .symbol { display: none; }
	.tb-box .tb-fon, .tb-box .tb-mail { overflow: hidden; }
.team-left { text-align: left; }
.team-center { text-align: center; }
.team-right { text-align: right; }


/* Modul: Einzelbild */
.singleImage {}
.singleImage-left { text-align: left; }
.singleImage-center { text-align: center; }
.singleImage-right { text-align: right; }


/* Modul: Youtube-Video */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Modul: iFrame (externe Seite oder Kartenausschnitte - ab v1.9) */
.iframe-embed { max-width: 100%; }
	.iframe-embed:after { content: ''; clear: both; height: 0px; display: block; }
.iframe-embed.ie-left { margin: 0px auto 0px 0px; }
.iframe-embed.ie-center { margin: 0px auto; }
.iframe-embed.ie-right { margin: 0px 0px 0px auto; }

.iframe-embed .ie-cardstyle-gray { filter: grayscale(1) !important; }
.iframe-embed .ie-cardstyle-dark { filter: grayscale(1) invert(1) opacity(0.85) !important; }

/* Maps + Leaflet */
div.leaflet-container * { color: #222 !important; }
div.leaflet-container .osm-infowindow { max-width: 320px; background: #FFF; border: 2px solid rgba(0,0,0,0.2); border-radius: 4px; padding: 8px 10px; margin-right: 55px; background-clip: paddingbox; box-shadow: 0 1px 4px -1px rgba(0,0,0,0.3); } 
	div.leaflet-container .osm-infowindow td { color: #5B5B5B; font-size: 12px; font-family: var(--font-text); } 
	div.leaflet-container .osm-infowindow td strong { color: #222; font-size: 14px; } 
div.leaflet-container img.leaflet-marker-icon { filter: grayscale(1); }

@media only screen and (max-width: 600px) { div.leaflet-container .osm-infowindow .osm-iw-image { display: none; } }
@media only screen and (max-width: 350px) { div.leaflet-container .osm-infowindow .osm-iw-content { display: none; } }


/* Modul: Suchergebnis (rexSearch) */
ul.searchresults { list-style-type: none; margin: 0px; padding: 0px; }
ul.searchresults li { margin-bottom: 25px; }
ul.searchresults h3 { font-weight: bold; font-size: 19px; margin-bottom: 15px; color: #4D4D4D; margin: 0px 0px 5px; text-align: left; }
	ul.searchresults h3:after { display: none; }
	ul.searchresults h3 a { color: #245C9A; text-decoration: none; }
ul.searchresults a {}
ul.searchresults .highlightedtext { margin: 0px; }
ul.searchresults .highlightedtext span { color: #F00; }
ul.searchresults .url { }
	ul.searchresults .url a { /*color: #CCC;*/ }
	ul.searchresults .url a:hover { /*color: #666;*/ }
	
.fc-form { margin-top: 50px; }
.fc-form p {}
	.fc-form .fc-sandor input { width: auto; }
	.fc-form .fc-skat select { width: 310px; padding: 3px 4px; }
	.fc-form .fc-sandor input { display: inline-block; margin-top: 8px; }
.fc-form label { width: 160px; margin-top: 2px; margin-right: 10px; display: inline-block; vertical-align: top; }
	.fc-form label.fc-inline { width: auto; float: none; margin-top: 4px; }
	.fc-form .fc-sbeg label { font-weight: bold; }
	.fc-form .fc-sandor label { vertical-align: top; }	
.fc-form .fc-submit { margin-top: 20px; }
	.fc-form .fc-submit input { width: auto; }
	.fc-form .fc-submit label { width: 163px; }
	
	
/* Modul: Galerieübersicht */
.galpreview { display: inline-block; width: 225px; margin: 0px 30px 40px 0px; position: relative; vertical-align: top; }
.galpreview .gp-img { height: 165px; background-position: center center; background-size: cover; border: 5px solid #CCC; }
	.galpreview img { display: none; }
.galpreview span { display: block; font-size: 16px; font-weight: 500; color: #0A51A1; margin: 7px 0px 0px; }
.galpreview a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }


/* Modul: Infobox (Spalte) */
.infobox { position: relative; background-color: #FFF; font-size: 14px; font-weight: 400; color: #333; margin: 0px 0px 20px; padding: 10px 10px 7px; border: 1px solid #CCC; }
.infobox img { display: block; margin: 0px auto; max-width: 100%; height: auto; }
.infobox p { margin-bottom: 0px; }
.infobox p.hasimg { margin-top: 10px; }
.infobox a { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.infobox .title { display: block; background-color: #FF3300; font-size: 15px; font-weight: 400; text-align: center; color: #FFF; margin: -10px -10px 7px; padding: 3px 10px; }


/* Modul: Offerbox */
.offerbox { display: inline-block; vertical-align: top; position: relative; width: 225px; background-color: #FFF; font-size: 14px; color: #333; margin: 0px 10px 20px 0px; padding: 7px 10px; overflow: hidden; min-height: 129px; }
.offerbox .ob-cnt { padding-right: 30px; }
	.offerbox.nomedia .ob-cnt { padding-right: 0px; }
.offerbox .ob-med { position: absolute; top: 0px; right: 0px; width: 30px; height: 100%; border-left: 1px solid rgba(204,204,204, 0.5); overflow: hidden; }
	.offerbox .ob-med > span { display: block; padding: 0px 3px; height: 50%; }
		.offerbox .ob-med > span:hover { background-color: rgba(204,204,204, 0.5); }
	.offerbox .ob-gal, .offerbox .ob-exp { display: block; height: 100%; background: url(icons-angebote.png) no-repeat center 20px; }
		.offerbox .ob-exp { border-bottom: 1px solid rgba(204,204,204, 0.4); }
		.offerbox .ob-gal { background-position: center -92px; border-top: 1px solid rgba(204,204,204, 0.4); }
.offerbox .ob-title { display: block; height: 65px; font-size: 16px; font-weight: 500; color: #0A51A1; margin: 0px 0px 10px 0px; overflow: hidden; }
	.offerbox.textonly .ob-title { height: 45px; }
.offerbox dl { display: table; table-layout: fixed; width: 100%; }
	.offerbox dt, .offerbox dd { display: table-cell; position: relative; vertical-align: top; }
.offerbox dt { width: inherit; font-weight: 500; padding-right: 5px; }
.offerbox dd { width: 85px; font-weight: 400; text-align: right; }



/* Sonstiges */
h1.seitenueberschrift { font-size: 35px; font-weight: 300; text-transform: uppercase; text-align: left; padding: 0px; margin: 0px 0px 35px 0px; color: #F30; }
	h1.seitenueberschrift span { display: block; font-size: 20px; margin: 2px 0px 0px; color: #F30; text-transform: none; }
	h1.seitenueberschrift:after { display: none; }
h1.seitenueberschrift.left { text-align: left; }
	/* h1.seitenueberschrift.left:after { margin-left: 25px; } */
h1.seitenueberschrift.center { text-align: center; }
	/* h1.seitenueberschrift.center:after { margin-left: auto; } */
h1.seitenueberschrift.right { text-align: right; }
	/* h1.seitenueberschrift.right:after { margin-right: 25px; } */
	
.ueberschrift h1, .ueberschrift h2, .ueberschrift h3, .ueberschrift h4, .ueberschrift h5, .ueberschrift h6 { }

.bild_links_mit_textfluss { text-align: left; margin-right: 15px; margin-bottom: 15px; float: left; }
.bild_rechts_mit_textfluss { text-align: right; margin-bottom: 15px; margin-left: 15px; float: right; }
.bild_links_mit_textfluss_und_rahmen { text-align: left; margin-right: 15px; margin-bottom: 15px; border: 5px solid #CCC; float: left; }
.bild_rechts_mit_textfluss_und_rahmen { text-align: right; margin-bottom: 15px; margin-left: 15px; border: 5px solid #CCC; float: right; }
.bild_rahmen { border: 5px solid #CCC; }

.text_standard { color: #000; text-decoration: none; font-style: normal; font-variant: normal; font-size: 1em; }
	.text_standard:hover { font-style: normal; }
.text_klein { text-decoration: none; font-style: normal; font-variant: normal; font-size: 0.75em; }
.text_grossbuchstaben { text-transform: uppercase; }
.text_einrueckung { margin-left: 1em; }

table.tabelle_links { margin-left: 0px; margin-right: auto; }
table.tabelle_mittig { margin-left: auto; margin-right: auto; }
table.tabelle_rechts { margin-left: auto; margin-right: 0px; }

.link-historyback { padding: 25px 0px; }

.hide { display: none; }

.facebook { position: fixed; top: 345px; right: -1px; z-index: 100; border: 1px solid #FFF; background: #0A51A1; color: #FFF; font-size: 25px; text-align: center; width: 50px; height: 50px; line-height: 50px; }
.facebook span { display: none; }
	.facebook:hover { background: #FFF; color: #0A51A1; }

/* TinyMCE Breitenbeschränkunen */
.maxwidth500 { max-width: 500px; margin: 0px auto; }
.maxwidth600 { max-width: 600px; margin: 0px auto; }
.maxwidth700 { max-width: 700px; margin: 0px auto; }
.maxwidth800 { max-width: 800px; margin: 0px auto; }
.maxwidth900 { max-width: 900px; margin: 0px auto; }



/* Hacks */
.ipad .content { }

.camera_wrap { max-width: 900px; margin-left: auto; margin-right: auto; float: none !important; }
.camera_wrap .camera_pag .camera_pag_ul { text-align: center !important; }
.camera_wrap .camera_pag .camera_pag_ul li { background-color: #303E5B !important; border: 2px solid #303E5B; width: 10px !important; height: 10px !important; margin: 15px 5px 0px !important; }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background-color: #303E5B; }
.camera_wrap .camera_pag .camera_pag_ul li>span { top: 0px !important; left: 0px !important; background-color: #FFF; width: 10px !important; height: 10px !important; }
.camera_wrap .camera_pag .camera_pag_ul li:hover>span { background-color: #303E5B !important; }


/*
.iwcc-wrapper, .iwcc-cookie-link-privacy-policy a { color: #333; } .pretty.p-icon .state label:before { margin-top: 0; } .iwcc-buttons a, #iwcc-toggle-details, a.ct-privacy-accept, a.iwcc-show-box-reload { cursor: pointer; }
div.ct-privacy { position: relative; background-position: center center; }
.video-container div.ct-privacy { position: absolute; top: 0; left: 0; }
a.ct-privacy-accept { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; width: auto; height: auto; background: #900; color: #FFF; border-radius: 3px; padding: 5px 10px 6px; font-size: 14px; box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.3); }
*/

.consent_manager-wrapper, .consent_manager-cookie-link-privacy-policy a { color: #333; } .pretty.p-icon .state label:before { margin-top: 0; } .consent_manager-buttons a, #consent_manager-toggle-details, a.ct-privacy-accept, a.consent_manager-show-box-reload { cursor: pointer; }
a.consent_manager-close-box::before { left: 9px !important; }

div.ct-privacy { position: relative; background-position: center center; background-size: cover; }
	.video-container div.ct-privacy { position: absolute; top: 0; left: 0; }
div.ct-privacy a.ct-privacy-accept { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; width: auto; height: auto; background: #0A51A1; color: #FFF; border-radius: 3px; padding: 8px 10px 6px; font-size: 14px; box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.3); text-align: center; cursor: pointer; }
	div.ct-privacy a.ct-privacy-accept:hover { background: #FFF; color: #000;}

div.tc-privacy { background: url(/media/basic-dummy.jpg) center center; background-size: cover; padding: 25px; }
	div.tc-privacy > div { position: relative; width: auto; height: auto; text-align: center; max-width: 400px; margin: auto; background: rgba(255,255,255, 0.75); border-radius: 3px; padding: 15px 15px; box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.3); }
	div.tc-privacy > div span { display: block; margin: 20px 0px 0px; font-size: 13px; color: #000; line-height: 1.2; }
div.tc-privacy a.tc-privacy-accept { position: static; transform: none; }
div.tc-privacy + iframe { display: none; }
