@charset "UTF-8";
.site_freiburg_stadtwerke .sticky-header .header__row,
 .site_freiburg_stadtwerke .header__row {height: calc(100px + 2em)}
.site_freiburg_stadtwerke  .header__container #nav {
  flex: 0 0 15% !important;
  max-width: 15% !important;
  width: 15% !important;
  
}

.home #header .header-logosvg::before, 
.header-logosvg::before,

.site_freiburg_stadtwerke .header-logosvg::before
{
background-image: url("../img/logos.svg");
width:300px;  
  height:92px;
}

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

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

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

.site_freiburg_stadtwerke #main .basecontent-list ul li, #main .zmbeschreibung ul li {
  margin: 0 0 .8em 0;
  list-style: none;
  background: url(../img/ulicon.jpg) 0 5px no-repeat;
  padding-left: 1.5rem;
}



#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;
  
}

.site_freiburg_stadtwerke #footer {
  padding: 0;
  font-size: 0.8em;
  margin: 8em 0 0em 0 !important;
  background-color: #333 !important;
}
.site_freiburg_stadtwerke #bottom_functionallinks {
  background-color: #333;
  padding: 10px 10px;
}


.site_freiburg_stadtwerke .l-footer__row2-brand a img {
  max-width: 320px !important;
  max-height: 95px !important;
  display: block;
}
.site_freiburg_stadtwerke .l-footer__row2-brand a::before {
  content: "";
  display: none;
  background-image:none;
}


.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: 240px !important;
    height: 72px !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: 240px !important;
  height: 72px !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
    }   
	
 
 
 .underline {
  border-bottom: 2px solid #529ec1;
width: 98%;
}



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

#quicksearch .quicksearchimg {
  background: #e0202c !important;
}


.c-meta__search #qs_query {

  background: #fff !important;
  width: 80% !important;;
  color:#000 !important;
  font-size:1.5em !important;
  padding: 1.2em 1em 1.0em 1em !important;
 }
  
#nav-top-k .mm-menu .mm-navbars_bottom, #nav-top-k .mm-menu .mm-navbars_bottom .mm-navbar {
  background-color: #e0202c !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; 
 
}
.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
}
}

.site_freiburg_stadtwerke #main .bildbox.kachelbox h2 a {
  color: #fff !important;
  background: #e0202c;
}
.site_freiburg_stadtwerke #main .bildbox.kachelbox:hover h2 a,
.site_freiburg_stadtwerke #main .bildbox.kachelbox h2:hover a,
.site_freiburg_stadtwerke #main .bildbox.kachelbox h2 a:hover {
  color: #111 !important;
  background: #f4f1e5 !important;;
}

.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;
}