/* Fonts
-------------------------------------------------- */
/* 
@import url('https://fonts.googleapis.com/css?family=Spectral:500,500i');
 */

@font-face {
	font-family: 'Spectral';
	src:	url('../fonts/Spectral-MediumItalic.ttf');
	src:	url('../fonts/Spectral-MediumItalic.ttf') format('truetype'));
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'EuclidCircularB-Regular-WebS';
	src:	url('../fonts/EuclidCircularB-Regular-WebS');
	src:	url('../fonts/EuclidCircularB-Regular-WebS.eot?#iefix') format('embedded-opentype'), 
  			url('../fonts/EuclidCircularB-Regular-WebS.woff2') format('woff2'),
  			url('../fonts/EuclidCircularB-Regular-WebS.woff') format('woff'),
  			url('../fonts/EuclidCircularB-Regular-WebS.ttf') format('truetype'),
  			url('../fonts/EuclidCircularB-Regular-WebS.svg#EuclidCircularB-Regular-WebS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'EuclidCircularB-Bold-WebS';
  src:	url('../fonts/EuclidCircularB-Bold-WebS');
  src:	url('../fonts/EuclidCircularB-Bold-WebS.eot?#iefix') format('embedded-opentype'), 
  		url('../fonts/EuclidCircularB-Bold-WebS.woff2') format('woff2'),
  		url('../fonts/EuclidCircularB-Bold-WebS.woff') format('woff'),
  		url('../fonts/EuclidCircularB-Bold-WebS.ttf') format('truetype'),
  		url('../fonts/EuclidCircularB-Bold-WebS.svg#EuclidCircularB-Bold-WebS') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
  font-family: 'EuclidCircularB-Medium-WebS';
  src:	url('../fonts/EuclidCircularB-Medium-WebS');
  src:	url('../fonts/EuclidCircularB-Medium-WebS.eot?#iefix') format('embedded-opentype'), 
  		url('../fonts/EuclidCircularB-Medium-WebS.woff2') format('woff2'),
  		url('../fonts/EuclidCircularB-Medium-WebS.woff') format('woff'),
  		url('../fonts/EuclidCircularB-Medium-WebS.ttf') format('truetype'),
  		url('../fonts/EuclidCircularB-Medium-WebS.svg#EuclidCircularB-Medium-WebS') format('svg');
	font-weight: bold;
	font-style: normal;
}


/* Document
-------------------------------------------------- */
html { position:relative;min-height:100%; }
body {
	font-family:'EuclidCircularB-Medium-WebS', sans-serif;
	/* padding top = navi height */
	padding-top:80px;
	padding-bottom:120px;
	/* Margin bottom = footer height */
	margin-bottom:280px;
	}

body.landing { margin:0;padding:0;min-height:100%;vertical-align:baseline;padding-bottom:280px; margin-bottom:280px; }

/* float button
-------------------------------------------------- */
#quick-access {
	position: fixed;
	top: 40%;
	z-index:300;
  }

#button_closed {
	position: relative;
	left:100px;
    height: 36px;
    width: 36px;
    background: #CC151A;
    border: none;
    border-radius: 18px;
    color: #ffffff;
    font-size:18px;
    text-align: center;
    overflow: hidden;
    padding-top:4px;
    transition: width 0.4s, left 0.4s;

}

#button_closed:hover span {
    display: none;
}

#button_closed:hover {
    padding-top:0px;
    width: 180px;
    transition: width 0.8s, left 0.8s;
    left:-44px;
}

#button_closed::after {
	content: "";
	width: 180px;
	display: none;
}

#button_closed.eins_de:hover::after {
    content: "Anfragen";
    display: inline-block;
}

#button_closed.eins_en:hover::after {
    content: "Inquiries";
    display: inline-block;
}

#button_closed.zwei_de:hover::after {
    content: "English";
    display: inline-block;
}

#button_closed.zwei_en:hover::after {
    content: "Deutsch";
    display: inline-block;
}

#button_closed.drei_de:hover::after {
    content: "Suche";
    display: inline-block;
}

#button_closed.drei_en:hover::after {
    content: "Search";
    display: inline-block;
}

#button_closed.vier_de:hover::after {
    content: "Karriere";
    display: inline-block;
}

#button_closed.vier_en:hover::after {
    content: "Career";
    display: inline-block;
}


/* Formulare
-------------------------------------------------- */
.checkbox input[type="checkbox"] {
  accent-color: #CC151A;
}

#yform-bewerb_form-Mail, #yform-anfrage_form-Mail {
	visibility:hidden;
	max-height: 1px;
	padding:0px;
	margin:0px;
}

/* Navigation BIG
-------------------------------------------------- */
.navbar-default {background-color:#fff;border:none;height:80px;color:#000;}
.navbar-brand {font-size:0px;height:20px;line-height:0px;padding:0px;margin-right:0px;}
.logo {height:28px;margin-top:26px;margin-left:15px;margin-right:0px;}

.navbar-default {background-color:#fff;border:none;color:#000;}
.navbar-default .navbar-nav > li > a {color:#000;}
.navbar-default .navbar-nav > li > a:hover {color:#CC151A;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:active,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {color:#CC151A;background-color:#fff;}
.navbar .navbar-collapse .navbar-right {}
.navbar-default .navbar-nav > .xs-active > a {color:#CC151A;background-color:#fff;}

.nav > li > a {padding:30px 10px 30px 10px;font-size:18px;float:left;}
.nav > li:last-child {padding:0px 5px 0px 0px;}
.nav > li > span {padding: 27px 10px 30px 10px;font-size:18px;float:left;}
span.sprache_aktiv, a.sprache_inaktiv {text-transform:uppercase;cursor:pointer;}
.nav > li.sprache > a {padding-left:5px;padding-left:5px;}
.nav > li.sprache > span {padding-left:5px;padding-left:5px;}

/* 
#nav.affix {position:fixed;top:0px;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
#nav {position:absolute;top:-90px;width:100%;z-index:110;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
 */

#nav.affix {position:fixed;top:0px;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
#nav {position:absolute;top:-90px;width:100%;z-index:110;}

/* SPEZIAL NAVI // SEITENPFEILE
-------------------------------------------------- */
.move-navi {
	height:40px;
	background-color:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	}
.ha-header {
	position:fixed;
	top:30px;
	left:0;
	width:100%;
	padding:0;
	z-index:50;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	transform:translateY(0%);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
	}
.ha-foot-up {
	position: fixed;
	bottom:90px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	}
.ha-foot-down {
	position: fixed;
	bottom:0px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	}
.ha-header-large {top:80px;}
.ha-header-small {top:30px;}


/* Landingpage
-------------------------------------------------- */
#slides {position:relative;}
#slides .slides-container {display:none;}
#slides .scrollable {*zoom:1;position:relative;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;}
#slides .scrollable:after {content:"";display:table;clear:both;}

.carousel-fade .carousel-inner .item {opacity:0;transition-property:opacity;}
.carousel-fade .carousel-inner .active {opacity:1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left:0;opacity:0;z-index:1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity:1;}
.carousel-fade .carousel-control {z-index:2;}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease; }
    1% { opacity: 1;
         -moz-animation-timing-function: ease; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    1% { opacity: 1;
         animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

/* animation neu start */
.carousel {padding-top:0px;height:100%;width:100%;padding-bottom:40px;}
.carousel-inner {height:100%;width:100%;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {display:block;margin-left:auto;margin-right:auto;height:auto;width:auto;}
.carousel-caption {top:420px;color:#000;text-shadow:none;padding-top:0;position:absolute;}
.carousel-caption p, .carousel-caption p.text-left, .carousel-caption p.text-right, .carousel-caption p.text-center {font-size:26px;line-height:1.5;}
.carousel-control {width:40px;height:40px;position:absolute;z-index:200;}
.carousel-control.left {background-image:none;top:200px;left:12px;}
.carousel-control.right {background-image:none;top:200px;right:10px;}
.carousel-control:hover, .carousel-control:focus, .carousel-control:active {color:#c31519;text-decoration:none;outline:none;opacity:1;}
.carousel-indicators {position:absolute;bottom:-12px;z-index:15;width:400px;margin-left:auto;margin-right:auto;padding-left:0;padding-bottom:10px;margin-left:-200px;text-align:center;list-style:none;}
.carousel-indicators li {display:inline-block;width:10px;height:10px;margin-left:4px;margin-right:4px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0, 0, 0, 0);border:1px solid #999;border-radius:10px;}
.carousel-indicators .active {width:12px;height:12px;margin-left:4px;margin-right:4px;background-color:#c31519;border:none;}
/* animation neu ende */

img.downlink {display:block;margin:auto;width:50px;padding-bottom:20px;}
.pfeil {position:relative;margin-top:-80px;height:80px;z-index:5;}
.no-margin {margin:0px;padding:0px;}
.heading {position:relative;margin-top:-200px;top:52%;height:200px;z-index:4;background-color:none;color:#fff;}
.lp-intro {font-size:170px;}

/* Footer
-------------------------------------------------- */
.footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:280px;
	background-color:#f5f5f5;
	z-index:60;
	}
.footer-space {
	height:150px;
	min-height:150px;
	}
.container .text-muted {margin:20px 0 0 0;}
.container .text-muted2 {margin:10px 0 0 0; color:#666; }
.text-muted2 > a  { color:#666; }
.footer > .container {padding-right:15px;padding-left:15px;}
p.footerlink {padding-top:14px;}
.socialmedia2 { padding-top:0px; padding-bottom:5px; width:20px; }
.socialmedia2:hover { color:red; }

.greybg {
	background-color:#f5f5f5;
	padding-top:20px;
	padding-bottom:40px;
	margin-bottom:60px;
	margin-top:40px;
	}
.ctbuh-logo {
	width:50%;
	height:50%;
}
.dgnb-logo {
	width:75%;
	height:75%;
	padding-top:20px;
}
.vbi-logo {
	width:30%;
	height:30%;
	padding-top:14px;
}
.vft-logo {
	width:75%;
	height:75%;
	padding-top:2px;
}
.auf-logo {
	width:44%;
	height:44%;
	padding-top:6px;
	float:right;
}
.nax-logo {
	width:100%;
	height:100%;
	padding-top:10px;
	margin-left:-10px;
}
.fvhf-logo {
	width:80%;
	height:80%;
	padding-top:21px;
}

hr.trenner-footer {
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border-top: 1px solid #999;
}
hr.trenner-footer2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-top: 1px solid #999;
}
p.footer_icons > a > i {
	font-size:28px;
}

/* Farben
-------------------------------------------------- */
.black { color: #000; }
.rot { color: #CC151A; }
.gruen { color: #090; }

p.rot > a { color:#CC151A; }


/* Basics
-------------------------------------------------- */
b, strong { font-family: 'EuclidCircularB-Bold-WebS', sans-serif; }
p { margin-bottom:20px; }
span.introtext { font-size:21px; line-height: 1.4; }
span.introsubline { font-family: 'Spectral', serif; font-size: 33px; font-weight: 500; line-height: 1.6; text-align: center; display: block; margin-left: auto; margin-right: auto; font-style: italic; }
.testimonial { font-family: 'Spectral', serif; font-style: italic; font-size: 33px; font-weight: 500; padding-top: 10px; float:right; }

.lead2 { margin-bottom:20px;font-size:21px;line-height:1.4; }
a.lead2 { margin-bottom: 20px; font-size: 21px; line-height: 1.4; }

.lead3b { font-size: 18px; line-height: 1.4; padding-bottom:20px;}
.lead3c { font-size: 16px; line-height: 1.2; padding-bottom:20px;}

.lead4 { font-family: 'Spectral', serif; font-size: 24px; font-weight: 500; line-height: 1.6; }
.lead4 > a { font-family: 'EuclidCircularB-Medium-WebS', sans-serif; font-size:21px; }
p.lead4 { padding-bottom: 30px; }
p.lead4 > strong { font-family: 'Spectral', serif; font-weight: 700; }

.lead5 { font-family: 'Spectral', serif; font-size: 21px; font-weight: 500; line-height: 1.6; max-width:540px; }
.lead5 > b { font-family: 'Spectral', serif; font-weight: bold; }

p.dohover:hover {color:#CC151A;}
a:hover > div > p.nohover {color:#000;}

p.newshead {font-size:18px; color: #CC151A; }
p.size18 {font-size:18px; color: #000; padding-top:12px; }
p.size21spec { font-family: 'Spectral', serif; font-size:21px; }
b.news_namer { display:block; padding-top:0px; padding-bottom:0px; font-size:18px; font-family: 'EuclidCircularB-Bold-WebS', sans-serif;  }
p.padmore {padding-left:15px;padding-right:60px;}
.socialmedia { padding-top: 10px; padding-bottom: 15px; width: 20px; }
.size28 { font-size: 28px; }
p.nopad { padding-bottom:0px; margin-bottom:0px; }
p.nopad2 { padding-bottom:0px; margin-bottom:0px; }
.font14 { font-size: 14px; }

.suchergebnis { background-color:#ffff66; }

.morebottom60 { margin-bottom:60px; }
.moreleft { padding-left:120px; }

.fixedsize { min-height:100px;}

a.xs-hide {display: none;}
a.noxs-show {display: block;}

span.pro-black > ul {
	padding-left:5px;
	margin-left:15px;
}

/* filter
-------------------------------------------------- */
span.pro-grey {
    color: #000;
    font-size: 16px;
    font-family: 'EuclidCircularB-Bold-WebS', sans-serif;
}
span.pro-black {
    color: #000;
    font-size: 16px;
    font-weight: 300;
}
span.fuer_liste_aussen {
	display: table;
	padding-top: 4px;
	color:#fff;
}
span.fuer_liste {
	display: table-cell;
	padding-left:4px;
}
span.ausgegraut {
	color: #999;
}
span.weis {
	color: #fff;
}
span.addmoretop {
	padding-top: 4px;
}

/* Links
-------------------------------------------------- */
a, a:focus, a:active {color:#CC151A;text-decoration:none;border:none;outline:none;}
a, a:focus {color:#000;}
a:hover {color:#CC151A;text-decoration:none;}
a:hover > p.dohover {color:#CC151A;}
a.nohover:hover {text-decoration:none;border:none;outline:none;}
a.stayblack, a.stayblack:focus, a.stayblack:active {color:#000;text-decoration:none;border:none;outline:none;}
a.stayblack:hover .image-card img, a.stayblack2:hover .image-card2 img {-webkit-transform:scale(1.1);transform:scale(1.1);}
a > span.rot { color: #CC151A; }
a.heller {color:#ccc;}
a.heller:hover {color:#CC151A;}
a.size18 { font-size: 18px; }
a.size16 {font-size:16px;}
a.weiss { color: #fff; }
a.mehrluft { line-height: 1.7; }

/* buttons
-------------------------------------------------- */
.btn-primary {background:#fff;color:#000;border-color:#000;border-radius:10px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background:#fff;color:#CC151A;border-color:#CC151A;}
.btn-primary:active, .btn-primary.active {background:#fff;box-shadow:none;}

.btn-primary2 {background:none;color:#fff;border-color:#fff;border-radius:10px;}
.btn-primary2:hover, .btn-primary2:focus, .btn-primary2:active, .btn-primary2.active:hover, .btn-primary2:active:focus, .btn-primary2:active:hover, .btn-primary2.active, .open > .dropdown-toggle.btn-primary2 {background:#fff;color:#CC151A;border-color:#CC151A;}
.btn-primary2:active, .btn-primary2.active {background:#fff;box-shadow:none;}

.btn-danger {background:#CC151A;color:#fff;border-color:#CC151A;border-radius:10px;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active:hover, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active, .open > .dropdown-toggle.btn-danger {background:#fff;color:#CC151A;border-color:#CC151A;}
.btn-danger:active, .btn-danger.active {background:#CC151A;color:#fff;border-color:#CC151A;box-shadow:none;}

button.sorter {background-color:#fff;border:none;color:#666;display:inline-block;padding-left:5px;padding-right:0px;}
button.sorter.active {color:#CC151A;}
button.sorter:hover {color:#CC151A;}

/* 
button.sorter::before {
  content: "X ";
}
button.sorter.active::before {
  content: "Y ";
}
 */


/* Headlines
-------------------------------------------------- */
h3 { font-size:28px;line-height:1.8;border-bottom:2px solid #000; }
h2 { font-size: 36px; font-weight: 700; }
h2.cases { font-size: 100px; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, .5); }
h3.nounderline { font-size: 28px; line-height: 1.8; border-bottom: none; }
h3.lesstop { margin-top: 0px; }

/* Divs
-------------------------------------------------- */
.page-header { padding-bottom: 3px; border: none; }
.page-header3 { padding-top:20px; padding-bottom: 3px; border:none; }
.rot_obenunten { border-bottom: 2px solid #CC151A; border-top: 2px solid #CC151A; margin-left:0px; margin-right:0px; padding-top:15px; padding-left:0px; padding-right:0px;  }

.mtb { margin-top: 30px; margin-bottom: 30px; }
.mb { margin-bottom: 30px; }
.mt { margin-top: 30px; }
.mtx { margin-top: 60px; }

.hline { border-bottom: 1px solid #eee; margin: 0px 0 30px; }
.hline2 { border-bottom: 1px solid #ccc; margin: 0px 0 30px; }

.well_red {
    border-radius: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    background-color: #CC151A;
    padding-top:20px;
}
.nopad { padding-left:0px; padding-right:30px; }
.nopadx { padding-left:15px; padding-right:15px; }
.moretop60 { padding-top:60px; }
div.topplus40 > p.lead2 { margin-bottom: 20px; font-size: 21px; line-height: 1.4;}

/* preloader
-------------------------------------------------- */
.stop-scrolling { height: 100%; overflow: hidden; }
.js div#preloader2 {position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;overflow:visible;background-color:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1);opacity:1;}
.js div#preloader2 > img {z-index:1000;display:block;width:1136px;height:192px;position:absolute;left:50%;top:50%;margin-left:-568px;margin-top:-96px;}

.js div#preloader {position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;overflow:visible;background-color:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75);opacity:0.75;}
.js div#preloader > img {z-index:1000;display:block;width:128px;height:128px;position:absolute;left:50%;top:50%;margin-left:-64px;margin-top:-64px;}

/* zitate
-------------------------------------------------- */
div.zitat-oben {
	background-image: url("../../media/zitat-oben.png");
	background-repeat: no-repeat;
	background-position: 100px 0px;
	background-color: #fff;
	height:auto;
}
div.zitat-unten {
	background-image: url("../../media/zitat-unten.png");
	background-repeat: no-repeat;
	background-position: 100px 0px;
	background-color: #fff;
	height:150px;
}

div.zitat-text > p { 
	font-family: 'Spectral', serif;
	font-size: 26px;
	font-weight: 500;
	font-style:italic;
	line-height: 1.6;
	padding-left: 150px;
	padding-top: 90px;
	width: 800px;
}

div.container.clearfix.pictext.mt {
	/* border: 1px solid red; */
}

/* Introbilder
-------------------------------------------------- */
#headerpic {
    position: relative;
    background: #fff;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: relative;
    background-position: center center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 100px;
    padding-bottom: 100px;
    height: 620px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
}

.aufflaeche {
    color: #fff;
    padding-left: 10px;
}

.indermitte {
    padding-top: 120px;
    text-align: center;
    font-size: 36px;
}
.normal {
    font-weight: 300;
}
.kursiv {
    font-style: italic;
    font-family: 'Spectral', serif;
    font-weight: 500;
    /* font-size:105%; */
}

/* index zoom
-------------------------------------------------- */
.schattenrahmen {border:2px solid #CC151A;padding-bottom:20px;}
.schattenrahmen:hover {border:2px solid #CC151A;padding-bottom:20px;}

.zoom-effect-container {float:left;position:relative;width:100%;height:347px;margin:0 auto;overflow:hidden;margin-bottom:40px;}
.zoom-effect-container2 {float:left;position:relative;width:347px;height:347px;margin:0 auto;overflow:hidden;margin-bottom:40px;}
.zoom-effect-container3 {float:left;position:relative;width:100%;height:164px;margin:0 auto;overflow:hidden;margin-bottom:40px;}

.circle-overlay {position:absolute;z-index:100;width:347px;height:347px;}
.circle-overlay2 {position:absolute;z-index:100;padding-left:0px;padding-right:15px;padding-bottom:15px;}

.image-card {position:absolute;top:0;left:0;}
.image-card img {width:553px;height:347px;-webkit-transition:0.3s ease;transition:0.3s ease;}
.image-card2 img {width:347px;height:347px;-webkit-transition:0.3s ease;transition:0.3s ease;}
.image-card3 img {width:263px;height:164px;-webkit-transition:0.3s ease;transition:0.3s ease;}

.zoom-effect-container:hover .image-card img, 
.zoom-effect-container2:hover .image-card2 img, 
.zoom-effect-container3:hover .image-card3 img {-webkit-transform:scale(1.1);transform:scale(1.1);}

a.stayblack:hover .image-card img, 
a.stayblack2:hover .image-card2 img,
a.stayblack3:hover .image-card3 img {-webkit-transform:scale(1.1);transform:scale(1.1);}

.rotrahmen {border:2px solid #CC151A;}


/* table
-------------------------------------------------- */
/* 
div > table {
	margin-bottom:15px;
}
 */
div > table > tbody > tr > td {
	padding-right:10px;
	padding-top:5px;
	vertical-align:top;
	text-align:left;
}
div.modal-body > table > tbody > tr > td:first-child {
	color:red;
}
 
 /* cases
-------------------------------------------------- */
#headerpic2 {
    position:relative;
    background: #fff;
    background-position-x:0%;
    background-position-y:0%;
    background-repeat:repeat;
    background-image:none;
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:relative;
    background-position:center center;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    height:500px;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    z-index:1;
}

.description-right {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #fff;
    padding-bottom: 0px;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    text-shadow: 0 1px 2px rgb(0, 0, 0);
    width: calc(50% + 15px);
    z-index: 20;
    margin-left:50%;
    height: 500px;
}
.description-left {
	position: absolute;
    width: calc(50% - 15px);
    z-index: 20;
    margin-left:0%;
    height: 500px;
}

p.button-news { position: absolute; top:394px; right:395px; }


/* slider / carousel custom styles
-------------------------------------------------- */
.carousel {padding-top:0px;/* Abstand nach unten / Höhe der Navizeile */padding-bottom:40px;}
.carousel-inner {padding-bottom: 60px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {display:block;margin-left:auto;margin-right:auto;height:531px;width:auto;}

.carousel-caption {top:551px;color:#000;text-shadow:none;padding-top:0;position:absolute;width:100%;left:0%;right:0%;}
.carousel-caption p, .carousel-caption p.text-left, .carousel-caption p.text-right, .carousel-caption p.text-center {font-size:14px;line-height:1.1;}
.carousel-control {width:40px;height:40px;position:absolute;z-index:2;}
.carousel-control.left {background-image:none;top:265px;left:12px;}
.carousel-control.right {background-image:none;top:265px;right:10px;}
.carousel-control:hover, .carousel-control:focus, .carousel-control:active {color:#c31519;text-decoration:none;outline:none;opacity:1;}

.carousel-indicators {position: absolute;bottom:0px;/*left: calc(50% - 60px);*/z-index:15;width:265px;margin-left:auto;margin-right:auto;padding-left:0;padding-bottom:10px;margin-left:-100px;text-align:center;list-style:none;}
.carousel-indicators li {display:inline-block;width:10px;height:10px;margin-left:4px;margin-right:4px;text-indent:-999px;cursor:pointer;border:1px solid #999;border-radius:10px;}
.carousel-indicators .active {width:12px;height:12px;margin-left:4px;margin-right:4px;background-color:#c31519;border:none;}


/* Panels / Accordeon
-------------------------------------------------- */
.panel {border:none;border-radius:0px;-webkit-box-shadow:none;box-shadow: none;}
.panel-heading {border-top:1px solid #000;border-radius:0px;}
.panel-title {margin-top:8px;margin-bottom:0;font-size:21px;}
.panel-title-b {margin-top:8px;margin-bottom:0;font-size:21px;padding-left:110px;}
.panel-body {border:none;border-radius:0px;-webkit-box-shadow:none;box-shadow:none;background-color:#eee;margin-right:30px;}
.no-right-margin {margin-right:0px;}
.panel-collapse {margin-top:10px;border-left:none;border-right:none;border-top:none;border-bottom:none;}
.whitebg {background-color:#fff;}
.greybg {background-color:#eee;}
.accord-texte {padding-left:30px;padding-right:30px; font-size:16px; }
ul.ohneRand {padding:0px;}

a.a-accord {color:#000;padding-left:110px;}
a.a-accord:hover, a.a-accord:focus, a.a-accord:active {color:#CC151A;}
a.a-accord > span {float:right;color:#000;padding-right:110px;}
a.a-accord:hover > span, a.a-accord:focus > span, a.a-accord:active > span {float:right;color:#CC151A;}

div > ul {
	/* list-style-type:square; */
	margin-left: 0px;
	padding-left: 15px;
}
.whitebg > div > p, 
.whitebg > div > div > p, 
.whitebg > div > ul, 
.whitebg > div > div > ul { font-size:16px; }

/* showroom
-------------------------------------------------- */
.enlarge {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: right;
    top: 10px;
    right: 7px;
    margin-bottom:-15px;
}

/* bilderwechsel / Team
-------------------------------------------------- */
#crossfade > a > img:nth-child(1),
#crossfade > a > img:nth-child(2),
#crossfade > a > img:nth-child(3) {
	padding-left:15px;
	padding-right:15px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    -webkit-backface-visibility: hidden;
}

#crossfade > a:hover > img:nth-child(1) {
	opacity: 1;
}


#crossfade > a:hover > img:nth-child(3),
#crossfade > a:hover > img:nth-child(2) {
    -webkit-animation: imageAnimation 2s linear infinite 0s;
    -moz-animation: imageAnimation 2s linear infinite 0s;
    -o-animation: imageAnimation 2s linear infinite 0s;
    -ms-animation: imageAnimation 2s linear infinite 0s;
    animation: imageAnimation 2s linear infinite 0s; 
}

#crossfade > a:hover > img:nth-child(2) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    animation-delay: 0.5s; 
}

#crossfade > a:hover > img:nth-child(3) {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s; 
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease; }
    1% { opacity: 1;
         -moz-animation-timing-function: ease; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    1% { opacity: 1;
         animation-timing-function: ease-out; }
    29% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}


/* XS NAVI START
-------------------------------------------------- */
@media (max-width: 767px) {

	/* NAVI
	-------------------------------------------------- */
	.navbar-header {height:70px;}
	.navbar-toggle { padding: 0px, 8px, 0px, 0px; }    
	.navbar-default .navbar-toggle { border-color:#fff; padding:0px, 0px, 0px, 0px; margin:2px; }
	span.bigbut { font-size:21px; padding-right:10px; padding-left:10px; margin-top:14px;}
	.navbar-nav { margin: 0px -15px; border-color: #fff; }

	/* Panels / Accordeon
	-------------------------------------------------- */
	.panel-group .panel+.panel { margin-top: 0px; }
	.panel {border:none;border-radius:0px;-webkit-box-shadow:none;box-shadow: none; margin-top:0px;}
	.panel-heading {border-radius:0px;}
	.panel-title { margin-top:0;margin-bottom:0;font-size:21px;}
	.panel-body {border:none;border-radius:0px;-webkit-box-shadow:none;box-shadow:none; }
	.panel-default > .xs-heading { background-color: #fff; padding:10px, 10px, 10px, 10px; border:0; border-top: 1px solid #ddd; }
	.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fff; }

	.inner_collapse {margin-top:5px;margin-bottom:5px; font-size:14px; }
	.xs-body { margin-top:0px; margin-bottom:0px; background-color: #fff; padding-left:30px; padding-top:0px;font-size:16px;}
	b.xs-bold { line-height: 2.0; }

}
/* XS NAVI ENDE
-------------------------------------------------- */


/* INTRANET START
-------------------------------------------------- */

body.intra {
/* 
  margin: 0;
  height: 100%;
  height: 100%;
 */
  background-image: url("/media/buildingskins_4.jpg");
  position: relative;
  /* opacity: 0.65; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.input-group-addon {
	padding: 0px 0px;
}
.vspacerdiv {
	margin-top: 20%;
}
      
.vspacerdiv > div > .well > .container {
	margin:0;
	padding:0;
}
.vspacerdiv > div > .well > .container > .page-header {
    padding-bottom: 9px;
    margin: 20px 0 20px;
}

a.intramain {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

a.subeinruck {
	display:block;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:15px;
}

.panel.intrasub {
	margin-bottom: 0px;
}
.panel-collapse.intrasub {
	margin-top: 0px;
}
.panel-body.intrasub {
    margin-right: 0px;
}



iframe {
	border: 1px solid silver;
}
.alert-info {
    color: #CC151A;
    background-color: #fff;
    border-color: none;
}
.alert {
    padding: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000000;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
}

/* INTRANET ENDE
-------------------------------------------------- */

/* NEWSLETTER START
-------------------------------------------------- */

.NLspezial {
	width: 848px;
	margin-top:40px;
	margin-left:20px;
	border: 1px solid silver;
	}
.nl_main { 
	width: 600px;
	margin: auto;
	padding-left: 20px;
	}
.halb {
	width: calc(50% - 20px);
	float:left;
	padding-right:20px;
	}
.introline {
	font-size: 14px;
	background-color: #ccc;
	padding: 6px 10px 3px 10px;
	width: calc(100% - 20px);
	color: #000;
	display: block;
	}
.namer {
	text-align: center;
	font-size: 14px;
	}
div.bubble > p {
	font-size: 14px;
	background-color: #CC151A;
	padding: 6px 10px 3px 10px;
	width:auto;
	border-radius: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	display: inline;
	}
.lefty {
	text-align: right;
	font-size: 14px;
	}
.nl_main > div > div > h2.rot {
	font-family: Helvetica, Arial, sans-serif;
	padding: 25px 0px 0px 0px;
	margin: 0px;
	font-size: 30px;
	font-weight: 400;
	}

.nl_main > div > div > h3 {
	font-family: Times, serif;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	font-weight: 600;
	font-size: 14px;
	}
	
.nl_main > div > div.p_main > p {
	font-family:Times, Times New Roman, serif;
	font-size: 16px;
	line-height: 1.6; 
	}
.nl_main > div.row > div.p_main > p > strong {
	font-family:Times, Times New Roman, serif;
	font-weight: bold;
	}


.NLspezial > div.pictext > div.row > div > .carousel-inner > .item > img, .carousel-inner > .item > a > img { display:block;margin-left:auto;margin-right:auto;height:auto;width:auto; }

.NLspezial > div.pictext > div.row > div > .carousel-control.left {background-image:none;top:155px;left:42px;}
.NLspezial > div.pictext > div.row > div > .carousel-control.right {background-image:none;top:155px;right:40px;}

.NLspezial > div > div > div > div > .carousel-indicators {
  margin-left: -135px;
  bottom:30px;
}

a.subeinruck2 {
	display:block;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:25px;
}


/* INTRANET ENDE
-------------------------------------------------- */

div.privacy-map-msg {
	background-color:#e5e3de;
}

div.privacy-msg p {
	background-color:#fff;
    width:200px;
    border: 1px solid black;
    padding: 10px 5px 20px 5px;
    text-align:center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

div.privacy-msg a {
	color: #CC151A;
}