/**
 * RZ- und Kundenspezifisch
 */

@charset "UTF-8";

@font-face {
    font-family: 'journalregular';
    src: url('fonts/journal-webfont.eot');
    src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/journal-webfont.woff') format('woff'),
         url('fonts/journal-webfont.ttf') format('truetype'),
         url('fonts/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





body {
    background:#fff; 
    height: auto;
    padding: 0; 
	max-width: 1920px;
	 
}

*{margin:0;padding:0;}


#main #l-content,
#main #l-service,
#main #l-credits,
#main > .ym-column {  
    max-width: 1500px;
    width: 100%;
    margin: 0 auto; 
    padding: 0 10px;
}


.stoerer {position: absolute; top: 200px; right:4%; z-index:18}
.fixedNavBody .stoerer {position: fixed; top: 0px; right:4%; z-index:1199999;}
.fixedNavBody .stoerer img {width:40%}


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

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


#topslot {
position: relative;
       transition: all 0.241s ease 0s;
}






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


 #main {
    background: transparent;
	margin: 2em 0 0 0;
	}

#header {
	z-index:89;
	position: relative;
	 font-size:1em;
	 background: #fff;
}
#header #headernav {
  display: block;
  position: relative;
}
#header #headernav.shrink::after {
	opacity: 1
	}

#header #headernav::after {
  content: "";
  background:  url("../img/background.jpg") repeat scroll 0 0 #ffffff;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
z-index: -1;  transition: all 0.241s ease 0s;
 /* Mirror the background image */
  -webkit-transform: scaleX(-1);
  -khtml-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
 transform: scaleX(-1);
 }
.home #header #headernav {
	xbackground:#ffffff;
}

#header #headernav.shrink {
	height:80px;
}
.subcolumns {
	display: block; 
	overflow: hidden
}

#service h5 {
	background: transparent;
}

h2 a {
	font-weight: bold !important
}

h5 {
    background:none
}

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

#header .language {
    padding: .25em 1em 0 0;
    position: absolute;
    right: 0em;
	z-index:20
}

.ui-widget-content a {
color: #419482;}


 
/* -------------------- header -------------------- */


.header-logo {padding:0px 6px 2px 4px;}
.header-logosvg::before {
    background-image: url("../img/logo.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	background-color: rgba(255,255,255,09);
    content: "";
    display: block;
	width: 200px;
	height: 120px;
	margin: 0px 0px 0px 5px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    border-radius:0 0 15px 15px;
    -webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.4);
}

#header #xeadernav.shrink .header-logosvg::before {
background-image: url("../img/logow.svg");
background-color: rgba(255,255,255,1)
}

 

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

#header .shrink .header-logosvg:before {
  width: 120px;
  height: 60px;
  margin: 0px 0px 0px 13px;
  background-color: rgba(255,255,255,.9)
}


 
.metalinks {z-index:999; position: absolute; right:1em; top:1em; font-size:.9em;    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;}
.shrink .metalinks {top:.25em; font-size:.8em}
.metalinks .headlogin {float:right;}

.metalinks .flinks {float:right;color:#000;}
.metalinks .flinks a {color:#000; margin:0 .5em 0 .5em; text-decoration:none;font-family: Roboto,Arial,Helvetica,sans-serif}
.metalinks .flinks a:hover {color:#000; margin:0 .5em 0 .5em; text-decoration:none;font-family: Roboto,Arial,Helvetica,sans-serif}
.metalinks #loginout {background:none;}

.metalinks .skalierung  {
    padding: .25em;
	float: left
} 

  
  
 
/*********** Flyer-Navi *****************/
#header .sf-menu span.nolink,
#header .sf-menu a,
#header .sf-menu a:link,
#header .sf-menu a:visited {line-height:normal; color:#68b140; 
font-weight: normal; display: block;  
text-decoration:none;  font-size: 1.1em;
padding: 5px 12px;
color:#fff;
border: 1px solid transparent
}

#nav .flyerNav ul li {
	padding: .25em 0;
margin-left: 1em;
margin-top: .25em;
background-color: rgba(0,0,0,.2);
line-height: 1.3em;}
 
#header .shrink .metalinks .flinks a,
#header .shrink .sf-menu span.nolink,
#header .shrink .sf-menu a,
#header .shrink .sf-menu a:link,
#header .shrink .sf-menu a:visited {color:#fff; }


 
#header.nav-collapse.in .sf-menu span.nolink,
#header .nav-collapse.in .sf-menu a,
#header .nav-collapse.in .sf-menu a:link,
#header .nav-collapse.in .sf-menu a:visited {color:#fff; font-size: 1.3em}


#header .sf-menu a:focus {
	border: 1px solid #999
}


.flyerNav ul li {
float:left; 
list-style:none; 
display:block; 
margin-left: 1em;
}




.fixedNavBody #header #headernav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999999;
	height: auto;
}
 
 
.flyerNav {
    font-size: 1.1em;
position: absolute;
bottom:0em;
left: 0;
width:90%


    }
 
 

#nav .btn-toggle-nav .icon-bar {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    border: 0px solid #fff;
    display: block;
    height: 3px;
    margin-bottom: 5px;
    width: 30px;
}
 
.collapse.in #nav .btn-toggle-nav .icon-bar,
.shrink #nav .btn-toggle-nav .icon-bar {    background: #fff none repeat scroll 0 0;}


.nav-collapse.in .btn-toggle-nav .icon-bar:nth-child(1) {
    transform: translate(0px, 0px) rotate(-45deg) scaleX(1.3);
}
 
.nav-collapse.in .btn-toggle-nav .icon-bar:nth-child(2) {
    height: 0 !important;
    transition: all 0.05s linear 0s;
}
.nav-collapse.in .btn-toggle-nav .icon-bar:nth-child(3) {
    transform: translate(0px, -7px) rotate(45deg) scaleX(1.3);
}


#nav .btn-toggle-nav .icon-bar  {
    transition: all 0.2s linear 0s;
    display: block;
    height: 3px;
    width: 30px;
}
 
#nav .btn-toggle-nav .menu-btn {
    color: #5f6f81;
    cursor: pointer;
    float: left;
    height: 30px;
    margin: 1px 5px 0;
    outline: 0 none;
    text-decoration: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
}

.nav-collapse.in + .btn-toggle-nav .icon-bar {
	margin: 0
}


#nav {
    position: relative;
	height: 120px;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.shrink #nav {	height: 60px !important}
#nav .btn-toggle-nav {top:4em;}


#nav .btn-toggle-nav {
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    position: absolute;left:-100000px; z-index:20
}





@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: 1120px) {

.zweierspalte.linearize-level-2, .zweierspalte.linearize-level-2 > [class*="ym-g"] {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

}

 


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

 
.linearize-level-2 .ym-g25 {
    width: 50%;
}
.linearize-level-2 .ym-g25 .boxstyle {
    margin: 0 1em 1em 0;
}
}
	
	


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

.pm-meldung .pm-bild {
    float: none;
    width: 100%;
    margin: 0 1em 1em 1em;
}

.pm-meldung.pm-meldung-bild .pm-content {
    float: none !important;
    width: 100% !important;
    margin: 1em;
}
} 


.mehrLink a  {
	display: block;
	margin: 0em 1em 1em 0em;
	text-align: right;
	float: none;
	clear: none;
	background-image:none!important;
	}
	
	
.fettLink a {font-weight:bold!important}
.teaser a {float:right;background-image:none!important}

.teaser .bild .image,
.teaser .bild .ym-hideme {
	position:static;
    float: left;
}

 

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


.mail .bez,
.mapsLink {display: none}
.efaLink_invisible .efaLink {display:none}


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

#service h4.textSubheading {	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	background:#EEEEEE;
	font-weight: bold;
padding: 1px}

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

/********  CONTENT COL3 *******/


.ym-col2 #content iframe {margin-bottom:1em; width: 98%}
 
.backToTopLink {text-align:right;}

#main div.wayhome {margin: 0 0 1.5em 3.75em}

#main div.wayhome li {display:inline; margin:0 0 0 0.5em; padding:0;}
#main .wayhome a,
#main .wayhome .current { color:#666666; text-decoration:none; font-weight:normal; font-size:85%;}
#main .wayhome a:hover { text-decoration:none;}

#main .wayhome .wayhome span:not(:first-of-type):not(.active):before {
    content: "\f0da";
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    padding: 0 .25em 0 0;
}

.home .wayhome {
    display: none;
}

#service ul, #content ul 
	{
	text-align: left;
	list-style-position: outside;

	margin: 0 0 8px 8px;
	padding: 2px 0px 6px 0px;
	}
	
#content .basecontent-list ul {
	list-style-image: url(../img/icons/square.png);	
}
#content h1 {margin: 0em 0px 1em 0px;}
#content h2 {margin: 0em 0px .5em 0px; font-size:1.4em}
#content h3 {font-size:1.2em}
#content h4 {font-weight: bold;}

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

.mcenter {margin-left: auto; margin-right: auto;}


.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: .95em !important;
  max-width: none !important;
  line-height: 160%
}


 #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}
 
 /* Dateianhang PDF*/
div.basecontent-attachment a {height:20px}
div.basecontent-attachment img {height:16px;width:16px;vertical-align: middle}
div.basecontent-attdachment a:hover{text-decoration:none}
 
 
 blockquote {
    font-size: 1em;  font-family: RobotoItalic,Arial;
    line-height: 160%;
    background: url(../img/icons/blockquote.png) no-repeat 0px -3px;
    margin: 2px 0 0 0;
    padding: 0px 0px 0 36px;
    color: #333;
    font-style: normal !important;
}

  

   
/*FlaggenListen*/
.englisch a, a.englisch 
{background: url(../img/flaggen/en.png) no-repeat left !important; padding-left: 24px !important}
.franzoesisch a, a.franzoesisch 
{background: url(../img/flaggen/fr.png) no-repeat left !important; padding-left: 24px !important}
.italienisch a, a.italienisch
{background: url(../img/flaggen/it.png) no-repeat left !important; padding-left: 24px !important}
.russisch a, a.russisch
{background: url(../img/flaggen/ru.png) no-repeat left !important; padding-left: 24px !important}
.tuerkisch a, a.tuerkisch 
{background: url(../img/flaggen/tr.png) no-repeat left !important; padding-left: 24px !important}
.deutsch a, a.deutsch 
{background: url(../img/flaggen/de.png) no-repeat left !important; padding-left: 24px !important}
.chinesisch a, a.chinesisch  {background: url(../img/flaggen/zh.png) no-repeat left !important; padding-left: 24px !important}
.koreanisch a, a.koreanisch {background: url(../img/flaggen/ko_KR.png) no-repeat left !important; padding-left: 24px !important}


#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 .externerLink:before,
#main ul .externerLink:before,
#main p .httpLink:before,
#main ul .httpLink:before,
#main p .httpsLink:before,
#main ul .httpsLink:before,
#main p .linkTyp_php:before,
#main ul .linkTyp_php:before
 { 
        content: "\f08e";
        font-family: FontAwesome;
                font-size: .9em !important;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .35em 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}

#main .mailLink {word-break: break-all;}
 
.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}



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

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

 #footer {
    padding: 6em 0 0 0;
    border-top: 0px solid #eee;
    margin: 4em 0 4em 0;
    color: #666;
    font-size: 0.8em;
    background: #ffffff url(../img/backbottom.png) no-repeat top;
    background-size: 100% 40px;
 }
 
 #contentFooter {
    margin-top: 1em;
}

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

#socbm{float:right;display: block; overflow:hidden}

#bottom_functionallinks {margin-top: 1em; background-color: #fff; padding: 10px 10px}
#bottom_functionallinks a {color: #000; font-size: .95em}
#viewcount {float:right}


.bgcolor-primary1 {background-color: #f2f2f2}
 
.boxteaser  {CURSOR: pointer; 
    margin-top: 1.25em !important; 
    background: url(../img/icons/buttonplus.png) no-repeat left center;
}
 

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

.boxlinkexpand {background: url(../img/icons/buttonminus.png) no-repeat left center !important;}

.popup {
    background: rgba(255, 148, 148, 0.9) none repeat scroll 0 0;
    box-shadow: 6px 6px 16px #888888;
    margin: 0 0 0 3em;
    padding: 12px;
    position: absolute;
    width: 60%;
    z-index: 9999;
    
}
.popup:hover {
	cursor:pointer;
}



/* 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 );}

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


 
.shadedbox {
    border: 0px solid #fff;
    border-radius: 6px;
    xbox-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.2);
    margin: 0.5em 0em 2em 0em;
    padding: 12px;
	background: #eee;
   
}

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

.centercontent {margin-top: 2em }

.flip {cursor:pointer}
.box_flipX,
.box_flip {margin: 0.5em 1em .5em 0em; padding:0px; position: relative;}

.box_news, 
.box_farbig {margin: 0.5em 1em 2em 0em; padding:12px 0 12px 0; position: relative; color: #fff;}
.box_news {padding: 12px 0 0px 0}

#content .box_news h2,
#content .box_farbig h2 {color: #fff; font-size: 2em; padding: 12px;  
	font-family:RobotoBold,Arial,Helvetica,sans-serif;}
	
#content .box_news .float-left {
    margin: 0 .5em .5em .5em !important
}
	
#content .box_news h3,
#content .box_farbig h3 {color: #fff;  padding: 12px;  
	font-family:RobotoBold,Arial,Helvetica,sans-serif;}
#content .box_farbe0 h3 {color: #000;}
#content .box_news h3,
#content .box_news h2 {padding: 0 6px;}
#content .box_farbig h2 {padding: 0 12px;}
#content .box_news h2 a,
#content .box_news p a,
#content .box_farbig h2 a,
#content .box_farbig p a
 {color: #fff }
#content .box_farbe0 h2 a,
#content .box_farbe0 p a {color: #000;} 

 
 #main #content .box_news p .internerLink::before,
 #main #content .box_farbig p .internerLink::before  {
    content: "";
    padding: 0 0em 0 0;
}

.box_farbig .image-inner,
.box_news .image-inner {
    overflow: hidden;
 }

.box_news:hover a img, 
.box_farbig:hover a img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#content .box_news p,
#content .box_farbig p {padding: 0 12px;}

 
.box_farbe0 { background: #fff}
.box_farbe1 { background: #97c92c url(../img/boxfarbe1.png) left bottom no-repeat}
.box_farbe2 { background: #97c92c url(../img/boxfarbe2.png) left bottom no-repeat}
.box_farbe3 { background: #97c92c url(../img/boxfarbe3.png) left bottom no-repeat} 
.box_farbe4 { background: #97c92c url(../img/boxfarbe4.png) right bottom no-repeat} 
.box_farbe5 { background: #30786e} 




.box_farbeblau1 { background: #6899a6 url(../img/boxfarbeb1.png) left top no-repeat}
.box_farbeblau2 { background: #176b82 url(../img/boxfarbeb2.png) right top no-repeat}
.box_farbeblau3 { background: #083340 url(../img/boxfarbeb3.png) right top no-repeat} 
.box_farbeblau4 { background: #416c78 url(../img/boxfarbeb4.png) left top no-repeat} 


#content .box_farbig .basecontent-external-image, 
#content .box_farbig .basecontent-alternative-images, 
#content .box_farbig .basecontent-image { margin: 0 0 0 0 !important}
   
.box_farbig .composedcontent-newsbox-in-boxen {min-height: 15em; }
.home .box_farbig .composedcontent-newsbox-in-boxen {min-height: 12em; }
.box_news .composedcontent-newsbox-in-boxen {min-height: 18em; }
.box_farbig img {
    width: 100%;
}

.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% ;
    boder: 1px solid white}
#content .imageGallery .galleryImage .basecontent-image .image-inner img {
	margin-right:0px;
	margin-left: 0px;
}
.ym-col2 .composedcontent-standard-fr,
.ym-col2 .composedcontent-dvv-standardseite,
.backwhite,
#service .composedcontent-box-fr, 
#service .composedcontent-dvv-box {
    background: #fff;
    padding: .5em;
}



.ym-col2 .composedcontent-standard-fr.nowhite,
.ym-col2 .composedcontent-dvv-standardseite.nowhite,
#service .composedcontent-box-fr.nowhite, 
#service .composedcontent-dvv-box.nowhite {
    background: transparent !important
}



div.zmSuchButton input  {
 font-size: 1.2em;
 text-transform: uppercase;
 height:2em;
 width: auto;
 text-transform: uppercase;
  border: #cdd0d6 1px solid; 
  padding: 1px 8px 1px 8px; 
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 );
  text-align: center;
  cursor: pointer;
}

div.StandardFormular input {
 font-size: 1.2em;
 width: auto;
  border: #cdd0d6 1px solid; 
  padding: 1px 8px 1px 8px; 
  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 );
  text-align: center;
  cursor: pointer;
}

div.zmSuchButton input:focus,
div.StandardFormular input:focus  {
 background:#fefefe;
 color: #000000;
}

 
div.zmSuchButton input:hover,
div.StandardFormular input:hover {
 border: #E7E7E7 1px solid;
 padding: 1px 8px 1px 8px;
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-align: center;
 color: #000;
 cursor: pointer;
 text-decoration: underline;
}

/*Pressemodul*/
.composedcontent-freiburg-news {width:80%}
h3.pm-title .pm-title-bezeichnung,
h3.pm-title .pm-title-from {display: block}
h3.pm-title .pm-title-from {font-family: Roboto,Arial,Helvetica,sans-serif !important; color:#000 !important; margin:1em 0 !important; font-weight: normal !important}
.pm-detail {display: block; overflow: hidden; margin: 3em 0; 
border-top: 1px solid #E1E1E1;

}
.pm-detail .pm-from,
.pm-detail .pm-parentRubrik  {font-size:.98em; padding: 2px 0 2px 2px; margin-right: 25px;  float: left }
 
.pm-filter {display:none}
 
.pm-headlink {font-weight:bold!important;}
.pm-bild {float:left;margin:0 1em 1em 0}
.pm-meldung {margin-bottom:1em;display: block; overflow:hidden; width: 80%;}
.pm-anreisser {
	margin: 0 0 1em;
	line-height: 1.5em
}
.pm-mehrlink  {float:right; margin: 0em 1em 1em 0em; clear: both; display:block;}
.pm-anreisser-bild .pm-detaillink,
.pm-anreisser .pm-detaillink {float:none; margin: 0em; clear: none}

.pm-teaser-text a {color:#000 !important; line-height: 2em}

.pm-image-copyright {
    left: 0em;
    position: relative;
    top: -1.75em;
}

.pm-image-copyright-inner {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    font-size: 0.7em;
    padding:0 .5em
}


.pm-tags h4 {display: none}
.pm-tags ul li  {float:left; list-style:none; display:block; margin-left:0; margin-right: 0.5%;}
.pm-tags ul li  a { 
    background: #9a231b;
    color: #fff !important;
    border: 0px solid #fff;
    border-radius: 5px;
    padding: 3px;
	display: block
} 
.pm-tags ul li  a:hover { 
    background: #781b15
}



  
/* --------------------  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 label {}
#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; }


#zmEListe .titel a  {
	word-wrap: break-word
}

#content #zmEListe h2 {
    font-size: 1.4em;
}
/* --------------------  comments -------------------- */
#main .commentDiv {margin-top:8em}
#main .commentDiv .title {
    color: #fff;
    font-weight: bold;
    padding: 2px;
}

#main .commentEnabledDiv {display: block;overflow: hidden;}
#main .commentDate {font-size:0.85em}
#main .commentAuthor {float:left;font-size:0.85em; margin-right: 1em;}
#main .commentText {margin-top:1em;}
#main .commentDiv hr {border-top: 1px 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}
.ym-g100 {width:100%}
.w100image img {
    width: 100%;
}
.w100video video,
.w100image .image {
    width: 100% !important;
}

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


#topslot .image {
  height: 600px !important;
  width: 100vw !important;
}





.h800, .h800  iframe {height:800px}
.h900, .h900  iframe {height:900px}
.h1000, .h1000 iframe {height:1000px}

.w66img {max-width: 66% !important}
.w66img img {width:100%}

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

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


/* Rahmen/ Schatten  um wei?e Bilder */
.bildschatten img {
    background: url(/common/js/jQuery/external/superfish/images/shadow.png) transparent no-repeat right bottom !important; PADDING: 0px 8px 8px 0px;}
  
  
  
 /* teaser Linkliste */
 
 
.basecontent-dvv-linklist .teaser {
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 0 0 2em;
    overflow: hidden;
    padding-bottom: 1em;
}

.basecontent-dvv-linklist .teaser .rumpf .ym-hideme {
position: static; 
}


.basecontent-dvv-linklist .teaser .rumpf .basecontent-image {
    display: inline;
    float: left;
    margin: 1.5em 1em 0 0;
}
.basecontent-dvv-linklist .teaser .rumpf .text .basecontent-dvv-sub-heading-3 {
	display:none
}
  
            
 /*  Linkleiste in Boxen*/
 .composedcontent-linkzeile {display: block; overflow: hidden; 
 
 height: 2em; margin-bottom: 1em; 
 border-top: 1px dotted  #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 );}

.composedcontent-linkzeile p {
    font-size:.95em; 
    padding: 2px 0 2px 2px;
    margin-right: 5px;
    float:left !important;}

.composedcontent-linkzeile  ul li {
     font-size:.95em; float:left; list-style: none;}  
 
 

div.jCarouselMain{position:relative;margin:0 20px 0 0;padding:0;height:200px;}
* html .main{margin-bottom:20px;height:200px;}
* html div.jCarouselMain{margin-bottom:20px;height:200px;}
.prev {position:absolute;left:10px;top:40%;z-index:9}
.prev img:hover{border:1px solid #d3d3d3}
.prev img {width:22px;height:30px;}
.next {position:absolute;right:-.5em; top:40%;z-index:9}
.next img {width:22px;height:30px;}
.next img:hover {border:1px solid #d3d3d3}

div.jCarousel{margin:5px 5px;padding:0 0 0 0;float:left;}
* html .jCarousel{margin:0 0 0 12px;position:absolute;top:5px;}

.jCarousel li { margin: 0px;padding:0px;}
.jCarouselLite img,.jCarousel img {margin:0px;padding:0 0 0 0; height:185px}

  

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




/*  *****************   SLIDER    ********************   */

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

.bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
}

.bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;   
    background-image: none !important;
    color: transparent;
    margin-top: -2vw;
    width: 4vw;
    height: 4vw;
    overflow: hidden;
    z-index: 11;
}

.bx-wrapper .bx-controls-direction a::before {
    background: rgba(255, 255, 255, 0.75);
    color: #343639;
    display: flex;
    align-items: center;
    font-family: FontAwesome;
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
    text-indent: 1.33333333vw;
    transition: all 0.5s;
    width: 4vw;
    height: 4vw;
}

.bx-wrapper .basecontent-zitat  {margin: 0 4em !important}

.bx-wrapper .bx-controls-direction a.bx-next::before {
    content: "\f054";
}

.bx-wrapper .bx-controls-direction a.bx-prev::before {
    content: "\f053";
}

.bx-wrapper .bx-controls-direction a::after {
border-bottom:0px dotted #ac162b;
}


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 40%;
    width: 20%;
    bottom: auto;
}


.bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-auto .bx-start {
    width: 4vw !important;
    height: 4vw !important;
    background-image: none !important;
}

.bx-wrapper .bx-controls-auto a.bx-start::before {
    content: "\f04b";
}
.bx-wrapper .bx-controls-auto a.bx-stop::before {
    content: "\f04c";
}

.bx-wrapper .bx-controls-auto a::before {
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    font-family: FontAwesome;
    font-size: 1.5vw;
    font-weight: normal;
    text-align: center;
    text-indent: 1.33333333vw;
    transition: all 0.5s;
    width: 4vw;
    height: 4vw;
}


/* ****************       ******************** */




#quickLink1 {position:relative; z-index:9999}



.animation-element {
		
  -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;

}		
        .animation-element.view-in--gt-third {
            opacity: .5;
        }
		.animation-element.view-in--gt-half {

            opacity: .5;
        }
 		
.animation-element {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.view-in  {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.vonlinks {position: relative; left: -2000px;

-moz-transform: translate3d(-400px, 0px, 0px);
  -webkit-transform: translate3d(-400px, 0px, 0px);
  -o-transform: translate(-400px, 0px);
  -ms-transform: translate(-400px, 0px);
  transform: translate3d(-400, 0, 0px);
} 
.animation-element.vonrechts {position: relative; right: 4000px;
-moz-transform: translate3d(400px, 0px, 0px);
  -webkit-transform: translate3d(400px, 0px, 0px);
  -o-transform: translate(400px, 0px);
  -ms-transform: translate(400px, 0px);
  transform: translate3d(400, 0, 0px);}

.animation-element.vonlinks.view-in, 
.animation-element.vonrechts.view-in  {top: auto; left: auto; right: auto;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);}
  
.animation-element .nummer {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
-moz-transform: translate3d(-400px, 0px, 0px);
  -webkit-transform: translate3d(-400px, 0px, 0px);
  -o-transform: translate(-400px, 0px);
  -ms-transform: translate(-400px, 0px);
  transform: translate3d(-400, 0, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 5em; font-weight: bold; float: right; margin: 0 .25em 0 1em;
color: #999;
  
}
.animation-element.view-in .nummer {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.view-out--above {
    opacity: 1 !important;
}
 
.timeliner h2   {
  font-size: 1.6em !important; text-align:center;
}

 

.rahmen {
    margin: 0 8em 0 8em;
}



.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;
justify-content: space-between;
background: transparent !important;
}

.gridlayout .boxflex {width: 23%; max-height: 100%;min-height:100%}
.gridlayout .box_flip,
.gridlayout .box_flipX,
.gridlayout .box_farbig  {width: 23%; min-height:458px}
.gridlayout .box_news  {width: 47%;    
transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;}
.gridlayout.dreier .boxflex,
.gridlayout.dreier .box_flip,
.gridlayout.dreier .box_flipX,
.gridlayout.dreier .box_farbig  {width: 31%}

.gridlayout.zweier .boxflex {width: 46%}

.composedcontent-standard-fr {width: 97%;}
#topslot .composedcontent-standard-fr {width: 100% !important;}

 
.gridlayout.flexstartcontent {justify-content: flex-start; gap:30px;}


#main .ym-col2  > .ym-cbox {
    margin-left: 3em;
}

#main .ym-col2 {

}

#main .ym-col2 ul {
    font-size: 1.1em;
}
#main .ym-col2 p {
    font-size: 1.1em;
    line-height: 2em;
}

#main .ym-col2 .gridlayout p {
    font-size: 1.0em;
    line-height: 1.5em;
}

#node1371793 .jubbox {padding:.5em; width:70% !important; background:#ddd}
 	
.pm-meldung.pm-meldung-bild .pm-content {
    float: right;
    width: 60%;
}	

#node1372944 .socbm {display:none}
	
.knot2_1372944 .composedcontent-standard-fr,
.knot2_1372944 .pm-detail
{
    max-width: 660px;
    margin: 1em auto;
}	

.ergebnisse {width:80%}


.startbox blockquote {
 font-size: 3em; font-family: 'journalregular' ; line-height: 120%;
   background: url(../img/icons/blockquote.png) no-repeat 0px -3px;
	margin: 2px 0 0 0;
   padding: 0px 0px 0 36px;
   font-style: normal;
   text-align:left; 
   }


.startzitat {
    background: rgba(255,255,255,.9);
    padding: 1em;
    position: absolute;
    bottom: 200px;
    right: 5%;
}
	
.menu-hauptmenue-container .search {
    position: absolute;
    right: 65px;
    z-index: 20;
	top:0px
}
.menu-hauptmenue-container .search a i {
    font-size: 1.8em;
    padding: .25em;
    margin-left: .5em;
	color: #fff !important;
}	
	
	
	
	

.timeliner {margin:0 auto}
.timeline {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.timeline *,.timeline :after,.timeline :before{-webkit-box-sizing:inherit;box-sizing:inherit}
.timeline:not(.timeline--horizontal):before {background-color:#39946b;bottom:0;content:'';left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:1}
.timeline__wrap{overflow:hidden;position:relative;z-index:2}
.timeline__item{font-size:16px;font-size:1rem;padding:.2rem 2rem .2rem 0;position:relative;width:50%;z-index:2}
.timeline__item:after{background-color:#fff;border:4px solid #39946b;border-radius:50%;content:'';height:20px;position:absolute;right:-10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:20px;z-index:1}
.timeline__item.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.timeline__item.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.timeline__item--left{left:0}
.timeline__item--right{left:50%;padding:.2rem 0 .2rem 2rem}
.timeline__item--right:after{left:-10px}
.timeline__item--right .timeline__content:before{border-bottom:10px solid transparent;border-right:12px solid #39946b;border-left:none;border-top:10px solid transparent;left:-12px}
.timeline__item--right .timeline__content:after{border-bottom:9px solid transparent;border-right:11px solid #fff;border-left:none;border-top:9px solid transparent;left:-10px}
.timeline__content{background-color:#fff;border:1px solid #39946b;border-radius:10px;color:#333;display:block;padding:.25em 1rem;position:relative}
.timeline__content:after,.timeline__content:before{content:'';height:0;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:0}
.timeline__content:before{border-bottom:10px solid transparent;border-left:12px solid #39946b;border-top:10px solid transparent;right:-12px;z-index:1}
.timeline__content:after{border-bottom:9px solid transparent;border-left:11px solid #fff;border-top:9px solid transparent;right:-10px;z-index:2}
.timeline__content h2{font-size:1.25rem !important;font-weight:700;margin:0 0 .625rem}
.timeline__content p{font-size:.9375rem;line-height:1.5;margin-bottom:0px !important}
.timeline--horizontal{font-size:0;padding:0 3.125rem;overflow:hidden;white-space:nowrap}
.timeline--horizontal .timeline-divider{background-color:#39946b;display:block;height:4px;left:40px;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:40px;z-index:1}
.timeline--horizontal .timeline__items{-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;will-change:transform}
.timeline--horizontal .timeline__item{display:inline-block;left:0;padding:0 0 2.5rem;position:relative;-webkit-transition:none;-o-transition:none;transition:none;vertical-align:top;white-space:normal}
.timeline--horizontal .timeline__item:after{left:50%;right:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:100%}
.timeline--horizontal .timeline__item .timeline__item__inner{display:table;height:100%;width:100%}
.timeline--horizontal .timeline__item .timeline__content__wrap{display:table-cell;margin:0;padding:0;vertical-align:bottom}
.timeline--horizontal .timeline__item .timeline__content:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #39946b;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%}
.timeline--horizontal .timeline__item .timeline__content:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%}
.timeline--horizontal .timeline__item--bottom{padding:2.5rem 0 0}
.timeline--horizontal .timeline__item--bottom:after{top:0}
.timeline--horizontal .timeline__item--bottom .timeline__content__wrap{vertical-align:top}
.timeline--horizontal .timeline__item--bottom .timeline__content:before{border-bottom:12px solid #39946b;border-left:12px solid transparent;border-right:12px solid transparent;border-top:none;bottom:100%;top:auto}
.timeline--horizontal .timeline__item--bottom .timeline__content:after{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-top:none;bottom:100%;top:auto}
.timeline-nav-button{background-color:#fff;border:2px solid #39946b;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:block;height:40px;outline:0;position:absolute;text-indent:-9999px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:40px;z-index:10}
.timeline-nav-button:disabled{opacity:.5;pointer-events:none}
.timeline-nav-button:before{background-position:center center;background-repeat:no-repeat;content:'';display:block;height:14px;left:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:50%;width:8px}
.timeline-nav-button--prev{left:0}
.timeline-nav-button--prev:before{background-image:url(images/arrow-left.svg)}
.timeline-nav-button--next{right:0}
.timeline-nav-button--next:before{background-image:url(images/arrow-right.svg)}



.timeline{padding:0;max-width: 900px;}
.timeline:before{left:10px!important;margin:0!important}
.timeline .timeline__item {left:0;padding-left:40px;padding-right:0;padding-top:2em; width:90%}
.timeline .timeline__item:after{left:2px;margin:0}
.timeline .timeline__item .timeline__content:before{left:-12px;border-bottom:12px solid transparent;border-right:12px solid #39946b;border-left:none;border-top:12px solid transparent}
.timeline .timeline__item .timeline__content:after{left:-10px;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:none;border-top:10px solid transparent}




.timeline--mobile{padding:0}
.timeline--mobile:before{left:10px!important;margin:0!important}
.timeline--mobile .timeline__item {left:0;padding-left:40px;padding-right:0;width:100%}
.timeline--mobile .timeline__item:after{left:2px;margin:0}
.timeline--mobile .timeline__item .timeline__content:before{left:-12px;border-bottom:12px solid transparent;border-right:12px solid #39946b;border-left:none;border-top:12px solid transparent}
.timeline--mobile .timeline__item .timeline__content:after{left:-10px;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:none;border-top:10px solid transparent}
@-webkit-keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}
@keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}
@-webkit-keyframes liftUp{0%{top:0}100%{top:-15px}}
@keyframes liftUp{0%{top:0}100%{top:-15px}}

.timeliner h3 {
    color: #b24471 !important;
}

#content .timeline .basecontent-image {margin-bottom:0}
	
	
	
	
	
	
	
@media screen and ( max-width: 3200px )  {
    #headernav .ym-g25 {width: 15%}
    #headernav .ym-g75 {width: 85%}
    .flyerNav {width:auto}
    .startbox {width:30%; display: block; text-align: center; margin: 0em auto 0 auto !important;}
}

@media screen and ( max-width: 1800px )  {
        #header .sf-menu span.nolink, #header .sf-menu a, #header .sf-menu a:link, #header .sf-menu a:visited 
    {padding: 5px 6px;}
}

@media screen and ( max-width: 1680px )  {
    #nav .flyerNav ul li {margin-left: .25em;}
    #header .sf-menu span.nolink, #header .sf-menu a, #header .sf-menu a:link, #header .sf-menu a:visited 
    {font-size: 1.1em;  padding: 5px 8px; }
	.startbox {width:30%}
	 .flyerNav .search {
	float: none !important;
	position: absolute;
	right: 30px;
	 top: -55px;}
}


@media screen and ( max-width: 1575px )  {
    #header .sf-menu span.nolink, #header .sf-menu a, #header .sf-menu a:link, #header .sf-menu a:visited 
    {font-size: 1.0em;padding: 5px 8px;}
}


@media screen and ( max-width: 1485px )  {
	.startbox {width:30%}
 
    #header .sf-menu span.nolink, #header .sf-menu a, #header .sf-menu a:link, #header .sf-menu a:visited {padding: 5px 4px;}
    #headernav .ym-g25 {width: 18%}
    #headernav .ym-g75 {width: 82%}
}

@media screen and ( max-width: 1425px )  {
	.startbox {width:30%}
 
    #header .sf-menu span.nolink, #header .sf-menu a, #header .sf-menu a:link, #header .sf-menu a:visited {padding: 5px 4px;}
    #headernav .ym-g25 {width: 16%}
    #headernav .ym-g75 {width: 84%}
}

@media screen and ( max-width: 1385px )  {
    #nav .flyerNav ul li {margin-left:1em;}
    #header .sf-menu span.nolink, #header .sf-menu a, #header .sf-menu a:link, #header .sf-menu a:visited {font-size: 1.1em;}       
    .flyerNav {width:80%; bottom: -1em}
    #headernav .ym-g25 {width: 25%}
    #headernav .ym-g75 {width: 75%}
}    

@media screen and ( max-width: 1345px )  {
    #headernav .ym-g25 {width: 17%}
    #headernav .ym-g75 {width: 83%}
	.gridlayout .box_flip,
	.gridlayout .box_flipX,
	.gridlayout .box_farbig  {width: 31%}
	.gridlayout.dreier .box_flip,
	.gridlayout.dreier .box_flipX,
	.gridlayout.dreier .box_farbig  {width: 31%}
	.gridlayout .box_news  {width: 60%}
	.stoerer {right:3%}
	.stoerer img {width:80%}
   .fixedNavBody .stoerer {display:none;}
	.home  #main .ym-col2 {width: 95% !important;}
	 .startbox {width:90%}
    
   .flyerNav  .search {position: relative;top:3em;right:auto;z-index:11 }
    .startzitat { bottom: 10px;width: 40%;}
}




/*******/



@media screen and ( max-width: 1200px )  {
.collapse {width:auto}
.collapse .flyerNav {	
        left:-99999px; top:0; bottom: auto;height:800px;right:auto
		}
		
#nav .btn-toggle-nav {display:block; position: absolute;right:1em; top:5em; left: auto; bottom: auto;}

    
.collapse.in  .flyerNav {
    right:0; 
    left: auto; 
    position: fixed !important;
    background: url(../img/background.jpg);
    transition: all 1s ease-in-out;
    width:400px; 
    z-index: 19;
}
.collapse.in  .flyerNav ul {margin: 8.5em 0 0 1em;
width:90%;  position: static;
  float: none; }
.collapse.in .flyerNav ul ul {margin-top:0;padding:0;
  position: static;
  min-height:auto;  background: rgba(255,255,255,0);
}

.collapse.in  .flyerNav ul li {
	padding: .25em 0;margin: .25em 0; 
    float: none;
    list-style: none;
    display: block;
    background-color: rgba(0,0,0,.2);
    line-height: 1.3em
}

.collapse.in  .flyerNav ul li ul li {
	margin: 0;
    background-color: rgba(0,0,0,0);
            line-height: 1.3em

}
 
.collapse.in .flyerNav ul li:hover {background-color: rgba(0,0,0,.4)}
.collapse.in .flyerNav ul ul li:hover {background-color: rgba(0,0,0,0)}

.logoinvers {top:30%}
 
   .flyerNav  .search {position: relative;top:6em;left:1em;z-index:11;float:none !important; }

}
/*******/


.gridlayout .flexgrow5 {flex-grow: 5}
.gridlayout .flexgrow2 {flex-grow: 2}
.gridlayout .flexgrow1 {flex-grow: 1}
.gridlayout.noflexwrap {flex-wrap: nowrap;}
.gridlayout.flexstretch {align-items: stretch;}
.gridlayout.flexstart {align-items: flex-start}
.gridlayout.flexcenter {align-items: center}
.gridlayout.variablehoehe {align-items: baseline;}

@media screen and ( max-width: 1080px )  {
	.gridlayout .box_news  {width: 70%}	

	.timeline .timeline__item {width: 100%;}
}

@media screen and ( max-width: 960px )  {
	.gridlayout .boxflex,
    .gridlayout .box_flip,
	.gridlayout .box_flipX,
	.gridlayout .box_farbig  {width: 30%}
	.gridlayout.dreier .boxflex,
    .gridlayout.dreier .box_flip,
	.gridlayout.dreier .box_flipX,
    .gridlayout.dreier .box_farbig  {width: 46%}
   
     .jubbox .basecontent-image .caption {text-align: right;}
   
   .stoerer {right:auto;left:1%;top:150px}
	.stoerer img {width:60%}
   #main .ym-col2 {width: 98% !important;}
   #main .ym-col2 > .ym-cbox {margin-left: 0em !important;}
   #main .ym-col3 {width: 98% !important;margin:0 !important;}
   
.composedcontent-standard-fr {width: 100%;}
    #content .box_news h2,
	#content .box_farbig h2 {font-size:1.6em}
	
   .timeline .timeline__item  .float-right {
    float: none;
    display: block;
    margin: 1.5em 0 0 0em !important;
}

#topslot .image {
  height: 480px !important;
  width: 100vw !important;
}




}


@media screen and ( max-width: 850px )  {
#main div.wayhome {margin: 0 0 1.5em 0.75em}
.gridlayout .box_news   {width: 100%}
}


@media screen and ( max-width: 740px)  {
 .ym-g75 {width:100%; height: auto !important; }
 .ym-g75 #nav {height: auto !important; }
  #nav .btn-toggle-nav {top:-4.5em; }
  .shrink #nav .btn-toggle-nav {top:-3.0em !important; right: 2em}
    .gridlayout .boxflex,
	.gridlayout .box_flip,
	.gridlayout .box_flipX,
	.gridlayout .box_farbig  {width: 46%}
	.gridlayout.dreier .boxflex,
    .gridlayout.dreier .box_flip,
	.gridlayout.dreier .box_flipX,
	.gridlayout.dreier .box_farbig  {width: 46%}
	
	.gridlayout.zweier .boxflex {width: 98%}

    .gridlayout.dreier {    justify-content: center !important}

.w20, .w30, .w40, .w50, .w60, .w65, .w70, .w80, .w90 {width: 100% !important}

#node1371793 .jubbox {width:100% !important;}

 
.ergebnisse {width:100%}
.startzitat {position: static; width: 90% !important;} 

#topslot .image {
  height: 420px !important;
  width: 100vw !important;
}


}

	
 

@media screen and ( max-width: 540px)  {
  .gridlayout .boxflex,
  .gridlayout .box_flip,
  .gridlayout .box_flipX,
  .gridlayout .box_farbig,
  .gridlayout.dreier .boxflex,
  .gridlayout.zweier .boxflex,
  .gridlayout.dreier .box_flip,
  .gridlayout.dreier .box_flipX,
  .gridlayout.dreier .box_farbig  {width: 100%}
  .box_flip .composedcontent-newsbox-in-boxen,
  .box_flipX .composedcontent-newsbox-in-boxen,
  .box_farbig .composedcontent-newsbox-in-boxen,
  .box_news .composedcontent-newsbox-in-boxen   {min-height:auto}

.gridlayout .box_news  .float-left {float: none !important;text-align:center !important}
    .gridlayout .box_news  .float-left img {width:100%; }

  
.stoerer img {width:50%}


     .logoinvers {top:40%}

.logoinverssvg::before {
	width: 50%;
    height: 55%;}

.mcenter .float-right {margin-right: 0 !important; float: none; text-align: center}
 
.pm-meldung {width:auto}
 
}




@media screen and ( max-width: 480px)  {
.collapse.in  .flyerNav,
.shrink .collapse.in #nav .flyerNav {  width:100% !important }

.stoerer img {width:45%}

 .logoinvers { top:30%}

#header .headerbox {display: none;}


#header #headernav::after {
		  opacity: 1 !important}
.home #header #headernav  {background:transparent}
#header #headernav::after {
  content: "";
  background:  url("../img/background.jpg") repeat scroll 0 0 #ffffff;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
z-index: -1;  transition: all 0.241s ease 0s;  }

 
#header .header-logosvg:before {
  width: 120px;
  height: 72px;
	margin: 2px 0px 0px 13px;
}

.metalinks {top:.25em; font-size:.8em}
.metalinks .flinks a {color:#fff; }
#nav .btn-toggle-nav .icon-bar {   background: #fff none repeat scroll 0 0 }
#nav {	height: 60px !important}
#nav .btn-toggle-nav { top:-3.5em !important;}   
 
 

.ym-g100,
#col_1472025 {
    width: 100% !important;
} 
 
}

.iconleiste {background-color:#f6f6f6; margin: 2em auto;padding-bottom: 1em;}

.iconleiste h2 a {
    color: #aaa !important;
}

.jubbox {
    margin: 2em 0;
}


.zmlocation, .zmveranstalter {
    margin-bottom: 2em;
}
.subcl .zmbeschreibung {padding-right:1.5em}

.zmlocation .vCard,
.zmveranstalter .vCard {line-height:2em}

.zmnav {display: block; overflow: hidden}
#content .zmnav ul {list-style:none}
#content .zmnav li {list-style:none; margin:0}
#content .zmnav .zmzureu a { }
#zmDetail .category {margin: 2em 0}
#zmDetail .vCalendarDiv {float:right}


 
#main .webbox {
    background: #8eb311;
    width: 95%;
    padding: 1em;
font-size: 1.1em;
color:#fff}

#main .webbox a {color:#fff}
#main .webbox p {line-height:1.5em}
#main .webbox p.fb a::before {
    content: "\f09a";
    font-family: FontAwesome;
    font-size: .9em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .75em 0 0;
}

#main .webbox p.insta a::before {
    content: "\f16d";
    font-family: FontAwesome;
    font-size: .9em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .75em 0 0;
}


#main .webbox p.twitter a::before {
    content: "\f081";
    font-family: FontAwesome;
    font-size: .9em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .75em 0 0;
}


#main .webbox p.yt a::before {
    content: "\f167";
    font-family: FontAwesome;
    font-size: .9em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .75em 0 0;
}

.presse-uebersicht {display: block; overflow: hidden}
.pm-rss {display: none}

.pm-meldung {
    float: none;
}

.shrink .collapse #nav {width:auto}
.shrink .collapse #nav .flyerNav {	
        left:-99999px; top:0; bottom: auto;height:800px;right:auto
		}
		
.shrink #nav .btn-toggle-nav {display:block; position: absolute;right:1em; top:3em; left: auto; bottom: auto;}

    
.shrink .collapse.in #nav .flyerNav {
    right:0; 
    left: auto; 
    position: fixed !important;
    background: url(../img/background.jpg);
    transition: all 2s ease-in-out;
    width:400px; 
    z-index: 19;
}
.shrink .collapse.in #nav .flyerNav ul {margin: 7em 0 0 1em;
width:90%;  position: static;
  float: none;   width: 90%;}
.shrink .collapse.in #nav .flyerNav ul ul {margin-top:0;padding:0;
  position: static;
  min-height:auto;  background: rgba(255,255,255,0);
}

.shrink .collapse.in #nav .flyerNav ul li {
	padding: .25em 0;margin: .25em 0; 
    float: none;
    list-style: none;
    display: block;
    background-color: rgba(0,0,0,.2);
    line-height: 1.3em
}

.shrink .collapse.in #nav .flyerNav ul li ul li {
	margin: 0;
    background-color: rgba(0,0,0,0);
            line-height: 1.3em

}

 
.shrink .collapse.in #nav .flyerNav ul li:hover {background-color: rgba(0,0,0,.4)}
.shrink .collapse.in #nav .flyerNav ul ul li:hover {background-color: rgba(0,0,0,0)}

.formElementRow input.form_field {display: block;
width: 90%;
font-size: 1.2em;
border-radius: 5px;
border: 1px solid #ddd;
margin: .5em 0;
padding: .25em;}

	.box_news .image a::before, 
	.box_farbig .image a::before {
    content: "mehr...";
			font-family:RobotoBold,Arial,Helvetica,sans-serif;

    color: #fff;
    padding: 5px;
    position: absolute;
    top: 1.5em;
    right: .25em;
    border-radius: 2px;
    z-index:2;}


	.en .box_news .image a::before, 
	.en .box_farbig .image a::before {
    content: "more...";}
	
	
.box_farbe0 .image a::before  {
    border: 1px solid #30786e ;
    background: #30786e }
	
	
	
.box_farbe1 .image a::before,
.box_farbe2 .image a::before,
.box_farbe3 .image a::before,
.box_farbe4 .image a::before {
    border: 1px solid #8B0000;
    background: #8B0000}
	
.box_farbe5 .image a::before
 {
    border: 1px solid #8B0000;
    background: #8B0000}

	
#copyright {
    padding: 1em 2em 1em;
}
.footerContainer {
    background: #fff;
    margin: 4em auto 0em auto;
    padding: 2em 0em 2em 0em;
font-size: 1.1em
}

.footerContainer .subcl, .footerContainer .subcr, .footerContainer .subc {
    padding: 0 2em;
}

.footerContainer h2 {margin-bottom:1em}

.footerContainer p,
.footerContainer p a {color:#000}


p.kontakt::before,
p.ort::before,
p.mail::before,
p.presse::before,
p.newsletter::before,
p.phone::before,
p.fb a::before,
p.twitter a::before,
p.insta a::before {
    font-family: FontAwesome;
    font-size: 1.4em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .7em 0 0; 
}
 
p.kontakt::before {content: "\f0c0"}
p.ort::before {content: "\f041"; padding: 0 .9em 0 .1em;   font-size: 1.6em !important;}
p.mail::before {content: "\f0e0"}
p.presse::before {content: "\f15c";padding: 0 .8em 0 .1em;  }
p.newsletter::before {content: "\f1ea"}
p.phone::before {content: "\f095"}


p.fb a::before {content: "\f09a"}
p.insta a::before {content: "\f16d"}
p.twitter a::before {content: "\f173"}



#main p.mail .mailLink:before {
    content: "";
    padding: 0 0em 0 0;
}

.downloadlist {
width: 90%;
border-spacing: 0 30px;
border-collapse: inherit;}

.downloadlist td.dlSize {
    width: 10%;
}
.downloadlist td.dlDate,
.downloadlist tr th {
    display: none;
}

table.downloadlist tr:first-of-type {
    display: none;
}

.footerContainer .ym-g25 {
    min-height: 200px;
}


.searchDiv {margin: 0 2em}

.teilbaumsuche,
.ergebnisseKopf {margin:1em 0}
.ergebnisseRumpf ul {
    list-style: none inside;
margin:0 !important;
padding: 0px;
}
.ergebnisseRumpf li.search {margin:1.5em 0 !important; background: #fff; padding: .25em;}


.ergebnisseRumpf .description {
    margin: .5em 0;
    font-size: .85em;
}


.ergebnisseRumpf .description b {font-weight:normal;
    color: #003;
    background-color: #FFD;
}

.ergebnisseRumpf .info {display: none}

.searchForm span button.button {}


.ergebnisseKopfNav {margin-left: 2em}
.ergebnisseBottom button.button,
.searchForm span button.button {color:#fff; font-weight:bold; background: #419482; border: 0px solid white; padding:.25em}

 
.teilbaumsuche form label {display: none}

.searchPaging { margin: .5em 0 }


.nowrap {overflow: hidden; display: block}

.jCarousel .basecontent-image {min-height: 280px}

.dateiGroesse {
    display: none;
}



#carousel .item {
    float: left;
    margin-right: 48px;
    width: 600px;
    padding: 20px;
    height: 250px;
}




 .mapnavi {background-color:#333;padding-top: 1em}
 .mapnavi .mapnavidiv div {background-color:#333; padding: 2px 0 1px 0; font-size:.9em}
 .mapnavi .mapnavidiv div:hover,
 .mapnavi .mapnavidiv .moverlinkhover {color:#fff !important; background-color:#666; }

 .mapnavi .mapnavidiv div .moverlink,
 .mapnavi .mapnavidiv div .moverlink:hover  {	color:#fff !important;	text-decoration: none; 	cursor: pointer;}
 .mapnavi .mapnavidiv div .number,
 .mapnavi .mapnavidiv div .number1 {color:#fff;  text-align:center;  padding:0px 2px;  margin-right: 1em;  }
 .mapnavi .mapnavidiv div .number1 {padding:0px 5px;  margin-right: 1em;  }


.ui-accordion .ui-accordion-header {margin: 2em 0 0 0;}
.ui-accordion .ui-accordion-header a {border:0;background:transparent none;}
.ui-accordion .ui-accordion-header a:hover {box-shadow:none}

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

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px solid #45a332;
    background: #fff;
    font-weight: normal;
    color: #454545;
}
 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0px solid #45a332;
    background: #45a332;
    font-weight: normal;
    color: #fff;
}

 

.leaflet-div-icon {
	background: transparent;
	border: none;
}
 
.leaflet-marker-icon .number{
	position: relative;
	top: -37px;
	font-size: 12px;
	width: 25px;
	text-align: center;
	font-weight:bold;
	color:#fff
}


.schreibschrift {

    font-size: 2.5em !important;
    font-family: 'journalregular';
    font-weight: normal !important;
    line-height: 110% !important;

}
#icongm01 {left: 446px; top: 358px;} 
#icongm02 {left: 433px; top: 340px;}
#icongm03 {left: 430px; top: 306px;}
#icongm04 {left: 406px; top: 336px;}
#icongm05 {left: 384px; top: 342px;}
#icongm06 {left: 165px; top: 340px;}
#icongm07 {left: 266px; top: 545px;}
#icongm08 {left: 296px; top: 556px;}
#icongm09 {left: 322px; top: 562px;}
#icongm10 {left: 342px; top: 552px;}
#icongm11 {left: 488px; top: 456px;}
#icongm12 {left: 652px; top: 390px;}
#icongm13 {left: 610px; top: 402px;}
#icongm14 {left: 540px; top: 386px;}
#icongm15 {left: 402px; top: 408px;}
#icongm16 {left: 501px; top: 5px;}
#icongm17 {left: 444px; top: 61px;}
#icongm18 {left: 400px; top: 170px;}
#icongm19 {left: 378px; top: 200px;}
#icongm20 {left: 360px; top: 212px;}
#icongm21 {left: 230px; top: 62px;}
#icongm22 {left: 275px; top: 200px;} 
#icongm23 {left: 232px; top: 188px;}
#icongm24 {left: 90px; top: 325px;}
#icongm25 {left: 68px; top: 408px;}
#icongm26 {left: 110px; top: 362px;}
#icongm27 {left: 290px; top: 526px;}
#icongm28 {left: 412px; top: 572px;}
#icongm29 {left: 732px; top: 416px;}


.navSlot .buttonLink a {
display:block;
border:2px solid #f2f2f2;
padding:4px 0px 4px 4px;
background:#D1D1D1 ;
background:rgba(209, 209, 209, .3)!important;
box-shadow:1px 1px 2px #d7d7d7;
}
.navSlot .buttonLink a:hover{box-shadow:1px 1px 2px #b7b7b7;background:#f1f1f1;background:rgba(209, 209, 209, .2)!important}


.box_logo1::after {
        background-image: url("../img/gc_stadt.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: rgba(255,255,255,0);
    content: "";
    width: 80px;
    height: 80px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    position: absolute; right:.5em; left: auto; bottom:.5em;
}
.box_logo2::after {
        background-image: url("../img/cluster_gc.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: rgba(255,255,255,0);
    content: "";
    display: block;
    width: 150px;   
    height: 46px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
     position: absolute; right:.5em; left: auto; bottom:1em;
}



.box_logo_aiforia::after {
        background-image: url("../img/aiforia.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: rgba(255,255,255,0);
    content: "";
    width: 100px;
    height: 129px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    position: absolute; right:.5em; left: auto; bottom:1em;
}

.box_logo_ia::after {
        background-image: url("../img/ia.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: rgba(255,255,255,0);
    content: "";
    width: 189px;
    height: 100px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    position: absolute; right:.5em; left: auto; bottom:1em;
}

.box_logo_fl::after {
        background-image: url("../img/fl.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: rgba(255,255,255,0);
    content: "";
    width: 100px;
    height: 100px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    position: absolute; right:.5em; left: auto; bottom:1em;
}

.box_logo_osm::after {
    background-image: url("../img/osm.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: rgba(255,255,255,0);
    content: "";
    width: 100px;
    height: 74px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    position: absolute; right:.5em; left: auto; bottom:1em;
}



.partnerlogin i {line-height:0; font-size: 0}
.partnerlogin i::before {
    content: "\f084";
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    font-size:22px;
    font-style: normal;
    color: #419482
}


.w100video video {
   width: 100% !IMPORTANT;
   height: auto !IMPORTANT;
   max-width:800px
}


.w100videogc {
   max-width:800px
}


/* ==== Search Overlay ==== */


body.overflowhidden {
    overflow: hidden;
}



.ui-autocomplete { z-index: 20100; top: auto !important; left: 0px !important; position: relative; }

.ui-autocomplete li.ui-menu-item a { display: block; border-bottom: 1px solid #98b0b3; padding: 15px 10px;}

.ui-autocomplete li.ui-menu-item a:after { content: "auswaehlen"; text-decoration: underline; float: right; font-size: 0.75em; }

.ui-autocomplete li.ui-menu-item a b { font-weight: normal; }

.search-overlay {
  background: rgba(0,0,0,.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
z-index: 20000;}

.search-overlay .close {
    font-size: 50px;
    padding: 30px;
    float: none;
    position: absolute;
    right: 0;
	color:#fff
}
  
.search-overlay.open {
	opacity: 1;
	visibility: visible;
}

.search-overlay__inner {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.c-meta__search {
    width: 90%;
}
 
.c-meta__search #qs_query {
    font-size: 2rem;
    background: rgba(255,255,255,.2);
    color: #fff;
    border: 0px solid #fff;
    width: 100%;
    padding: .25em;
}
#quicksearch .quicksearchimg {
    cursor: pointer;
    background: green;
    border: 0;
    color: #fff !important;
    font-size: 2rem;
    padding: .25em;
}

.searchForm input[type="search"]  {
    font-size: 2rem;
    background: rgba(255,255,255,1);
    color: #000;
    border: 0px solid #fff;
    width: 100%;
    padding: .25em;
	margin-bottom:.25em;
}


.sf-menu {width:auto}


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

.boxteaser:hover {cursor:pointer}

.boxlang {margin-left: 2em; margin-top: 1em; }

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


/* .deutsch  
{background: url(/master/img/flaggen/42_de_DE.png) no-repeat left !important; padding-left: 50px !important}

.englisch  
{background: url(/master/img/flaggen/42_en_GB.png) no-repeat left !important; padding-left: 50px !important}
*/

#main #content .auszeichnung table td {padding:8px !important}
#main #content .auszeichnung table td:first-of-type {text-align:center;font-size:1.2em;color: green}

#node1648156 .ym-g100,
#node1648159 .ym-g100 {margin:2em auto 3em auto  ;background: #fff;
    padding: .5em;}
	
#row_1594138 {cursor: pointer}	
#row_1652844 {cursor: pointer}	

.xhome #header {background: url("../img/background_2.png") no-repeat 90% 0 scroll  #c1dc50; }
.xhome #header #headernav::after {background: transparent}
.home #header #headernav.shrink::after {background: url("../img/background.jpg") repeat scroll 0 0 #ffffff;}

.home #row_1594138 .ym-g100 {background: transparent !important}
.home #row_1652844 .ym-g100 {background: transparent !important}

.zmimage  {margin:0 !important}
#zmDataItems .zmkurzbeschreibung .data,
#zmDataItems .zmbeschreibung .data,
#zmDataItems .zmanschrift {font-size: 1.1em; line-height: 2em;padding-right: .5em;}
#zmDataItems .zmBox {
    margin: 1em 0;
}
#zmDataItems .homepage .label {display:none}


.greenbox {background-color: #46a432;
padding: 1em;
color: #fff !important;
margin: .5em 1em !important;
}

.greenbox a {
    color: #fff !important;
}

.gridlayout > a[id^="anker"] {
  display: none;

}




.sticky-header.home .gip {position: fixed; bottom:1em; left:1em; z-index: 9999;
    background:#46a432;  width:140px; height:140px; display:inline-block;
    border-radius: 50%;
 
 
}
 

#bottom .gip h2 {font-size:4em !important;text-align: center; line-height: 1.1em;padding:.25em 0 0 0}
#bottom .gip p {font-size:1.4em !important;text-align: center;line-height: 1.2em; margin:0;padding:0}
#bottom .gip p a,
#bottom .gip h2 a {
    color: #fff !important; 
}