@charset "UTF-8";
 

.header__container #nav {
  flex: 0 0 15% !important;
  max-width: 15% !important;
  width: 15% !important;
}

.home #header .header-logosvg::before, 
.header-logosvg::before {
background-image: url("../img/logos.svg");
width:400px;  
  height:100px;
}

 
#node2096485 #header .header__frame,
#node2096488 #header .header__frame {
	height: 450px; 
	width: 100%;  
	overflow:hidden;
	  
 /* border-bottom: 50px solid #19a0e4 */
}

.farbcontainer::before {
  background: #e6f3ff;
}

.site_fr_ese1 .mm-menu .mm-navbars_bottom, .site_fr_ese1 .mm-menu .mm-navbars_bottom .mm-navbar {
  background-color: #19a0e4 !important;
  color: #fff;
}



.mm-menu .mm-navbars_bottom, .mm-menu .mm-navbars_bottom .mm-navbar {
  background-color: #19a0e4 !important;
  color: #fff;
}
.mm-listitem_selected {
  background :#19a0e4 !important;
  color: #fff !important;
}



#node2096485 #header .header__frame .header__image, 
#node2096488 #header .header__frame .header__image {
  background: url("../img/header2a.jpg") no-repeat transparent;
  background-size: auto;
  width: 100%;
  background-size: 100%;
  background-position: center;
  height: 450px; 

  animation: changeBg 30s infinite;
	-webkit-animation: changeBg 30s infinit;	
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
  
}


#footer .l-footer__row2-brand img {
  max-width: 320px !important;
  max-height: 95px !important
}

.flyerNav .mburger::before {
  opacity: 1; padding: 0 .5em 0 0;
color:#fff; content: "MENU";}



.gridlayout .flexgrow5 {
  flex-grow: 5; padding-left:1em
}

.gridlayout.dreier .flexgrow1 {width: 31%}
.gridlayout.dreier .flexgrow5 {width: 66%}



@media screen and (max-width: 1479.98px) {
	#node2096485 #header .header__frame .header__image,
    #node2096488 #header .header__frame .header__image { background: url("../img/header2a.jpg") no-repeat transparent; 	background-size: cover;
      background-position: center;
	  height: 450px; 
  
    animation: changeBg 30s infinite;
    -webkit-animation: changeBg 30s infinit;	
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}    
	#node2096488 #header .header__frame,
	#node2096485 #header .header__frame {
	height: 450px; 
	width: 100%;  
	overflow:hidden
	}  
    }  



   @media screen and (max-width: 1079.98px) {
	#node2096485 #header .header__frame .header__image,
    #node2096488 #header .header__frame .header__image { background: url("../img/header2a.jpg") no-repeat transparent; background-size: cover;
	background-position: center;
	height: 400px; }
	#node2096488 #header .header__frame,
	#node2096485 #header .header__frame {
	height: 400px; 
	width: 100%;  
	overflow:hidden
	}  
    }  
    
    @media screen and (max-width:  991.98px) {
    #node2096485 #header .header__frame .header__image,
    #node2096488 #header .header__frame .header__image { background: url("../img/header2a.jpg") no-repeat transparent; 
	background-size: cover;
    background-position: center;   
	height: 450px; 	
    }

	#node2096488 #header .header__frame,
	#node2096485 #header .header__frame {
	height: 450px; 
	width: 100%;  
	overflow:hidden
	}  
	
    .home  #page_margin #header.sticky-header .header-logosvg::before,
    .home #header .header-logosvg::before, 
    .header-logosvg::before {
    background-image: url("../img/logos.svg");
    width: 280px !important;
    height: 67px !important; }
    }  
    
    
    @media screen and  (max-width: 766px) {
	#node2096485 #header .header__frame .header__image,
    #node2096488 #header .header__frame .header__image { 
	background: url("../img/header2a.jpg") no-repeat transparent; 
	background-size: cover; 
    background-position: center;
	height: 400px; }   
    
	#node2096488 #header .header__frame,
	#node2096485 #header .header__frame {
	height: 400px; 
	width: 100%;  
	overflow:hidden
	}  
	
    .flyerNav .mburger::before {
      content: "";
    }
	
      
.gridlayout.dreier .flexgrow1 {width: 48%}
.gridlayout.dreier .flexgrow5 {width: 48%}
    }  
    
  @media screen and  (max-width: 680px) {
     
.gridlayout.dreier .flexgrow1 {width: 100%}
.gridlayout.dreier .flexgrow5 {width: 100%}
     
    }  
    
	
	
	
	
    @media screen and  (max-width: 576px) {
	#node2096485 #header .header__frame .header__image,
    #node2096488 #header .header__frame .header__image { background: url("../img/header2a.jpg") no-repeat transparent; 
        background-size:150%;
		height: 400px; 
        background-position: center;
		transition-property:transform;
		transition-duration:10s;
		transition-timing-function:linear
		
	}    

	#node2096488 #header .header__frame,
	#node2096485 #header .header__frame {
	height: 400px; 
	width: 100%;  
	overflow:hidden
	}  
	
    .iconstart img  {transition: all .3s; transform: scale(1.5) !important;}        

    }  
    
	
	

#node2096488 .wayhome,  
#node2096485 .wayhome  {display: none}


#page_margin #header.sticky-header .header-logosvg::before {
  width: 320px !important;
  height: 90px !important;
}


 @keyframes opc {
    0%{ opacity: 0}
	5%{ opacity: 1}
	95%{ opacity: 1}
    100%{ opacity: 0}
}
@-webkit-keyframes opc {
    0%{ opacity: 0}
	5%{ opacity: 1}
	95%{ opacity: 1}
    100%{ opacity: 0}
}
 
 

 

@keyframes changeBg
{
	0%   {background-image: url("../img/header1.jpg"); transform: scale(1)}
	19%  {background-image: url("../img/header1.jpg"); transform: scale(1.1) translate(0,4%);}
	20%  {background-image: url("../img/header2.jpg"); transform: scale(1)}
	49%  {background-image: url("../img/header2.jpg"); transform: scale(1.1) translate(2%)}
	40%  {background-image: url("../img/header3.jpg"); transform: scale(1)}
	59%  {background-image: url("../img/header3.jpg"); transform: scale(1.1) translate(-2%)}
	60%  {background-image: url("../img/header4.jpg"); transform: scale(1)}
	79%  {background-image: url("../img/header4.jpg"); transform: scale(1.1) translate(2%)}	
	80%  {background-image: url("../img/header.jpg"); transform: scale(1)}
	99%  {background-image: url("../img/header.jpg"); transform: scale(1.1) translate(-2%)}
   100% {background-image: url("../img/header1.jpg"); transform: scale(1)}
}

@-webkit-keyframes changeBg
{
	0%   {background-image: url("../img/header1.jpg"); transform: scale(1)}
	19%  {background-image: url("../img/header1.jpg"); transform: scale(1.1) translate(0,4%);}
	20%  {background-image: url("../img/header2.jpg"); transform: scale(1)}
	49%  {background-image: url("../img/header2.jpg"); transform: scale(1.1) translate(2%)}
	40%  {background-image: url("../img/header3.jpg"); transform: scale(1)}
	59%  {background-image: url("../img/header3.jpg"); transform: scale(1.1) translate(-2%)}
	60%  {background-image: url("../img/header4.jpg"); transform: scale(1)}
	79%  {background-image: url("../img/header4.jpg"); transform: scale(1.1) translate(2%)}	
	80%  {background-image: url("../img/header.jpg"); transform: scale(1)}
	99%  {background-image: url("../img/header.jpg"); transform: scale(1.1) translate(-2%)}
   100% {background-image: url("../img/header1.jpg"); transform: scale(1)}
}


 
 
 #nodex2038810 #header .header__frame .header__image {
	 animation: changeBg 36s infinite;
				/* scale 10s infinite;*/
	-webkit-animation: changeBg 36s infinit;
	/*						scale 10s infinite;*/
	
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
	}
	

#main #content .bildbox .composedcontent-rubriktopnews-in-box .pm-anreisser {display:none}
#main #content .bildbox .composedcontent-rubriktopnews-in-box h2 {
    display:block !important; 
    min-height: 100% !important;  
    font-size:1.0em !important; 
    text-align: left;
}

  #main .gridlayout .bildbox:hover  .composedcontent-rubriktopnews-in-box  H2,
  #main .gridlayout .bildbox:hover  .composedcontent-rubriktopnews-in-box H2 a {
        transform: scale(1);
        background: transparent
    }   
	



.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
 border-top-left-radius:0px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
 border-top-right-radius:0px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
 border-bottom-left-radius:0px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
 border-bottom-right-radius:0px
}

.ui-state-default,
.ui-widget-content 
.ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button {
  border: 0px solid #c5c5c5 !important;
  background: transparent !important;
  color: #000 !important
}

#main h2.ui-state-default,
#main h2.ui-widget-content 
#main h2.ui-state-default, 
#main h2.ui-widget-header .ui-state-default {
margin-left:.15em;
margin-right: .15em;
font-size: 1.75rem;
}

.ui-icon-triangle-1-e {
  display: none !important
}

.ui-widget-content {border: 0px solid #fff;}

.ui-accordion .ui-accordion-header {
  display:block;
  cursor:pointer;
  position:relative;
  padding:.5em .5em .5em 0;
  margin:.5em .1em
 }
 .ui-accordion .ui-accordion-header::before {
  content:"\f054"!important;
  font-family:FontAwesome;
  font-size:1em!important;
  font-weight:400!important;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:0 .95em 0 0!important
 }
 .ui-accordion .ui-accordion-header.ui-accordion-header-active::before {
  content:"\f078"!important;
  font-family:FontAwesome;
  font-size:1em!important;
  font-weight:400!important;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:0 .25em 0 0!important
 }
 .ui-accordion .ui-accordion-content {
  padding:1em 2.2em;
  overflow:auto
 }
 
 .underline {
  border-bottom: 2px solid #529ec1;
width: 98%;
}



.flyerNav .mburger, .flyerNav button.menu {
  background-color: #de0a11 !important;
}

#quicksearch .quicksearchimg {
  background: #de0a11 !important;
}
#nav-top-k .mm-menu .mm-navbars_bottom, #nav-top-k .mm-menu .mm-navbars_bottom .mm-navbar {
  background-color: #de0a11 !important;
  color: #fff;
}



#row_2069859.ui-widget.ui-widget-content {
  border: 0px solid #c5c5c5;
}
#content #row_2069859 .ui-widget-header .ui-tabs-tab.ui-state-default  {
  border: 0px dotted #ac162b !important;
  background-color: rgba(255,255,255,.5) !important;
  color: #000 !important;
}

#content #row_2069859 .ui-widget-header .ui-tabs-tab.ui-tabs-active.ui-state-active {
  border: 0px dotted #ac162b !important;
  background-color: rgba(255,255,255,1) !important;
  color: #000 !important;
}

#content #row_2069859 .ui-widget-header .ui-tabs-active a {  color: #000 !important;
}


#content #row_2069859 .ui-widget-header {
  border:0px solid #ddd;
  background: #e9e9e9;
position: absolute;
  top:2em;left:1em; z-index:1
}
#content #row_2069859.ui-tabs {
padding: 0;
}

#content #row_2069859 .boxChild h2 {position: absolute; bottom:2em; left: 1em; color: #fff !important;}
#content #row_2069859 .boxChild h2 a {color: #fff !important;font-size:1.6em}



.header__nav a {
  color: #fff;
  font-size: 1.25em;
  display: inline-block;
  padding: .25em;
line-height: 1.25em;
}
.header__nav {
  background: #19a0e4;
  height: 2em;
  margin-top:1em
}
.header__nav p {
  text-align: center;
}
.header__nav .boxflex div {
  text-align: center;
}



@media screen and (max-width: 1300px){
  
  
.header__nav  .gridlayout {
  display: none
}
}

@media screen and (max-width: 1300px){
  
  
.header__nav  {
  display: none
}
}


#main .bildbox.kachelbox h2 a {
  color: #fff !important;
  background: #333;
  background: #de0a11;
}

.pressebox {
  margin: 1em 0;
  padding: 6px 8px 8px 6px;
  border: 1px solid #e9f1f5;
  box-shadow: 10px 10px 15px rgba(0,0,0, .1);
  max-width: 97%;
  background:#e9f1f5;
  transform: rotate(-3deg);
  width: 60%;
 
  margin: 2em auto;
}

#main #content .schmuckfarbe {color: #de0a11}

.basecontent-dynamic-content .date,
.basecontent-dynamic-content .basecontent-line-break-text,
.basecontent-dynamic-content .moreLink {display: none;}
#main .basecontent-dynamic-content h2.title {font-size: 1.50em}


.zusatzbox {
  background: linear-gradient(225deg, transparent 20px, #e9f1f5 0) top right;
  padding: 1em
}

 

.zusatzbox h3 {
color: #de0a11
}

#main .zusatzbox .composedcontent-newsbox-in-boxen
{
   margin:.5em 0;
}

#main .zusatzbox .composedcontent-newsbox-in-boxen::before {
  content: "";
  background: url("../img/ausbildungsbeginn.svg") #fff no-repeat;
  background-position: 0 -30%;
  width:60px;  
  height:60px;
  display: inline-block; float:left; margin-right:1em; 
}


#main .zusatzbox .composedcontent-newsbox-in-boxen h3 {
	font-size: 1.13em;
  margin: 0
}

#main .zusatzbox .composedcontent-newsbox-in-boxen p {
	font-size: 1em;
	margin: 0 0px 0 80px;
}

 

#main .zusatzbox .composedcontent-newsbox-in-boxen.ausbildungsdauer::before {
  background: url("../img/ausbildungsdauer.svg") #fff no-repeat;
}
#main .zusatzbox .composedcontent-newsbox-in-boxen.berufsschule::before {
  background: url("../img/berufsschule.svg") #fff no-repeat;
}
#main .zusatzbox .composedcontent-newsbox-in-boxen.abschluss::before {
  background: url("../img/abschluss.svg") #fff no-repeat;
}
#main .zusatzbox .composedcontent-newsbox-in-boxen.voraussetzungen::before {
  background: url("../img/voraussetzungen.svg") #fff no-repeat;
}

#main .zusatzbox .composedcontent-newsbox-in-boxen.verguetung::before {
  background: url("../img/verguetung.svg") #fff no-repeat;
}
#main .zusatzbox .composedcontent-newsbox-in-boxen.zusatzleistungen::before {
  background: url("../img/zusatzleistungen.svg") #fff no-repeat;
}
#main .zusatzbox .composedcontent-newsbox-in-boxen.abwechslung::before {
  background: url("../img/abwechslung.svg") #fff no-repeat;
}
#main .zusatzbox .composedcontent-newsbox-in-boxen.weiterbildung::before {
  background: url("../img/weiterbildung.svg") #fff no-repeat;
}