/*** Kundenspezifische CSS ***/

/* ------------- Reset von Rändern und Abständen ---------------- */

html { box-sizing: border-box; margin: 0; padding: 0; height: 100%;}

*, ::before, ::after { box-sizing: inherit;  margin: 0; padding: 0;}

body {font-family: 'Open-Sans', Arial, Helvetica, sans-serif; font-size: 100%;}

ul, ol, dl, li { margin: 0 0 0 0; }

a { text-decoration: none;}
a:hover{ text-decoration: none;}

.dvvToolbar{    position: relative;
    z-index: 20000;}


/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('fonts/ubuntu-v13-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/ubuntu-v13-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: fallback;
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('fonts/ubuntu-v13-latin-regular.woff2') format('woff2'), 
       url('fonts/ubuntu-v13-latin-regular.woff') format('woff');
  font-display: fallback;
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('fonts/ubuntu-v13-latin-italic.woff2') format('woff2'), 
       url('fonts/ubuntu-v13-latin-italic.woff') format('woff'); 
  font-display: fallback;
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('fonts/ubuntu-v13-latin-500.woff2') format('woff2'), 
       url('fonts/ubuntu-v13-latin-500.woff') format('woff'); 
       font-display: fallback;
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('fonts/ubuntu-v13-latin-700.woff2') format('woff2'), 
       url('fonts/ubuntu-v13-latin-700.woff') format('woff'); 
  font-display: fallback;
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), 
       url('fonts/open-sans-v15-latin-300.woff') format('woff'); 
  font-display: fallback;
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), 
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'); 
  font-display: fallback;
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open-Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), 
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'); 
  font-display: fallback;
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'),
       url('fonts/open-sans-v15-latin-600.woff') format('woff'); 
  font-display: fallback;
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), 
       url('fonts/open-sans-v15-latin-700.woff') format('woff'); 
  font-display: fallback;
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v15-latin-800.woff2') format('woff2'), 
       url('fonts/open-sans-v15-latin-800.woff') format('woff'); 
  font-display: fallback;
}

/* ------------- Grundraster ---------------- */

.the-wrapper { max-width: 100%; width: 100%; }


/* ------------- header ---------------- */
header:not(.rs-dialog-grabbable) { max-width: 100%; margin: 0px auto; background: none; background-size: cover; background-position: center -300px; height: auto;position:relative;z-index:1000;}
/*Fix ReadSpeaker-Support - SSL*/
/* header:not(.rs-dialog-grabbable) */
header .top-content { background: #fff; border-bottom: 2px solid #FED718;}
header .top-content-inner { max-width: 1200px; margin: 0px auto;  position: relative;}

header .top-content-inner:before {content:'';position:absolute; left: -0px; right:100%;top:0;bottom:0; /*! box-shadow: -5px 0px 5px -2px rgba(0, 0, 0, 0.37); */ border: 0px solid red; width: 10px; }

header .top-content-inner:after { clear: both; display: block; content: '.'; float: none; height: 0; line-height: 0; font-size: 0; }

header .top-content-inner .logo { float: left; width: 25%; margin-right: 5%; padding: 9px 22px 0px 20px;} /*padding: 9px 0px 9px 20px;};border-left: 1px solid #a0a0a0; */
header .top-content-inner nav { float: left; width: 60%; padding: 0px 0px;}
header .top-content-inner .search {  float: right; width: 10%; }

.logo img {  margin-right: 10px; width: 100%; }

header a { color: #000;}
header .logo a { display: block; }

header .pageheader { position: relative; background: #ffd719; height: 150px;}

header .headline {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 80px;
  padding-left: 40px;
}

header .headline h1 { font-size: 2.8rem; }

/* ------------- Schrift- und Kontrastbuttons ----------------*/
.top-functions-fixed { position: fixed; top: 44%; z-index: 20000;}
 
.top-functions-fixed .schriftvergroesserung {
	margin-bottom: 0px;
background: #FED718;
	position: absolute;
	left: 40px;
	transform: translateX(-100%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top-functions-fixed .schriftvergroesserung:hover, .top-functions-fixed .schriftvergroesserung:focus {
	left: 0px;	transform: translateX(0%);
}

.top-functions-fixed .schriftvergroesserung:hover, .top-functions-fixed .schriftvergroesserung:focus {
	background: #FED718;
	color:#000;
}
.top-functions-fixed .schriftvergroesserung:hover a, .top-functions-fixed .schriftvergroesserung:focus{
	color:#000;
}

.top-functions-fixed a.schriftgroesse { display: flex; align-content: center; }

.top-functions-fixed a.schriftgroesse span.title {
	padding: 5px;
	justify-content: center;
	align-items: center;
	display: flex;
	min-height: 40px;
	min-width: 60px;
}

.top-functions-fixed a.schriftgroesse span.icon { padding: 10px 10px; font-size: 20px; }

div.zoomNotice {
	display:none;
	position: fixed;
	z-index: 100000;
	top: 0%;
	left: 100%;
	width: 500px;
	border: 3px solid #ededed;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-width: 600px;
	background-color: #ffffff;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: none;
	color: #000;
	text-align: left;
}

.top-functions-fixed .schriftvergroesserung:hover { border: 0px solid red;}
.top-functions-fixed .schriftvergroesserung:focus { border: 0px solid red;}
.top-functions-fixed .schriftvergroesserung:hover div.zoomNotice  { display: block !important;}
.top-functions-fixed .schriftvergroesserung:focus div.zoomNotice  { display: block !important;}
.top-functions-fixed .schriftvergroesserung .schriftgroesse:focus + div.zoomNotice  { display: block !important; left: 110%}

.top-functions-fixed .kontrastschalter {
  background: #FED718;
	position: absolute;
	left: 40px;
	transform: translateX(-100%);
	top: 60px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top-functions-fixed .gebaerdensprache {
  display:flex;
  background: #FED718;
	position: absolute;
	left: 40px;
	transform: translateX(-100%);
	top: 120px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.top-functions-fixed .gebaerdensprache span a {display:flex;}


.top-functions-fixed .kontrastschalter:hover, .top-functions-fixed .kontrastschalter:focus,
.top-functions-fixed .gebaerdensprache:hover, .top-functions-fixed .gebaerdensprache:focus{
  background: #FED718;
	left: 0px;
	transform: translateX(0);
}
.top-functions-fixed .kontrastschalter:hover a, .top-functions-fixed .kontrastschalter:focus a,
.top-functions-fixed .gebaerdensprache:hover a, .top-functions-fixed .gebaerdensprache:focus a { color:#000; }

.top-functions-fixed .kontrastschalter span.title,
.top-functions-fixed .gebaerdensprache span.title {
	padding: 5px;
	justify-content: center;
	align-items: center;
	display: flex;
	min-height: 40px;
	min-width: 60px;
	white-space: nowrap;
}

.top-functions-fixed .kontrastschalter span.icon,
.top-functions-fixed .gebaerdensprache span.icon {
	padding: 11px 10px;
	font-size: 25px;	justify-content: center;
	align-items: center;
	display: flex;
}

.top-functions-fixed .contrast-switcher a { display: flex; align-content: center;}
.top-functions-fixed .contrast-switcher a.active { display: none; }
.top-functions-fixed .kontrastschalter:hover a.active,
.top-functions-fixed .gebaerdensprache:hover a.active { display: none;}



/* ------------- Main (umschliesst Navi und content) ---------------- */

#main { max-width: 100%;  }
#main .maxbreite { max-width: 1200px; margin: 0px auto; border-left: 1px solid #a0a0a0;}


#main .ym-column { display: flex; justify-content: space-between; }
#main .ym-column .ym-cbox {     padding: 0 0px; }

#main .ym-column .ym-col1 { float: none;  flex-basis: 316px; /*! box-shadow: -5px 0px 5px -2px rgba(0, 0, 0, 0.3); */ max-width: 316px;}
#main .ym-column .ym-col2 { float: none; flex-basis: calc(100% - 316px); border-right: 1px solid #a0a0a0;  /*! box-shadow: 5px 0px 5px -2px rgba(0, 0, 0, 0.3); */  padding: 0px 61px 0px 59px;}
#main .ym-column .ym-col3 { float: none; margin: 0px; flex-basis: 200px;}

/*** Erste Ebene anders da keine Navi ***/

.body_ebene1 #main .ym-column .ym-col2 { float: none; flex-basis: 100%; }
.body_ebene1 .wayhome { display: none;}

div.wayhome { margin-top: 40px; font-size: 0.8rem;}
div.wayhome.lpLLZumBaum { margin-top: 0px; margin-bottom: 20px;}
div.wayhome:before { font-family: FontAwesome;  content: "\f015";}
span.wayhome span:first-child { display: none; color: #000;}
span.wayhome span + span  { display: inline-block;}
span.wayhome span a { color: #000;}
span.wayhome span a:hover { color: #Ffd719;text-decoration: underline;}

span.wayhome span:before{content:'\f105'; font-family: fontAwesome; list-style-type: none; margin-right: 6px; color:#000; margin-left: 0px;}


/*** Themenseite ***/

#node14464471 #content a {    color: #000000;    font-weight: 600;}

#node14464471 #content a:hover {    color: #f5be00;    font-weight: 600;}

#content .composedcontent-preset_zeile .basecontent-image { float: none; margin-left: 0px; }


#content .Hauptboxen { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px;}

#content .Hauptboxen .ym-g50 { flex-basis: 100%;}

#content .Hauptboxen .ym-g50.ym-gl { background: #f2f2f2; width: 100% !important;}
#content .Hauptboxen .ym-g50.ym-gr { background: #f2f2f2; }

#content .Hauptboxen .ym-g50 h2 { padding: 17px;}

#content .Hauptboxen .gelb h2  { background: url(../img/verlaufgelb.png); color: #fff;}
#content .Hauptboxen .rot h2 { background: url(../img/verlaufrot.png); color: #fff;}

#content .Hauptboxen .ym-g50 ul { margin-left: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; list-style-type: none; margin-top: 20px;}

#content .Hauptboxen .ym-g50 ul li { margin-left: 0px; display: block; flex-basis: 47%; padding-left: 0px; border-left: 2px solid #F6BF00; border-left: 0; }
#content .Hauptboxen .ym-g50 ul li:before { content: "";  }
#content .Hauptboxen .clearDvv { display: none;}


#content .Themenboxen  { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 40px; position: relative;}
#content .Themenboxen .ym-g50 { flex-basis: 30%; overflow-x: hidden; position: relative;  background: #f2f2f2; margin-bottom: 40px; margin-right: 5%;}
#content .Themenboxen .ym-g25 { flex-basis: 30%; overflow-x: hidden; position: relative;  background: #f2f2f2; margin-bottom: 40px; margin-right: 5%;}
#content .Themenboxen .ym-g20 { flex-basis: 30%; overflow-x: hidden; position: relative;  background: #f2f2f2; margin-bottom: 40px; margin-right: 5%;}

#content .Themenboxen .ym-g50:nth-child(3n-3) { margin-right: 0%;}
#content .Themenboxen .ym-g25:nth-child(3n-3) { margin-right: 0%;}
#content .Themenboxen .ym-g20:nth-child(3n-3) { margin-right: 0%;}
#content .Themenboxen .ym-g20 img { max-width: 100%;}

#content .Themenboxen .basecontent-image { position: relative;}

#content .Themenboxen .basecontent-image figcaption {
  position: absolute; top: auto !important; bottom: 5px;
  font-size: 1.52rem !important;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  background: transparent;
  border-radius: 0px; font-family: Ubuntu, sans-serif;
  padding: 0px 10px 0px 16px;
  line-height: 1.9rem;
  font-weight: 200;
}
#content .Themenboxen .image.hasNewCaption figcaption {
  position: relative;
  padding: 2px 5px;
  background: #FFD719;
  font-size: 0.8rem !important;
  border-radius: 0px 0px 8px 0px;
  color: #000;
  text-shadow: none;
  font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  bottom: 0;
  line-height: 1.1rem
}
#content .Themenboxen .ym-g50 p { padding: 0px 20px}
#content .Themenboxen .ym-g33 p { padding: 0px 20px}
#content .Themenboxen .ym-g25 p { padding: 0px 20px}
#content .Themenboxen .ym-g20 p { padding: 0px 20px}

#content .Themenboxen h2 {  position: absolute; top: 156px; left: 16px; font-size: 1.52rem !important; color: #fff; text-shadow: 1px 1px 1px #000;display: none;}
#content .Themenboxen h2.zweizeilig {  position: absolute; /*! top: 112px; */ left: 16px; font-size: 1.52rem !important; color: #fff;bottom: 20px;}

#content .Themenboxen ul {  list-style-type: none; margin-top: 20px;margin-left: 20px;}
#content .Themenboxen ul li { position: relative; margin-left: 0px; border-left: 2px solid #F6BF00; border-left: 0; padding-left: 0px;}
#content .Themenboxen ul li a { display: inline-block;}
#content .Themenboxen ul li:before { display: none; }




/*** Rubrikenseiten ***/

#content .Rubrikenboxen .ym-g20, .Rubrikenboxen .ym-g33  { flex-basis: calc(30%); position: relative;  background: none; margin-bottom: 40px;margin-right: 5%;}
#content .Rubrikenboxen .ym-g20:nth-child(3n-3) { margin-right: 0%;}
#content .Rubrikenboxen .ym-g33:nth-child(3n-3) { margin-right: 0%;}
#content .Rubrikenboxen .ym-g20 p, .Rubrikenboxen .ym-g33 p { padding-top: 20px; padding-left: 15px;}
#content .Rubrikenboxen .ym-g20 p a, .Rubrikenboxen .ym-g33 p a { border-left: 2px solid #F6BF00; border-left: 0; display: block; padding-left: 0px; line-height: 1rem; margin-top: 10px; color: #000 !important; font-weight: 600 !important;}
#content .Rubrikenboxen .ym-g20 li a, .Rubrikenboxen .ym-g33 li a { border-left: 0px solid #F6BF00; display: block; padding-left: 5px; line-height: 1rem; margin-top: 10px; color: #000 !important; font-weight: 600 !important;}


/* Mehr erfahren Link genauso wie Startseite //kt */
#content .Themenboxen p a  { display: block; border-left: 2px solid #F6BF00; border-left: 0; padding-left: 0px; line-height: 1rem; margin-top: 10px; color: #000; font-weight: 600;-webkit-transition: color 0.08s ease; -moz-transition: color 0.08s ease; -ms-transition: color 0.08s ease; -o-transition: color 0.08s ease; transition: color 0.08s ease;}
#content .Themenboxen p a:hover {  color: #f5be00; }



/*** Unterrubrikenseite ***/

#content .Unterrubrikenseite .composedcontent-preset_zeile { display: flex; flex-wrap: wrap; justify-content: space-between;}
#content .Unterrubrikenseite .composedcontent-preset_zeile > div { position: relative; flex-basis: 48%;  background: #f2f2f2; margin-bottom: 30px;overflow: hidden;}

#content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div:nth-child(1)  { position: relative; background: #F9CA0B; padding: 0px 0px 0px 0px;  height: 200px;/*! display: table-cell; */}
#content .Unterrubrikenseite .composedcontent-preset_zeile > div h2 { position: absolute;bottom: 0px; left: 16px; font-size: 1.52rem !important; color: #fff; text-shadow: 1px 1px 1px #000;}

#content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div p {  padding: 20px 10px; color: #000;}
#content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div p  a { border-left: 2px solid #F6BF00; border-left: 0; display: block; color: #000; padding-left: 0px; line-height: 1rem; margin-top: 10px; color: #000; font-weight: 600 !important;}
#content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div p  a:hover {color: #f5be00;}
#content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div p  a:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}


#content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div ul {  padding: 20px 10px; color: #000;}
#content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div ul li { margin-bottom: 10px; }



#content .Unterrubrikenseite .boxborder .clearDvv { display: none;}

#content .Unterrubrikenseite .BoxBild { position: relative;}
#content .Unterrubrikenseite .composedcontent-preset_zeile > div .BoxBild > div:nth-child(1)  { position: relative; background: #F9CA0B; padding: 100px 0px 0px 0px;  height: auto; padding: 0px;}

#content .Unterrubrikenseite .image {  width: 100% !important;  max-width: 100%; height: 200px !important; position: relative; margin-bottom: 0px; overflow: hidden;}
#content .Unterrubrikenseite .image .image-inner { width: 100% !important;  height: 100%; overflow: hidden !important;  max-width: 100%; position: relative;}
#content .Unterrubrikenseite .image img { width: 100% !important; min-width: 100%; /*! min-height: 100%; */ display: table-cell;}

#content .Unterrubrikenseite .image.hasNewCaption {padding-bottom: 20px;}

#content .Unterrubrikenseite .image figcaption {
position: absolute;
width: 100%;
bottom: 0px;
font-size: 1.52rem !important;
border-radius: 0px;
color: #fff;
text-shadow: 1px 1px 1px #000;
font-family: Ubuntu, sans-serif;
font-weight: 200;
padding: 10px;
max-height: 100px;
z-index: 1;
/*background-color: transparent;*/
/* Themenboxen Titel //kt */
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5));
text-align: left;
overflow: hidden;
}
#content .Unterrubrikenseite .image.hasNewCaption figcaption {
  position: relative;
  padding: 2px 5px;
  background: #FFD719;
  font-size: 0.8rem !important;
  border-radius: 0px 0px 8px 0px;
  color: #000;
  text-shadow: none;
  font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  line-height: 1.1rem
}
#content figure .captionOnImg {
  position: absolute;
  width: 100%;
  bottom: 0px;
  font-size: 1.52rem !important;
  border-radius: 0px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-family: Ubuntu, sans-serif;
  font-weight: 200;
  padding: 10px;
  max-height: auto;
  z-index: 1;
  /*background-color: transparent;*/
  /* Themenboxen Titel //kt */
  background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5));
  text-align: left;
  overflow: hidden;
}

#content .Unterrubrikenseite .boxborder h3 {
width: 100%;
bottom: 0px;
font-size: 1.2rem !important;
border-radius: 0px;
color: #000;
/*! text-shadow: 1px 1px 1px #000; */
font-family: Ubuntu, sans-serif;
font-weight: 400;
padding: 0px 10px;
background-color: transparent;
text-align: left;
overflow: hidden;
border-left: 2px solid #F6BF00; margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;

}



#content .Unterrubrikenseite .image figcaption:before {
content: "";
height: 100%;
/*! background: linear-gradient(rgba(218, 163, 80, 0.0), rgba(218, 163, 80, 0.9)); */
position: absolute;
left: 0;
width: 100%;
bottom: 0;
z-index: -1;
/*! border: 1px solid red; */
}


#content .Unterrubrikenseite .ym-gr {
    float: right;
    margin: 0 0 0 0px;
    margin-bottom: 0px;
  }


/* ------------- Navigation Links ---------------- */

#main .ym-column .ym-col1 .nav-outer { background: #Ffd719; border-radius: 0px 0px 20px 0px; padding: 40px 10px 40px 20px; font-family: Ubuntu, sans-serif;margin-bottom: 40px;}

#main .ym-column .ym-col1 .nav-outer a { color: #000;}


#main .ym-column .ym-col1 .slidemenu { font-size: 1.6rem; font-weight: 200; font-family: Ubuntu, sans-serif; cursor: pointer;}
#main .ym-column .ym-col1 .slidemenu:before {   content: "\f0c9";font-family: fontAwesome; margin-right: 5px; }
#main .ym-column .ym-col1 .slidemenu.invisible:before { content: "\f102"; font-family: fontAwesome; margin-right: 5px;}


/*#main .ym-column .ym-col1 ul.ebene2 { display: none; margin-top: 20px !important; }*/ /* Toni Edit*/
#main .ym-column .ym-col1 ul.ebene2 { max-height: 0px; margin-top: 0px; overflow: hidden; transition: max-height 0.5s ease-in-out, margin-top 0.5s ease-in-out; } /* Toni Edit*/
/*#main .ym-column .ym-col1 ul.ebene2 { display: block; margin-top: 20px !important; height: 0; overflow: hidden; transition: height ease-in-out 0.25s; }*/
/*#main .ym-column .ym-col1 ul.invisible { display: block; }*/ /* Toni Edit*/
#main .ym-column .ym-col1 ul.ebene2.invisible { max-height: 1000px; margin-top: 20px; } /* Toni Edit*/
/*#main .ym-column .ym-col1 ul.invisible { display: block; height: 500px; transition: height ease-in-out 0.25s; }*/


#main .ym-column .ym-col1 .nav-outer li.ebene1  {margin-bottom: 10px; }
#main .ym-column .ym-col1 .nav-outer ul { margin-top: 0px; list-style-type: none;}
#main .ym-column .ym-col1 .nav-outer li.ebene2  { margin-bottom: 10px; /*font-size: 1.1rem;*/

-webkit-hyphens: auto; /* Saf 5.1+ */
   -moz-hyphens: auto; /* Fx 6.0+ */
    -ms-hyphens: auto; /* IE 10+ */
        hyphens: auto; /* None yet */
      }

/*** Menue aufgeklappt bei Ämter & Organisationen ***/

#node15073187 #main .ym-column .ym-col1 ul.ebene2 { display: block; }
#node15073187 #main .ym-column .ym-col1 .slidemenu:before { content: "\f102"; font-family: fontAwesome; margin-right: 5px;}

#node15073187 #main .ym-column .ym-col1 ul.invisible.visible { display: none;}
#node15073187 #main .ym-column .ym-col1 .slidemenu.invisible.visible:before {   content: "\f0c9";font-family: fontAwesome; margin-right: 5px; }




/* #main .ym-column .ym-col1 .nav-outer li.ebene1 a { }*/


#main .ym-column .ym-col1 .nav-outer li.ebene2.current a { font-weight: 500;}

#main .ym-column .ym-col1 .nav-outer ul.ebene3 { margin-top: 0px; list-style-type: none; margin-left: 10px;}
#main .ym-column .ym-col1 .nav-outer ul.ebene3 li a { font-weight: 400 !important; font-size: 0.9rem;}
#main .ym-column .ym-col1 .nav-outer ul.ebene3 > li.current > a { font-weight: 600 !important;}
#main .ym-column .ym-col1 .nav-outer ul.ebene3 li.currentParent > a {  font-weight: 600 !important;}

#main .ym-column .ym-col1 .nav-outer ul.ebene4 { margin-top: 0px; list-style-type: none; margin-left: 5px;}
#main .ym-column .ym-col1 .nav-outer ul.ebene5 li { line-height: 1.0rem; margin-bottom: 10px;}
#main .ym-column .ym-col1 .nav-outer ul.ebene4 > li { line-height: 1.0rem; margin-bottom: 10px;}
#main .ym-column .ym-col1 .nav-outer ul.ebene4 > li:before { font-family: fontAwesome; content:"\f111"; color: #fff; font-size: 0.3rem; position:relative; top: -3px; margin-right: 5px; display: inline-block;}
#main .ym-column .ym-col1 .nav-outer ul.ebene4 li a { font-weight: 400 !important; font-size: 0.85rem;}
#main .ym-column .ym-col1 .nav-outer ul.ebene4 > li.current > a { font-weight: 600 !important;}
#main .ym-column .ym-col1 .nav-outer ul.ebene4 li.currentParent > a {  font-weight: 600 !important;}


#main .ym-column .ym-col1 .nav-outer ul.ebene5 { margin-top: 0px; list-style-type: none; margin-left: 15px;}
#main .ym-column .ym-col1 .nav-outer ul.ebene5 li { line-height: 1.0rem; margin-bottom: 5px; }
#main .ym-column .ym-col1 .nav-outer ul.ebene5 li a { font-weight: 400 !important; font-size: 0.85rem;}
#main .ym-column .ym-col1 .nav-outer ul.ebene5 li.current a { font-weight: 600 !important;}


/*** -------------- Content  --------------------- ***/

#content { padding-top: 40px; padding-bottom: 40px;}


.Hinweis span.primary2 { font-weight: bold; font-size: 1.2rem; color: red; display: inline-block; border: 1px solid red; padding: 5px; border-radius: 5px;}



h1 { font-family: Ubuntu, sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 3rem; margin-bottom: 10px;}
#content h2 { font-family: Ubuntu, sans-serif; font-size: 1.85rem; font-weight: 200; line-height: 2.1rem; margin-bottom: 5px;}
#content h3, #content h4, #content h5 { font-family: Ubuntu, sans-serif; font-size: 1rem; font-weight: 500; display: inline-block;  padding: 0px 5px;line-height: 1.5rem; margin-bottom: 5px; background-color: #ffd719;width: auto !important;border:0px;}
#content h3.width100 { display: block;}


#content p { line-height: 1.5rem; margin-bottom: 15px; font-weight: 400;font-size: 1em;}
#content strong { font-weight: 600 !important; }

#content p a { color: #000; font-weight: 600; border-left: 2px solid #F6BF00; border-left: 0; padding-left: 0px; line-height: inherit; text-decoration: underline;} 
#content p a:hover, #content p a:focus { text-decoration: underline;color:#f5be00;}

#content .basecontent-image {  margin-bottom: 20px; max-width: 372px;}
#content .basecontent-image.volleBreite {  margin-bottom: 20px; max-width: 100%;}

#content .basecontent-image.nolimit {  margin-bottom: 20px; max-width: 100%;}

#content .basecontent-image.float-right { float: right; margin-left: 10px;}
#content .basecontent-image.float-left { float: left; margin-right: 10px;}
#content .basecontent-image.center { margin: 0px auto; margin-bottom: 20px; }


#content .basecontent-image img { display: block;max-width: 100%; }
#content .basecontent-image figcaption { background: #FFD719; font-size: 0.8rem; padding: 10px 10px; border-radius: 0px 0px 8px 0px;}
#content .basecontent-image .captionNew {padding: 2px 5px; background: #FFD719; font-size: 0.8rem; border-radius: 0px 0px 8px 0px;}



#content .basecontent-list  h5 { font-family: Ubuntu, sans-serif; font-size: 1rem; font-weight: 500; display: inline-block;  padding: 0px 5px;line-height: 1.5rem; margin-bottom: 5px; background-color: #ffd719;width: auto !important;border:0px;}
#content .basecontent-list  h5 a {  color: #000; font-weight: normal; }


#content ul   { margin-left: 0px; list-style-type: none; margin-bottom: 20px;}
#content ol   { margin-left: 20px; margin-bottom: 20px;}

#content ul li { margin-left: 0px; margin-bottom: 15px; padding-left: 20px;}
#content ol li { margin-left: 10px; margin-bottom: 15px; padding-left: 0px;}


#content ul li:before { content:"\f1db"; color: #f5be00; position: relative; /*! top: -1px; */ font-size: 0.8rem; font-family: fontAwesome; font-style: regular; display: inline-block; margin-right: 6px;margin-left: 0px; }


.basecontent-dvv-trenner hr { clear: both;  background: #ccc; border: none; color: #333; height: 1px; width: 100%; margin: 20px 0px; }


#content a { color: #000; font-weight: 600; border-left: 2px solid #F6BF00; border-left: 0; padding-left: 0px; line-height: inherit; /*! text-decoration: underline; */}
#content article a, .verfahren a, #lpSeite a { color: #000; font-weight: 600; border-left: 2px solid #F6BF00; border-left: 0; padding-left: 0px; line-height: inherit; text-decoration: underline;} 
#content article a:hover, .verfahren a:hover, #lpSeite a:hover { color: #f5be00 !important;}
#content  li a { border-left: 0px;  padding-left: 0px; }

#content .image-inner a { padding-left: 0; border-left: 0;}

 #content a[id^=anker] { border-left: 0 !important;}
 

/* Modal Darken */
.modal-darken{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #000;
  z-index: 100;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;

  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;

}
.modal-darken.dark{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: #000;
  z-index: 100;
}


/*** Infoslot ***/

#service { padding: 0px 0px 0px 22px; font-size: 0.9rem; padding-bottom: 40px;}

#service h2 { font-weight: 400; font-size: 1.3rem; margin-top: 20px; margin-bottom: 5px;}
#service h3 { font-weight: 400; font-size: 1.2rem; margin-top: 20px; margin-bottom: 0px;}

#service a { color: #000; font-weight: 600; text-decoration: underline;}
#service a:hover { text-decoration: underline;color:#f5be00;}
#service a:focus { text-decoration: underline;}

#service ul  { margin-left: 0px; list-style-type: none}
#service ul li { margin-left: 0px; margin-bottom: 15px; padding-left: 20px;}

#service ul li:before { content:"\f1db"; color: #f5be00; position: relative; top: -2px; font-size: 0.8rem; font-family: fontAwesome; font-style: regular; display: inline-block; margin-right: 5px;margin-left: -20px; }

/* Icons bei Element Icon Liste in Service-Spalte */
#service .Icon-Liste a.httpsLink,
#service .Icon-Liste a.internerLink,
#service .Icon-Liste a.mailLink,
#service .Icon-Liste a.pdfLink { hyphens: auto;word-break: break-word; display: inline-block; margin-left: 30px;}

#service .Icon-Liste .dateiGroesse {display: none;}
#service a:before {text-decoration: none;}

#service .Icon-Liste ul li {padding: 0; position: relative;}
#service .Icon-Liste ul li:before{content: none;}
#service .Icon-Liste .basecontent-list a {
  hyphens: auto;
  word-break: break-word;
  display: block;
  margin-left: 30px;
}
#service .Icon-Liste a.httpsLink:before {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  padding: 2px 6px;
  margin-bottom: 1px;
  text-align: center;
  font-family: fontAwesome;
  margin-right: 5px;
  background: #F5BE01;
  color: #fff; content: "\f0ee";
  font-weight: 300; 
  float: left;
  margin-left: -30px;
  text-decoration: none;
  z-index: 1;
}
/*
#service .Icon-Liste a.httpsLink:after {
  content: '';
  width: 25px;
  height: 100%;
  background: #F5BE01;
  position: left;
  position: absolute;
  left: 0;
  z-index: 0;
  top: 0;
}
*/

#service .Icon-Liste a.pdfLink:before {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  padding: 2px 7px;
  margin-bottom: 1px;
  text-align: center;
  font-family: fontAwesome;
  margin-right: 5px;
  background: #F5BE01;
  color: #fff; content: "\f15c"; 
  font-weight: 300; 
  float: left;
  margin-left: -30px;
  text-decoration: none;
  z-index: 1;
}

/*
#service .Icon-Liste a.pdfLink:after {
  content: '';
  width: 25px;
  height: 100%;
  background: #F5BE01;
  position: left;
  position: absolute;
  left: 0;
  z-index: 0;
  top: 0;
}
*/

#service .Icon-Liste a.internerLink:before {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  padding: 5px 6px;
  margin-bottom: 1px;
  text-align: center;
  font-family: fontAwesome;
  margin-right: 5px;
  background: #F5BE01;
  color: #fff; content: "\f08e"; 
  font-weight: 300; 
  float: left;
  margin-left: -30px;
  text-decoration: none;
  z-index: 1;
}

/*
#service .Icon-Liste a.internerLink:after {
  content: '';
  width: 25px;
  height: 100%;
  background: #F5BE01;
  position: left;
  position: absolute;
  left: 0;
  z-index: 0;
  top: 0;
}
*/

#service .Icon-Liste .mailLink:before {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  padding: 2px 6px;
  margin-bottom: 1px;
  text-align: center;
  font-family: fontAwesome;
  margin-right: 5px;
  background: #F5BE01;
  color: #fff; content: "\f0e0";
  font-weight: 300; 
  float: left;
  margin-left: -30px;
  z-index: 1;
}

/*
#service .Icon-Liste a.mailLink:after {
  content: '';
  width: 25px;
  height: 100%;
  background: #F5BE01;
  position: left;
  position: absolute;
  left: 0;
  z-index: 0;
  top: 0;
}
*/

#service figcaption.captionNew {
  position: relative;
  padding: 2px 5px;
  background: #FFD719;
  font-size: 0.8rem !important;
  border-radius: 0px 0px 8px 0px;
  color: #000;
  text-shadow: none;
  font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  bottom: 0;
  line-height: 1.1rem
}

/*** Kontaktdaten ***/

.basecontent-dvv-kontaktdaten .infotext { margin-top: 10px;}
.basecontent-dvv-kontaktdaten .fn { font-weight: 600;}


.basecontent-dvv-service-bw-beh-rdendaten { margin-bottom: 20px; margin-top: 10px}
.basecontent-dvv-service-bw-beh-rdendaten .organization { font-weight: 600;}
.basecontent-dvv-service-bw-einzelner-kontakt { margin-top: 20px;}
.basecontent-dvv-service-bw-einzelner-kontakt .fn { font-weight: 600;}



#service .mailLink:before {
    display: block;
    position: relative;
    width: 25px;
    padding: 5px 6px;
    margin-bottom: 1px;
    text-align: center;
    font-family: fontAwesome;
    margin-right: 5px;
    background: #F5BE01;
    color: #fff; content: "\f0e0";
    font-weight: 300; 
    float: left;
    margin-left: 0px;
}

#service .basecontent-dvv-service-bw-beh-rdendaten .mailLink { margin-left: 1px;}
#service .basecontent-dvv-service-bw-beh-rdendaten .mailLink:before { display: none;}

.basecontent-dvv-service-bw-einzelner-kontakt .funktion { margin-bottom: 5px;}

#node15576702 .vCard { display: none;}

a.vCard:after{content:'\f2bc'; font-family: fontAwesome;color: #ccc;font-size: 30px; font-weight: 300;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;} a.vCard:hover:after{color: #Ffd719;}
a.vCard img{display: none;}





/*** Tabellen ***/
.basecontent-lra-zak-tabelle { margin-bottom: 20px;}
.basecontent-lra-zak-tabelle th { padding: 3px; border: 1px solid #ccc; background: #fffae0;}
.basecontent-lra-zak-tabelle td { padding: 3px;}


/*** Formulare ***/

.basecontent-form-editor fieldset  { border: 0; }
.basecontent-form-editor .formTitle { margin-bottom: 20px;}
.basecontent-form-editor input { margin-bottom: 30px;}
.basecontent-form-editor .formElement label span.small { display: block; font-size: 0.9rem;}
.basecontent-form-editor .formElement input { padding: 5px;}

.basecontent-form-editor .formButtonContainer input { padding: 5px 20px;}

/*** Straub 3.12.25 ***/
.basecontent-form-editor .captcha .ym-g30{width: 30%;}
.basecontent-form-editor .captcha .ym-g30 label{width: 100%;}
.basecontent-form-editor .captcha .captchaImage{min-width: 266px;}
.basecontent-form-editor .captcha .captchaInput{min-width: 250px;}
.basecontent-form-editor .formButton.ym-fbox-button:first-of-type{  margin-top: 1rem;}
.basecontent-form-editor .formButton.ym-fbox-button input{margin-bottom: 1rem;}

/*** Bildergalerie ***/
.imageGallery {display: flex; flex-wrap: wrap; justify-content: space-between;}
.galleryImage {margin: 0 1em 1em 0;}


/*** Sitemap ***/

ul.sitemap { list-style-type: none;}
ul.sitemap li { list-style-type: none;}
ul.sitemap li:before { content:"";}

ul.sitemap li.ebene0 > a { display: none;}
ul.sitemap li:before { display: none !important;}


/*** sitemap ***/
.body_sitemap .ym-col1 { display: none;}
.body_sitemap .ym-col2 {  padding: 0px 21px 0px 59px !important;  flex-basis: 100% !important;}

.body_sitemap #content ul {  list-style-type: none; margin-left: 0px !important; }
.body_sitemap #content ul li  {  list-style-type: none; margin-left: 0px !important;}
.body_sitemap #content ul li a { color: #000 !important; }

.body_sitemap #content ul.ebene0  { text-align: center; margin-bottom: 20px;}
.body_sitemap #content ul.ebene0  li.ebene0 > a { display: none;}

.body_sitemap #content  ul.ebene1 { display: flex; justify-content:flex-start; flex-wrap: wrap; margin-top: 20px;}

.body_sitemap #content ul.ebene1 li.ebene1  { flex-basis: 23% !important; font-weight: bold; font-size: 16px; text-align: center;  border: 1px solid #b0b0b0;  padding: 10px 0pc 10px 0px; border-radius: 5px;  margin-right: 2%; margin-bottom: 20px;}

.body_sitemap #content ul.ebene1 li.ebene1 > a { margin-bottom: 15px !important; display: block;}

.body_sitemap #content ul.ebene1 li.ebene1 ul { text-align: left; margin: 0px !important;  margin-left: 10px !important;  font-weight: normal; font-size: 14px; }
.body_sitemap #content ul.ebene1 li.ebene1 ul li { margin-bottom: 5px; padding-left: 5px !important;}


.body_sitemap #content ul.ebene1 li.ebene1 {  background: #f2f2f2 }
.body_sitemap #content ul.ebene1 li.ebene1:nth-child(2) { display: none;}
.body_sitemap #content ul.ebene3 li { margin-bottom: 0px !important; font-size: 12px;}

.body_sitemap #content ul.ebene4 { display: none; }



/*** Service-BW ***/


.hauptueberschrift { display: none; }


#node15073187 #lpSeite { display: none;}

#lpSeite .modul { display: none;}
.verfahren .modul { display: none;}
.verfahren > div { margin-top: 30px; }

#content .verfahren .folderRegister {
    margin: 10px 0 1.2em; overflow: hidden;
}

#content .verfahren .folderRegister > span {
    margin: 3px 0 0 3px;
    border: 0 solid #f2f2f2;
    border-radius: 0;
    background: 0 0;
    float: left;
}

 #content .verfahren .folderRegister a {
    padding: 3px 5px;
    margin: 0;
    border: 1px solid #f2f2f2;
    text-decoration: none;
    text-align: center;
    width: 25px;
    float: left;
}

#content .verfahren .folderRegister .ui-state-disabled {
    color: #ccc;
}


#lpSeite h1.titel { font-size: 1.4rem; font-weight: 500;}

#lpSeite h2 {
    font-family: Ubuntu, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.9rem;
    margin-bottom: 5px;
}

#lpSeite div.HAUSANSCHRIFT { margin-bottom: 30px;}
#lpSeite div.LIEFERANSCHRIFT { margin-bottom: 30px;}
#lpSeite div.kommunikation { margin-bottom: 30px;}
#lpSeite div.kommunikation .kommunikation { margin-bottom: 0px;}

#lpSeite div.HAUSANSCHRIFT { margin-bottom: 30px;}


.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: 1px solid #fff;
    background: #fff;/*??? besser #f5be00*/
    font-weight: normal;
    color: #fff;
}

 #content #lpSeite ul.ui-tabs-nav li:before { content:""; margin-left: 0px; }

#content #lpSeite ul.ui-tabs-nav li {
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}


/** Verfahren  ***/

#content a[name="vb"] { border-left: 0;}

.vwp.verfahren #anfangsbuchstaben { margin-bottom: 20px;}
.vwp.verfahren #anfangsbuchstaben .skip { display: none; }

.vwp.verfahren #anfangsbuchstaben .anfangsbuchstabenLeiste .aktiv  { border: 1px solid #ccc; display: inline-block; padding: 0px 7px;}
.vwp.verfahren #anfangsbuchstaben .anfangsbuchstabenLeiste .aktivAktuelleAuswahl  { border: 1px solid #F6BF00; display: inline-block; padding: 0px 7px;}

.vwp.verfahren #anfangsbuchstaben .anfangsbuchstabenLeiste .inaktiv  { display: none;}


.vwp.verfahren .section-voraussetungen  { margin-bottom: 40px;}
.vwp.verfahren .section-zustaendigkeit { margin-top: 40px;}
.vwp.verfahren .details { margin-top: 40px;}
.vwp.verfahren .section-verfahrensablauf { margin-bottom: 40px;}
.vwp.verfahren .section-fristen { margin-bottom: 40px;}
.vwp.verfahren .section-unterlagen { margin-bottom: 40px;}
.vwp.verfahren .section-kosten { margin-bottom: 40px;}
.vwp.verfahren .section-rechtsgrundlage { margin-bottom: 40px;}



/** lebenslagen ***/

.lebenslagen { padding-top: 20px;}

.kachel_liste  { background-color: #Ffd719; margin-bottom: 50px; padding: 5px 0px; text-align: right;}

.kachel_liste div {text-align: right;}

.kachel_liste .boxborder { overflow: hidden;}

.kachel_liste .boxborder div { float: right; }
.lebenslagen  ul.kinder { margin-top: 10px; display: flex; flex-wrap:wrap; justify-content: space-between; list-style-type: none; }

.lebenslagen  ul.kinder li {  order: 100; background-color: #cccccc; list-style-type: none;  flex-basis: 48%; margin-left: 0; position: relative; height: 140px;  padding: 0px 0px; border: 1px solid #cccccc; margin-bottom: 20px;}
#content .lebenslagen  ul.kinder li { padding: 0; }

.lebenslagen  ul.kinder li a {  line-height: 2rem; hyphens: auto; display: block; position: absolute; top: 50%; text-align: center; width: 90%; margin: 0% 5%; transform: translateY(-50%); color: #ffffff !important;  box-sizing: border-box;font-weight: bold;font-size: 1.5rem; opacity: 0.8;}
#content .lebenslagen  ul.kinder li a { background: rgba(0,0,0,0.7);padding: 10px 20px !important;line-height: 2rem !important;}

.lebenslagen  ul.kinder li:before { font-weight: bold; font-size: 1.1rem !important; content:"" !important; font-family: Ubuntu, sans-serif !important;}

#content .kachel_liste .basecontent-image {     margin-bottom: 0px; }


/*** Gruppe Arbeit und Bildung ***/

.lebenslagen ul.kinder li.Arbeitnehmer:before { content:"Arbeit und Bildung" !important; display: block; position: relative; top: -30px !important; }
.lebenslagen ul.kinder li.Arbeitnehmer { order: 1; background: url(../img/sbw/ll/arbeitnehmer.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Arbeit.finden { order: 2; background: url(../img/sbw/ll/arbeitslos.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Berufsausbildung { order: 3; background: url(../img/sbw/ll/berufsausbildung.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.leben.und.arbeiten { order: 4;  background: url(../img/sbw/ll/grenzueberschreitend.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Schule { order: 5;  background: url(../img/sbw/ll/schule.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Studium { order: 6;  background: url(../img/sbw/ll/studium.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Weiterbildung { order: 7;  background: url(../img/sbw/ll/weiterbildung.jpg) no-repeat center; background-size: cover; break-after: always;  page-break-after: always; margin-bottom: 60px;}


/*** Gruppe Familie und Lebensbuendnisse  ***/
.lebenslagen ul.kinder li.Adoption:before { content:"Familie und Lebensbuendnisse" !important; display: block; position: relative; top: -30px !important;  }
.lebenslagen ul.kinder li.Adoption { order: 8; background: url(../img/sbw/ll/adoption.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Der.Bund { order: 9; background: url(../img/sbw/ll/heirat.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Der.Bund.Auflösung {  order: 10; background: url(../img/sbw/ll/scheidung.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Erwachsen {  order: 11; background: url(../img/sbw/ll/erwachsenwerden.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Familie {  order: 12; background: url(../img/sbw/ll/familie.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Kinderbetreuung {  order: 13;  background: url(../img/sbw/ll/kinderbetreuung.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Pflegeeltern {  order: 13;  background: url(../img/sbw/ll/pflegeeltern.jpg) no-repeat center;background-size: cover; break-after: always;  page-break-after: always; margin-bottom: 60px;}


/*** Gruppe Sicherheit, Umwelt und Tiere ***/
.lebenslagen ul.kinder li.Sicherheit:before { content:"Sicherheit, Umwelt und Tiere" !important; display: block; position: relative; top: -30px !important;  }
.lebenslagen ul.kinder li.Sicherheit {  order: 13;  background: url(../img/sbw/ll/sicherheit.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Fischerei {  order: 14;  background: url(../img/sbw/ll/fischerei.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Umwelt {  order: 15;  background: url(../img/sbw/ll/umwelt.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Naturgefahren {  order: 16;  background: url(../img/sbw/ll/naturgefahren.jpg) no-repeat center; background-size: cover; break-after: always;  page-break-after: always;  margin-bottom: 60px; }


/*** Gruppe Ausweise und Scheine ***/
.lebenslagen ul.kinder li.Führerschein:before { content:"Ausweise und Scheine" !important; display: block; position: relative; top: -30px !important; }
.lebenslagen ul.kinder li.Führerschein {  order: 17;  background: url(../img/sbw/ll/fuehrerschein.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Kinderreisepass {  order: 18;  background: url(../img/sbw/ll/personalausweis.jpg) no-repeat center; background-size: cover; break-after: always;  page-break-after: always;  margin-bottom: 60px;}


/*** Gruppe Geburt und Tod ***/
.lebenslagen ul.kinder li.Geburt:before { content:"Geburt und Tod" !important; display: block; position: relative; top: -30px !important;   }
.lebenslagen ul.kinder li.Geburt {  order: 19;  background: url(../img/sbw/ll/geburt.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Sterbefall {  order: 20; background: url(../img/sbw/ll/sterbefall.jpg) no-repeat center; background-size: cover; break-after: always;  page-break-after: always;  margin-bottom: 60px;}


/*** Gruppe Unternehmen und Selbständigkeit ***/
.lebenslagen ul.kinder li.Arbeitgeber:before { content:"Unternehmen und Selbständigkeit" !important; display: block; position: relative; top: -30px !important;   }
.lebenslagen ul.kinder li.Arbeitgeber { order: 21; background: url(../img/sbw/ll/arbeitgeber.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Freiberufler {  order: 22;  background: url(../img/sbw/ll/freiberufler.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Gewerbe {  order: 22;   background: url(../img/sbw/ll/gewerbe.jpg) no-repeat center; background-size: cover; }
.lebenslagen ul.kinder li.Ideentransfer {  order: 23;  background: url(../img/sbw/ll/patente.jpg) no-repeat center; background-size: cover; }
.lebenslagen ul.kinder li.Selbständigkeit.online {  order: 24;  background: url(../img/sbw/ll/selbststaendigkeit.jpg) no-repeat center; background-size: cover; }
.lebenslagen ul.kinder li.Unternehmen {  order: 25;   background: url(../img/sbw/ll/unternehmenfuehren.jpg) no-repeat center; background-size: cover; }
.lebenslagen ul.kinder li.Unternehmen.gründen {  order: 26; background: url(../img/sbw/ll/unternehmengruenden.jpg) no-repeat center;  background-size: cover; }
.lebenslagen ul.kinder li.Unternehmensnachfolge {  order: 27;  background: url(../img/sbw/ll/unternehmensnachfolge.jpg) no-repeat center; background-size: cover; }
#content .lebenslagen ul.kinder li.Vergabe {  order: 28; background: url(../img/sbw/ll/vergabe.jpg) no-repeat center; background-size: cover; break-after: always;  page-break-after: always;  margin-bottom: 60px;}

/*** Gruppe Bauen und Wohnen ***/
.lebenslagen ul.kinder li.Bauen:before { content:"Bauen und Wohnen" !important; display: block; position: relative; top: -30px !important;   }
.lebenslagen ul.kinder li.Bauen {  order: 29; background: url(../img/sbw/ll/bauen.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Grundstück {  order: 30; background: url(../img/sbw/ll/grundstueck.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Umzug {  order: 31;  background: url(../img/sbw/ll/umzug.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Wohnen {  order: 32;  background: url(../img/sbw/ll/wohnen.jpg) no-repeat center;  background-size: cover; break-after: always;  page-break-after: always;  margin-bottom: 60px;}

/*** Gruppe Gesundheit und Soziales ***/
.lebenslagen ul.kinder li.Behinderung:before { content:"Gesundheit und Soziales" !important; display: block; position: relative; top: -30px !important;   }
.lebenslagen ul.kinder li.Behinderung {  order: 33;   background: url(../img/sbw/ll/behinderung.jpg) no-repeat center;   background-size: cover;}
.lebenslagen ul.kinder li.Gesundheit {  order: 34;  background: url(../img/sbw/ll/gesundheit.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Schuldner {  order: 35;   background: url(../img/sbw/ll/schuldner.jpg) no-repeat center;  background-size: cover;}
.lebenslagen ul.kinder li.Notlagen {  order: 36;  background: url(../img/sbw/ll/notlagen.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Opferschutz {  order: 37;   background: url(../img/sbw/ll/opferschutz.jpg) no-repeat center;  background-size: cover;}
.lebenslagen ul.kinder li.Stiftungen {  order: 38;  background: url(../img/sbw/ll/stiftungen.jpg) no-repeat center;  background-size: cover;}
#content .lebenslagen ul.kinder li.Verbraucherschutz {  order: 39;  background: url(../img/sbw/ll/verbraucherschutz.jpg) no-repeat center;background-size: cover; break-after: always;  page-break-after: always;  margin-bottom: 60px;}



/*** Gruppe Zuwanderung und Integration ***/
.lebenslagen ul.kinder li.Deutsche:before { content:"Zuwanderung und Integration" !important; display: block; position: relative; top: -30px !important;   }
.lebenslagen ul.kinder li.Deutsche  { order: 40; background: url(../img/sbw/ll/einbuergerung.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Zuwanderung {  order: 41;  background: url(../img/sbw/ll/zuwanderung.jpg) no-repeat center; background-size: cover; }
#content .lebenslagen ul.kinder li.Spätaussiedler {  order: 42;  background: url(../img/sbw/ll/spaetaussiedler.jpg) no-repeat center;background-size: cover; break-after: always; page-break-after: always; margin-bottom: 60px;}


/*** Gruppe Bürger und Staat ***/
.lebenslagen ul.kinder li.Freiwilligendienste:before { content:"Bürger und Staat" !important; display: block; position: relative; top: -30px !important;  }
.lebenslagen ul.kinder li.Freiwilligendienste {  order: 43;  background: url(../img/sbw/ll/freiwilligendienst.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Wahlen {  order: 44;  background: url(../img/sbw/ll/wahlen.jpg) no-repeat center; background-size: cover; break-after: always; page-break-after: always; margin-bottom: 60px;}


/*** Lebensabend ***/
.lebenslagen ul.kinder li.Altersvorsorge:before { content:"Lebensabend" !important; display: block; position: relative; top: -30px !important;  }
.lebenslagen ul.kinder li.Altersvorsorge { order: 45; background: url(../img/sbw/ll/ruhestand.jpg) no-repeat center; background-size: cover;}
.lebenslagen ul.kinder li.Erben { order: 46; background: url(../img/sbw/ll/erben.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Vormundschaft {  order: 47;  background: url(../img/sbw/ll/vormundschaft.jpg) no-repeat center;  background-size: cover; break-after: always; page-break-after: always; margin-bottom: 60px;}


/*** Mobilität und Freizeit ***/
.lebenslagen ul.kinder li.Fahrzeuge:before { content:"Mobilität und Freizeit" !important; display: block; position: relative; top: -30px !important;  }
.lebenslagen ul.kinder li.Fahrzeuge { order: 48;  background: url(../img/sbw/ll/fahrzeuge.jpg) no-repeat center;  background-size: cover;}
.lebenslagen ul.kinder li.Reisen {  order: 49;  background: url(../img/sbw/ll/reisen.jpg) no-repeat center;  background-size: cover;}
.lebenslagen ul.kinder li.Vereine {  order: 50;   background: url(../img/sbw/ll/vereine.jpg) no-repeat center; background-size: cover;}
#content .lebenslagen ul.kinder li.Verkehr {  order: 51;   background: url(../img/sbw/ll/verkehr.jpg) no-repeat center; background-size: cover; break-after: always; page-break-after: always; margin-bottom: 60px;}

/*** Sonstiges ***/
.lebenslagen ul.kinder li.Sonderparkrechte:before { content:"Sonstiges" !important; display: block; position: relative; top: -30px !important;  }
#content .lebenslagen ul.kinder li.Sonderparkrechte {  order: 52;   background: url(../img/sbw/ll/verkehr.jpg) no-repeat center; background-size: cover;}


/*** Listenansicht ***/

.lebenslagen ul.kinder.liste { display: block;  list-style-type:square; margin-top: -30px;}
.lebenslagen ul.kinder.liste li { list-style-type: none; margin-bottom: 0px !important;  padding-top: 10px; margin-left: 0px; line-height: 1.5rem; order: 1 !important; height: auto; background: none !important; border: 0px;}
#content .lebenslagen ul.kinder.liste li a, #content .lebenslagen .detailnavigation ul.kinder li a { all: unset; cursor: pointer;  color: #000 !important; font-size: 1rem; font-weight: 600; padding: 0 !important; background: none !important;margin-left: 0px; text-decoration: underline;}
#content .lebenslagen ul.kinder.liste li a:hover { color: #f5be00 !important;} 
.lebenslagen ul.kinder.liste li:before { all: unset !important; content:"\f1db" !important; font-family: fontAwesome !important; color: #f5be00 !important; position: relative !important; top: -2px !important; font-size: 0.8rem !important; font-family: fontAwesome !important; font-style: regular !important; display: inline-block !important; margin-right: 5px !important;  }


/*** Lebenslage Detailseite ***/

.lebenslagen .details { overflow: hidden; display: flex; flex-direction: column;}
.lebenslagen .details .wayhome  { display: none;}

.lebenslagen .details h1 { font-weight: 500; margin-top:15px;margin-bottom: 5px; font-size: 1.2rem; margin-top: 0px; line-height: 1.9rem;}

.lebenslagen .details ul {  display: block; list-style-type: square; margin-left: 20px; margin-bottom: 0px;}
.lebenslagen .details ul li:before { content:"" !important;}

.lebenslagen .details ul li, .lebenslagen .leistungen ul li {  height: auto; color: #000000; background: none; border: none; list-style-type: square; margin-bottom: 0px; background: none !important; padding-left: 20px !important;;}
#content .lebenslagen .details ul li:before, #content .lebenslagen .detailnaviation ul li:before { all: unset; content:"\f1db" !important; color: #f5be00; position: relative; top: -2px; font-size: 0.8rem !important; font-family: fontAwesome!important; font-style: regular; display: inline-block; margin-right: 5px;margin-left: -20px; }

.lebenslagen .details ul li a {  all: unset; height: auto; line-height: 1.0rem; cursor: pointer; }
#content .lebenslagen .details .detailnavigation ul li a:hover { color: #f5be00 !important;} 
.lebenslagen .details img { width: 480px; margin-bottom: 10px;  }

.lebenslagen .details .section-vertiefendeInformationen { order: 5; }
#content .lebenslagen .details .section-vertiefendeInformationen h2 { color: #666565;  font-weight: 500; margin-top:15px; margin-bottom: 5px; font-size: 1.2rem; }

.lebenslagen .details .section-rechtsgrundlage { order: 6;}
#content .lebenslagen .details .section-rechtsgrundlage h2 { color: #666565;  font-weight: 500; margin-top:15px; margin-bottom: 5px; font-size: 1.2rem; }


.lebenslagen .details .section-freigabevermerk { order: 7;}
#content .lebenslagen .details .section-freigabevermerk h2 { color: #666565;  font-weight: 500; margin-top:15px; margin-bottom: 5px; font-size: 1.2rem; }


#content .lebenslagen .details + .leistungen { margin-top: 20px;margin-bottom: 20px;}
#content .lebenslagen .details + .leistungen h2 { color: #666565;  font-weight: 500;margin-top:15px;margin-bottom: 5px; font-size: 1.2rem; margin-top: 0px;}


#sbw_blank { width: 330px; overflow: hidden; border: 3px solid #fff;margin-bottom: 15px;max-width: 100%;}
#sbw_blank.empty  { width: 330px; overflow: hidden; border: 0px solid #fff;}

#sbw_blank img { height: 320px; position: relative; left: -100px;}

.lebenslagen .details .section-preamble { order: 1; }
.lebenslagen .details .titel { order: 2; }
.lebenslagen .details .detailnavigation { order: 3; }
.lebenslagen .details .leistungen { order: 4; }


/* Element Behördendaten ***/
.basecontent-dvv-service-bw-beh-rdendaten a { color: #000;}

.vCardLink { float: right;}
.basecontent-dvv-service-bw-beh-rdendaten .fn { display: none;}
.vCard .cityline { margin-bottom: 10px; }
.vCard  div:before  { display: inline-block; width: 25px; padding: 5px 0px; margin-bottom: 1px;  text-align: center; font-family: fontAwesome; margin-right: 5px; background: #F5BE01; color: #fff;}

#lpBAnsprechpartner  div:before  { display: inline-block; width: 25px; padding: 5px 0px; margin-bottom: 1px;  text-align: center; font-family: fontAwesome; margin-right: 5px; background: #FFD719; color: #fff;}

div.mapsLink:before {  content: "\f041";  }
div.efaLink:before {  content: "\f207";  }


div.mail:before {  content: "\f0e0"; width: 25px;display: block; }

div.tel:before {  content: "\f095";  }
div.tel + div.tel{ display:none;}
div.tel span.value { margin-left: -3px;}

div.fax:before {  content: "\f1ac";  }
div.fax span.value { margin-left: -3px;}

div.homepage:before {  content: "\f08e";  }
div.homepage span.value { margin-left: -3px;}




@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#service .mail span.value {  text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 230px;}
  #service a.email  {  text-overflow: ellipsis;overflow: hidden;white-space: nowrap; max-width: 230px;}
}


div.lpBAnsprechRaum:before {  content: "\f277"; }

div.organization { font-weight: 700;}
div.mail { display: flex; display: -ms-flexbox; /*margin-left: 35px;*/ position: relative;/*margin-bottom: 6px;*/ hyphens: auto;word-break: break-all; margin-top: 10px;}
div.mail .bez { display: none;}
div.tel .bez { display: none;}
div.fax .bez { display: none;}

.vCard  div.mail:before  { display: inline-block; position: relative; /*left: -35px;*/ width: 25px; padding: 5px 6px; margin-bottom: 1px;  text-align: center; font-family: fontAwesome; margin-right: 5px; background: #F5BE01; color: #fff;}

#service .mail span.value {  hyphens: auto; align-self:center;}
#service a.email { hyphens: auto; word-break: break-word;}


/* Element einzelner Kontakt ***/

#service .basecontent-dvv-service-bw-einzelner-kontakt a { color: #000;}
#service .basecontent-dvv-service-bw-einzelner-kontakt .mail { display: none;}

#bwVerfahrenDropDown { max-width: 100%;}


/*** Accordeon Effekt ***/

#content h3.ui-accordion-header { color: #000 !important; display: block;}
h3.ui-accordion-header a { color: #000 !important;}

.ui-accordion .ui-accordion-content {border-top:1px solid #ddd;margin-bottom: 7px;}

/** Neu Straub 6.2.23 **/
#content .ui-accordion .ui-accordion-header{
  border: none;
  font-size: 1rem;
  font-weight: bold;
  background: #ffd61f;
  color:#000;
  padding: .3em .5em .3em .7em;
  line-height: 100%;
}
#content .ui-accordion .ui-state-active .ui-icon{  
  background-image: url("https://www.zollernalbkreis.de/common/js/jQuery/themes/base/images/ui-icons_444444_256x240.png");
}
#content .ui-accordion .ui-accordion-content{border: none;}


/*** Seiten Abo ***/


.subscriptionDivBox { background: #FFD719; padding: 10px; margin-bottom: 20px;} 
.subscriptionDivBox a { color: #000; font-weight: 600;}

#subscription_form fieldset  { border: 0;}
#subscription_form fieldset  a { font-weight: bold;}
#subscription_form fieldset > div { margin-bottom: 15px;}
#subscription_form fieldset > div input {padding: 5px;width: 100%;}
#subscription_form fieldset > div input.checkbox { width: auto;}

#subscriptionCaptchaBlock > div { float: none; width: 100%;}

#subscription_form .submit_buttons .standard { padding: 10px;}


body.body_confirmWebUser #content > article  { display: none;}
body.body_confirmWebUser #content .note span { display: block; margin-top: 20px;}


/*** DVV Karte Mini ***/

.cmsmap { margin-top: 20px;}

/* ------------- Footer ---------------- */

#footer { /*! height: 50px; */ font-size: 0.7rem;  /*! box-shadow: 5px 0px 5px -1px rgba(0, 0, 0, 0.3); */ max-width: 1200px; margin: 0px auto; /*! border-left: 1px solid #a0a0a0; */ border-right: 1px solid #a0a0a0; background: #ffd719; padding: 0px; }

#footer a { color: #000; }

#footer .powered, #footer .poweredby-label {  float: right; position: relative; top: 2px;}
#footer .bottom-content {  /*! box-shadow: -5px 0px 5px -1px rgba(0, 0, 0, 0.3); */ padding-top: 5px; padding-right: 10px;border-left: 1px solid #a0a0a0;}
#footer .bottom-content .bottomLinks { display: inline-block; }
#footer .bottom-content .bottomLinks:before { content:""; margin-left: 20px;width: 250px; height: 20px;  display: inline-block; background: url(../img/footer_logo_original.png) no-repeat; top: 5px; position: relative;}

#footer .bottom-content .bottomLinks li { display: inline-block;}
#footer .bottom-content .bottomLinks a { display: inline-block; position: relative; top: -5px; margin-right: 20px;}
#footer .bottom-content .bottomLinks a:hover, #footer .bottom-content .bottomLinks a:focus { text-decoration: underline;}


/*** Presssemodul ***/
#content .pm-pager a { border-left: 1px solid #ddd;padding-left: 12px;text-decoration: none;}
#content .pm-meldung {margin-bottom: 70px;}
#content .pm-meldung h3.pm-title {background: none !important;  font-family: Ubuntu, sans-serif; font-size: 1rem; font-weight: 500; display: block;  padding: 0px; line-height: 1.5rem; margin-bottom: 5px; }
#content .pm-meldung > a { border-left: 0;display: block;overflow: hidden;}
#content .pm-rss a { border-left: 0;}

#content .pm-meldung .pm-teaser { font-weight: normal;}
#content .pm-meldung .pm-teaser span.labelMore { margin-top: 10px; font-weight: bold;display: block;}

#content .pm-meldung{line-height: 1.5rem;}
.composedcontent-preset_aktuelles figure { float: right; margin-left: 10px;}

.pm-parentRubrik { background-color: #ffd719; padding: 5px; margin-top: 20px; display: inline-block;}
.pm-parentRubrik a { color: #000 !important; }

.presse-uebersicht .pm-pager{margin-bottom: 40px; line-height: 3rem;}
.presse-uebersicht .pm-pager span {margin-right: 5px;}
.presse-uebersicht .pm-pager span a{padding: 6px 12px;
    border: 1px solid #ddd;height:100%;width:100%;}
#content .presse-uebersicht .pm-pager span a:hover{background:#ffd719;color:#000;text-decoration: none;border: 1px solid #ffd719;}
#content .presse-uebersicht .pm-pager span.current {padding: 6px 12px;
    border: 1px solid #ffd719;background:#ffd719;color:#000;    margin-right: 0px;}

.pm-detail .pm-from{font-style: italic;
    color: #666;}


#content .pm-meldung .pm-content .pm-teaser a.pm-teaser-more { display: block; border-left: 2px solid #F6BF00; border-left: 0; padding-left: 0px; line-height: 1rem; margin-top: 10px; color: #000; font-weight: 600;-webkit-transition: color 0.08s ease; -moz-transition: color 0.08s ease; -ms-transition: color 0.08s ease; -o-transition: color 0.08s ease; transition: color 0.08s ease;    font-weight: 600;}
#content .pm-meldung .pm-content .pm-teaser a.pm-teaser-more:hover {  color: #f5be00; }

.pm-title-bezeichnung{
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8rem;
font-family: Ubuntu, sans-serif;
  }

#content a  .pm-title-bezeichnung{color:#000;}

.pm-title-from{padding-top:6px;}

#content .pm-meldung .pm-content .pm-teaser .pm-teaser-text .pm-teaser-text-link{text-decoration: none;cursor:inherit;font-weight: 400;}

/* Presse */
#content .composedcontent-lra-zak---aktuelles-neu .composedcontent-kiru-pm-einleitung p span { font-weight: bold; }
#content .composedcontent-lra-zak---aktuelles-neu .image { float: right; margin-left: 20px; margin-bottom: 20px;  }


/*** Abfall-ABC ***/

#content .Abfall-ABC .toggle_title { margin-top: 20px;}



#content .Abfall-ABC .toggle_container h3 {
    padding: 0px 0px;
    background-color: transparent;
  border-top: 1px solid #ccc; display: inline-block; padding: 0px; margin: 0px; width: 100% !important; padding-top: 10px; margin-top: 10px;
}

#content .Abfall-ABC .toggle_container .boxborder div:first-child h3 { border-top: 0px;}
#content .Abfall-ABC .toggle_container p { margin-bottom: 0px;}

#content .Abfall-ABC .Entsorgung:before  { content: "Entsorgung: ";}
#content .Abfall-ABC .Abfall-Infos:before  { content: "Infos: "; display: block; margin-top: 10px;}

#content .Abfall-ABC ul li:before { content:""; margin-left: 0px; padding-left: 0px; display: none;}
#content .Abfall-ABC ul li { padding-left: 0px; border-bottom: 1px solid #ccc; padding-bottom: 10px;  }


/*** Hervorgehobene Textbox ***/

.composedcontent-lra-zak---hervorgehobene-textbox-mit-ueberschrift-3 {
	border-top: 3px solid #FFD719;
	padding: 15px 20px 1px;
	margin: 25px 0 30px;
	background-color: #FFF7CF;
	border-radius: 4px;
	border-bottom: 3px solid #FFD719;
	clear: both;
}

.pm-meldung .pm-bild {
    float: right;
    width: 35%;
    padding-left: 20px;
    text-align: right;
}

/*** Readspeaker + Sprachschalter in Box***/

.l-zusatz-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 5px;
}

/*** Readspeaker ***/
.l-readspeaker{
  /*width: 100%;*/
  display: flex;
  justify-content: flex-end;
  margin-left: 15px;
  /*padding-top: 5px;*/
}

.rsbtn.rsexpanded .rsbtn_play {
  padding-right: 0px;
  border-right: 1px solid black;
  width: 99.5%;
}

.rsbtn .rs-player-loadindicator {
  left: 0px !important;
  display: block;
  width: 100%;
}

/*** Sprachschalter - für leichte Sprache***/
.languages-outer {margin-top: 2px; margin-bottom: 10px;}
.languages .current {display: none;}
.languages {text-align: right;}
.languages a{ 
  position: relative;
  color: #000; 
  background: #f6f9fc;
  border: 1px solid #677077;
  border-radius: 2px;
  padding: 3px 3px 4px 3px;
  font-size: 0.9rem;
  font-weight: bold;
}
.languages a:hover{ text-decoration: underline;background: #cfd7df;}
.languages img {
  height: 27px; 
  top: 0px; 
  position: absolute;
  border-right: 1px solid #677077;
  padding: 3px 4px 3px 0px;
  width: 25px;}
.label-leichtesprache, .label-standardsprache {padding-left: 30px;}


/*** Organigramm ***/

#content .Organigramm a { color: #000; border-left: 0; padding-left: 0;}
.Organigramm a:visited { color: #000 !important;}
.Organigramm a:hover { color: #000 !important;}

.Organigramm { hyphens: auto;}


.Organigramm  .org-zeile1 { display: flex; justify-content: space-between; font-size: 0.9rem;}
.Organigramm  .clearDvv { display: none;}


.Organigramm .org-zeile1 .ym-g33 { flex-basis: 30%; }

.Organigramm .org-zeile1 .boxborder { margin-bottom: 20px; padding: 10px !important; background-color: #FFD719;}
.Organigramm .org-zeile1 .basecontent-line-break-text { margin-bottom: 0px !important;  padding: 0px 10px; text-align: center; line-height: 1.2rem !important;


  -webkit-hyphens: auto; /* Saf 5.1+ */
     -moz-hyphens: auto; /* Fx 6.0+ */
      -ms-hyphens: auto; /* IE 10+ */
          hyphens: auto; /* None yet */}
.Organigramm .org-zeile1 .basecontent-line-break-text span { display: inline-block; text-align: center; line-height: 1rem; margin-bottom: 7px;}


.Organigramm  .org-zeile2 { display: flex; justify-content: space-between; font-size: 0.9rem; }

.Organigramm .org-zeile2 .ym-g20 { flex-basis: 19%; background-color: #FFD719;  }
.Organigramm .org-zeile2 .boxborder { margin-bottom: 20px; padding: 10px !important; background-color: #FFD719;}
.Organigramm .org-zeile2 .basecontent-line-break-text  {  margin-bottom: 0px !important;  padding:  0px; text-align: center;  line-height: 1.1rem !important;
  -webkit-hyphens: auto; /* Saf 5.1+ */
     -moz-hyphens: auto; /* Fx 6.0+ */
      -ms-hyphens: auto; /* IE 10+ */
          hyphens: auto; /* None yet */
        }

@supports not (hyphens: auto) {
  .Organigramm .org-zeile1 .basecontent-line-break-text,.Organigramm .org-zeile2 .basecontent-line-break-text ,.Organigramm .org-zeile3 .basecontent-line-break-text {
    -ms-word-break: break-all;
    word-break: break-all; }
}

.Organigramm .org-zeile2 .basecontent-line-break-text span { display: inline-block; text-align: center;}

.Organigramm .org-zeile3 { display: flex; justify-content: space-between;  margin-top: 20px;  font-size: 0.83rem;}
.Organigramm .org-zeile3 .ym-g20 { flex-basis: 19%;  }
.Organigramm .org-zeile3 .boxborder { height: 110px; background-color: #C0C0C0; margin-bottom: 10px; padding-top: 10px;}
.Organigramm .org-zeile3 .basecontent-line-break-text  { margin-bottom: 0px !important;   padding: 0px 10px; text-align: center;


  -webkit-hyphens: auto; /* Saf 5.1+ */
     -moz-hyphens: auto; /* Fx 6.0+ */
      -ms-hyphens: auto; /* IE 10+ */
          hyphens: auto; /* None yet */}
.Organigramm .org-zeile3 .basecontent-line-break-text span { display: inline-block; text-align: center;}

.Organigramm .org-zeile3 .basecontent-line-break-text strong { display: block; line-height: 0.95rem !important;}


.Organigramm .Org-name { font-size: 0.7rem !important; line-height: 1rem !important;}

.Organigramm .ym-gr{margin:0px;}


/* Responsive Organigramm */

@media screen and (max-width: 1000px) {
  .Organigramm .org-zeile1 .ym-g33 {flex-basis: 33%;}
}

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

  .Organigramm .org-zeile1, .Organigramm .org-zeile2, .Organigramm .org-zeile3{flex-wrap: wrap;margin-bottom: 20px;}
  .Organigramm .org-zeile1 .ym-g33, .Organigramm .org-zeile2 .ym-g20, .Organigramm .org-zeile3 .ym-g20 {flex-basis: 100%; }
  .Organigramm .org-zeile1 .ym-g33{ margin-bottom:0px;}
  .Organigramm .org-zeile2 .ym-g20{ margin-bottom: 5px;}

  .Organigramm .org-zeile1 .boxborder{margin-bottom:10px;}
  .Organigramm .org-zeile3 .boxborder {min-height: inherit;margin-bottom:10px;}

  .Organigramm .org-zeile2 .basecontent-line-break-text span{display: block;}
}


/* -------------- Responsive Menu ----------------------- */


@media screen and ( min-width : 960px)   {
  #rs-mobile-menu {  display: none; }	
  }
/*
@media screen and (min-width : 960px) {
  #mm-my-menu {
    display: none !important;
  }
  #hamburger {
    display: none !important;
  }
}
@media screen and (max-width : 959px) {
  #my-menu {
    display: none;
  }

#rs-mobile-menu{display: none;}
@media screen and (max-width : 1199px) {
  #rs-mobile-menu{display: none;}
}
}*/

@media screen and (min-width : 1200px) {
  #mm-my-menu {
    display: none !important;
  }
  #hamburger {
    display: none !important;
  }
}
@media screen and (max-width : 1199px) {
  #my-menu {
    display: none;
  }
}

/* Hamburger */
#hamburger{
	box-sizing: border-box;
	display: block;
	height: 43px;
	position: fixed;
	top: 18px;
	right: 135px; /*right: 80px;*/
  width: 40px;
	z-index: 991;
  background: #fff;
	left: auto;
}

@media screen and (min-width: 960px) and
  (max-width: 1119px) {
  #hamburger{
    right:120px;
        z-index: 10000;
  }
}

#hamburger:before,
#hamburger:after,
#hamburger span{
	background: #000 !important;
	content: '';
	display: block;
	width: 25px !important;
	height: 5px;
	position: absolute;
	left: 8px !important; border: 0px !important;
}
#hamburger:before { top: 10px; }
#hamburger span { top: 20px; }
#hamburger:after { top: 30px; }


/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
body.mm-wrapper_opening #hamburger:before,
body.mm-wrapper_opening #hamburger:after
{
	top: 20px;
}
body.mm-wrapper_opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
body.mm-wrapper_opening #hamburger:before { transform: rotate( 45deg ); }
body.mm-wrapper_opening #hamburger:after { transform: rotate( -45deg ); }




/*** Expanded Search ***/


/* Search icon by IcoMoon, made with http://icomoon.io/app/ */

.sb-search {  /*! box-shadow: 5px 0px 5px -2px rgba(0, 0, 0, 0.3); */
	position: relative;
	/*margin-top: 10px;*/
	width: 0%;
	min-width: 110px;
	height: 120px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	/*
  -webkit-backface-visibility: hidden;
  ! border-right: 1px solid #a0a0a0;
  */
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 100px;
	outline: none;
	background: none repeat scroll 0 0 rgba(255,255,255,1); /*alt: #d2e6fa */
	height: 120px;
	margin: 0;
	z-index: 10;
	padding: 0px 10px 0px 20px;
	font-size: 1.6em;
	color: rgba(0, 0, 0, 1);
	min-width: 720px;
	border: 0px solid !important;
	z-index: 20;
}

.sb-search-input::-webkit-input-placeholder {
	color: #23506e;
}

.sb-search-input:-moz-placeholder {
	color: #23506e;
}

.sb-search-input::-moz-placeholder {
	color: #23506e;
}

.sb-search-input:-ms-input-placeholder {
	color: #23506e;
}

.sb-icon-search,
.sb-search-submit  {
	width: 100px;
	height: 120px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 100px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	z-index: -1;
}

.sb-search-submit:focus { outline: 1px solid #000;}

.sb-icon-search {
	color: #fff;
	z-index: 90;
	background-color: #FED718;
	border: 0;
}

#sb-icon-search:focus {outline: 3px solid red;}



.sb-icon-search:before {
    content: "Suche";
	background: url("../img/icons/lupe.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
	height: 30px;
	right: 0%;
	left: 0%;
	position: absolute;
	width: 100%;
	top: 20%;
	/*! margin: -10px auto; */ font-size: 1.2rem; font-weight: 600;
    font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 810px;
}

.sb-search.sb-search-open input { background-color: rgb(255, 246, 222); }

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	/*! background-color: rgba(15, 145, 195, 1); */
	/*color: #fff;*/
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}



/* -------------- Responsive Formate ----------------------- */

/* --- Responsive | bis 1200px --- */
@media screen and (max-width: 1200px) {
  #main .ym-column {
    display: flex;
    /*flex-direction: column;*/
    flex-wrap: wrap;
  }
  #main .ym-column .ym-col1 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
    order: 2;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    padding: 0 40px;
    border-top: 1px solid #ffd719;
  }
  #main .ym-column .ym-col2 {
    width: 100%;
    order: 1;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    padding: 0 40px;
    margin-bottom: 20px;
    border: 0;
    flex-basis:100%;
  }
  #main .ym-column .nav-outer {
    display: none;
  }
  .sb-search {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
  header .top-content-inner::before {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
  #main .maxbreite {
    max-width: 100%;
    margin: 0 auto;
    border: 0;
  }
  #content .Unterrubrikenseite .basecontent-image {
    overflow: hidden;
  }
  #content .Unterrubrikenseite .basecontent-image img {
    height: auto !important;
    max-height: auto !important;
  }
  #service {
    padding: 0;
    font-size: .9rem;
    padding-bottom: 40px;
  }
  #footer {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    max-width: 100%;
    border:0;
  }

  #footer .bottom-content {
    border:0;
  }

}



/* --- Responsive | bis 960px --- */
@media screen and (max-width : 960px) {
  #quickLink1 {
    display: none;
  }
  header {
    width: 100%; /*! position: fixed; */
    z-index: 10;
  }
  #main {
    position: relative;
    /*! top: 100px; */
  }
  #main .maxbreite {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
  header .toplinks-wrapper {
    display: none;
  }
  header .top-content-inner .search{display:none;}
  .sb-search {
    margin-top: 0;
    min-width: 100px;
  }
  .sb-search-input {
    right: 60px;
    height: 120px;
  }
  .sb-icon-search,
  .sb-search-submit {
    height: 80px;
    line-height: 80px;
    width: 90px;
  }
  .sb-search {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    height: 80px;
  }
  .sb-icon-search {
    color: #000;
    z-index: 90;
    background-color: #fff;
    right: 20px;
  }
  .sb-icon-search::before {
    background: url("../img/icons/lupe.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
    background-size: 88%;
    filter: invert(100%);
    height: 60px;
    left: 25px;
    width: 60px;
  }
  .mm-navbar {
    height: auto;
  }
  #footer {
    position: relative;
    top: 70px;
  }
  #content .Themenboxen {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px;
  }
  #content .Themenboxen .ym-g20 {
    flex-basis: 47%;
    overflow-x: hidden;
    position: relative;
    background: #f2f2f2;
    margin-bottom: 40px;
    margin-right: 5%;
  }
  #content .Themenboxen .ym-g20:nth-child(even) {
    margin-right: 0;
  }
  #content .Themenboxen .ym-g20:nth-child(odd) {
    margin-right: 5%;
  }
  #content .Themenboxen .ym-g20 .basecontent-image {
    width: 100% !important;
  }
  #content .Themenboxen .ym-g20 img {
    width: 100% !important;
  }
  #content .Themenboxen .basecontent-image figcaption {
    top: 104px;
  }
  #content .Themenboxen h2 {
    position: absolute;
    top: 170px;
    left: 16px;
    font-size: 1.52rem !important;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
  }
  #content .Themenboxen h2.zweizeilig {
    top: 152px;
  }
  /* ab hier wird die Höhe der unteren Navbars vom mmenu definiert. Die untere ist die "bottom-1". Dort wird mittels jquery das div "toplinks" aus der top-custom.vm wiederholt. */
  .mm-navbar-bottom-2 {
    bottom: 80px;
  }
  .mm-navbar-bottom-1 ul {
    list-style-type: none;
  }
  .mm-navbar-bottom-1 ul li {
    list-style-type: none;
    display: inline-block;
    font-size: .9rem;
  }

/* Anpassung MMenu */

#hamburger { right:20px !important;}

.top-functions-fixed {  top: 3%;   }
.schriftvergroesserung { display: none;}


/* Video Element */

.mejs__container, video{max-width: 100%;height:auto;}

}


/* --- Responsive | bis 760px --- */
@media screen and (max-width : 760px) {
  header .top-content-inner .logo {
    width: 35%;
  }
  #hamburger{top: 9px;}
  h1 {
    hyphens: auto;
  }
  #main .ym-column .ym-col1 {
    float: none;
    flex-basis: 100%;
    box-shadow: -5px 0 5px -2px rgba(0, 0, 0, 0.3);
    max-width: 100%;
  }
  #content .Hauptboxen .ym-g50 {
    flex-basis: 100%;
  }
  #content .Themenboxen .ym-g20 {
    flex-basis: 100%;
    overflow-x: hidden;
    position: relative;
    background: #f2f2f2;
    margin-bottom: 40px;
    margin-right: 5%;
  }
  #content .Themenboxen .ym-g20:nth-child(even) {
    margin-right: 0;
  }
  #content .Themenboxen .ym-g20:nth-child(odd) {
    margin-right: 0;
  }
  #content .Unterrubrikenseite .composedcontent-preset_zeile > div h2 {
    top: auto;
    bottom: 0;
    left: 5px;
    font-size: 1.15em !important;
    line-height: 1.2rem;
  }
  #content .Unterrubrikenseite .composedcontent-preset_zeile > div h2.basecontent-sub-heading.zweizeilig {
    top: auto;
    bottom: 0;
    line-height: 1.2rem;
    left: 5px;
  }
  #content .basecontent-image.center {
    margin: 0 auto;
  }
  #content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div:nth-child(1) {
    position: relative;
    background: #F9CA0B;
    padding: 0;
    height: auto;
  }
  #content .Unterrubrikenseite .basecontent-image figcaption {
    bottom: 0;
    top: auto;
    font-size: 1.15rem !important;
  }
  #content .Unterrubrikenseite .basecontent-image {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }
}



/* --- Responsive | bis 700px --- */
@media screen and (max-width : 700px) {
  
#content .composedcontent-lra-zak---aktuelles-neu .image { float: none; margin-left: 0px; margin-bottom: 20px; }
#content .basecontent-image.float-right { width: 100% !important; float: none; margin-left: 0px; margin-bottom: 20px; display: block;max-width: 100%;}  
#content .basecontent-image.float-right img {width: 100%;}  
#content .composedcontent-lra-zak---aktuelles-neu .image img { width: 100%;}  
  
}



/* --- Responsive | bis 600px --- */
@media screen and (max-width : 600px) {
  #content .Unterrubrikenseite .basecontent-image figcaption {
    bottom: 0;
    top: auto;
    font-size: 1.1rem !important;
  }
  #footer .bottom-content .bottomLinks:before {
    width: 100%;
  }
}

/* --- Responsive | bis 500px --- */
@media screen and (max-width : 500px) {
header .top-content-inner .logo { margin-right: 0; width: 40%;  }
header .top-content-inner .search { float: right;  width: 20%;  }
#main .ym-column .ym-col1 { padding: 0 20px; flex-basis: 100%; }
#main .ym-column .ym-col2 { padding: 0 20px; max-width: 100%;overflow: hidden;}
  
h1 { margin-bottom: 20px; font-size: 2.0rem; line-height: 2.2rem;  }

#content .Unterrubrikenseite .composedcontent-preset_zeile > div .boxborder > div:nth-child(1) {
    position: relative;
    padding: 0;
    height: auto;
    background: #F9CA0B;
  }
  
#content .Unterrubrikenseite .composedcontent-preset_zeile > div {  flex-basis: 100%;}
  #content .Unterrubrikenseite .composedcontent-preset_zeile > div h2 { top: auto; bottom: 0; }
  #content .Unterrubrikenseite .composedcontent-preset_zeile > div h2.basecontent-sub-heading .zweizeilig { top: auto; bottom: 0;  line-height: 1.4rem; }
  #content .basecontent-image.center { margin: 0 auto; }
  #content .Unterrubrikenseite .basecontent-image { max-width: 100%; width: 100% !important; height: auto !important; }
  #content .Unterrubrikenseite .basecontent-image figcaption { top: auto; bottom: 0; font-size: 1.4rem !important; }
  #footer .bottom-content .bottomLinks { display: inline-block; padding: 5px 20px; line-height: 1.6rem; }
  #footer .bottom-content .bottomLinks:before { margin-bottom: 5px; margin-left: 0; }

/* Pressemeldungsübersicht */
#content .pm-meldung {padding-bottom: 40px;border-bottom: 1px solid #ccc;margin-bottom: 0px;}
.pm-meldung-bild {display: flex;flex-wrap: wrap;}
.pm-meldung .pm-bild {float:inherit;width: 100%;padding:0px 0px 20px 0px;}
.pm-meldung.pm-meldung-bild .pm-content {float:inherit;width: 100%;}
.pm-meldung .pm-bild img {width: 100%;}


/* Nur für unter 500 Pixel bei Aktuelles nicht mehr zentrierter Text und Bilder 100 Prozent*/
.composedcontent-lra-zak---aktuelles-neu .align-justify{text-align: left;}
#content .composedcontent-lra-zak---aktuelles-neu .basecontent-image img{width:100%;}
#content .composedcontent-lra-zak---aktuelles-neu .image{float:none !important;margin:10px 0px !important;}

  
.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 100%; }

  
}

/* --- Responsive | bis 400px --- */
@media screen and (max-width : 400px) {
  
 h1 { margin-bottom: 20px; font-size: 1.6rem; line-height: 2.2rem;  } 
}


/* test */
@media screen and (min-width : 1000px) {
  #mm-0 {height:100%;min-height:100%;height:auto;}
}


/* FOUC */
html {visibility:visible !important;opacity:1 !important;}

@media screen and (max-width : 800px) {
  .basecontent-external-multimedia video { width: 100%; }
}

/* Focus deutlicher */
* a:focus{
  outline: 2px solid #f5be00 !important;
  outline-offset: 3px !important;
  background: #000 !important;
  color: #f5be00 !important;
  text-decoration: none !important;
}
.body_sitemap #content ul li a:focus {color: #f5be00 !important;}

.image a:focus{display: inherit; background: transparent !important;}



#lightbox-nav a:focus{
  outline: 0px solid #f5be00 !important;
  outline-offset: 0px !important;
  background: transparent !important;
  color: transparent !important;
  text-decoration: none !important;
}