@charset "UTF-8";
 


#header .l-topslot {
  background: url("../img/background.jpg?t=1") no-repeat transparent;
  background-size: auto;
  width: 100%;
  background-size: 100%;
  background-position: top;
  height: 335px; 
}


 

.home .header__row {
  border-bottom: 0px solid #5b594b !important;
}


.sticky-header .header__row {
  border-bottom: 1px solid #5b594b !important;
}

 
 
.l-topslot .tophead h1   { font-size: 3.5em !important;/*! font-weight: bold; */font-family: 'Nunito Sans ExtraBold';margin-bottom:0em !important;}
.l-topslot .tophead h2   { font-size: 1.65em !important; font-weight: normal; margin-top:0em !important;line-height: 2em;}

 
.l-topslot .topheadright h1,
.l-topslot .topheadright h2 {text-align:right}
.l-topslot h1 {color:#ffffff !important;text-shadow: 0px 1px 10px #AAAAAA;}
.l-topslot h1::before {width:0}

.l-topslot h2 {color:#5b594b !important}
 
.l-topslot .composedcontent-standard-fr,
.l-topslot .composedcontent-row-fr {
    bottom:2%; right:2%;
    position: absolute;
}
 

 



.label_lang label {width: 65%!important}
.label_lang input {width:30%!important}
.label_lang label {margin-bottom: 1.5em!important}
 


#content .ablaufbox .composedcontent-newsbox-in-boxen {text-align:center; position: relative;}

.ablaufbox .composedcontent-newsbox-in-boxen::before {
    background-color: #a3a18f;
    display: block;
    height: 4px;
    left: 0%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0%;
    z-index: 1;
    content: " ";
    top: 49%;
    z-index: 1;
}

.ym-g25:first-of-type .ablaufboxh2::before {
left:50%;
}
.ym-g25:last-of-type .ablaufbox h2::before {
right:50%;
}

#content .ablaufbox h2 {
    background: #a3a18f;
    border-radius: 50% 50%;
    height: 3.5em;
    width: 3.5em;
    line-height: 3.5em;
    text-align: center;
    font-weight: normal !important;
    margin: 0 auto !important;
cursor:pointer;
    display: bock;
border:	5px #a3a18f solid;
position: relative;
    z-index: 2;
	    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
	font-size: 1.2em;
	color:#aec5ca
}


#content .ablaufbox h2.hide a {color: #a3a18f !important;}

#content .ablaufbox.aktuell h2 {
border: 5px #A9E4EC solid;
}
#content .ablaufbox h2 a {
    color:#fff !important;line-height: 3em !important;

}

#content .ablaufbox p {
font-size:.80em !important;
    margin: .5em 0
}

 
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
max-width: 220px
}

 .uitooltip {border: 0px solid #fff;
    border-radius: 6px;
    box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.2);
    margin: 0.5em 1em 2em 0.25em;
    padding: 12px;  background: rgba(255,255,255,.9);
opacity:1 !important;
 	    position: relative;

}

.uitooltip::after {
    bottom: -10px;
    left: 72px;
    border-color: #eee transparent;
    border-width: 10px 10px 0;    
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
width: 0;}
.ablaufbox.upcoming h2 a {
    color: #172650;
}

 
#main .mehrLinkButton a  {
    border:1px solid #E0202C;
    color:#E0202C !important;
    padding:.25em .5em;
    transition: .1s all ease-in-out;
    line-height: 180%;
    text-align: center;
}

#main .mehrLinkButton a::before,
#main .mehrLinkButton a::after, 
#main .mehrLinkButton a:hover::before,
#main .mehrLinkButton a:hover::after {width:0 !important;}

#main .mehrLinkButton a:hover {
 color:#fff!important;
 background: #E0202C ;
}

 

#content .foren .composedcontent-box-fr {position: relative;   border: 1px solid transparent;
  border-top: 2px solid #f4f1e5; margin: 1em 0; padding-left: 1.7em}

#content .foren { counter-reset: section;   }
#content .foren .composedcontent-box-fr h2::before {
  counter-increment: section;  
  content:  counter(section);
  padding-right: .5em;
  margin-left: -1.1em; 
}



.forum1::after,
.forum2::after,
.forum3::after,
.forum4::after,
.forum5::after,
.forum6::after,
.forum7::after
{
  padding-left: .25em; 
  font-weight: normal;
  color:#A9E4EC !important
}

.forum1::after {content: "1";}
.forum2::after {content: "2";}
.forum3::after {content: "3";}
.forum4::after {content: "4";}
.forum5::after {content: "5";}
.forum6::after {content: "6";}
.forum7::after {content: "7";}



@media screen and ( max-width: 1200px )  {


     #header .l-topslot {
    background-size: cover
}

 

}

@media screen and ( max-width: 960px )  {
.l-topslot .tophead h1   { font-size: 2.5em !important;}
.l-topslot .tophead h2   { font-size: 1.2em !important;}
}

@media screen and ( max-width: 850px )  {

 

#content .ablaufbox h2 {
    height: 3em;
    width: 3em;
    line-height: 3em;
    font-size: 1.3em;
}

}


 
 
.featuredSlider {
  width: 100%;
  padding-right: 0px;
  position: relative;
  border: 0px solid #ccc;
  height:auto;
  margin: 1em 0 2em 0
}

.featuredSlider ul.ui-tabs-nav {
  position: static;
  width: auto;
}


.featuredSlider .ui-tabs-panel {
  width: auto;
  height: auto;
  background: #fff;   
  padding: 0px 20px;
}

.featuredSlider.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0px;
}

#node1443676 .ym-form legend {
display: none

}


.radioquer .formElementOption {
    display: inline-block;
    width: 2em;

}

 
 

.hoverbox {
height: 0;
width: 120%;
background: rgba(255,255,255,1);
border: 1px solid #ddd;
padding:0em;
opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
	position:absolute;z-index:9;
box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.2);
padding-bottom: 20px;
}
.hoverbox h2,
.hoverbox h3,
.hoverbox p, 
.hoverbox ul
{color: #007483; padding: 0 30px !important;}
.hoverbox ul a {color: #007483 !important;}
.hoverbox h3 {margin-top: 20px}
.hoverbox  p.hoverboxlinktag  a {color: #007483 !important; text-decoration: underline; float:right}
.hoverbox .close { color:red; padding: 0 0 0 30px;}

.hoverbox h2 {font-size:1.3em !important; margin:.25em 0 .75em 0;}
.hoverbox h3 {font-size:1..15em !important;}

 #content .hoverbox .basecontent-image {
    margin-bottom: 20px;
    margin-right: 0px;
    margin-top: 0px;
}


.konzept .konzept1 .hoverbox {top: 0px; left:-100px; width:150%;}
.konzept .konzept3 .hoverbox {top: -210px; left:0}
.konzept .konzept4 .hoverbox {top: -320px; left:20px;width:150%;}
.konzept .konzept5 .hoverbox {top: -240px; left:-120px;width:160%}
.konzept .konzept6 .hoverbox {top: -50px; left:-210px; min-width:350px; width:450px}
.konzept .konzept2 .hoverbox {top: -100px; left:-50px; width:150%;}

.konzept .konzept7 .hoverbox {top: -40px; left:-220px;width:160%}
.konzept .konzept8 .hoverbox {top: 120px; left:-220px;width:160%}
.konzept .konzept9 .hoverbox {top: 0px; left:0px; width:250%}
.konzept .konzept10 .hoverbox {top: -470px; left:-200px; width:130%}
.konzept .konzept11 .hoverbox {top: -50px; left:-120px; width:130%}
.konzept .konzept12 .hoverbox {top: -240px; left:-100px;width:210%}

 
.hoverlinkbox, .hoverbox span.close {cursor: pointer}
.hoverlink {font-size:.9em; width: 65%;}

.konzept .konzepte {position: absolute; overflow:visible !important}
.konzept .konzept1 {top: 20px; left:12%}
.konzept .konzept2 {top: 350px; left:7%}
.konzept .konzept3 {top: 530px; left:10%}
.konzept .konzept4 {top: 695px; left:44%;}
.konzept .konzept5 {top: 610px; right:26%;}
.konzept .konzept6 {top: 360px; right:20%;}
.konzept .konzept7 {top: 235px; right:17%;}
.konzept .konzept8 {top: 90px; right: 20%;}
.konzept .konzept9 {top: 10px; left:43%}
.konzept .konzept10 {top: 790px; left:28%;}
.konzept .konzept11 {top: 700px; left:12%}
.konzept .konzept12 {top: 465px; right:22%;}

.szenario .szenarien {position: absolute; overflow:visible !important; width:280px}

.szenario .szenario1_1 {top: 80px; right:22%;}
.szenario .szenario1_2 {top: 140px; left:5%}
.szenario .szenario1_3 {top: 265px; right:-4%}
.szenario .szenario1_4 {top: 500px; right:-3%}
.szenario .szenario1_5 {top: 500px; left:-1%}


.szenario .szenario2_1 {top: 80px; right:12%;}
.szenario .szenario2_2 {top: 50px; left:18%}
.szenario .szenario2_3 {top: 215px; right:-5%}
.szenario .szenario2_4 {top: 500px; right:0%}
.szenario .szenario2_5 {top: 180px; left:-1%}


.szenario .szenario3_1 {top: 70px; left:21%;}
.szenario .szenario3_2 {top: 160px; left:-1%}
.szenario .szenario3_3 {top: 200px; right:-6%}
.szenario .szenario3_4 {top: 480px; right:-1%}
.szenario .szenario3_5 {top: 530px; left:0%}


.szenario .szenario4_1 {top: 90px; left:16%;}
.szenario .szenario4_2 {top: 210px; left:-4%}
.szenario .szenario4_3 {top: 100px; right:14%}
.szenario .szenario4_4 {top: 260px; right:-4%}
.szenario .szenario4_5 {top: 520px; left:-4%}


.szenario .szenario5_1 {top: 110px; left:9%}
.szenario .szenario5_2 {top: 200px; left:-8%}
.szenario .szenario5_3 {top: 100px; right:17%}
.szenario .szenario5_4 {top: 230px; right:-5%}
.szenario .szenario5_5 {top: 520px; right:-5%}


.szenario .szenario6_1 {top: 180px; left:0%}
.szenario .szenario6_2 {top: 580px; right:18%}
.szenario .szenario6_3 {top: 100px; right:17%}
.szenario .szenario6_4 {top: 220px; right:-6%}
.szenario .szenario6_5 {top: 560px; left: 14%}
.szenario .szenario6_6 {top: 420px; left:-8%}

.szenario  {min-height:800px; position: relative;  
 width:100%;height:100%;  
 background: url('../img/szenario1.svg') no-repeat;
 background-size: 90% 90%;
 background-position: center center;
padding-bottom:2em;
overflow:visible
}

.szen2 { background-image: url('../img/szenario2.svg');}
.szen3 { background-image: url('../img/szenario3.svg');}
.szen4 { background-image: url('../img/szenario4.svg');}
.szen5 { background-image: url('../img/szenario5.svg');}
.szen6 { background-image: url('../img/szenario6.svg');}

.szenarien {    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}


.linkschmal {
margin: 0 auto !important;
width: 80% !important;
}


.szdown {
    background: #eee;
    text-align: center;
    padding: 0 1em;
    margin-left: 1em;
}

.szenario .hoverlinkbox {
overflow: visible
}

#content .szenario .hoverlinkbox .basecontent-image {
margin: 0px;
}

.szenario .hoverlink {
    text-align: center;
     width: 100%;
	 color: #666 !important;
}
.szenario .hoverlinkbox img {    
    transform: translate(0px, -50px) scale(.7);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}


.szenario .hoverlinkbox:hover img {    
    transform: scale(1.2);}


.close .fa.fa-close {
    padding-right: 8px;
    font-size: 1.4em !important;

}

 
.konzept  {min-height:800px; position: relative;  
 width:100%;height:100%;  
 background: url('../img/konzept13.svg') no-repeat;
 background-size: 90% 90%;
 background-position: center center;
padding-bottom:2em;
}


.konzepte {    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}

.hoverlinkbearbeitung,
.hoverlinktext {margin:0.25em 0;font-size:.7em}

.hoverlinkbearbeitung {color:#aaa }
.hoverlinktext {color:#27b4aa}

.konzept .konzeptzentrum {position: absolute;top: 240px; left:28%; overflow:visible}
.konzept .konzeptzentrum .innerlp {position: relative;top: 75px; left:45% }

.innerfnp h2,
.innerfnp h3 {color:#007483 !important}
    
.innerlp h2,
.innerlp h3 {color:#6ab633 !important}
    
.innerfnp h2,
.innerlp h2 {font-size:1.4em !important; margin:0; text-shadow: 1px 1px 10px white, 1px -1px 10px white, -1px 1px 10px white, -1px -1px 10px white}

.innerfnp h3,
.innerlp h3 {font-size:1.4em !important; margin:0 0 0 1.5em; text-shadow: 1px 1px 10px white, 1px -1px 10px white, -1px 1px 10px white, -1px -1px 10px white}



@media screen and (max-width: 1640px) {
   
    .konzept .konzept1 {top: 50px; left:10%}
    .konzept .konzept2 {top: 280px; left:2%}
    .konzept .konzept3 {top: 480px; left:3%}
    .konzept .konzept5 {top: 600px; right:22%}
    .konzept .konzept6 {top: 360px; right:15%;}
    .konzept .konzept7 {top: 235px; right:12%;}
    .konzept .konzept8 {top: 90px; right: 14%}
    .konzept .konzept11 {top: 680px; left:12%}
    .konzept .konzept12 {top: 460px; right:19%;}
    }
    
     
    @media screen and (max-width: 1390px) {
 
        .konzept .konzept5 {top: 550px; right:7%}
        .konzept .konzept6 {top: 355px; right:8%;}
        .konzept .konzept7 {top: 235px; right:4%;}
        .konzept .konzept11 {top: 680px; left:12%}
        .konzept .konzept12 {top: 460px; right:13%;}
        
        .konzept .konzept5 {top: 600px; right:18%}
        
        }

        @media screen and (max-width: 1220px) {
    
            .konzept .konzept2 {top: 340px; left:7%}
            .konzept .konzept3 {top: 530px; left:10%}
            .konzept .konzept4 {top: 690px; right:12%}
            .konzept .konzept5 {top: 590px; right:12%}
            .konzept .konzept6 {top: 355px; right:2%;}
            .konzept .konzept7 {top: 235px; right:-4%;}
            .konzept .konzept8 {top: 90px; right: 2%}
            .konzept .konzept9 {top: 20px; left:40%}
            .konzept .konzept11 {top: 680px; left:12%}
            .konzept .konzept12 {top: 460px; right:8%}
            
        }
        


        @media screen and (max-width: 960px) {
            .konzept {background-size:90% !important}
                
        .konzept .konzept1 {top: 100px; left:12%}
        .konzept .konzept2 {top: 360px; left:2%}
        .konzept .konzept3 {top: 510px; left:2%}
        .konzept .konzept4 {top: 635px; left:36%}
        .konzept .konzept5 {top: 555px; right:9%}
        .konzept .konzept6 {top: 365px; right:0%;}
        .konzept .konzept7 {top: 270px; right:-5%;}
        .konzept .konzept8 {top: 110px; right: 0%}
        .konzept .konzept9 {top: 80px; left:40%}
        .konzept .konzept10 {top: 700px; left:27%}
        .konzept .konzept11 {top: 630px; left:4%}
        .konzept .konzept12 {top: 445px; right:6%;}
        }
        

@media screen and (max-width: 880px) {
    .konzept {background-size:90% !important}
        
.konzept .konzept1 {top: 130px; left:5%}
.konzept .konzept2 {top: 370px; left:1%}
.konzept .konzept3 {top: 503px; left:1%}
.konzept .konzept4 {top: 620px; left:34%}
.konzept .konzept5 {top: 540px; right:2%}
.konzept .konzept7 {top: 280px; right:-10%;}
.konzept .konzept8 {top: 160px; right: -9%}
.konzept .konzept9 {top: 100px; left:38%}
.konzept .konzept11 {top: 610px; left:9%}

.konzept .konzept1 .hoverbox {top: 0px; left:-30px; }
.konzept .konzept2 .hoverbox {top: 0px; left:-50px; width:150%;}
.konzept .konzept5 .hoverbox {top: -160px; right:30px;left: auto}
.konzept .konzept6 .hoverbox {top: -100px; right:0; left: auto;width:380px;}
.konzept .konzept7 .hoverbox {top: -20px; left: auto; right:100px;}
.konzept .konzept8 .hoverbox {top: 20px; left: auto; right:90px;width:160%}
.konzept .konzept9 .hoverbox {top: 0px; left:0px; width:250%}
.konzept .konzept10 .hoverbox {top: -270px; left:-200px; width:130%}

.konzept .konzeptzentrum {position: absolute;top: 270px; left:20%; overflow:visible}
.konzept .konzeptzentrum .innerlp {position: relative;top: 75px; left:45% }

 

}





@media screen and (max-width: 740px) {
    .konzept {background: none !important;}
    .konzept .konzeptzentrum {display:none}
    .konzept .konzepte {position: static;}
    .konzept .konzepte .hoverlinkbox {display: none}
    .konzept .konzepte .close {display: none}
    .konzept .konzepte .hoverbox {position: static; opacity: 1 !important;;height:100%  !important;width:98% !important;margin: 1em 0}
	
 .szenario .szenarien hoverbox {position: static;}
	

 .l-topslot .composedcontent-standard-fr,
.l-topslot .composedcontent-row-fr {
    bottom:2em; right:2%;
}
     #header .l-topslot {
    background-size: cover
}


}


#content .foren .ausgegraut h2,
#content .foren .ausgegraut p {color:#999}



#node1615600 .bx-controls {display: block}
#node1615600 .bx-wrapper .bx-controls-direction .bx-next,
#node1615600 .bx-wrapper .bx-controls-direction .bx-prev {
    background: rgba(0, 0, 0, 0) url("../img/pfeil-links.png") no-repeat scroll;
    cursor: pointer;
    height: 40px !important;
    left: 10px;
    margin-top: -25px;
    position: absolute;
    top: 42%;
    width: 50px;
    z-index: 110;
}
#node1615600  .bx-wrapper .bx-controls-direction .bx-next {
    background: rgba(0, 0, 0, 0) url("../img/pfeil-rechts.png") no-repeat scroll;
    left: auto;
    right: 30px;
}

#node1615600 .bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: transparent;
}

.knot_1338028 .featuredSlider ul.ui-tabs-nav li,
.knot2_1465619 .featuredSlider ul.ui-tabs-nav li {
    width: 40%;
}

.knot_1338028 .featuredSlider li a,
.knot2_1465619 .featuredSlider li a{
    width: 100%;
	font-family: inherit;
	color: #5b594b !important;
	font-size: 1.5em !important;
}

 

.knot_1338028 .featuredSlider li a span,
.knot2_1465619 .featuredSlider li a span {
line-height: 170%;
}

 
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active {
	background: url(../img/selected-item.png) top left no-repeat !important;
}

.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(1)   {
background: url(../img/selected-item1.png) top left no-repeat !important; 
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(1) a  {
background: #c78bb8 !important; color:#fff !important;  
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(2)  {
background: url(../img/selected-item2.png) top left no-repeat !important;
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(2) a {
background: #9cd1c0 !important; color:#fff !important;
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(3)  {
background: url(../img/selected-item3.png) top left no-repeat !important; 
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(3) a {
background: #8fbfe2 !important;  color:#fff !important;
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(4)  {
background: url(../img/selected-item4.png) top left no-repeat !important;
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(4) a {
background: #e74b2e !important; color:#fff !important;
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(5) {
background: url(../img/selected-item5.png) top left no-repeat !important; 
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(5) a {
background: #f9c704 !important; color:#fff !important;
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(6)  {
background: url(../img/selected-item6.png) top left no-repeat !important;
}
.knot_1338028 .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(6) a {
background: #ef92a8 !important; color:#fff !important;
}
.knot_1338028 .featuredSlider li.ui-tabs-active a {color:#333 !important}




.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active {
	background: url(../img/selected-item.png) top left no-repeat !important;
}

.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(1)   {
background: url(../img/selected-item1.png) top left no-repeat !important; 
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(1) a  {
background: #c78bb8 !important; color:#fff !important;  
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(2)  {
background: url(../img/selected-item2.png) top left no-repeat !important;
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(2) a {
background: #9cd1c0 !important; color:#fff !important;
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(3)  {
background: url(../img/selected-item3.png) top left no-repeat !important; 
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(3) a {
background: #8fbfe2 !important;  color:#fff !important;
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(4)  {
background: url(../img/selected-item4.png) top left no-repeat !important;
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(4) a {
background: #e74b2e !important; color:#fff !important;
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(5) {
background: url(../img/selected-item5.png) top left no-repeat !important; 
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(5) a {
background: #f9c704 !important; color:#fff !important;
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(6)  {
background: url(../img/selected-item6.png) top left no-repeat !important;
}
.knot2_1465619  .featuredSlider ul.ui-tabs-nav li.ui-tabs-active:nth-child(6) a {
background: #ef92a8 !important; color:#fff !important;
}.knot2_1465619  .featuredSlider li.ui-tabs-active a {color:#333 !important}

.linkiconzeile {margin:5em 0; background:#eee}
.linkiconzeilerechts {margin:1.5em 0 0 .5em; background:#eee}
.linkiconzeile img,
.linkiconzeilerechts img {width:120px}

.headszenario h2 {   font-size: 1.6em;}

h2.headerszenario2 {font-size: 1.2em;}


.headszenario h3 {    font-size: 1.3em;}

.szenario1 h2.headerszenario2,
.headszenario.szenario1 h3 {color: #c78bb8}
.szenario2 h2.headerszenario2,
.headszenario.szenario2 h3 {color: #9cd1c0}
.szenario3 h2.headerszenario2,
.headszenario.szenario3 h3 {color: #8fbfe2}
.szenario4 h2.headerszenario2,
.headszenario.szenario4 h3 {color: #e74b2e}
.szenario5 h2.headerszenario2,
.headszenario.szenario5 h3 {color: #f9c704}
.szenario6 h2.headerszenario2,
.headszenario.szenario6 h3 {color: #ef92a8}


.szbeteiligung img {
  width: 100%;
}
.szbeteiligung {width: 100%}

.szenario1 .szbeteiligung {background-color: #c78bb8}
.szenario2 .szbeteiligung {background-color: #9cd1c0}
.szenario3 .szbeteiligung {background-color: #8fbfe2}
.szenario4 .szbeteiligung {background-color: #e74b2e}
.szenario5 .szbeteiligung {background-color: #f9c704}
.szenario6 .szbeteiligung {background-color: #ef92a8}

.sznavi {margin-top:4em !important}

.sznavi h2 {
    font-size: 1.3em !important;;
}
.sznavir {text-align: right}





.gridlayout { 
display: flex;
flex-wrap: wrap;
width: 100% !important;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin:2em 0
}
 
.gridlayout .schritte   {width: 29%;max-height: 100%;
border: 2px solid  #4298d3;margin: 0 3% 2% 0; overflow:visible;
}
.gridlayout .schritte h3 { font-size:.75em;padding:.25em}
.gridlayout .schritte h2 {color:#fff; background: #4298d3; font-size:.9em;padding:.25em; height:3.6em}
.gridlayout .schritte p { font-size:.8em;padding:.25em; color:#000}

.gridlayout .schritte .schrittbildlinks {margin:0!important;}
.gridlayout .schritte .schrittbildlinks img { position:relative; left:-1em;}


.gridlayout.variablehoehe {
    align-items: baseline;
}
.variablehoehe .schritte {
    max-height: 100%;
}
 


@media screen and ( max-width: 740px)  {
	.gridlayout .schritte {width: 46%}
	.knot2_1465619 .featuredSlider ul.ui-tabs-nav li,
    .knot_1338028 .featuredSlider ul.ui-tabs-nav li {
    width: 100%; 
}
   .knot_1338028  .featuredSlider .composedcontent-column-fr .image,
   .knot2_1465619 .featuredSlider .composedcontent-column-fr .image    {width:auto}
   .knot_1338028 .featuredSlider .composedcontent-column-fr img,
   .knot2_1465619 .featuredSlider .composedcontent-column-fr img {width:100%}
 .linkiconzeilerechts {margin:1.5em 0 1em 0em; background:#eee}
		.szenario {display:none}
}

@media screen and ( max-width: 540px)  {
	.gridlayout .schritte {width: 80%; margin: 1% auto}
}


.mitmachbox {background-color:#27b4aa;padding:.25em;margin-top:1em;   border-radius: 5px;
border:1px solid #27b4aa}
.mitmachbox h2 {font-size:1.1em;}
.mitmachbox p {margin:0 0 .25em 0 !important;}
#content .mitmachbox h2 a,
#content .mitmachbox p a {color:#fff !important}



div.jCarouselMain{position:relative;margin:0;padding:0;display: block; overflow: hidden;
}
* html div.jCarouselMain{margin-bottom:20px;}
.jCarouselMain .prev{position:absolute;left:5px;top:40%;z-index:9}
.jCarouselMain .prev img {width:22px;height:30px;cursor:pointer; box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
.jCarouselMain .next{position:absolute;right:5px;top:40%;z-index:9}
.jCarouselMain .next img {width:22px;height:30px;cursor:pointer; box-shadow: 0px 0px 10px rgba(0,0,0,.5);}


div.jCarouselLite,div.jCarousel{Z-INDEX: 2 }
* html .jCarouselLite {margin:0 0 0 12px;position:absolute;top:5px;}
* html .jCarousel{margin:0 0 0 12px;position:absolute;top:5px;}
.jCarousel ul  {min-width:5000px}
.jCarousel ul li {margin-left:0.5em; height: 100% !important;}
.jCarousel .basecontent-external-image, 
#content .jCarousel .basecontent-alternative-images, 
#content .jCarousel .basecontent-image {margin-bottom:5px}


.blueservicebox {
	background: rgb(233, 241, 245) none repeat scroll 0% 0%;
	padding:.5em .5em 0 .5em; margin: 3em 0
}




.zielszenario_box  {
    min-height:700px; position: relative;  
    width:100%;height:100%;  
    background: url('../img/szenario.jpg') no-repeat;
    background-size: 100%;
    background-position: center center;
    padding-bottom:2em;
}

.zielszenario_box .zielszenario  {
  position: absolute;
  overflow: visible !important;
}


.zielszenario_box .zielszen1 {top: 475px; right:22%} /* Wohnen */
.zielszenario_box .zielszen2 {top: 410px; left:2%}   /* gewerbe*/
.zielszenario_box .zielszen3 {top: 120px; right:3%} /* Natur */
.zielszenario_box .zielszen4 {top: 570px; left:22%; width:200px} /* Landw */
.zielszenario_box .zielszen5 {top: 260px; left:0%;} /* versorgung */
.zielszenario_box .zielszen6 {top: 185px; left:23%;} /* Soz Infr*/
.zielszenario_box .zielszen7 {top: 420px; right:14%} /* Handel*/
.zielszenario_box .zielszen8 {top: 280px; right:2%} /* Mob*/

.zielszenario_box .zielszen9 {top: 570px; right:35%} 
.zielszenario_box .zielszen10 {top: 480px; right:0%} 
.zielszenario_box .zielszen11 {top: 80px; left:32%; max-width:200px} 
.zielszenario_box .zielszen12 {top: 140px; left:2%} 
.zielszenario_box h3 { 
		font-weight: normal;
		font-size:1.2em;
        color: #408080
	}


    @media screen and ( max-width: 1080px)  {
        .zielszenario_box .zielszen4 {top: 520px; left:15%; width:200px} /* Landw */
     }
     
     @media screen and ( max-width: 720px)  {
         .zielszenario_box h3 {font-size:1.0em !important;}
         .zielszenario_box .zielszen9 {top: 560px; right:25%} 
     }

    @media screen and ( max-width: 590px)  {
        .zielszenario_box .zielszenario  {
            position: static !important;
            overflow: visible !important;
          }
         
.zielszenario_box .zielszen9,
.zielszenario_box .zielszen10,
.zielszenario_box .zielszen11,
         .zielszenario_box .zielszen12 {display: none}
 
         .zielszenario_box  {
    min-height:100%; 
    background-size: 100%;
    background-position: right center;
    padding-bottom:2em;
}
.zielszenario_box .zielszen4 {width:auto}
    } 
     

.zielszenario a {
color:#000 !important; background-color: #bfe3e3; font-size: .9em !important; 
}

.zielszenario a.internerLink::before {
      content: "\f054" !important;
      font-family: FontAwesome;
      font-size: .9em !important;
      font-weight: 400 !important;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: 0 .5em 0 0 !important;
    }

.zielszenario_vor a.internerLink::after {
        content: "\f054" !important;
        font-family: FontAwesome;
        font-size: .9em !important;
        font-weight: 400 !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0 0 0 .5em !important;
      }

.zielszenario_zurueck a.internerLink::before {
        content: "\f053" !important;
        font-family: FontAwesome;
        font-size: .9em !important;
        font-weight: 400 !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0 .5em 0 0 !important;
      }