/*------------------------------------------------------------
    Custom Styling GM
------------------------------------------------------------*/

/* 
+ body
+ Accordion
+ Pressedetailbild
+ Footer HR
+ HR Press Stage und Homestage Standardstage
+ Headlines / Texte
+ Padding Style 
+ Standard Teaser Modul
+ Presse Stage Caption
+ Footer Icon
+ Zoom Icon Overlay
+ H2 Class H1
+ Icon
+ Standardstage
+ Color Icon Textlink
+ Textlink Background blue + blue transparent
+ Homestage
+ Zuschnitt Media Galerie
+ Yellow Underline Media
+ Teaser Slider
+ Presseteaser Headline
+ Headline /Mobile
+ Firefox Fix / Header / Content
+ Teaser Slider ST / Multi
+ Font-Styling 
*/


/* body */

body {
    line-height: 20px;
}




/* Accordion */





 .accordion-title:before {
        
		 content: url("icons/Akkordion_geschlossen_gelb.svg");
        
		display: inline-block;
       
		position: relative;
	 padding-left: 0px ;
       
    }

    .accordion-title.active:before {
       
		 content: url("icons/Akkordion_offen_gelb.svg");
    }

.accordion-content.default-hidden {
    display: none;
    margin: 0;
	padding-left: 0px;
}



.accordion-title {
   
    padding-left: 20px ;
	display: flex;
	vertical-align: middle;
	line-height: 30px;
	
	
    font-size: 16px;
    font-weight: 300;
    color: #00446A;
    text-transform: none;
	
	
	
	
}.accordion-section {
    border-top: 0px solid #f1f1f1;
	
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 0px solid #f1f1f1;
    border-right: 0px solid #f1f1f1;
}


 .accordion-title:before {
        
		 content: url("icons/Akkordion_geschlossen_gelb.svg");
        
		display: inline-block;
       
		position: relative;
	 padding-left: 0px ;
       
    }

    .accordion-title.active:before {
       
		 content: url("icons/Akkordion_offen_gelb.svg");
    }





.accordion-title {
   
    padding-left: 20px ;
	display: flex;
	vertical-align: middle;
	line-height: 30px;
	
}

 .accordion-section:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }



/*------------------------------------------------------------
    Custom Styling GM Pressedetailbild
------------------------------------------------------------*/
.centered-wrapper{
	position:relative;
	clear:both;background:50% 50% 
		no-repeat;background-size:cover;
			height: 720px;

}

.centered-wrapper:before{content:"";display:table}
.centered-wrapper:after{content:"";display:table;clear:both}



.stage-pic {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
background:50% 50% no-repeat;
background-size:cover;
background-attachment:scroll;
will-change:top;
	height: 720px;
}





.centered-wrapper-inner{
	position:relative;
	height: 100%;
}



.overlay-pr {
    position: relative;
    z-index: 1;
}

    .overlay-pr:before {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1;
		opacity: 0.85;
    }

    .overlay-pr:before {
        
	
		
		
background: rgba(240,232,236,0);
background: -moz-linear-gradient(top, rgba(240,232,236,0) 80%, rgba(240,232,236,0) 89%, rgba(3,3,3,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(80%, rgba(240,232,236,0)), color-stop(89%, rgba(240,232,236,0)), color-stop(100%, rgba(3,3,3,1)));
background: -webkit-linear-gradient(top, rgba(240,232,236,0) 80%, rgba(240,232,236,0) 89%, rgba(3,3,3,1) 100%);
background: -o-linear-gradient(top, rgba(240,232,236,0) 80%, rgba(240,232,236,0) 89%, rgba(3,3,3,1) 100%);
background: -ms-linear-gradient(top, rgba(240,232,236,0) 80%, rgba(240,232,236,0) 89%, rgba(3,3,3,1) 100%);
background: linear-gradient(to bottom, rgba(240,232,236,0) 80%, rgba(240,232,236,0) 89%, rgba(3,3,3,1) 100%);
		
		
    }

/*------------------------------------------------------------
    Custom Styling Footer HR
------------------------------------------------------------*/

.footer hr {
    border-color: #312d2d;
}



/*------------------------------------------------------------
    Custom Styling HR Press Stage und Homestage Standardstage
------------------------------------------------------------*/

#bgvid {
    border-bottom: 4px solid #FFC900;}

#bgpic {
    border-bottom: 4px solid #FFC900;}


/*------------------------------------------------------------
    Custom Styling GM Headlines / Texte
------------------------------------------------------------*/

.blue-bg {
    background-image: linear-gradient(-152deg, #00446A 6%, #141A21 100%);
	background-image: linear-gradient(150deg, #00446A 0%, #00446A 50%, #141A21 100%);
    box-shadow: 0 2px 54px 0 rgba(0, 0, 0, 0.10);
}


.blue-bg h1, .blue-bg h2, .blue-bg h3, .blue-bg h4, .blue-bg h5, .blue-bg h6, .blue-bg p {
    color: #fff;
}

/*------------------------------------------------------------
     Custom Styling GM Padding Erweiterung  
------------------------------------------------------------*/

.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ptb-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}



.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ptb-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}



/*------------------------------------------------------------
     Custom Styling GM Headlines + Textmodul
------------------------------------------------------------*/

.modultext-blue {
    padding: 40px;
    padding-top: 20px;
   
}

@media (max-width: 991px) {
    .modultext-blue {
        padding: 20px;
       
    }
 }

.modultext-white {
    padding: 40px;
    padding-top: 20px;
   
}

@media (max-width: 767px) {
    .modultext-white {
        padding: 0px;
        padding-top: 0px;
    }
 }

/*------------------------------------------------------------
     Custom Styling GM Standard Teaser Modul
------------------------------------------------------------*/

.textmodul-normal {
    padding: 40px;
    padding-top: 20px;
   
}


#st-video {
.mejs-container .mejs-controls {
  display: none !important;
}
}



/*------------------------------------------------------------
    Custom GM Presse Stage Caption
------------------------------------------------------------*/



.pr-picture-caption {
  position: relative;
	
	}
	.pr-picture-caption span {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: left;
  height: 2.5em;
  line-height: 2.5em;
 
  background: #404040; /* Fallback IE 6-8 */
  background-color: rgba(40, 40, 40, 0.6);

}

.pr-picture-caption figcaption {
    position: absolute;
    width: 95%;
    color: #fff;
    text-align: left;
    height: auto;
    bottom: 4px;
	line-height: 1.25em;
	vertical-align: bottom;
}




.pr-picture-caption img {
  display: block;
}







/*------------------------------------------------------------
    Custom GM Footer Icon
------------------------------------------------------------*/



.iconblue {
    
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    color: #00446A;
    letter-spacing: 0;
}

.iconblue:hover {
    text-decoration: underline;
    color: #00446A;
}


/*------------------------------------------------------------
    Custom GM Zoom Icon Overlay
------------------------------------------------------------*/

.zoom-icon {
  position: relative;
	
	}


.zoom-icon figcaption {
  position: absolute;
  bottom: 10px;
  left: 85%;
  width: 10%;
 

}


.zoom-icon img {
  display: block;
}

.zoom-icon video {
  display: block;
}





/*------------------------------------------------------------
    Custom GM H2 class->H1
------------------------------------------------------------*/



.h1 {
    font-family: 'Merkur Sans', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #141A21;
    text-transform: uppercase; 
    letter-spacing: 0;
    line-height: 48px;
}

.h1-white {
    font-family: 'Merkur Sans', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 48px;
}


@media (max-width: 767px) {

    .h1 {
       font-size: 32px;
        
    }

	 .h1-white {
       font-size: 32px;
        
    }
	
}


/*------------------------------------------------------------
    Custom GM SVG Icon
------------------------------------------------------------*/


.icon-link {
        
           background-image: url(icons/Pfeil_Textink_gelb.svg);
           
           display: inline-block;
           width: 5px;
           height: 10px;
           background-size: cover;         
}


.icon-download {
        
           background-image: url(icons/Download_gelb.svg);
           
           display: inline-block;
           width: 13px;
           height: 12px;
           background-size: cover;          
}


.icon-mail {
        
           background-image: url(icons/Mail_gelb.svg);
           
           display: inline-block;
           width: 16px;
           height: 11px;
           background-size: cover;         
}


.icon-tel {
        
           background-image: url(icons/Telefon_gelb.svg);
           
           display: inline-block;
           width: 15px;
           height: 15px;
           background-size: cover;         
}

.icon-dot-blau {
        
           background-image: url(icons/Dot_blau.svg);
           
           display: inline-block;
           width: 8px;
           height: 8px;
           background-size: cover;         
}

.icon-dot-yellow {
        
           background-image: url(icons/Dot_yellow.svg);
           
           display: inline-block;
           width: 5px;
           height: 5px;
           background-size: cover;         
}

.icon-zoom {
        
           background-image: url(icons/Zoom_gelb.svg);
           
           display: inline-block;
           width: 38px;
           height: 38px;
           background-size: cover;
 
           
}

.icon-facebook {
        
           background-image: url(icons/Facebook_blau.svg);
           
           display: inline-block;
           width: 8px;
           height: 16px;
           background-size: cover;
 
           
}

.icon-youtube {
        
           background-image: url(icons/Youtube_blau.svg);
           
           display: inline-block;
           width: 15px;
           height: 17px;
           background-size: cover;
 
           
}

.icon-xing {
        
           background-image: url(icons/Xing_blau.svg);
           
           display: inline-block;
           width: 14px;
           height: 15px;
           background-size: cover;
 
           
}

.icon-edit-mobil {
        
           background-image: url(icons/icon_edit_mobil.svg);
           
           display: inline-block;
           width: 16px;
           height: 25px;
           background-size: cover;
	   margin: 5px;
         
}


.icon-edit-desktop {
        
           background-image: url(icons/icon_edit_desktop.svg);
           
           display: inline-block;
           width: 28px;
           height: 25px;
           background-size: cover;
           margin: 5px;
 
           
}


.icon-edit-desktop-light {
        
           background-image: url(icons/icon_edit_desktop_light.svg);
           
           display: inline-block;
           width: 28px;
           height: 25px;
           background-size: cover;
           margin: 5px;
 
           
}

.icon-edit-lightbox {
        
           background-image: url(icons/icon_edit_lightbox.svg);
           
           display: inline-block;
           width: 25px;
           height: 25px;
           background-size: cover;
           margin: 5px;
 
           
}

.icon-edit-lightbox-light {
        
           background-image: url(icons/icon_edit_lightbox_light.svg);
           
           display: inline-block;
           width: 25px;
           height: 25px;
           background-size: cover;
           margin: 5px;
 
           
}

.icon-close-yellow {
        
           background-image: url(icons/Schliessen_gelb.svg);
           
           display: inline-block;
           width: 24px;
           height: 24px;
           background-size: cover;
 
           
}

.icon-kununu-blue {
        
           background-image: url(icons/kununu_blue.svg);
           
           display: inline-block;
           width: 16px;
           height: 16px;
           background-size: cover;
 
           
}


/*------------------------------------------------------------
    Custom GM Standardstage
------------------------------------------------------------*/

.blue-bg-trans {
    opacity: 0.85;
    background-image: linear-gradient(-152deg, #00446A 6%, #141A21 100%);
	background-image: linear-gradient(150deg, #00446A 0%, #00446A 50%, #141A21 100%);
    box-shadow: 0 2px 54px 0 rgba(0, 0, 0, 0.10);
}


.blue-bg-trans h1, .blue-bg-trans h2, .blue-bg-trans h3, .blue-bg-trans h4, .blue-bg-trans h5, .blue-bg-trans h6, .blue-bg-trans p {
    color: #fff;
}




.standardstage-layer {
  position: relative;
	}

 

.standardstage-layer figcaption {
  position: absolute;
  
  
  width: 100%;
  color: #fff;
  text-align: left;
  height: auto;
  bottom: 40px;
 

}




.standardstage-layer .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.standardstage-layer .overlay figcaption {
    position: absolute;
  
  
  width: 95%;
  color: #fff;
  text-align: left;
  height: auto;
  bottom: 20px;
}





/*------------------------------------------------------------
    Custom GM  Color Icon Textlink
------------------------------------------------------------*/



.iconyellow {
    color: #FFC900;
   
}

/*------------------------------------------------------------
    Custom GM   Textlink Background blue transparent
------------------------------------------------------------*/


.blue-bg-trans a.linkblue:link {
 
	color: #FFC900;
	
}

.blue-bg-trans a.linkblue:visited {
 
	color: #FFC900;
	
}


.blue-bg a.linkblue:link {
 
	color: #FFC900;
	
}

.blue-bg a.linkblue:visited {
 
	color: #FFC900;
	
}

.blue-bg ul li {
 
	color: #FFF;
	
}


/*------------------------------------------------------------
    Custom GM Homestage
------------------------------------------------------------*/



.homestage-layer {
  position: relative;
	}

 

.homestage-layer figcaption {
  position: absolute;
  
  
  width: 100%;
  color: #fff;
  text-align:center;
  height: auto;
  bottom: 40px;
 

}




.homestage-layer .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.homestage-layer .overlay figcaption {
    position: absolute;
  
  
  width: 100%;
  color: #fff;
  text-align: left;
  height: auto;
  bottom: 40px;
}




.owl-carousel figcaption {
  position: absolute;
  
  
  width: 100%;
  color: #fff;
  text-align: left;
  height: auto;
  bottom: 80px;
 

}

.owl-controls-hs {
	
    margin-top: -16px;
    line-height: 46px;
	position: relative;
	width: 100%;
	text-align: center;
	bottom: 55px;
	z-index: 1;
	color: #fff;
}

.owl-controls-hs-back {
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}



.owl-carousel .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}


#homestage .owl-stage-outer {
    
   /* overflow: inherit; */
   

}


/*------------------------------------------------------------
    Custom Styling GM Zuschnitt Media Galerie
------------------------------------------------------------*/

.sp-zuschnitt {
    position: absolute;
    z-index: 5000;
    display: block;
    height: 60px;
    width: 120px;
    font-size: 50px;
    color: red;
    bottom: -10px;
    left: 0px;
}


/*------------------------------------------------------------
    Custom Styling GM Yellow Underline Media
------------------------------------------------------------*/

.media-hr {
    border-bottom: 4px solid #FFC900;
}


/*------------------------------------------------------------
    Custom GM Teaser Slider
------------------------------------------------------------*/

.teaserbox-st {
    background-color: #ffffff;
    box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.05);
}



.owl-controls-st {
  
  line-height: 58px;
  
  
 
  float: right;
     width: 50%;
}


.owl-theme .owl-dots {
    counter-reset: dots;
   /* 
	float: left;
    width: 50%;
	text-align: right;
	*/
}






.owl-theme .owl-dots .owl-dot span {
	line-height: 24px;
	font-size: 16px;
	color: #00446A;
	background: transparent;
	background-image: url(icons/Dot_blau_24x24_8x8.svg);
    width: 24px;
    height: 24px;
	margin:0 0;
    }

.owl-theme .owl-dots .owl-dot:hover span {
	background: transparent;
	background-image: url(icons/Dot_blau_24x24_8x8.svg);
    width: 24px;
    height: 24px;
}

.owl-dot ::before {	
    counter-increment: dots;
    content: '';
}

.owl-theme .owl-dots .owl-dot.active span::before {
	background: transparent;
    content: counter(dots, decimal-leading-zero); 
	display:inline-block;	  
	
}




.owl-theme .owl-dots .owl-dot.active span {
	background: transparent;
}




.owl-carousel .owl-item .teaserbox img {
    display: inherit;
    width: auto;
}



.owl-st-icon {
 
	display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
	
	
}

.owl-st-left {
	
  background-image: url(icons/Slider_links_initial_weiss.svg);
}
.owl-st-left:hover{
  background-image: url(icons/Slider_links_aktiv_blau.svg);
}

.owl-st-right {
	
  background-image: url(icons/Slider_rechts_initial_weiss.svg);
}
.owl-st-right:hover{
  background-image: url(icons/Slider_rechts_aktiv_blau.svg);
}


.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    background:none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
	width: 24px;
	 height: 24px;
	display:inline;
	 
}



 .owl-carousel .owl-nav button.owl-prev{
	 font-size:0px;
      display: inline-block;
           width: 24px;
           height: 24px;
           background-size: cover;
  background-image: url(icons/Slider_links_initial_weiss.svg);
}

.owl-carousel .owl-nav button.owl-prev:hover{
	font-size:0px;
	background: none;
	display: inline-block;
           width: 24px;
           height: 24px;
           background-size: cover;
	
  background-image: url(icons/Slider_links_aktiv_blau.svg);
	
}


.owl-carousel .owl-nav button.owl-next{
	font-size:0px;
     display: inline-block;
           width: 24px;
           height: 24px;
           background-size: cover;
  background-image: url(icons/Slider_rechts_initial_weiss.svg);
}

.owl-carousel .owl-nav button.owl-next:hover{
	font-size:0px;
	background: none;
	display: inline-block;
           width: 24px;
           height: 24px;
           background-size: cover;
	
  background-image: url(icons/Slider_rechts_aktiv_blau.svg);
}

.owl-theme .owl-dots{
 position: absolute;
  
  
  right:50%;
}

@media (max-width: 767px) {
    .owl-theme .owl-dots {
		position: unset;
        width: 100%;
		text-align: center;
    }
 }


.owl-theme .owl-nav{
  position: absolute;
margin-top: -6px;
 
  
  left:50%;
 
}








/*------------------------------------------------------------
    Custom Styling GM Presseteaser Headline
------------------------------------------------------------*/

.post-header h4 {
	
	font-size: 18px;
	margin-top: 20px;
        margin-bottom: 10px;
	
    }

.blog-post .post-header h5, .blog-post .post-header h4, .blog-post .post-header h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

/*------------------------------------------------------------
    Custom Styling GM  Headline /Mobile
------------------------------------------------------------*/


@media (max-width: 767px) {

    h1 {
       font-size: 32px;
        
    }

	 h2 {
       font-size: 24px;
        
    }
	
}

/*------------------------------------------------------------
    Custom Styling Firefox Fix / Header / Content
------------------------------------------------------------*/

.ff-fix {
	
	font-size: 1px;
	line-height: 1px;
	opacity: 0;
	margin-top: 0px;
	position: relative;
    top: -50px;
	/*height: 0px;*/
    }



/*------------------------------------------------------------
    Custom Styling GM ST-Slider
------------------------------------------------------------*/


.st-slider {
    position: relative;
	width: 100%;
	text-align: center;
	
    
}


/*------------------------------------------------------------
    Custom Styling GM ST-Slider-DOTS
------------------------------------------------------------*/



.st-slider {
    counter-reset: dots;
   /* 
	float: left;
    width: 50%;
	text-align: right;
	*/
}


.st-slider button.owl-dot {
    background:none;
    padding: 0px;
}

.st-slider .owl-dot span {
	font-family: 'Merkur Sans', sans-serif;
	font-weight: 300;
    line-height: 24px;
    font-size: 16px;
    color: #00446A;
	background: transparent;
	background-image: url(icons/Dot_blau_24x24_8x8.svg);
    width: 24px;
    height: 24px;
	margin:0 0;
	display:block;
    }

.st-slider .owl-dot:hover span {
	background-image: url(icons/Dot_blau_24x24_8x8.svg);
    width: 24px;
    height: 24px;
}

.st-slider .owl-dot ::before {	
    counter-increment: dots;
    content: '';
}

.st-slider .owl-dot.active span::before {
    content: counter(dots, decimal-leading-zero); 
	display:block;	  
}

.st-slider .owl-dot.active span {
	background: none;	 
}


/*------------------------------------------------------------
    Custom Styling GM ST-Slider-NAV
------------------------------------------------------------*/

.st-slider button.owl-prev, .st-slider button.owl-next {
    background:none;
    width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-left: 5px;
}

 .st-slider button.owl-prev{
	 font-size:0px;
     background-size: cover;
     background-image: url(icons/Slider_links_initial_weiss.svg);
}

.st-slider button.owl-prev:hover{
	 font-size:0px;
     background-size: cover;
     background-image: url(icons/Slider_links_aktiv_blau.svg);
}


.st-slider button.owl-next{
	font-size:0px;
    background-size: cover;
    background-image: url(icons/Slider_rechts_initial_weiss.svg);
}

.st-slider button.owl-next:hover{
	font-size:0px;
    background-size: cover;
	background-image: url(icons/Slider_rechts_aktiv_blau.svg);
}


/* Font-Styling */




#toplevel-selected > a {
    letter-spacing: 1px;
}