/**
 * RZ- und Kundenspezifisch
 */
 
 
@charset "UTF-8";

body {
    background: #ffffff;
    height: auto;
    padding: 0; 
 	background: rgba(230,230,230,1);
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0 );
}


#page_margin {
    background: none repeat scroll 0 0 #ffffff;
	box-shadow: 0 0 25px rgba(0,0,0,.6);
    margin: 0 auto;
    max-width:1800px 
    /*position: relative;
	 max-width: 1200px;
    width:96%*/
}

.ym-col2wide {
    margin-left: 15%;
    width: 70%;
    float: inherit;
}

*{margin:0;padding:0;}

.invisible, .caption_invisible .caption {display:none;}

.skip, .hideme {
    left: -32768px;
    position: absolute;
    top: -32768px;
}
.skip:focus, .skip:active {
    left: 0;
    position: static;
    top: 0;
}


#header {
	    background: url("../img/background.jpg") repeat scroll 0 0 #ffffff;
        transition: all 0.241s ease 0s;
		height:335px;
		background-size: cover;
}
#node1373964 #header {
	    background: url("../img/Header_Gruen.jpg") repeat scroll 0 0 #ffffff;
}

#node1394727 #header {
	    background: url("../img/head_mobilitaet.jpg") repeat scroll 0 0 #ffffff;
}

.knot_1338011 #header{
	    background: url("../img/background2.jpg") repeat scroll 0 0 #ffffff;
    
}



#header, #main, #footer {
    margin: 0 auto;
}

.xnav-outer {
    height: 2em;
}

 #main {
    background: transparent; margin-top: 1em; min-height: 400px; color: #587474;z-index: 90;

position: relative;
	}
	
 #main a {
		color: #587474; 		
	}
#main p a {
text-decoration: underline	
	}


	
	
#header {
	z-index:89;
	position: relative;
	 font-size:1em;
}


.subcolumns {
	display: block; 
	overflow: hidden
}

#service h5 {
	background: transparent;
}

h2 a {
	font-weight: none !important
}

h5 {
    background:none
}

hr { border:none;}
/*Trenner*/
#main hr {border-top:1px solid #E1E1E1}

.print_margins #topslot h1,
.print_margins #topslot h2 {color: #587474 !important}
 
/* -------------------- header -------------------- */

.header-logosvg::before {
    background-image: url("../img/wbm.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
	width: 215px;
	height: 72px;
	margin: 2px 0px 0px 15px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.knot_1338011 .header-logosvg::before {
    background-image: url("../img/wbm2.svg");
}

.header-logosvg {
    font-size: 0;
    line-height: 0;
}

 
.brand { color: #ffffff; margin: 2px 0px 0px 15px;}
.brand .claim::before {
    background-image: url("../img/logo.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
	width: 215px;
	height: 88px;
	margin: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.brand .claim {
    font-size: 0;
    line-height: 0;
	padding:20px;
}
.brand .header-logo {
    margin-bottom: 6em; padding:20px;
}

#topslot {
position: relative;
height:335px;
z-index:9
}
#topslot .tophead {
margin:   1em;
     transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

 

#topslot .topheadright h1,
#topslot .topheadright h2 {text-align:right}

 
#topslot h1 {color:#ffffff !important;text-shadow: 0px 1px 10px #AAAAAA;}
#topslot h2 {color:#587474 !important}

.knot_1338011 #topslot h1 {color:#587474 !important; text-shadow: 0px 0px 0px transparent;}
.knot_1338011 #topslot h2 {color:#587474 !important}

#topslot .composedcontent-standard-fr,
#topslot .composedcontent-row-fr {
    bottom: 15%;
    position: absolute;
}
 
 
#topslot .topheadmixed h2 {text-align:right; color:#587474 !important}
#topslot h2 a {color:#587474 !important; font-size:2em; font-family: Akko Pro Bold, Arial, Helvetica, sans-serif;} 

 .linearize-level-1 .ym-col1 .ym-cbox {
overflow:visible;  padding: 0;
}
 

.homebutton span::before {
    background-image: url("../img/FNP_Web_Home.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
	width: 20px;
	height: 27px;
	margin: 2px 0px 0px 50px;
	margin: 0 auto;
}
.homebutton span {
    font-size: 0;
    line-height: 0;
}


.homebutton a {
    text-align: center;
    width: 100%;
    display: block;
}

#quicksearch {
    float: right;
    margin-right: 3%;
	padding: 0 0em 1em 0;
}
#quicksearch label {display: none}
#quicksearch #qs_query {border: none;vertical-align: top;background: #f9f9f9;
line-height: 2em;color: #587474;
}

.quicksearchbtn {
    border: 0;
    background: none;
    color: #587474;
	padding: 0 10px;
}

.quicksearchbtn em {
	font-size: 1.4em !important;
	line-height: 1.3em;
}
.quicksearchbtn span {
    font-size: 0;
}


#main p.buttonlink,
#main .buttonlink p {
    text-align: center;
    margin: 3em 0;
	white-space: nowrap
}

#main .buttonlink p a::before,
#main p.buttonlink a::before {
    content: "";
    padding: 0;

}

.floatleft {float:left; margin-right:1em}


#main .buttonlink p a,
#main p.buttonlink a {
cursor:pointer;
    font-size: 0.9em;
    border: 1px solid #D21925;
    color: #D21925;
    padding: 1em;
    border-radius: 30px;
    line-height: 2em;
    margin: 1em auto;
    text-align: center;
}

#main .buttonlink p a:hover,
#main p.buttonlink a:hover {
	background:#D21925;
    color: #fff;
}

.ui-widget-content {color:#587474}
.ui-widget {
 font-family: Akko Pro Regular, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
}

.ui-state-highlight {border:0px solid #fff }

.ui-accordion .ui-accordion-header {
font-size: 1.0em !important;
outline-style:none;
box-shadow:none;
border-color:transparent;
border-top:1px solid #587474;
text-align: center;
}

.ui-accordion .ui-accordion-icons {padding-left:0}

.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {background: none}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    right: 0;
    top: -.5em;
	left: auto;
    margin-top: 0px;
}
.ui-accordion-header-active .ui-accordion-header-icon,
.ui-accordion-header-collapsed .ui-accordion-header-icon {
background-image: url("../img/FNP_Web_Open.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
width:75px;
height:3em;background-position: top right;
}

.ui-accordion-header-active .ui-accordion-header-icon {
background-image: url("../img/FNP_Web_Close.svg");
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent;
}

.ui-accordion .ui-accordion-content {
border:0px solid #fff !important;
    padding: 0em 2.2em 1em 2.2em;
    overflow: hidden;
}	

.ui-accordion .ui-accordion-content { 
   
	height: auto !important;
	min-height: 0px !important;
}	


h3.ui-accordion-header a {
    padding: 0 3.25em;
}



@media screen and (min-width: 0px) {
body > header, body > footer, body > nav, body > #intro, body > [id] {
    min-width: 0;
}
.ym-wrapper {
    width: auto;
}
}


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

.linearize-level-2, .linearize-level-2 > [class*="ym-g"], .linearize-level-2 > [class*="ym-col"] {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}
.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"], .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.ym-form .linearize-level-2 [class*="ym-fbox"] {
    margin: 1em 0 0;
    padding: 0.3em 1em;
}
#secondary .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    margin: 0;
    padding: 0;
}
.linearize-form [class*="ym-fbox"]:not([class*="ym-fbox-check"]) label, .linearize-form .ym-label, .linearize-form .ym-message, .linearize-form input[type="text"], .linearize-form textarea, .linearize-form select {
    display: block;
    float: none;
    position: static !important;
    width: 100% !important;
}
.linearize-form .ym-message, .linearize-form .ym-fbox-check input {
    margin-left: 0 !important;
}

.ym-g33 .boxstyle {margin-left:0}
.ym-g25 .boxstyle {margin: 0 0.5em 1em 0}
.BoxRot a, .BoxGruen a, .BoxOrange a, .BoxBlau a {margin: 0 0.5em 1em 0}


 #header .ym-wrapper:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
    width: 100%;
}

.fixedNavBody #header #headernav {display:table !important}
.fixedNavBody #header .linearize-level-2 .navbar-wrapper {
	width: 100% !important
}



}



.dachzeile {margin-bottom:0px!important}

.unterzeile {margin-top:-1em!important;margin-bottom:1em!important}

.primary2 {color:red}
.primary3 {color:#336633}
.fakeLink:hover {text-decoration:underline }
 

.ym-col3 hr, .ym-col2 hr {
border-top: #e1e1e1 1px solid;  MARGIN: 8px 0px;  height: 1px
}


#main #content .basecontent-table table tr,
#main #content table.downloadlist tr, #main #content table tr   {height: 2em; line-height: 150%}
#main #content .basecontent-table table tr td,
#main #content table.downloadlist tr td, #main #content table td {padding: 4px}
#main #content .basecontent-table table .even,
#main #content table.downloadlist .even {background-color: #f2f2f2;}
#main #content .basecontent-table table,
#main #content table.downloadlist {margin: 1.5em 0; line-height: 150%}

#main #content  table.htmltabelle td {
	border:1px solid #777
}

#main #content .basecontent-table table tr.head,
#main #content .downloadlist table tr.head
 {
   background-color: #e9e9e9;
}

#main #content .basecontent-table table .zentriert {
	text-align:center
}

 
 
#main .basecontent-multimedia .mejs__container,
#main .basecontent-multimedia .mejs__layer {
    width: 100% !important;
	 min-height: 360px;	
}

#main .basecontent-multimedia .mejs__container.mejs__audio  {
    width: 100% !important;
	 min-height: auto !important
}


.mejs__container  {
		margin: 1em 0
}


#main #content table caption {font-weight:bold; text-align: left; margin: .25em 0; font-size: 1.4em;}

.basecontent-html-editor hr {clear: both}

.ym-col2 #content iframe {margin-bottom:1em; width: 98%}
.ym-col2 #content {margin: 3em 0}
 


.navSlot p {font-size:.95em}

.ym-button:hover,
	.ym-form button:hover,
	.ym-form input[type="button"]:hover,
	.ym-form input[type="reset"]:hover,
  .ym-form input[type="submit"]:hover,
  .ym-button-active,
  .searchSort .button:hover,
.searchSort button.currentSort   {
	cursor:pointer
}

.ym-columnar .ym-fbox-check .ohnemargin input {
	margin-left:0
}

#service .basecontent-image  { margin-bottom:20px; margin-top:5px;}
.navSlot .basecontent-image { margin-bottom:0px; margin-top:5px;}

.basecontent-external-image,
#content .basecontent-alternative-images,
#content .basecontent-image { margin-bottom:20px; margin-right:15px; margin-top:5px;}


#content .abstandright .image-inner img {margin-right:0px;}	
.basecontent-image .caption,
.basecontent-multimedia .caption
 {font-size: .75em; max-width:600px}
.caption_klein .caption {font-size: 0.8em; line-height:1.1em; color:#999}
#content .abstandright {margin-right:0px !important}
.captionright .caption {text-align:right}

.textSubheading {display: block;font-weight: bold }
br~span.teaser-ende {margin-top: 1em;display:block}
 

blockquote {
 font-size: 1.2em; font-family: Akko Pro Italic, Arial, Helvetica, sans-serif; line-height: 150%;
 font-style:normal;
 margin:2em 0
}

   

#main p .mailLink:before,
#main ul .mailLink:before {
    content: "\f2b7";
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .25em 0 0;
}


#main p .pdfLink:before,
#main td .pdfLink:before,
#main ul .pdfLink:before
 { 
        content: "\f1c1";
        font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .35em 0 0; }


.pdfLink img, .pdfLink_img {background:none !important}
 

.fanpage a.externerLink:before,
.linkTyp_fanpage:before  { 
        content: "\f230";
        font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 
    padding: 0 .25em 0 0; }
 
 
 
#main p.ohnelinkzeichen .internerLink:before,
#main p.ohnelinkzeichen .externerLink:before,
#main p.ohnelinkzeichen .httpLink:before,
#main p.ohnelinkzeichen .httpsLink:before,
#main p.ohnelinkzeichen .pdfLink:before,

#main .ohnelinkzeichen .internerLink:before,
#main .ohnelinkzeichen .externerLink:before,
#main .ohnelinkzeichen .httpLink:before,
#main .ohnelinkzeichen .httpsLink:before,
#main .ohnelinkzeichen .pdfLink:before  {content: "" !important}


.ym-col3 .linkliste ul,
#content .linkliste ul
	{
	text-align: left;
	list-style-position: outside !important;
	list-style-image: none !important;
	margin: 0 0 8px 0px;
	padding: 2px 0px 6px 0px;
	list-style-type: none !important;
	}
.ym-col3 .linkliste ul li,	
#content .linkliste ul li
	{ margin:0;
	list-style-position: outside !important;
	list-style-image: none !important;
	list-style-type: none !important;
}

#main .ym-col2 .basecontent-list ul li, #main .ym-col2 .basecontent-numbered-list ol li {margin-bottom:0.8em}
#main .ym-col2 .basecontent-list ul li ul li {margin-bottom:0.6em}

#main .ym-col2 .basecontent-list.kleinerabstand ul li, #main .ym-col2 .basecontent-numbered-list ol li {margin-bottom:0.25em}


table.show-grid tr td {border: 1px dotted #cccccc}

/* -------------------- footer -------------------- */
#footer { 
padding:0; 
background: url("../img/background-bottom.jpg") repeat scroll  bottom #ffffff;
transition: all 0.241s ease 0s;
height:150px;
color: #fff; 
}
.knot_1338011 #footer { 
background: url("../img/background-bottom1.jpg") repeat scroll  bottom #ffffff;
}

.np-fixed-buttons {
    bottom: 10px;
    position: fixed;
    right: 0;
    z-index: 11111;
}


span.socialbookmark, #printpage, #printpdf {
    padding-left: 8px;
    }

#copyright {float:left;margin-right: 1em}
#socbm{float:right;display: block; overflow:hidden}

.bottomlinks.right {float: right;clear:right}
.bottomlinks {margin-top: 1em; padding: 0px 1em; font-size: .9em}
.bottomlinks a {color: #fff; }
 

.bgcolor-primary1 {background-color: #f2f2f2}
 

.boxteaser  {
	CURSOR: pointer; 
    margin-top: 1.25em !important; 
}
 
.boxteaser::before {
content: "\f054";
font-family: FontAwesome;
font-size: .9em !important;
font-weight:normal! important; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 .54em 0 0;
}


.boxlang,
.boxlang .boxteaser {margin-left: 2em; margin-top: 1em; }
#main .boxlangohneeinzug  {margin-left: 0em !important; margin-top: 1em; }
#main .boxlangohneeinzug .boxteaser  {margin-left: 0em !important; margin-top: 1em; }
.boxlang .boxlang   {margin-left: 4em; margin-top: 1em; }
#main .ohneeinzug .boxlang,
#main .ohneeinzug .boxlang .boxteaser,
#main .ohneeinzug .boxlang .boxlang {margin-left: 0em !important; margin-top: 1em; }

.boxlinkexpand::before  {
content: "\f078"!important; 
font-family: FontAwesome;
font-size: .9em !important;
font-weight:normal !important; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 .25em 0 0 !important; 
}


/*  Suche */
 
 
.ergebnisseKopfNav {margin:2em 0; display: block}
 
.ergebnisseRumpf ul { padding: 0px !important;  margin: 0 !important; list-style:none none !important;}
.ergebnisseRumpf ul li { padding: 3px !important;  margin: 1em 0 0 0 !important; list-style:none none !important;
 background: #eeeeee;
 background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
 background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
 background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );}

.ergebnisseRumpf ul li .link h3 a:before {
content: "\f101";
font-family: FontAwesome;
font-size: .9em !important;
font-weight:normal! important; 
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 .25em 0 0;
color:#666
}

.ergebnisseRumpf ul li.pdf .link h3 a:before {        
content: "\f1c1";
}

 

.ergebnisseRumpf .description {font-size:.95em; line-height:140%; padding-left: 14px;}
 
#ergebnisse {margin-top:3em}
#ergebnisse .searchpath {border-top: 1px solid #eaeaea; font-size: 0.95em; line-height: 140%; margin-top: 1em; padding-left: 14px; padding-top: 0.25em;}
#ergebnisse .searchpath a {color: #666 !important;}
 
#ergebnisse .search .data .description b {background: rgba(255, 255, 0, 0.2) none repeat scroll 0 0;}

.searchDiv {
    padding: 0 4px;
}
	
	
.searchForm span input {	
    font-size: 1.1em;
   padding: .25em;
   border: 1px solid #999;
   border-radius: 5px;
   line-height: 1.5em;
   width: 20em;
}
 
ul.ui-autocomplete {background: rgba(255,255,255,.9); list-style-type: none; width:20em;z-index:9999}
ul.ui-autocomplete li  {margin-left:0.25em}
ul.ui-autocomplete li a {color:#333; font-size: .95em;}

.searchSort button { 
font-size: .95em; 
}

#extendedSearch h2 {
	display: none
	
}

.search .wayhome {
    display: block;
    margin: 0.5em 0;
    padding-left: 14px;
}

.search .info {
    background: none repeat scroll 0 0 transparent;
    padding: 10px 10px 10px 14px;
}

.search .voedatum {
    margin-left: 1em;
}



.searchDiv #ergebnisseRumpf .behoerdenwegweiser .resultScore::after {
    content: '\0000C4mter A-Z';
        float: right;
    margin-right: 1em;
    font-weight: bold;
    color: #666;
}
.searchDiv #ergebnisseRumpf .verfahrensbeschreibung .resultScore::after {
    content: 'Service A-Z';
    float: right;
    margin-right: 1em;
    font-weight: bold;
    color: #666;
}

 


/* TOUR  */

.tourNav {margin: 2em 0 2em 0; text-align: center}
.tourNav .pager {margin-top: .75em}
.tourNav .pager {margin-top: .75em}
.tourNav span {
	background: transparent !important;
	border: 0px solid white
}
.tourNav a,
.tourNav .nav span.active,
.tourNav .nav span.current span 
 {
    background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    border: 1px solid #CDD0D6;
    color: #000000;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
	 font-size:1em;
	 margin: 0 2% 0 0;
	 line-height: 2.5em
}
 
 .tourNav a:hover { background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );}

.pressebox {
margin-top:1em; margin-bottom: 1em;border: 1px solid #b9b9b9;padding:6px 8px 8px 6px;background:#eee;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 1px 2px rgba(0,0,0, .1);max-width:97%
}

.imageGallery {
	display: block;
	overflow: hidden;
	padding: 5px 1px;
	margin: 2em 4px 2em .2em;
	background: #fff;
	max-width:98%;
	width:auto;
   border: 0 solid #fff;
   box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
    
}

.imageGallery .galleryImage .basecontent-line-break-text {
    font-size: .85em;
    padding: 5px 5px 0 5px;}


.shadedlogobox img {
    border: 0 solid #fff;
    border-radius: 6px;    
    box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.4);
    margin: 0.5em 1em 1em 0.5em !important;
    padding: 5px;
    transform: rotate(-3deg);
}
    
 
.shadedbox {
    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;
}

.shadedbox iframe {
    position:relative;
    left:-2em;
   
}
 
.shadedbox .caption {
    font-size:.85em
}



.reset_gallery {background:none;border:none;outline:none}

.gallery2 .galleryImage {
	width: 50%
}

.gallery3 .galleryImage {
	width: 33%
}


.gallery2 .galleryImage img,
.gallery2 .galleryImage img 
 {
	width:100%
}

.gallery .image-inner,
.gallery3 .image-inner {
    border-left: 3px solid white;
}

.galleryImage .center,
.galleryImage .float_left,
.galleryImage .float_right {float:none; margin: 0;}

.imageGallery .galleryImage {float: left;margin:0 }
.imageGallery img {
    max-width:99%;
    margin:.2em;
}
 
#content .imageGallery .galleryImage .basecontent-image {
    margin:0 2.8% ;
    border: 1px solid white}
#content .imageGallery .galleryImage .basecontent-image .image-inner img {
	margin-right:0px;
	margin-left: 0px;
}


.zmRegister {position: relative; margin-top: 1em;  overflow: hidden; width: 100%;  padding: 4px}
.zmRegister a.aktiv,
.zmRegister span.inaktiv 
 {   font-size:.92em; margin: 1em 0.1em 1em 0;
    background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    border: 1px solid #CDD0D6;  line-height:180%; padding: 0 1px; text-align:center; text-decoration:none;}

.zmRegister a.aktiv:hover, 
.zmRegister a.aktiv:active {background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );; text-decoration:underline;}
.zmRegister span.inaktiv {color:#aaa}
.vCalendarLink  {float:right; }
 
/* --------------------  login -------------------- */

#main #loginForm {width: 60%;display: block; overflow: hidden}
#main #service #loginForm {width: 100%}
#main #loginForm fieldset, #main .hello  {margin-bottom:1em;padding:1.0em; border: 1px solid #b3b3b3; color: #666;     
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
 }

#main #loginForm fieldset input[type=text], 
#main #loginForm fieldset input[type=password] {margin-bottom:1em;padding:0.5em;line-height:1.4em}
#main #loginForm fieldset input[type=reset], 
#main #loginForm fieldset input[type=submit] {padding:0.5em 3em;width:14em;}
 
#main #j_username {
    background: url("../img/links/user.png") no-repeat scroll right 5px transparent;
    border: 1px solid silver;
    padding-left: 18px;
}

#main #j_password {
    background: url("../img/links/key.png") no-repeat scroll right 5px transparent;
    border: 1px solid silver;
    padding-left: 18px;
}

#main #authservicelink {margin-top: 2em}
#main #linktoRegister div a,
#main #pwdVergessen div a {
	padding: 2px;
	border: 1px solid #b3b3b3; 
	background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
 }
 
#main #pwdVergessen div a { margin-left: 1em }
#main #linktoRegister {float: left}


#register_form LEGEND {
	padding: 1px 4px 1px 4px; 
	font-weight: bold;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
 	margin: 10px 10px 10px 0px; 
        color: #333333;
	border: #e7ebed 1px solid; 
	text-align: center
}

#register_form FIELDSET {
    border: 1px solid #E1E1E1; 
    padding: 5px 5px 5px 15px; 
    margin: 10px 0 10px 0; 
}

#register_form TEXTAREA,
#register_form input {
	 padding: 3px; 
	 margin-top: 10px; 
         border: 1px solid #ccc; 
}

.required .message, 
.error .message,
.contentForm .error {font-weight:bold; color: red; }



/* --------------------  comments -------------------- */
#main .commentDiv {
	margin-top: 2em;
background: #587474;
padding: 25px;}

#main .commentDiv .title {
    font-weight: bold;
    padding: 2px;
	color:#fff
}

.ui-dialog .ui-button {
    display: block;
    overflow: hidden;
    width: 8em;
}
.ym-columnar .input_fields legend,
.commentBlock .commentFormattings,
.ui-dialog .ui-button .ui-button-icon {display: none}

.ym-columnar.ym-form fieldset {border: 1px solid #587474}

.ym-columnar .ym-fbox-select select, 
.ym-columnar .ym-fbox-text input, 
.ym-columnar .ym-fbox-text textarea {width: 67.2% !important}
.ym-columnar .captchaImage span {padding:.25em;cursor:pointer}
.ym-columnar #captcha {min-height: 50px;}
.ym-columnar #captchaImagecaptcha {float: left;}

.ym-columnar label.captchaQuestionLabel  {width:100%}

#main .commentDisabledDiv,
#main .commentEnabledDiv {display: block;overflow: hidden;    
     border: 1px solid #587474;
    border-radius: 6px;
    padding: 20px;
	background-color:#fff;
	color:#333;
	line-height:1.5em
}
#main .commentDisabledDiv {
	background-color:#ddd;
	}

#main .commentAuthor {
    float: right;
    font-size: 0.65em;
    margin-right: 1em;
    font-weight: normal !important;
    font-family: Akko Pro Regular, Arial,Helvetica,sans-serif;
}


#main .commentDate {font-size:0.7em}
#main .commentAuthor {float:left;font-size:0.85em; margin-right: 1em;}
#main .commentText {margin-top:1em;}
#main .commentDiv hr {border-top: 0px solid #aaa;}
#main .commentFunctions {margin-bottom:.25em;float:right;font-size:0.85em}
#main .commentBlock #commentTitle,
#main .commentBlock #comment {
    background: rgba(210, 210, 210, 0.3) none repeat scroll 0 0;
}

.composedcontent-html table tr th {
	background-color : #e7e7e7;
	padding: 4px 0 4px 0;
        text-align: center; 
}

 
 .composedcontent-box-fr,
.composedcontent-box,
.composedcontent-dvv-box,
.composedcontent-newsbox,
.composedcontent-newsbox-in-boxen
 {display:block; overflow:hidden }

.togglable a.toggleLess,
.togglable a.toggleMore { padding: 2px 0 2px 22px;}
.togglable a.less {background: url(../img/icons/buttonplus.png) no-repeat left center}
.togglable a.more {background: url(../img/icons/buttonminus.png) no-repeat left center}
.boxteaser:hover {cursor:pointer}

.readmore .teaser-ende {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    
    text-align: center;
    text-decoration: none
}

.readmore .teaser-ende::before {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), #fff) repeat scroll 0 0;
    bottom: 20px;
    content: "";
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
}

/*  Styles */ 
.align_center {text-align: center; display: block}

.w18 {width: 18% !important}
.w20 {width: 20% !important}
.w30 {width: 30% !important}
.w40 {width: 40% !important}
.w47 {width: 47% !important}
.w50 {width: 50% !important}
.w60 {width: 60% !important}
.w65 {width: 65% !important}
.w70 {width: 70% !important}
.w80 {width: 80% !important}
.w90 {width: 90% !important}
.w100 {width: 100% !important} 
.w500 {width: 500px !important}
.w540 {width: 540px !important}

.w100image img {
    width: 100%;
}
.w100image .image {
    width: 100% !important;
}

.w100image  {
    height: auto;
    max-width: 100%;
    width: auto !important;
 
}


.abstandtop0 {margin-top: 0em !important}
.abstandtop1 {margin-top: 1em !important}
.abstandtop2 {margin-top: 2em !important}
p.abstandtop3,
.abstandtop3 {margin-top: 3em !important}
.abstandtop4 {margin-top: 4em !important}
.abstandtop5 {margin-top: 5em !important}
.abstandtop6 {margin-top: 6em !important}
.abstandtop7 {margin-top: 7em !important}
.abstandtop_1 {margin-top: -1em !important}
.abstandtop_2 {margin-top: -2em !important}
.abstandtop_3 {margin-top: -3em !important}
.abstandbottom0 {margin-bottom: 0em !important}
.abstandbottom1 {margin-bottom: 1em !important}
.abstandbottom2 {margin-bottom: 2em !important}
.abstandbottom4 {margin-bottom: 4em !important}
.abstandbottom5 {margin-bottom: 5em !important}
.abstandbottom6 {margin-bottom: 6em !important}
.abstandbottom7 {margin-bottom: 7em !important}
 
.abstandbottom0 ul {padding-bottom:0 !important}

.abstandrechts1  {margin-right: 1em !important}
.abstandleft1  {margin-left: 1em !important}
.abstandleft05  {margin-left: .5em !important}
.abstandinnenlinks1  {padding-left: 1em !important}
.abstandinnen1  {padding: 1em !important}
.abstandinnenrechts1  {padding-right: 1em !important}


.zentriert {text-align: center;}
.links {text-align: left;}
.rechts {text-align: right;}

.size240 {font-size: 2.4em !important}
.size120 {font-size: 1.2em !important}
.size110 {font-size: 1.1em !important}
.size095 {font-size: .95em !important}
.size090 {font-size: .90em !important}
.size085 {font-size: .85em !important}
.size080 {font-size: .80em !important}


.align-justify {
    text-align: left;
    margin: auto;
}

.floatbreak {
	display: block;
	overflow: hidden;
}



.sessionMessage {position: absolute; width: 300px; top: 0px;  z-index: 999; background-color: #eaeaea; border: 1px dotted #b3b3b3;
font-size: .95em; font-weight: bold; color: #ac162b}
.sessionMessageIcon {float: left; margin-right: 10px}


.x-cms-inplace-item-wrapper .x-cms-inplace-item-wrapper {border: 1px dashed #b3b3b3; margin: .5em 0 2em;
padding: 4px 2px;}

.x-pirobase-hovering-element-panel-top {
	opacity:.85;
    -moz-opacity:.85;
    filter:alpha(opacity=85);
}


.vCardLink {
    width: auto;
}

.vCard .bez {
    width: auto;
}

.vCard .mapsLink, .vCard .efaLink,
.vCard .homepage {
    padding-left: 0;
}





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


.bx-controls {display:none}
 

.bx-wrapper .bx-controls-direction .bx-next,
.bx-wrapper .bx-controls-direction .bx-prev {
    background: rgba(0, 0, 0, 0) url("../img/light-skin.png") repeat scroll -89px -26px;
    cursor: pointer;
    height: 40px !important;
    left: 10px;
    margin-top: -25px;
    position: absolute;
    top: 42%;
    width: 50px;
    z-index: 110;
}


.bx-wrapper .bx-controls-direction .bx-next {
    background-position: -89px -103px;
    left: auto;
    right: 30px;
}


.bx-wrapper .bx-controls-direction .bx-prev:hover {
    background-position:  -89px -26px;
}
.bx-wrapper .bx-controls-direction .bx-next:hover {
    background-position:  -89px -103px;
}

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

.ablaufbox .composedcontent-newsbox-in-boxen::before {
    background-color: #61888d;
    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: #61888d;
    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 #61888d 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: #61888d;}

#content .ablaufbox.aktuell h2 {
border: 5px #A9E4EC solid;
}
#content .ablaufbox h2 a {
    color:#fff;

}

#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;
    font-family:Akko Pro Regular,Arial,Helvetica,sans-serif;
	    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;
}


#content .foren h2 {
    font-family: Akko Pro Bold,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.3em;
    margin:0;
    width: 70%;
}

#content .foren h3 {
    font-family: Akko Pro Regular,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.2em;
    margin:0;
    width: 70%;
}

#content .foren p {font-size: .80em;}


#content .foren p.mehrLinkButton a {
    font-size: 0.9em;
    border: 1px solid #D21925;
    color: #D21925;
    padding: .5em 4em;
    border-radius: 30px;
    line-height: 1.5em;
    margin: 1em auto;
    text-align: center;white-space: nowrap;
}

#content .foren p.mehrLinkButton a:hover {
	background:#D21925;
    color: #fff;
}

#xnode1338011 .ym-col2wide {margin-left: 17%;}
.xknot2_1365073 .ym-col2wide {width:50%}

#content .foren .composedcontent-box-fr {position: relative; border-bottom: 1px #61888d solid; margin: 1em 0; padding-left: 1.7em}
#content .forxen .composedcontent-box-fr .mehrLinkButton {position: absolute; top:1em; right:1em}

#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-family: Akko Pro Regular,Arial,Helvetica,sans-serif;
  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: 960px )  {
	.ym-wbox {
		padding-left: 0px;
		padding-right: 0px;
	}
	#main #content {padding:0em 24px 0;}
 #page_margin {width: 100%}
}

@media screen and ( max-width: 850px )  {
#topslot .tophead h1   { font-size: 3em}
#topslot .tophead h2   { font-size: 1.4em}

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

}


@media screen and ( max-width: 740px)  {
 
#topslot .composedcontent-standard-fr, #topslot .composedcontent-row-fr{
    position: static
}

#topslot .tophead h1   { font-size: 2.5em}
#topslot .tophead h2   { font-size: 1.2em}
.ym-hlist ul{
float: none;}
.ym-hlist ul li {
    float: none; text-align: center
    }

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active,
	.ym-hlist ul li.active strong,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
		text-decoration:none;
		border-bottom: 0px solid #63898F;
		font-family: Akko Pro Bold, Arial,Helvetica,sans-serif;
	}
.ym-hlist ul li a, 
.ym-hlist ul li strong {padding: 0 .25em .25em .1em}

	.ym-col2 #content { margin: 1em 0}
  	.ym-hlist ul li.active a {	border-bottom: 0px solid #63898F; font-family: Akko Pro Bold, Arial,Helvetica,sans-serif;}

 
.header-logosvg::before {
    width: 190px;
    height: 60px;
	margin-left: 5px
}	

#content .ablaufbox h2 {
    height: 4em;
    width: 4em;
    line-height: 4em;
    font-size: 1.4em;
}
.ablaufbox .composedcontent-newsbox-in-boxen::before {height: 0;}

.bottomlinks.right {float: none; padding-bottom: 4em;}
#footer	 {height:auto}
span.copyright {display: block}

#footer .brand {
    padding: 10px 0px 0 0;
}


.ym-columnar .ym-fbox-select select, 
.ym-columnar .ym-fbox-text input, 
.ym-columnar .ym-fbox-text textarea {width: 100% !important}


}
	
 

@media screen and ( max-width: 540px)  {
	#header {height: 280px}
	#topslot {height: 335px}
	#node1338011 .ym-col2wide {margin-left:2%;}
	#content .foren h2 {width:100%}
	.ui-accordion .ui-accordion-header {    text-align:left}
	
#main .buttonlink p,
#main p.buttonlink {margin: 2em 0;}
#main .buttonlink p a, 
#main p.buttonlink a {padding: .5em}

#createCommentCaptchaBlock .ym-g30,
#createCommentCaptchaBlock .ym-g33 {width:100%; margin:.25em 0}
}

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

.ui-accordion-header-icon {display:none}

.ui-accordion .ui-accordion-content { 
    overflow: visible;
	height: auto !important;
}	



.header-logosvg::before {
    width: 150px;
    height: 47px;
	margin-left: 5px
}	
 
    
#topslot .tophead h1   { font-size: 2em}
#topslot .tophead h2   { font-size: 1em}


#content .foren p.mehrLinkButton a {

    padding: .25em .5em;
white-space: nowrap;
}

 
}

.nav4 {display: none}

#colorbox .ym-hideme {position:static}
#cboxOverlay {background:#000}

.print_margins .ui-accordion .ui-accordion-content {overflow:visible; display: block !important}
.body_search #topslot {
    display: none;
}
.searchDiv h1 {
    font-size: 2em;
}
#footer .brand {padding:20px}

#footer .brand h3 {
    color: #A9E4EC;
    font-weight: normal !important;
    font-family: Akko Pro Regular,Arial,Helvetica,sans-serif;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}

#footer .brand h2 {
    color: #ffffff !important;
    font-weight: normal !important;
    font-family: Akko Pro Bold Italic,Arial,Helvetica,sans-serif;
}

.dateiGroesse {display:none}


p.unterstrichen   a {text-decoration: underline}


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

}

.radioquer label {
    text-align: center;
    display: inline-block !important;
	width: 2em;
}

.eingerueckt {
    margin-left: 30%;
}

.navi {font-size:.7em; font-family: Akko Pro Bold,Arial,Helvetica,sans-serif; margin:0 0 2em 0}
.navi span {margin: 0 2em 0 0}
.navi span.navi2,
.navi span.navi3,
.navi span.navi4 {margin: 0 2em 0 2em}



#node1568697 .ym-col2wide {
	margin-left: 0;
	width: 100%;
	float: inherit;
}



.hoverbox {
height: 0;
width: 120%;
background: rgba(255,255,255,1);
border: 1px solid #ddd;
font-size: .7em;
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:999;
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; font-family: Akko Pro Bold ,Arial,Helvetica,sans-serif !important; margin:.25em 0 .75em 0;}
.hoverbox h3 {font-size:1..15em !important; font-family: Akko Pro Regular, Arial,Helvetica,sans-serif !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; font-family: Akko Pro Bold ,Arial,Helvetica,sans-serif !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; font-family: Akko Pro Regular, Arial,Helvetica,sans-serif !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% }


.ym-hlist ul li.active a {
    border-bottom: 0px solid #63898F;
}

}





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

}


#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: #587474 !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-family: Akko Pro Bold,Arial,Helvetica,sans-serif;    font-size: 1.6em;}

h2.headerszenario2 {
    font-size: 1.2em;
font-family: Akko Pro Bold,Arial,Helvetica,sans-serif;}

.szenarientexte h3.boxteaser {font-family: Akko Pro Regular,Arial,Helvetica,sans-serif;}


.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-family:Akko Pro Regular,Arial,Helvetica,sans-serif;
		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;
      }
                  
 .ui-accordion .ui-accordion-header::before,
 .ui-accordion .ui-accordion-header.ui-accordion-header-active::before  {
        content: "" !important;      
 }
 
 
 
 #node1702456 .ym-hlist ul li.active a {
  border-bottom: 0px solid #63898F;
}

#node1702456 .ym-hlist ul li.nav4 a {
  border-bottom: 2px solid #63898F;
}