/*** Kundenspezifische CSS ***/
/*** Webfonts ***/
/* barlow-200 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/barlow-v3-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Barlow ExtraLight'), local('Barlow-ExtraLight'),
       url('../fonts/barlow-v3-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v3-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v3-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v3-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v3-latin-200.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Barlow Light'), local('Barlow-Light'),
       url('../fonts/barlow-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v3-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Barlow Regular'), local('Barlow-Regular'),
       url('../fonts/barlow-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v3-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow-v3-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Barlow Italic'), local('Barlow-Italic'),
       url('../fonts/barlow-v3-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v3-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v3-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v3-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v3-latin-italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-v3-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Barlow Medium'), local('Barlow-Medium'),
       url('../fonts/barlow-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v3-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v3-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v3-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Barlow Bold'), local('Barlow-Bold'),
       url('../fonts/barlow-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v3-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v3-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-800 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-v3-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Barlow ExtraBold'), local('Barlow-ExtraBold'),
       url('../fonts/barlow-v3-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v3-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v3-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v3-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v3-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-900 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-v3-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Barlow Black'), local('Barlow-Black'),
       url('../fonts/barlow-v3-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v3-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v3-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v3-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-v3-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */
}



.cd-top {
  display           : inline-block;
  height            : 40px;
  width             : 40px;
  position          : fixed;
  bottom: 20px;
  right: 20px;
  box-shadow        : 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow          : hidden;
  text-indent       : 100%;
  white-space       : nowrap;
  background        : rgba(130, 165, 3, 100) url("../img/arrow.svg") no-repeat center 50%;
  transform:rotate(270deg);
  visibility        : hidden;
  opacity           : 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition   : opacity 0.3s 0s, visibility 0s 0.3s;
  transition        : opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-top.cd-fade-out,
.cd-top.cd-is-visible,
.no-touch .cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition   : opacity 0.3s 0s, visibility 0s 0s;
  transition        : opacity 0.3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity   : 1;
  z-index   : 1000;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}

.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity         : 1;
}

/*** Kundenspezifische Anpassungen ***/
/* ------------- Reset von Rändern und Abständen ---------------- */
html { box-sizing: border-box; margin: 0; padding: 0;}
*, ::before, ::after { box-sizing: inherit;  margin: 0; padding: 0;}
.clear { padding-top: 40px;}

body {font-family: 'Barlow', sans-serif; font-size: 100%;}
ul, ol, dl {     margin: 0 0 0 0; }

/* ------------- Grundraster ---------------- */
.the-wrapper { max-width: 100%; width: 100%; }
.blue { background: rgba(33, 57, 89, 100);}
.green { background: rgba(130, 165, 3, 100);}
#loginForm { background: rgba(130, 165, 3, 100); padding: 20px; color: #fff; font-weight: 500;}
#loginForm fieldset div{ padding: 10px; }
#loginForm fieldset{ margin-bottom:20px; }
#loginForm .ym-fbox-button input { background: rgba(33, 57, 89, 100);padding: 5px 30px; color: #fff; font-weight: 700;border:0px;}
#loginForm .ym-fbox-button input:hover { background: #6b8606;padding: 5px 30px; color: #fff; font-weight: 700;border:0px;}

.ym-form, .ym-form fieldset {padding: 20px;}
.home .basecontent-html-editor.ym-form, .ym-form fieldset {padding: 0px;}
.ym-form, .ym-form fieldset > legend{padding: 20px;text-transform: uppercase;}
#loginForm input{padding:5px 10px;border:0px;}

.home .basecontent-html-editor #loginForm { background: transparent; padding: 0px; color: #213959;  font-weight: 500; }
.home .basecontent-html-editor #loginForm fieldset { border: none!important;}
.home .basecontent-html-editor #loginForm fieldset legend { display: none;}
.home .basecontent-html-editor #loginForm fieldset div {padding: 10px 0px; background: transparent; }
.home .basecontent-html-editor #loginForm fieldset input#j_username { border:1px solid; width: 100%; clear: both; padding: 10px;font-size: 14pt;font-family: 'Barlow', sans-serif;}
.home .basecontent-html-editor #loginForm fieldset input#j_password { border:1px solid; width: 100%; clear: both; padding: 10px;font-size: 14pt;font-family: 'Barlow', sans-serif; }
.home .basecontent-html-editor #loginForm .ym-fbox-button input { width:100%; background: transparent; color: #213959;  font-weight: 700; margin: 0px;  }
.home .basecontent-html-editor #loginForm .ym-fbox-button .button { background: rgba(130, 165, 3, 100);  color: #213959; border: 2px solid #213959;padding: 10px 20px;font-size: 14pt;font-family: 'Barlow', sans-serif;}
.home .basecontent-html-editor #loginForm .ym-fbox-button .button:hover{ background: #213959;  color: rgba(130, 165, 3, 100); border: 2px solid rgba(130, 165, 3, 100); }


h1 { color: #213959; font-size: 40pt; padding: 65px 0px; font-weight: 500; }
.home h1 { font-size: 50pt; font-weight: 500; }
h2 { color: #213959; font-size: 30pt; font-weight: 500; }
.home h2 { font-size: 32pt; font-weight: 500; }
h3 { color: #213959; font-size: 25pt;font-weight: 500;  }
.home h3 { color: #213959; font-size: 25pt;font-weight: 500;  }

h4 { color: #213959; font-size: 16pt;  }
.home h4 { color: #213959; font-size: 18pt;  }
h5 { color: #213959; font-size: 16pt;  }
.home h5 { color: #213959; font-size: 18pt;  }
p { color: #213959; font-size: 16pt; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; text-align: left; margin-bottom: 16pt;}
.home p { font-size: 18pt; font-weight: normal; }

.basecontent-list { color: #213959; font-size: 16pt; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; text-align: left; margin-bottom: 16pt; }
.basecontent-dvv-trenner hr { border: none; margin: 30px 0px;}
.basecontent-dvv-trenner div { border: 2px solid rgba(130, 165, 3, 100); margin: 30px 0px;}

a {color: #213959; text-decoration: underline; }
a:hover { text-decoration: underline; font-weight: 500; }

form {color: #213959;}
.trenner {padding-bottom: 90px; color: transparent; border: none;  }

/* ------------- header ---------------- */
header { max-width: 980px; margin: 0px auto;}
header .top-content-inner:after { clear: both; display: block; content: '.'; float: none; height: 0; line-height: 0; font-size: 0; }
header .toplinks ul { display: flex; list-style-type: none; flex-wrap: wrap;}
.logo { float: left; margin-right: 10px; }
/*** Kopfbereich Header ***/
#header { max-width: 1640px;  margin: 0px auto; overflow: hidden; height: 180px;}

.home #header .top-content { overflow: hidden; min-height: 190px;}
#header .top-content div.logo {
    top: 30px;
    position: relative;
    max-width: 500px;
    padding-left: 1rem;
    max-width: 30%;
    min-width: 180px;
    height: 100px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
}
#header .top-content div.logo a {

    width: 100%;
    display: inline-block;
    position: relative;
}
#header .top-content div.logo object {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100px;
    cursor: pointer;
}
#header nav { max-width: 1100px; float: right; position: relative; top: -8px; }

.headerslot .basecontent-image { width: 100%; max-height: 255px; overflow:hidden; }
.headerslot img { width: 100%; }
.home .headerslot .basecontent-image { width: 100%; max-height: 780px; overflow:hidden;}

#my-menu  { max-width: 65%;    }

/* ---------------- map / Karte auf der Startseite ----------------- */

.headerslot {position: relative;}
.headerslot-inner{position: absolute;top: 0;height: 100%;width: 100%;}
.headerslot-inner-bg{background:rgba(130, 165, 3, 0.9);display:flex;position: absolute;top:50%;left: 50%; min-height: 40%; width:90%;transform: translate(-50%, -50%);}
.headerslot-kontakt{width:40%;}
.headerslot-inner .map{width:60%;position: relative;}
.headerslot-inner .map-inner{position: absolute;transform: translate(0, -50%);top:50%; width: 95%;}
.map polygon:hover,
.map .st1 {cursor: pointer;}
.headerslot svg {height: 100%; width: 100%;}

.headerslot-kontakt { padding: 40px 5px 40px 30px; color: #213959; font-weight: 500; /*line-height: 1.3;*/}
.headerslot-kontakt .vCard{line-height: 1.8rem;}
.headerslot-kontakt .organization{font-weight:bold;}
.headerslot-kontakt .organization,.headerslot-kontakt .efaLink { margin-bottom: 10px; }
.headerslot-kontakt span { color: #213959; }
.headerslot .vCardLink img {width: 5%; float: right;}
.headerslot .vCardLink img {display:none; }
.headerslot a { color: #213959; }
.headerslot a:hover { font-weight: bold; }

/* beim Laden der Seite erst mal alle ausgeblendet*/
.kontakt-emeringen,
.kontakt-emerkingen,
.kontakt-grundsheim,
.kontakt-hausen,
.kontakt-lauterach,
.kontakt-munderkingen,
.kontakt-obermarchtal,
.kontakt-oberstadion,
.kontakt-rechtenstein,
.kontakt-rottenacker,
.kontakt-untermarchtal,
.kontakt-unterstadion,
.kontakt-unterwachingen {display: none;}

.map .st1 {fill: rgba(130, 165, 3, 1);}

.headerslot .auflistung {display:none;}
.headerslot .kommunenliste {padding:20px;}
.headerslot .kommunenliste ul {display:flex;flex-wrap: wrap;margin:0px;}
.headerslot .kommunenliste li {list-style: none;width:49%;margin-left:0px;margin-right:1%;margin-bottom:5px; text-align: center;}
.headerslot .kommunenliste li a {text-decoration: none;display:block;padding:10px;background:#fff;transition:all 0.25s ease; font-size: 14pt;}
.headerslot .kommunenliste li a:hover {color:#fff;background:#213959;font-weight:normal;}


@media (max-width: 760px) {
  .headerslot-inner-bg{flex-wrap: wrap;}
  .headerslot-kontakt {width:100%;}
}

/* ---------------- Navigations Menü ----------------- */
.blue { background: rgba(33, 57, 89, 1);}
.green { background: rgba(130, 165, 3, 1);}
/* ---------------- Suche ----------------- */
#content .searchDiv { background: #fff; padding: 0px 20px 40px 20px; }
#ergebnisse { margin-top: 30px;}
#ergebnisse h2 { margin-bottom: 20px;}
#search_form input { padding: 10px 20px; color: rgba(33, 57, 89, 100);  border: 1px solid rgba(33, 57, 89, 100); width: 31%; font-size: 18px; }
#search_form button { background: rgba(130, 165, 3, 100); padding: 10px 20px; border: 1px solid rgba(33, 57, 89, 100); color: rgba(33, 57, 89, 100); font-size: 18px; } 
#search_form button:hover, #search_form button:focus {background: rgba(33, 57, 89, 100); color: #fff; } 

#quicksearch { margin-top: 100px; }
.searchfield { margin-top: -190px;}
.searchfield form.quicksearch input.quicksearchtext {
  height: 90px;
  border: 0px;
  border-radius: 0px;
  font-size: 30px;
  padding: 16px;
  color: rgba(33, 57, 89, 100);
  font-weight:  normal;
  vertical-align: top;
  width:30%;
  transition:all .08s ease;
}


.searchfield form.quicksearch input.quicksearchimg:active {background: rgba(130, 165, 3, 100) url("../img/suche.svg") no-repeat center;}
.searchfield form.quicksearch input.quicksearchimg {background: rgba(130, 165, 3, 100) url("../img/suche.svg") no-repeat center;margin-left: -3px;padding: 37px;}
.searchfield form.quicksearch input.quicksearchimg:hover {background: rgba(33, 57, 89, 100) url("../img/suche.svg") no-repeat center;}
.searchfield form.quicksearch label {display: none;}

/* ---------------- Suche ende ----------------- */

/* ------------- Main (umschliesst Navi und content) ---------------- */
#main { margin: 0px auto;}
#main .wayhome { margin-top: 55px; }
#main .wayhome a {text-decoration: none;  }
#main .ym-cbox {  padding: 0px;}
#main .ym-column { display: flex; justify-content: space-between;}
#main .ym-column .ym-col1 { float: none;  flex-basis: 500px; background: #f6f6f6; margin-top: 100px; }
#main .ym-column .ym-col2 { float: none; flex-basis: calc(100% - 400px); margin-right: 130px;}
#main .ym-column .ym-col3 { float: none; margin: 0px; flex-basis: 200px;}
#main .ym-column .ym-col2wide { margin: 0px 130px 0px 0px;}



#main .nav-outer { margin-bottom: 100px;}
#main nav ul li {
  padding-left: 35px; 	
    line-height: 2.1em;
    font-size: 24pt;
    list-style-type: none;
    text-decoration: none;
    margin: 0px;
}
#main nav ul li a {
     list-style-type: none;
    text-decoration: none;
}

#main .ebene2 li:hover {border-left: 12px solid #82a629; padding-left: 23px; }
#main .ebene2 .current {border-left: 12px solid #82a629; padding-left: 23px; }
#main .ebene2 .hasChild:after { content: ">"; float: right; margin-right: 20px;   } 
/**
#main .ebene2 .active { border-left: 12px solid #82a629;  margin-left: -35px; padding-left: 20px;   }
#main .ebene2 li .active:after { content: ">"; float: right; margin-right: 20px;   } **/

#main .ebene2 li .active:hover :after { content: none;    }

#main .ebene2 .ebene3 {display:none; }
#main .ebene2 .ebene3 .active {display: inline-block; }
#main .ebene2:hover .ebene3 {display: inline-block; }
#main .ebene2 .ebene3 {border: none; margin: 0px; padding: 0px; font-size: 90%;}
#main .ebene2 .ebene3:hover {border: none; margin: 0px; padding: 0px;}

#main nav .ebene2 .ebene3 { line-height: 0.9em; }

/*** Startseite ***/
/* boxen */
.home #content .subcolumns {display:flex;flex-wrap: wrap;}
.home #main .ym-column .ym-col2 { flex-basis: calc(100% - 100px);  }
.home #content .ym-g25 { width: 24%; /*height: 530px;*/ background-color: #f6f6f6; margin-right: 1%; padding: 30px;}
.home #content .ym-g25 + .ym-g25 +.ym-g25 + .ym-g25 { background-color: transparent; border: 10px solid #f6f6f6; padding: 20px;}
.home #content h2 { margin-bottom: 10px;}

.home #content .subcolumns .ym-g25 .boxChild{width:100%;}

.home #content .ym-g25 p.bottom { position: absolute; bottom: 50px;}
.home #content .ym-g25 p.bottom a{ text-decoration: none;}
.home #content .ym-g25 p.bottom a:after {font-family: FontAwesome;font-size: 18px;content: "\f054";margin-left: 15px;transition: all 0.3s ease 0s;outline: 0px;}


.home #content .veran .zm { font-size: 14pt; }
.home #content .veran .zm span { font-weight: bold; color: rgba(33, 57, 89, 100); }
.home #content .veran .zm {color: rgba(33, 57, 89, 100); margin-bottom: 20px;  }
.home #content .veran .zm .zmlinktodata { margin-top: 8px;}
.home #content .veran .zmNavigClassInnen {display:none; }


.home #footer ul { width: 300px; margin-left: -27px;}
.home #footer ul li { list-style-type: none; text-transform: none; }
.home #footer ul li a { text-decoration: none; float: left; margin-left: 10px }
.home #footer ul li a:hover,.home #footer ul li a:focus{color: rgba(130, 165, 3, 100);font-weight:normal;}
.home #footer ul li a:after { content: " | "; padding-left: 7px;}
.home #footer ul li+ li a:after { content: " "; }
.home #footer ul li+ li +li a:after { content: " | "; }
.home #footer ul li+ li + li +li a:after { content: " "; }

/*** Inhalt Content ***/
#main { max-width: 1640px; position: relative; z-index: 999;}
#content {position: relative; z-index: 999;}

/* heller 213959 dunkler blau 101c2c  */
#contentFooter { color: #213959; margin-top: 60px;  } 
#contentFooter a { color: #213959;}

/* BILDERGALERIE */
#content .pager { width: 700px; float: left; text-align: center;  margin-right: 3px;  margin-bottom: 30px; }
#content .composedcontent-image-gallery .galleryImage { display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 0px}
#content .composedcontent-image-gallery { overflow: hidden; margin-bottom: 10px;}
#content .composedcontent-image-gallery .image { display: inline-block; }
#content .composedcontent-image-gallery .image img { max-width: 190px; }

/* Tabelle */
#content table { font-size: 18pt;}
#content .block_16247153 .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 {
    width: 100%;
    border: 1px solid rgba(33, 57, 89, 100);
    background: rgba(130, 165, 3, 100) 50% 50% repeat-x;
    font-weight: normal;
    color: rgba(33, 57, 89, 100);
    padding: 5px 10px;
}
#content .toggle_title.ui-state-default.ui-corner-all:hover {
    border: 1px solid rgba(130, 165, 3, 100);
    background: rgba(33, 57, 89, 100);
}
#content h3.toggle_title.ui-state-default.ui-corner-all:hover { 
color: rgba(130, 165, 3, 100); }


#content span.ui-icon-plus {background-image: url("img/links/plus.png");}
#content .ui-icon-minus  {background-image: url("img/links/minus.png");}   
.ui-icon, .ui-widget-content .ui-icon:hover{ background-image: url("links/minus.png") -4px 12px no-repeat; }


/* downloadlist */
#content .downloadlist { width: 100%; margin-top: 20px; }
#content .downloadlist .dlDate { display: none;}
#content .downloadlist th { padding: 5px 0px; text-align: center; background: rgba(130, 165, 3, 100); color: rgba(33, 57, 89, 100); font-weight: bold; border: 1px solid rgba(33, 57, 89, 100);  }
#content .downloadlist th:hover  {background: rgba(33, 57, 89, 100);  }
#content .downloadlist th:hover a { color: rgba(130, 165, 3, 100); }

/* Effekte */
#content .toggle_container { min-height: 240px;}
#content .toggle_container .boxborder  { margin: 10px 20px;}
#content .boxborder .vCard .vCardLink { float: right;}
#content .boxborder .vCard { max-width: 300px; }
#content .toggle_container .vCard .fn { font-weight: bold; color: #213959; }


/* vCard */
.vCard .efaLink, .mapsLink {display:none; }
.vCard .mail {margin-top: 5px;}
.vCard {  font-size: 14pt; width: 420px; text-decoration: none;}
.vCard:hover {text-decoration: none;}
#content .vCard { width: 350px;  color: rgba(33, 57, 89, 100);}
#content .vCard span {color: rgba(33, 57, 89, 100);}


.vCard .vCardLink { float: right; margin-right: 10px;}
a.vCard > img {display: none;}
a.vCard::after {
    background-color: rgba(130, 165, 3, 100);
    border: 3px solid;
    border-radius: 25px;
    color: rgba(33, 57, 89, 100);
    content: "\f007";
    display: block;
    font-family: "FontAwesome";
    font-size: 2rem;
    height: 40px;
    line-height: 2.3rem;
    text-align: center;
    width: 40px;
}
a.vCard:hover:after {
 font-weight:normal;
  color: rgba(33, 57, 89, 0.8);
}
#footer a.vCard::after {
    background-color:rgba(33, 57, 89, 100);
    border: 3px solid;
    border-radius: 25px;
    color:  rgba(130, 165, 3, 100);
    content: "\f007";
    display: block;
    font-family: "FontAwesome";
    font-size: 2rem;
    height: 40px;
    line-height: 2.3rem;
    text-align: center;
    width: 40px;
}

#tabs .ui-widget-header {background: #213959;}
#tabs li.ui-tabs-tab {background: rgba(130, 165, 3, 100);border-bottom-width: 0px;}
#tabs li.ui-tabs-tab.ui-state-active {border: 1px solid #d3d3d3;border-bottom-width: 0px;background: #fff;}

/* Navigation Service Spalte */
#service { padding: 10px 40px;}
#service .vCard { width: 320px;  color: rgba(33, 57, 89, 100);}

#service img {max-width: 350px; }


/* Zusatzmodule */
#zmEListe .skip { display: none;}
#zmEListe span.hideme { display: none;}
#zmEListe .zmnavnext { display:none; }
#zmEListe .zmRegister { margin-bottom: 20px; font-size: 140%;}
#zmEListe .zmRegister .inaktiv { font-size: 70%;}
#zmEListe .zmRegister a { margin: 0px 8px 0px 0px;}
#zmEListe .zmhitsfound { margin-bottom: 20px;}

.zmSuche fieldset{padding:20px;}
.zmSuche fieldset > legend{padding:10px;font-weight:bold;}
.zmSuche .zmVkat li{list-style:none;margin-left: 0px;}
.zmSuche .zmVkat li input{margin-right: 10px;}

#zmEListe header{margin:0px;}

/*** Fussbereich Footer  ***/
footer { position: relative; font-size: 16pt; color: #fff; z-index: 100;}
.home footer {    padding-top: 18% } 
footer .footerinfo{overflow: hidden;}
footer img{display: block;position: relative;left: -3px;width: 101%;overflow: hidden;}
footer a { color: #fff;}
footer a:hover{ color: rgba(130, 165, 3, 100);font-weight:normal;}
footer p {color: #fff; padding: 20px 0px; font-size: 14pt;}

footer .wrapper { max-width: 1640px; margin: 0px auto;}
.home footer .footerslot { background-color: transparent; /* background-color: #213959; position: relative; bottom: 300px;*/    line-height: 1.8rem;}
footer .footerslot { background-color:  #213959;/* position: relative; bottom: 300px;*/}
footer .footerslot ul {list-style-type:none; text-decoration: none; }
footer .footerslot ul li a {list-style-type:none; text-decoration: none; }

footer .footerslot .sprechzeiten, footer .footerslot .kontakt{line-height: 1.9rem;}
footer .footerslot .sprechzeiten .vCardLink {display:none;}
footer .footerslot .sprechzeiten .organization {display:none;}
footer .footerslot .sprechzeiten .street-address {display:none;}
footer .footerslot .sprechzeiten .cityline {display:none;}
footer .footerslot .sprechzeiten .mapsLink {display:none;}
footer .footerslot .sprechzeiten .efaLink {display:none;}
footer .footerslot .sprechzeiten .mail {display:none;}
footer .footerslot .sprechzeiten .tel {display:none;}
footer .footerslot .sprechzeiten .fax {display:none;}
footer .footerslot .sprechzeiten .bezSprechzeiten {display:none;}
footer .footerslot .sprechzeiten .openingHour-title { color: #fff; font-size: 14pt; font-weight:500; margin-bottom: 10px;}
footer .footerslot .sprechzeiten .openingHour { font-size: 90%;}
footer .footerslot .sprechzeiten .openingHour .row{display:flex;}
footer .footerslot .sprechzeiten .openingHour .cell{flex-basis:50%;} 
footer .footerslot .subc{width:100%;}
footer .footerslot .organization{font-size: 14pt; font-weight:500;    padding-bottom: 20px;}
footer .footerslot .cityline{padding-bottom: 20px;}
footer .footerslot .mail{padding-bottom: 20px;}

footer .footerslot .vCard .vCardLink{float:left;margin:0 10px;}
footer #bottom{width:100%;background:#101c2c;}
.the-wrapper{position:relative;}
.footer-bg{position:absolute;bottom:50px;width:100%;}
footer .ym-gr{float:none;}
footer p{margin-bottom:0;}
footer .footerslot .subcolumns{display:flex;}
.footer-bg object{vertical-align:top;}
footer .footerslot .subcr{width:100%;}
footer .footerslot .subcolumns .ym-g33{width:33%;display:flex;align-items:flex-end;padding-bottom:20px;}
footer .footerslot .vCard{width:100%;}
footer .vCard{text-align:right;}

/* Copyright */
footer #bottom .copyright { background:#101c2c; margin-right: 20px;padding:10px;}
footer #bottom .copyright .wrapper{ max-width: 1640px; margin: 0px auto; padding-right: 10px;padding-left: 10px;display:flex;}
footer #bottom .copyright .basecontent-line-break-text { float: none; font-size:14pt;}
footer #bottom .copyright a { text-decoration:none; }
footer #bottom .copyright p{ width:50%;}
footer #bottom .copyright p:nth-child(2){text-align: right;}

/* -------------- Formatierung FNP -----------------------
#node15984281 .wayhome { display: none; }
#node15984281 #main .ym-column .ym-col1 { display: none; }
#node15984281 .searchfield { display: none; }
#node15984281 #hamburger { display: none; }
#node15984281 .headerslot  { display: none; }
 */
/* -------------- Formatierung Ausbildung ----------------------- 
#node16028829 .wayhome { display: none; }
#node16028829 #main .ym-column .ym-col1 { display: none; }
#node16028829 .searchfield { display: none; }
#node16028829 #hamburger { display: none; }
#node16028829 .headerslot  { display: none; }
 */

/* -------------- Formatierung Datenschutz ----------------------- 
#node15493244 .wayhome { display: none; }
#node15493244 #main .ym-column .ym-col1 { display: none; }
#node15493244 .searchfield { display: none; }
#node15493244 #hamburger { display: none; }
#node15493244 .headerslot  { display: none; }
 */

/* -------------- Formatierung Impressum ----------------------- 
#node15493234 .wayhome { display: none; }
#node15493234 #main .ym-column .ym-col1 { display: none; }
#node15493234 .searchfield { display: none; }
#node15493234 #hamburger { display: none; }
#node15493234 .headerslot  { display: none; }
 */

/* Formatierung Bodenrichtwertkarten der Verbandsgemeinden */
#node16134065 .wayhome { display: none; }
#node16134065 #main .ym-column .ym-col1 { display: none; }
#node16134065 .searchfield { display: none; }
#node16134065 #hamburger { display: none; }
#node16134065 .headerslot  { display: none; }
#node16134065 table { width: 100%; }
#node16134065 table th.cursorPointer { padding: 5px 10px; background: rgba(130, 165, 3, 100); color: #213959; border: none;  }
#node16134065 table th a { color: #213959; font-weight: bold; }
#node16134065 .dlDate {display: none; }

/* SEITE EMPFEHLEN FORMULARE
------------------------------------------------------------------------------------------ */
#recommend_form { width: 100%; }
#recommend_form legend { color: #213959; font-size: 40pt; padding: 65px 0px; font-weight: 500; }
#recommend_form fieldset { border: none; padding-left: 0 !important; }
#recommend_form input, #recommend_form textarea { padding: 0.5rem !important; margin-left: 0 !important; }
#recommend_form #an, #recommend_form #absender, #recommend_form #von, #recommend_form #text{ font-size: 100%; font-family: 'Archivo Narrow', sans-serif; margin-bottom: 0.5rem; padding: 0.5rem 0.25rem; border: 1px solid #a0a0a0 !important; box-sizing: content-box; display: inline-block; width: 70%; }
#recommend_form .ym-fbox-button { margin-top: 2rem; }
#recommend_form .ym-fbox-check { margin-bottom: 2rem; }

#recommend_form .ym-gr { float: left; width: auto; }

/* Service BW 
.blue { background: rgba(33, 57, 89, 100);}
.green { background: rgba(130, 165, 3, 100);}
*/

#lpSeite.vwp h1 {display: block;font-size: 35pt; padding: 45px 0px 10px 0px; font-weight: 500;}

#lpSeite h2 { font-size: 25pt; font-weight: 500; margin: 30px 0px 0px 0px;}
#lpSeite h3 { font-size: 16pt; font-weight: 500; margin: 10px 0px 0px 0px;}
#lpSeite p {  font-size: 16pt; }
#lpSeite ul {  font-size: 16pt; margin: 0px 0px 20px 5px; }
#lpSeite li {  font-size: 16pt; color: #213959; }

#lpSeite .section-text p { margin: 0px;}

#lpSeite #tabs a { font-size: 16pt; color: rgba(33, 57, 89, 100); }
#lpSeite #tabs-1 h2 { font-size: 16pt;}
#lpSeite #tabs-1 h3 { font-size: 16pt; font-weight: 500; } 
#lpSeite #tabs-1 div {font-size: 16pt; }
#lpSeite #tabs-1 .HAUSANSCHRIFT, .kommunikation, .openingHour, .untergeordnet, uebergeordnet { margin-bottom: 20px;}

#lpSeite #anfangsbuchstaben { font-size: 20pt; }
#lpSeite .skip.noprint { display:none; }
#lpSeite #anfangsbuchstaben .lpInaktiv { color: #82A503; font-weight: 200; }
#lpSeite #anfangsbuchstaben a { text-decoration: none;}
#lpSeite #anfangsbuchstaben a:hover { text-decoration: underline; font-weight: bolder; }
#lpSeite #anfangsbuchstaben .inaktiv { color: #82A503; font-weight: 200; font-size: 15pt; }

#node15482216 #lpSeite #anfangsbuchstaben {display: none; }



#lpSeite.aemterliste .lpBlockBuchst, .lpAnker { display:none; }
#lpSeite.aemterliste ul { margin: 0px 0px;}
#lpSeite.aemterliste li {list-style-type: none; margin: 0px;}


/* Mitarbeiterverzeichnis */
#node15879354 #lpSeite #anfangsbuchstaben {display: none; }
#lpSeite.vwp.maliste .hauptueberschrift { display:none; }
#lpSeite.maliste.detail .hauptueberschrift{  display:none; }
#lpSeite.vwp.maliste .zeile0 .funktion { display:none; }
#lpSeite.vwp.maliste .zeile0 .responsibilities { display:none; }
#lpSeite.vwp.maliste .lpBlockBuchst { display:none;}
#lpSeite .tabelle {margin-top: 20px; }

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

/* Hamburger */
#hamburger{box-sizing: border-box;display: block;height: 43px;position: fixed;top: 20px;right: 20px; width: 40px;z-index: 1000;background: rgba(33, 57, 89, 100);}
#hamburger:before,#hamburger:after,#hamburger span {background: #ffffff !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;}
#hamburger .label{position: absolute;top: 48px;}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after{top: 20px;}
html.mm-opening #hamburger span{left: -50px;opacity: 0;}
html.mm-opening #hamburger:before { transform: rotate( 45deg ); }
html.mm-opening #hamburger:after { transform: rotate( -45deg ); }


/* -------------- Responsive Darstellung ----------------------- */

@media (min-width: 2400px) {
  .headerslot-inner-bg {width:80%;}
}
@media (min-width: 2700px) {
  .headerslot-inner-bg {width:70%;}
}
@media (min-width: 3000px) {
  .headerslot-inner-bg {width:60%;}
}
@media (min-width: 3300px) {
  .headerslot-inner-bg {width:50%;}
}
@media (min-width: 3600px) {
  .headerslot-inner-bg {width:40%;}
}

@media screen and (max-width: 2000px) {
  #main nav ul li { font-size: 18pt; }
  #main .ebene1.currentParent {border-left: 5px solid #82a629; }
  .home .ym-g25 h2 { font-size: 200%; }
}

@media screen and ( max-width: 1900px) {
  #footer .footerslot .subcolumns {margin-top: 0px;}
}

@media screen and ( max-width: 1515px) {
  #header nav {  top: 10px; }
  #my-menu .flyerNav ul li.ebene1:hover { border-bottom: 5px solid #82a629; } 
  #my-menu .flyerNav ul li.ebene1.currentParent { border-bottom: 5px solid #82a629; }
  #my-menu .flyerNav a { font-size: 18px; line-height: 1.5em;}
  #my-menu .flyerNav ul li.ebene1 { padding: 0px 15px 28px 0px;}
  
  .vCard {font-size: 14pt;width: 320px;text-decoration: none;}
  #main { width: 90%;}
  #main .ym-column .ym-col2 {margin-right: 0px;}
 
  /*** Kopfbereich Header ***/
  #header { margin: 0px auto; overflow: hidden; height: 170px; width: 90%; }
 .home #header .top-content { overflow: hidden; min-height: 180px;}
  .home h1 { font-size: 40pt; }
  .home .ym-g25 h2 { font-size: 160%; }
  .home p { font-size: 14pt; }
  footer .footerslot { background-color: #213959; position: relative; font-size: 70%;}
  footer .footerslot .organization {font-size: 16pt;}
  footer .footerslot a { font-size: 100%;}
}

@media screen and ( max-width: 1200px)   {
  #header .top-content div.logo object {width: 95%;}
  .home #content .ym-g25 p.bottom {position: relative; bottom: 0px;}
  .home #content .ym-g25 {width: 45%; height: 400px; background-color: #f6f6f6; margin: 1%; padding: 20px;}
  .ym-gr {float: left;}
  .home .ym-g25 h2 {font-size: 200%;}
  .home p {font-size: 16pt;}
  footer .footerslot .organization {font-size: 100%;}
  footer .footerslot .sprechzeiten .openingHour-title {font-size: 100%;}
  .home #main .ym-column .ym-col2 {flex-basis: 100%;}
}

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

}

@media screen and ( min-width : 960px)   {
  #mm-my-menu { display: none !important; }
  #hamburger  { display: none !important; }
  .home h1 { font-size: 30pt; }
}

@media screen and (max-width : 960px) {
  header .toplinks-wrapper{display:none;}
  #main .ym-column{flex-wrap:wrap;}
  #main .ym-column .ym-col1{display:none;}
  #main .ym-column .ym-col2{flex-basis:calc(100% - 200px);}
  #main .ym-column .ym-col3{flex-basis:200px;}
  .mm-menu{background:#fff;color:rgba(0,0,0,0.7);}
  .mm-navbar .mm-title{color:#213959;font-weight:500;}
  .mm-logo{text-align:left;}
  .mm-logo img{padding:10px 30px;max-width:280px;}
  .mm-navbar-top-2{top:92px;}
  .mm-hasnavbar-top-2 .mm-panel{top:133px;}
  .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;}
  .home h1{font-size:7vw;padding-bottom:20px;}
  .headerslot .map{display:none;}
  .headerslot .auflistung{display:block;}
  .vCard{max-width:100%;}
  .vCard .vCardLink{float:none;margin-right:0;margin-bottom:10px;}
}

@media screen and (max-width : 959px) {
  #my-menu { display: none; }
}

@media screen and (max-width : 760px) {
  .home #content .ym-g25 { width:100%;height:auto; }
  
  #content h1{ font-size: 180%; padding: 20px 0px; }
  #content h2{ font-size: 140%; padding: 20px 0px; }
  #content h3{ font-size: 130%; padding: 20px 0px; }
  table td { font-size: 70%; }
  
  #lpSeite table td.funktion {display: none; }
  #lpSeite table td.responsibilities {display: none; }
  #lpSeite.vwp h1 { 
    display: block;
    font-size: 180%;
    padding: 0px 0px 0px 0px;
    font-weight: 400; }
  
  #lpSeite .section-preamble h2 { display:none;}
  #lpSeite .section-preamble p {margin-bottom: 15px; }
  
  
  #footer .footerslot .subcolumns .ym-g33 {width: 100%;padding: 0 20px;}
  #footer .footerslot .subcolumns .ym-g33:nth-child(2) {order:3;}
  #footer .footerslot .subcolumns .ym-g33:nth-child(3) {padding:20px;order:2;}
  .home #footer ul {width: 100%;margin-left: 0px;}
  .headerslot-inner{position:initial;}
  .headerslot-inner-bg{background:rgba(130, 165, 3, 1);position:initial;top:0%;left: 0%; min-height:0%; width:100%;transform: translate(0%, 0%);}
  .searchfield form.quicksearch input.quicksearchtext { min-width: 400px;}
  #header .top-content div.logo {max-width: 260px;top:0px;}  
  #header .top-content div.logo img{max-width: 100%;}
  #header { margin: 0px auto; overflow: hidden; height: auto; width: 90%; }
  .home #header .top-content { overflow: hidden; min-height: auto;}
  
  #col_15495964 .image-inner img { max-width: 80px; }
  
  footer .sprechzeiten .openingHour-day{ min-width:150px; display: block;}
}

@media screen and (max-width : 760px) {
  #quickLink1 li.right{display:none;}
  #main .ym-column{display:block;}
  #main .ym-column .ym-col1{display:none;}
  #main .ym-column .ym-col2{width:100%;}
  #main .ym-column .ym-col3{width:100%;min-height:100px;}
  .searchfield{margin-top:0;}
  #quicksearch{margin-top:25px;}
  .searchfield form.quicksearch input.quicksearchtext{width:80%;background:#f2f2f2;min-width:100px;}
  div.dvvToolbar{display:none;}
  .headerslot-kontakt{padding:10px 30px 30px;order:2;}
  .headerslot-kontakt .vCard{width:100%;}
  .headerslot-kontakt .vCard .vCardLink{float:right;}
  #footer .footerslot{background-color:rgba(33,57,89,100);}
  #footer .ym-g33{margin:10px auto;}
  .vCard{font-size:14pt;width:320px;text-decoration:none;}
  footer .footerslot .vCard .vCardLink{float:right;}
  #footer .footerslot{display:flex;justify-content:space-between;}
  #footer .footerslot .ym-g33{float:none;clear:both;padding-bottom:40px;}
  #footer .sprechzeiten .cell{float:left;margin-right: 10px;font-size:14pt;}
  #footer .sprechzeiten .row{clear:both;}
  #footer h2.openingHour-title{font-size:14pt;margin-top:0;}
  #footer .footerslot .basecontent-list ul li{margin-left:0;}
  #footer .footerslot .basecontent-list ul li a{margin-left:0;margin-right:3px;}
  #footer .vCard{width:auto;}
  footer .vCard{text-align:left;}
  footer #bottom .copyright .wrapper{flex-wrap:wrap;}
  footer #bottom .copyright .basecontent-line-break-text{width:100%;}
  .home footer{padding-top:0;}
  .footer-bg{position:initial;}
  footer #bottom .copyright p:nth-child(2){text-align:left;}
  footer p{padding:8px 0;}
  #main{padding-bottom:20px;}
  footer .footerslot .sprechzeiten .openingHour .cell{flex-basis:unset;}
  .home #footer ul li{float:left;}
  footer .subcl{width:100%;}
  footer .direktlinks{width:100%;}
  .home #footer ul li+ li a:after{content:" | ";padding:0 7px;}
  .home #footer ul li a:after{content:" | ";padding:0 7px;}
  footer .footerslot .subcolumns{flex-wrap:wrap;}
}