/* LG-LARGE */
.privacy h3, 
    .privacy h4      { font-size: 16px; }
.privacy             { font-size: 13px; line-height: 175%; }

/* ================ FONTS ===================== */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/OpenSans.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans.woff') format('woff'), /* Modern Browsers */
       url('fonts/OpenSans.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/OpenSans.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 700;
  src: url('fonts/OpenSansBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSansBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSansBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSansBold.woff') format('woff'), /* Modern Browsers */
       url('fonts/OpenSansBold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/OpenSansBold.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* ============================ Cookie-Info ================================== */

div.cookie          { background-color: #D8D6D6; color: #333333; display: none; padding: 3px; position: absolute; top: 0; width: 100%; font-family: Tahoma, Arial, Helvetica; font-size: 10px; text-align: center; height: 45px; } 
div.cookie button   { font-size: 10px; padding: 1px; background: #333333; color: #D8D6D6; margin-left: 10px; min-width: auto; }
div.cookie a        { color: #333333; text-decoration: underline; }  

body.showcookie             { margin-top: 45px; background-position-y: 45px;}
body.showcookie div.cookie  { display: inherit; }
body.showcookie .submenu    { top: 286px !important; }

@media (min-width: 992px)
{
    div.cookie      { height: 35px; }
    body.showcookie { margin-top: 35px; background-position-y: 35px; }
    body.showcookie .submenu { top: 276px !important; }
}

.logo-company { margin:30px 0px; min-height:70px }		
	.logo-company p 				{ margin-top:25px }
		.logo-company p a 		{ font-family: 'Open Sans', sans-serif; font-size:16px; color:#333; }
		.logo-company p a span 	{ font-size:12px; color:#999; }

.company-menu					{ margin-top:5px; padding:0px; list-style:none; height:80px;  }
	.company-menu  li				{ cursor:pointer; float:left; border-top:23px solid #FFF; background-color:#EAEAEA; margin-right:2px; }
		.company-menu  li a		{ font-family: 'Open Sans', sans-serif; font-size:18px; color:#000; text-decoration:none; padding:20px 25px 10px 25px; display: block; }	
	.company-menu  li.active		{ border-top:23px solid #548799; background-color:#548799;  }
		.company-menu  li.active a	{ color:#FFF; }

	.rootnav { margin-bottom:45px; margin-top:20px; }
	.rootnav img 							{ float:left; }
	
	.rootnav .company-menu  				{ float:right; margin-right:0px; }
		.rootnav .company-menu  li				{ cursor:default; float:left; padding:25px 0px 0px 30px; border:none; background-color:#FFF; margin-right:0px; text-align:center; }
			.rootnav .company-menu  li a		{ height:94px; font-family: 'Open Sans', sans-serif; font-size:16px; text-align:center; padding-top:30px; font-weight:bold; line-height:100%; padding: 0; display: unset; }	
		.rootnav .company-menu  li.active		{ border:none; background-color:#FFF;  }
			.rootnav .company-menu  li.active a	{ color:#548799; }
		
		
.hero	{ margin-bottom:20px; display: none; }
/*	.hero-text, .hero-contact { background-color:#548799; margin:0 0 0 -30px; padding:20px 20px 10px 35px; color:#FFF; font-family: 'Open Sans', sans-serif; min-height:400px } */
	.hero-text, .hero-contact { background-color:#FF9326; margin:0 0 0 -30px; padding:20px 20px 10px 35px; color:#FFF; font-family: 'Open Sans', sans-serif; min-height:560px } 
	.hero-contact 					{ padding-top:10px; }
		.hero-text h1 				{ font-size:37px; line-height:110%; margin-bottom:30px }
		.hero-contact h1 			{ font-size:37px; line-height:110%; margin-bottom:20px }
		.hero-text p  				{ font-size:22px; line-height:150% }
		.hero-contact a				{ color: #FFFFFF; }
		.hero-contact  				{ font-size:17px; line-height:130% }
			.hero-contact .title		{ font-size:18px; font-weight:bold; text-decoration:underline; padding:0px; margin:18px 0px 4px 0px; }
	.orange-line { height:10px; background-color:#FF9326 }
		
.breadcrumb 	{ padding:0px 15px 0px 0px; margin-bottom: 10px; background-color:#FFF; border:none; border-radius:0px;}
	.breadcrumb a, .breadcrumb .seperator { color:#333; }
	.breadcrumb .seperator { display: inline; margin: 0 10px; }
	.breadcrumb a:last-child { text-decoration: underline; }
		
h2 { font-size:32px; color:#548799; line-height:110%; font-family: 'Open Sans', sans-serif; margin-bottom:25px }
h2.main-title { margin: 0 0 10px 0; }

.branch-selector { margin-bottom:30px; }
	.branch-selector button, .branch-selector button:hover { border-radius:0px; background-color:#FFF; border:1px solid #999999; margin-right:10px; padding:15px 30px; font-size:18px; color:#000; line-height:100%; font-family:'Open Sans', sans-serif;  }
	.branch-selector button:hover { background-color:#EFEFEF } 
	.branch-selector button.active, .branch-selector button.active:hover { background-color:#548799; border:1px solid #548799; color:#FFF;  }

.teaser 	 { margin-bottom:25px; }
	.teaser img { margin-bottom:10px; }
	.teaser a 	{ font-size:22px; color:#000; line-height:130%; font-family:'Open Sans',sans-serif; }
	.teaser p 	{ color:#000; font-family:Arial, Helvetica, Sans-Serif; margin-top:10px; line-height:160%; }
	
.team-member .name { margin-bottom: 0px; color: #548799; }
.team-member .job-title { margin-bottom: 10px; font-size: 120%; color: #777777; font-style: italic; min-height: 50px; }
.team-member .job-description .job-description-title { margin: 5px 0 10px 0; color: #548799; font-size: 130%; }
.team-member .job-description p { margin-left: 12px; margin-bottom: 3px; }
.team-member>.row   { margin: 10px; padding-bottom: 20px; background-color: #CDCDCD; }

ul.content-menu { list-style-type: none; padding-left: 0; margin-top: 6px; }
ul.content-menu li { margin-bottom: 3px; font-size: 130%; background-color: #CDCDCD; border: 1px solid #999999; display: block; }
ul.content-menu li:hover,
ul.content-menu li.active { background-color: #EFEFEF; }
ul.content-menu li:not(.active) + ul.content-menu-sub { display: none; }
ul.content-menu li a { padding: 3px 15px; color: #666666; text-decoration: none; display: block; }
ul.content-menu ul.content-menu-sub { padding-left: 15px; margin-bottom: 10px; }
ul.content-menu ul.content-menu-sub li { padding: 0; margin: 0; font-size: 100%; background-color: transparent; border: none; }
ul.content-menu ul.content-menu-sub li:hover,
ul.content-menu ul.content-menu-sub li.active { font-weight: bold; }

.video-and-footer p,
.image-and-footer p { font-style: italic; }
.image-and-footer img { width: auto; max-height: 300px; }
.image-and-footer.centered img { margin: 0 auto; }
.image-and-footer.centered p { text-align: center; }

.news-content h2 { margin-top: 0; }
.news-content img { margin-top: 7px; }

.google-maps-container { margin-top: 20px; overflow: hidden; }
.google-maps-container iframe,   
.google-maps-container object,  
.google-maps-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contact-form .help-block { margin: 0; }
.contact-form .help-block ul { margin: 0; }
.contact-form .footer { text-align: right; }

.rowspace   { margin-bottom: 10px; }

.carousel { }
.carousel-inner > .item > a > img, .carousel-inner > .item > img { margin: 10px auto; }
.article-slide .carousel-indicators { position: relative; margin-top: 10px; bottom: 0; left: 0; margin-left: 5px; width: 100%; }
.article-slide .carousel-indicators li { border: medium none; border-radius: 0; height: 66px; margin-bottom: 5px; margin-left: 0; margin-right: 5px !important; margin-top: 0; width: 100px; }
/* .article-slide .carousel-indicators img { border: 2px solid #FFFFFF; float: left; height: 66px; left: 0; width: 100px; } */
.article-slide .carousel-indicators img { border: 2px solid #FFFFFF; float: left; }
.article-slide .carousel-indicators .active img { border: 2px solid #428BCA; opacity: 0.7; }
.article-slide .carousel-control  { height: 410px;  }

footer	{ background-color:#DDDDDD; padding: 35px 0px; margin-top:40px }
	footer .branch-list p	{ font-family:'Open Sans',sans-serif; color:#9F9F9F; font-size:24px; padding-bottom:10px; }
	footer ul	{ margin:0px; padding:0px; list-style: none; }
		footer ul.branch-list li	{ margin-top:6px }
			footer ul.branch-list a	{ font-family:Arial, Helvetica, Sans-Serif; font-size:16px; color:#666 }
		footer ul.menu { margin-top:10px;  }
		footer ul.menu li	{ margin-bottom:10px; text-align:right }
			footer ul.menu a	{ text-transform:uppercase; font-family:'Open Sans',sans-serif; font-size:16px; color:#666; font-weight:bold; }		
	footer .social { text-align:center; }
		footer .social img { margin:10px 5px }
			


/* CHRONIK */
    .chronik    {}
    .chronik.timeline       { border-left: 10px solid #EFEFEF; }
    .chronik div          { position: relative; }
    .chronik div>span     { display: block; position: absolute; background-color: #FF9326; height: 2px; }
    .chronik div>span.c1  { left: -320px; width: 400px; }
    .chronik div>span.c2  { left:  -40px; width: 120px; }
    
    .chronik h2           { margin-bottom: 10px; }





/* MD-MEDIUM */
@media screen and (max-width: 1200px)
{
	.rootnav { margin-bottom:20px; margin-top:20px; }
	.rootnav img 							{ max-width:125px }
		.rootnav .company-menu  li				{ padding:13px 0px 0px 23px;  }
		.rootnav .company-menu  li:first-child				{ padding-left:0px; }
			.rootnav .company-menu  li a		{ font-size:15px; font-family:Arial; color:#666 }	
		
    .company-menu  li a		{ font-size:15px; padding:20px 15px 10px 15px; }	
	.team-member .job-title     { font-size: 110%; }
    .team-member                            { font-size: 13px; }
	
	.hero-text, .hero-contact { margin:0 0 0 -30px; padding:20px 20px 10px 35px; min-height:460px }
	.hero-contact { padding:5px 20px 10px 25px; }
	.hero-text h1  	{ font-size:34px; line-height:110%; margin-bottom:30px }
	.hero-contact h1 { font-size:32px; line-height:110%; margin-bottom:20px }
	.hero-text p { font-size:18px; line-height:150% }
	.orange-line { height:7px; }
	.hero-contact  				{ font-size:15px; line-height:120% }
		.hero-contact .title		{ font-size:15px; margin:14px 0px 4px 0px; }
	
	.teaser a 	{ font-size:21px; }
	.teaser p 	{ margin-top:5px; }
	
}

/* SM-SMALL */
@media screen and (max-width: 992px)
{
	.company-menu					{ height:auto;  }
		.company-menu  li				{ float:none; padding:10px 25px; border-top:2px solid #FFF; margin-right:0px; }
			.company-menu  li a		{ font-family: 'Open Sans', sans-serif; font-size:18px; color:#000; text-decoration:none; }	
		.company-menu  li.active		{ border-top:23px solid #548799; background-color:#548799;  }
			.company-menu  li.active a	{ color:#FFF; }
	
	.rootnav  img				{ float:none; }
	.rootnav .company-menu  				{ float:none; margin-right:0px; margin-top:15px; margin-bottom:15px }
		.rootnav .company-menu  li				{ cursor:default; float:none; padding:10px 25px; border-top:2px solid #FFF; background-color: #EAEAEA; text-align:left }
			.rootnav .company-menu  li a		{ height:94px; font-family: 'Open Sans', sans-serif; font-size:18px; padding-top:30px; font-weight:bold; line-height:100% }	
			.rootnav .company-menu  li a br		{ display:none }	
		.rootnav .company-menu  li:first-child				{ padding-left:25px; }
			.rootnav .company-menu  li.active a	{ color:#548799; }

	
	.hero-text, .hero-contact { margin:0px; padding:10px 20px 20px 20px; min-height:50px }
	.hero-contact  				{ font-size:16px; line-height:130% }
		.hero-contact .title		{ font-size:18px; margin:24px 0px 6px 0px; }
		
	h2 { font-size:24px; margin-bottom:25px }
	
	.branch-selector button, .branch-selector button:hover {  padding:15px 18px; font-size:15px; }
	
	footer .social { text-align:right; padding-bottom:20px }
	
}

/* XS-TINY */
/* Landscape phones and down */
@media (max-width: 768px)
{
	.rootnav { margin-bottom:60px; }
	.navbar-nav { margin: 0px; }
	.navbar-nav br { display:none } 
	
	.navbar-nav > li { height:auto; font-size:18px; text-align:left; padding:5px 10px 5px 0px; font-weight:bold; line-height:130%; width:100% } 
		.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background-color:#EFEFEF; }
		.nav > li > a { padding:10px 0px; }
		.navbar-collapse { margin-top: 60px; }
}