/*
Theme Name: Theme Webiste www.niederviehbach.de
Theme URI: http://www.niederviehbach.de
Description: Theme der Gemeinde Niederviehbach
Author: wedebo - Michal Boger
Author URI: http://www.wedebo.de
*/

/* ibm-plex-sans-300 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;    font-display: swap;
  src: url('./font/ibm-plex-sans-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/ibm-plex-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/ibm-plex-sans-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/ibm-plex-sans-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./font/ibm-plex-sans-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/ibm-plex-sans-v8-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-regular - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;  font-display: swap;
  src: url('./font/ibm-plex-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/ibm-plex-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/ibm-plex-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/ibm-plex-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./font/ibm-plex-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/ibm-plex-sans-v8-latin-regular.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-700 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;font-display: swap;
  src: url('./font/ibm-plex-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/ibm-plex-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/ibm-plex-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/ibm-plex-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./font/ibm-plex-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/ibm-plex-sans-v8-latin-700.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* zilla-slab-regular - latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 400;font-display: swap;
  src: url('./font/zilla-slab-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/zilla-slab-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/zilla-slab-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/zilla-slab-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./font/zilla-slab-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/zilla-slab-v6-latin-regular.svg#ZillaSlab') format('svg'); /* Legacy iOS */
}

/* zilla-slab-500 - latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 500; font-display: swap;
  src: url('./font/zilla-slab-v6-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/zilla-slab-v6-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/zilla-slab-v6-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/zilla-slab-v6-latin-500.woff') format('woff'), /* Modern Browsers */
       url('./font/zilla-slab-v6-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/zilla-slab-v6-latin-500.svg#ZillaSlab') format('svg'); /* Legacy iOS */
}

   @font-face {
      font-family: 'icons';font-display: swap;
      src: url('./font/icons.eot?60209142');
      src: url('./font/icons.eot?60209142#iefix') format('embedded-opentype'),
           url('./font/icons.woff?60209142') format('woff'),
           url('./font/icons.ttf?60209142') format('truetype'),
           url('./font/icons.svg?60209142#icons') format('svg');
      font-weight: normal;
      font-style: normal;
    }

    
html, body {
    margin: 0; padding: 0; background:#fff; text-align: center;
    -webkit-text-size-adjust:none; color: #000; font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 400;
    float: left; width: 100%;
    font-size: 1.05em;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#wrapper {
    float: left; width: 100%; margin: 0; padding: 0; text-align: left;overflow: hidden;
}
header#header {
    float: left; width: 100%; margin:0; padding:0; background:#fff; position: relative; z-index: 10; min-width: 320px;
}
#logocontainer {
    float: left; width: 60%; margin: 20px 4% 0; padding:0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s; position: relative; z-index: 10;
}
#logo {
float: left; width: 100%;
}
#logo img {
    float: left; margin: 0 0 -60px 0; width: 120px;
}
#logo a span {
    color: #528d6b; display: inline-block; padding: 30px; font-size: 36px;
}

#headwidget {
    position: relative; width: 100%; margin: 0; padding: 0;
}
#headwidget a {
    display: inline-block; padding: 5px; font-size: 0.9em;
}
#headwidget a#headplan::before {
 display: inline-block; padding:  0 5px 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\f277";
}
#headwidget a#headkontakt::before {
 display: inline-block; padding: 0 5px 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\e808";
}
#headwidget a#headbucher::before {
 display: inline-block; padding: 0 5px 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\e803";
}
#headwidget a#headbuerger::before {
 display: inline-block; padding: 0 5px 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\e813";
}
#headwidget a#headinsta::before {
 display: inline-block; padding: 0 5px 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\e87d";
}

#headwidget a#headausweis::before  {
    content:""; display: inline-block; margin: 0 5px; width: 17px; height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='5.2916665mm' height='3.5139973mm' viewBox='0 0 5.2916665 3.5139973' version='1.1' id='svg1' inkscape:version='1.3.2 (091e20e, 2023-11-25, custom)' sodipodi:docname='ausweis.svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Csodipodi:namedview id='namedview1' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:document-units='mm' inkscape:zoom='0.80087682' inkscape:cx='10.613367' inkscape:cy='6.867473' inkscape:window-width='1920' inkscape:window-height='1137' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='layer1' /%3E%3Cdefs id='defs1' /%3E%3Cg inkscape:label='Ebene 1' inkscape:groupmode='layer' id='layer1' transform='translate(-102.12916,-146.84375)'%3E%3Cg id='g2' aria-label='? Ausweisstatus' transform='matrix(0.35277776,0,0,0.35277776,102.12953,150.45314)'%3E%3Cpath id='path3' d='M -0.00104687,-0.2704125 V -10.23135 H 14.998953 v 9.9609375 z M 0.94817188,-1.2196313 H 14.049734 V -5.6610375 H 0.94817188 Z m 0,-6.5859375 H 14.049734 v -1.5 H 0.94817188 Z m 0.89062502,5.4140625 c 0,-0.1230468 0.023437,-0.2255859 0.070312,-0.3046875 0.052734,-0.084961 0.1318359,-0.1289062 0.234375,-0.1289062 0.099609,0 0.1699219,0.043945 0.2109375,0.1289062 0.038086,0.079102 0.061523,0.1845704 0.070312,0.3164063 0.014648,0.1259766 -0.00879,0.234375 -0.070312,0.328125 -0.064453,0.087891 -0.1347656,0.1259766 -0.2109375,0.1171875 -0.079102,-0.00586 -0.1523438,-0.046875 -0.2226563,-0.1171875 -0.070312,-0.070312 -0.099609,-0.1816406 -0.082031,-0.3398438 z m 0.1289062,0 c 0,0.1259766 0.011719,0.2197266 0.035156,0.28125 0.029297,0.055664 0.076172,0.082031 0.140625,0.082031 0.061523,0 0.099609,-0.026367 0.1171875,-0.082031 0.023437,-0.061523 0.038086,-0.1523437 0.046875,-0.2695312 0.00586,-0.1230469 -0.00879,-0.2109375 -0.046875,-0.2578125 -0.041016,-0.052734 -0.079102,-0.084961 -0.1171875,-0.09375 -0.041016,-0.00586 -0.087891,0.023437 -0.140625,0.09375 -0.046875,0.070312 -0.058594,0.1523437 -0.035156,0.2460937 z m 0.6445313,0 c 0,-0.1230468 0.023437,-0.2255859 0.070312,-0.3046875 0.052734,-0.084961 0.1230469,-0.1289062 0.2109375,-0.1289062 0.09375,0 0.1669922,0.043945 0.2226562,0.1289062 0.061523,0.079102 0.084961,0.1845704 0.070312,0.3164063 -0.00879,0.1259766 -0.032227,0.234375 -0.070312,0.328125 -0.041016,0.087891 -0.1142578,0.1259766 -0.2226562,0.1171875 -0.1113281,-0.00586 -0.1816406,-0.046875 -0.2109375,-0.1171875 -0.032227,-0.070312 -0.055664,-0.1816406 -0.070312,-0.3398438 z m 0.1171875,0 c 0,0.1259766 0.014648,0.2197266 0.046875,0.28125 0.029297,0.055664 0.070312,0.082031 0.1171875,0.082031 0.046875,0 0.087891,-0.026367 0.1289062,-0.082031 0.046875,-0.061523 0.061523,-0.1523437 0.046875,-0.2695312 C 3.0604756,-2.5028344 3.0458286,-2.590725 3.0223906,-2.6376 3.0048126,-2.690334 2.9637966,-2.722561 2.8934844,-2.73135 2.8231724,-2.73721 2.7821563,-2.707913 2.7762969,-2.6376 Z m 0.609375,0 c 0,-0.1230468 0.023437,-0.2255859 0.070312,-0.3046875 0.052734,-0.084961 0.1230469,-0.1289062 0.2109375,-0.1289062 0.09375,0 0.1699219,0.043945 0.234375,0.1289062 0.061523,0.079102 0.084961,0.1845704 0.070312,0.3164063 -0.00879,0.1259766 -0.032227,0.234375 -0.070312,0.328125 -0.041016,0.087891 -0.1142578,0.1259766 -0.2226563,0.1171875 -0.1113276,-0.00586 -0.1816401,-0.046875 -0.210937,-0.1171875 -0.032227,-0.070312 -0.058594,-0.1816406 -0.082031,-0.3398438 z m 0.1289062,0 c 0,0.1259766 0.00586,0.2197266 0.023437,0.28125 0.023437,0.055664 0.070312,0.082031 0.140625,0.082031 0.070312,0 0.1113282,-0.026367 0.1289063,-0.082031 0.023437,-0.061523 0.038086,-0.1523437 0.046875,-0.2695312 0.00586,-0.1230469 -0.00879,-0.2109375 -0.046875,-0.2578125 -0.041016,-0.052734 -0.087891,-0.084961 -0.140625,-0.09375 -0.046875,-0.00586 -0.09082,0.023437 -0.1289063,0.09375 -0.041016,0.070312 -0.046875,0.1523437 -0.023437,0.2460937 z m 0.6210938,0 c 0,-0.1230468 0.023437,-0.2255859 0.070312,-0.3046875 0.052734,-0.084961 0.1318359,-0.1289062 0.234375,-0.1289062 0.099609,0 0.1757812,0.043945 0.2226562,0.1289062 0.052734,0.079102 0.082031,0.1845704 0.082031,0.3164063 0,0.1259766 -0.029297,0.234375 -0.082031,0.328125 -0.046875,0.087891 -0.1230468,0.1259766 -0.2226562,0.1171875 -0.1025391,-0.00586 -0.1816406,-0.046875 -0.234375,-0.1171875 -0.046875,-0.070312 -0.070312,-0.1816406 -0.070312,-0.3398438 z m 0.1289062,0 c 0,0.1259766 0.011719,0.2197266 0.035156,0.28125 0.029297,0.055664 0.076172,0.082031 0.140625,0.082031 0.061523,0 0.1054687,-0.026367 0.1289062,-0.082031 0.029297,-0.061523 0.046875,-0.1523437 0.046875,-0.2695312 0,-0.1230469 -0.017578,-0.2109375 -0.046875,-0.2578125 -0.023437,-0.052734 -0.067383,-0.084961 -0.1289062,-0.09375 -0.064453,-0.00586 -0.1113281,0.023437 -0.140625,0.09375 -0.023437,0.070312 -0.035156,0.1523437 -0.035156,0.2460937 z m 0.5859375,0.1523438 v -0.082031 h 0.328125 v 0.082031 z m 0.4804688,-0.1523438 c 0,-0.1230468 0.017578,-0.2255859 0.058594,-0.3046875 0.038086,-0.084961 0.1113282,-0.1289062 0.2226563,-0.1289062 0.1083984,0 0.1816406,0.043945 0.2226562,0.1289062 0.038086,0.079102 0.061524,0.1845704 0.070312,0.3164063 0.014649,0.1259766 -0.00879,0.234375 -0.070312,0.328125 -0.064453,0.087891 -0.140625,0.1259766 -0.234375,0.1171875 C 5.46575,-1.9403344 5.3925078,-1.98135 5.3309844,-2.0516625 5.2753203,-2.121975 5.2606719,-2.2333031 5.2841094,-2.3915063 Z m 0.1054687,0 c 0,0.1259766 0.011719,0.2197266 0.035156,0.28125 0.029297,0.055664 0.076172,0.082031 0.140625,0.082031 0.061523,0 0.1054687,-0.026367 0.1289062,-0.082031 0.029297,-0.061523 0.046875,-0.1523437 0.046875,-0.2695312 0,-0.1230469 -0.017578,-0.2109375 -0.046875,-0.2578125 -0.023437,-0.052734 -0.067383,-0.084961 -0.1289062,-0.09375 -0.064453,-0.00586 -0.1113281,0.023437 -0.140625,0.09375 -0.023437,0.070312 -0.035156,0.1523437 -0.035156,0.2460937 z m 0.609375,0 c 0,-0.1230468 0.023437,-0.2255859 0.070312,-0.3046875 C 6.122,-2.7811547 6.1981719,-2.8251 6.2919219,-2.8251 c 0.099609,0 0.1757812,0.043945 0.2226562,0.1289062 0.052734,0.079102 0.076172,0.1845704 0.070312,0.3164063 -0.00879,0.1259766 -0.029297,0.234375 -0.058594,0.328125 -0.032227,0.087891 -0.1113281,0.1259766 -0.234375,0.1171875 -0.1171875,-0.00586 -0.1933594,-0.046875 -0.2226563,-0.1171875 -0.023437,-0.070312 -0.046875,-0.1816406 -0.070312,-0.3398438 z m 0.1171875,0 c 0,0.1259766 0.014649,0.2197266 0.046875,0.28125 0.029297,0.055664 0.073242,0.082031 0.1289063,0.082031 0.061523,0 0.1083984,-0.026367 0.140625,-0.082031 0.029297,-0.061523 0.046875,-0.1523437 0.046875,-0.2695312 0,-0.1230469 -0.017578,-0.2109375 -0.046875,-0.2578125 -0.032227,-0.052734 -0.079102,-0.084961 -0.140625,-0.09375 -0.055664,-0.00586 -0.099609,0.023437 -0.1289063,0.09375 -0.032226,0.070312 -0.046875,0.1523437 -0.046875,0.2460937 z m 0.6210938,0 c 0,-0.1230468 0.026367,-0.2255859 0.082031,-0.3046875 0.061524,-0.084961 0.1347657,-0.1289062 0.2226563,-0.1289062 0.09375,0 0.1640625,0.043945 0.2109375,0.1289062 0.052734,0.079102 0.084961,0.1845704 0.09375,0.3164063 0.00586,0.1259766 -0.023437,0.234375 -0.09375,0.328125 -0.064453,0.087891 -0.1289063,0.1259766 -0.1992188,0.1171875 -0.070312,-0.00586 -0.149414,-0.046875 -0.234375,-0.1171875 -0.079101,-0.070312 -0.1054687,-0.1816406 -0.082031,-0.3398438 z m 0.1171875,0 c 0,0.1259766 0.017578,0.2197266 0.058594,0.28125 0.038086,0.055664 0.087891,0.082031 0.1523438,0.082031 0.061523,0 0.1054687,-0.026367 0.1289062,-0.082031 0.029297,-0.061523 0.041016,-0.1523437 0.035156,-0.2695312 -0.00879,-0.1230469 -0.020508,-0.2109375 -0.035156,-0.2578125 -0.00879,-0.052734 -0.052734,-0.084961 -0.1289062,-0.09375 -0.079102,-0.00586 -0.1289063,0.023437 -0.1523438,0.09375 -0.017578,0.070312 -0.035156,0.1523437 -0.058594,0.2460937 z m 0.6445312,0 c 0,-0.1230468 0.023437,-0.2255859 0.070312,-0.3046875 C 7.622,-2.7811547 7.6981719,-2.8251 7.7919219,-2.8251 c 0.099609,0 0.1699219,0.043945 0.2109375,0.1289062 0.046875,0.079102 0.073242,0.1845704 0.082031,0.3164063 0.00586,0.1259766 -0.020508,0.234375 -0.082031,0.328125 -0.055664,0.087891 -0.1259766,0.1259766 -0.2109375,0.1171875 -0.079102,-0.00586 -0.1523438,-0.046875 -0.2226563,-0.1171875 -0.070312,-0.070312 -0.09375,-0.1816406 -0.070312,-0.3398438 z m 0.1171875,0 c 0,0.1259766 0.014649,0.2197266 0.046875,0.28125 0.029297,0.055664 0.073242,0.082031 0.1289063,0.082031 0.061523,0 0.099609,-0.026367 0.1171875,-0.082031 0.023437,-0.061523 0.038086,-0.1523437 0.046875,-0.2695312 0.014648,-0.1230469 0.00293,-0.2109375 -0.035156,-0.2578125 -0.041016,-0.052734 -0.082031,-0.084961 -0.1289062,-0.09375 -0.041016,-0.00586 -0.082031,0.023437 -0.1289063,0.09375 -0.046875,0.070312 -0.064453,0.1523437 -0.046875,0.2460937 z m 0,0' style='fill:%23528d6b;fill-opacity:1;fill-rule:nonzero;stroke:none' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% auto;
}

#headwidget div.widget_custom_html {
    float: right;
}
#headwidget div#wetter {
float: right; padding: 5px 10px;
font-size: 0.9em; color: #528d6b;
}

#headwidget p {
    margin:0;
}
#headwidget div.widget_search {
    float: right; padding: 10px 20px; margin: 0; position: absolute; top:65px; right: 2%;
}
#headwidget div.widget_search label {display: none;}
#headwidget div.widget_search form { position: relative; margin: 0; padding: 0;}
#headwidget div.widget_search input { border: 0; background: #fff; padding: 10px; color: #528d6b; border-bottom: 1px solid; -webkit-appearance:none;-moz-appearance:none; appearance:none; border-radius: 0; }
#headwidget div.widget_search input[type=text] {  width: 220px; height: 38px; box-sizing: border-box; }
#suchbut {display: block; font-family: 'icons'; position: absolute; top: 0; right: -35px; z-index: 5; padding: 8px; font-size: 1.3em; cursor: pointer; width: 35px; height: 38px; text-align: center; box-sizing: border-box; color: #528d6b; }
#suchbut:hover { background:#528d6b; color: #fff;}

#menuelink {display: none; position: absolute; top:100px; right: 5%; margin: 0; padding:4px 5px; z-index: 20; height: 32px; width: 25px; }
#menuelink span { display: block; float: left; width: 100%; height: 3px; background: #528d6b; position: absolute; top: 5px; left: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s; transform-origin: center;}
#menuelink span#mlm { top: 13px; }
#menuelink span#mlu { top: 21px; }
#menuelink.open span#mlo {transform: rotate(45deg);translate(7px,8px); -moz-transform: rotate(45deg) translate(7px,8px); transform: rotate(45deg) translate(7px,8px);   }
#menuelink.open span#mlm { display: none;  }
#menuelink.open span#mlu {transform: rotate(-45deg);translate(4px,-4px); -moz-transform: rotate(-45deg) translate(4px,-4px); transform: rotate(-45deg) translate(4px,-4px);  }

#main {
    float: left; width: 100%; margin: 0; padding: 0; min-height: 300px; position: relative; z-index: 9;
}
.home #main {
    padding: 0;
}

#titel {
     position: absolute; top: -200px; left: -200px; width: 250px; z-index: 10; background: #528d6b; color: #fff; box-sizing: border-box; padding: 20px;  display: flex; align-items: flex-end;
     height: 250px; -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#titel h1, #titel h2 {
    color: #fff; margin: 10px 0;  font-size: 1.3em;
}
#titel p {
    color: #fff; margin: 10px 0;  font-size: 1.2em; font-weight: 400; text-transform: uppercase;
}
#titel p a {
    color: #fff;
}

#startinfo {
     position: absolute; bottom: 20px; left: -300px; width: 250px; z-index: 10; background: #528d6b; color: #fff; box-sizing: border-box; padding: 20px;  display: flex; align-items: flex-end;
     height: 250px; -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
     -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#startinfo.iv {
    left: 200px;
}

#startinfo p {
    color: #fff; margin: 10px 0;  font-size: 1.1em; font-weight: 400;
}
#startinfo p a {
    color: #fff;
}



footer {
    float: left; width: 100%; margin: 0; padding: 40px 0 0; background:#528d6b; color:#fff; text-align: left;
}
footer div.zc {
    position: relative;
}

.zc {
    margin: 0 auto; width: 100%; max-width: 1260px;
}

#content {
    margin: 0; width: 100%; max-width: 1260px; position: relative; float: left;  min-height:550px;
}
.contentseite div#content {
    max-width: 1160px;
}
.content1, .content1_  {
    float: left; width: 100%; min-height: 200px; padding: 0; position: relative;
}
.content2  {
    float: left; width: 100%; min-height: 200px; position: relative;
}
.content3 {
    float: left; width: 100%; background: #6e6e70; margin:20px 0 0; padding: 20px 0 30px; position: relative;
}
.content3::after {
    background: #6e6e70;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 1;
}

.content3::before {
    background: #6e6e70;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.inhalt {
    float: left; width: 92%; padding: 0 4%;
}
#breadcrumbs {
    float: left; width: 92%; padding: 0 4%; margin: 10px 0;
}

#breadcrumbs.titbc {
    margin-top: -80px;
}

#fsidebar {
    float: left; width: 100%; background: #fff; padding:50px 0; margin: 50px 0 0;
background-position: center bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; background-repeat: no-repeat;
background-image: url('images/foothin.jpg');
min-height: 300px;
}
.home #fsidebar {
    margin-top: 0;
}

#sidebar {
    margin: 0 auto; width: 100%; max-width: 1260px;
}
#sidebar .fi {
    font-size: 1.3em; color: #6e6e70; font-weight: 400; margin: 20px 0;
}
#sidebar .fi span {
    font-size: 50px; font-weight: bold;
}
#sidebar #einwohner::before {
 display: block; padding: 20px 0;
  font-family: 'icons';
  text-decoration: none; font-size: 40px;
  content: "\e808"; line-height: 30px;
 }
#sidebar #flaeche::before {
 display: block; padding: 20px 0;
  font-family: 'icons';
  text-decoration: none; font-size: 40px;
  content: "\e83f"; line-height: 30px;
 }


#hauptsidebar {
    float: right; width: 100%; padding: 10px 0; text-align: center;
}
#hauptsidebar .widget {
display: block; width: 46%; float: left; margin: 10px 4% 10px 0;
}
#hauptsidebar .widget_text {
    background: #fff; padding: 20px 2%; text-align: left; box-sizing: border-box;
}
#hauptsidebar .widget_text div.textwidget {
    float: left; width: 100%; padding: 10px 2%; box-sizing: border-box; border: 2px solid #bfbfbf;
}
#hauptsidebar .widget_custom_html {
    background: transparent; padding: 0;
}
#hauptsidebar .widget_custom_html div.textwidget { border: none; padding: 0;}

#hauptsidebar .weiterlink a {
    width: auto; display: inline-block; margin: 10px 20px 10px 0; border: 2px solid #528d6b;
    background: #fff; color: #528d6b; padding: 8px 15px;
}
#hauptsidebar .weiterlink a:first-child {
   background: #528d6b; color: #fff;
}
#hauptsidebar .weiterlink a:hover {
   background: #faf7ef; color:#528d6b;
}

.wlbutton {
    float: left; width: 100%;
}

.theading h3 {
    text-transform: uppercase; text-align: center;
}
.theading h3 span {
    background: #fff; padding: 5px 10px 2px; display: inline-block; color: #6e6e70;
}

.blogcategory  {
    float: left; width: 102%; margin: 0 0 0 -1%; display: flex; flex-wrap: wrap;
}
.suche div.pageinhalt {
   float: left; display: flex; flex-wrap: wrap;
}
.suche div.pageinhalt h1 {
    float: left; width: 100%;
}
.startbox {
    float: left; width: 98%; margin: 0 1% 60px;
}
.startbild {
    float: left; width: 45%; margin:-50px 0 0; padding: 0; box-sizing:border-box; border: 2px solid #528d6b;
}
.startbild img  {
    float: left; width: 100%; transform: translate(30px, 30px);
}

.startbox div.postinhalt {
    float: right; width: 45%; margin: 0; padding: 0;
}
.startbox div.postinhalt .weiterlink a {
    width: auto !important; display: inline-block; margin: 30px 0;
}

.teaserbox {
    float: left; width:31.33%; margin: 15px 1%; background:#fff;  box-sizing: border-box; padding: 0 0 40px;
    border: 2px solid #bfbfbf;
    position: relative;
    background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;  background-repeat: no-repeat; overflow: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.teaserbox:hover {
box-shadow: 0px 0px 5px 0px #333;
-moz-box-shadow: 0px 0px 5px 0px #333;
-webkit-box-shadow: 0px 0px 5px 0px #333;
}

.teaserbox h2 {
    margin: 10px 0; padding: 0;
    overflow: hidden;
}
.teaserbox h2 a {

}

.teaserbox div.postinhalt {
   float: left; width: 90%; padding: 10px 5%;
}
.weiterlink {
    width: 100%; text-align: left; padding: 0; box-sizing: border-box;
}
.weiterlink a {
color: #fff; padding: 10px 20px; display: block; background: #528d6b; width: 100%; box-sizing: border-box;
}
.weiterlink a:hover {
    background: #faf7ef; color: #528d6b;
}
.teaserbox .weiterlink { position: absolute; left: 0; bottom: 0; }



.buttonlink a {
color: #fff; padding: 10px 20px; display: inline-block; background: #528d6b; width: auto; box-sizing: border-box;
}
.buttonlink a:hover {
    background: #faf7ef; color: #528d6b;
}

.rahmenbutton a {
    display: inline-block; padding: 10px; border: 2px solid #ddd; font-family: 'Zilla Slab', Arial, sans-serif; color: #000; width: 200px; text-align: center;
}
.rahmenbutton a:hover { color: #528d6b; }

.blogsingle .postimage {
    float: left; width: 100%; margin: 20px 0; text-align: center;
}
.blogsingle div.postinhalt {
    float: left; width: 100%;
}
.postinfo {
     width: 100%; margin: 20px 0 0; font-size: 0.9em;
}

figure {
    margin: 0;
}

.rahmenbild figure {
    position: relative; margin-top: 30px !important;
}

.rahmenbild figure::after {
    content:""; display: block; width: 100%; height: 100%; border: 2px solid #528d6b; position: absolute; top: -30px; left: -30px; z-index: -1;
}
.rahmenbild figure.alignright::after {
     left: -30px !important;
}
.rahmenbild figure.alignleft::after {
     right: -30px !important; left: auto;
}

@media only screen and (min-width: 1160px) {
.titelbild {
    position: absolute; top:-80px; left: 0; width: 25%;
}
}

.fw {
    float: left; padding: 0;
}
#footwidget {
    float: left; width:92%;margin: 0 4%; position: relative; z-index: 2;
}
#footwidget a {
    color: #faf7ef;
}

footer #footwidget h3::before {
 display: inline-block; padding: 0 15px 0 0;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\e80a";
}
footer #footsidebar div:first-child h3::before {
 display: inline-block; padding: 0 15px 0 0;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\e808";
}


#footnav {
    float: left; width: 100%; background: #faf7ef;
}
#footwidget2 {
    float: right; width:25.33%; background: #fff; margin: 0 2%; padding: 0 2%;
}
#servicesidebar {

}

footer #footsidebar #servicesidebar h3::before {
 display: inline-block; padding: 0 15px 0 0;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\e817"; font-weight: normal;
}


#menu-item-8401 a svg {
float:left; display: inline-block;
}
#menu-item-8401 a:hover svg path {
    fill: #000;
}

.pdflink a::before, a.pdflink::before {
  display: inline-block; padding: 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size: 1.0em;
  content: "\f1c1";
}

div.info-men {
    float: left; position: relative;width: 100%; background: #faf7ef; margin: 0;
}

.info-men ul {
    list-style: none;
    margin: 0;  width: 100%; padding: 0;
}
.info-men ul li {
    display: block; float: left; width: 25%; padding: 10px; box-sizing: border-box; text-align: center;
}
.info-men ul li a {
    display: flex; padding: 20px 10px; box-sizing: border-box; width: 100%; text-align: center; height: 140px; align-items: flex-end; font-weight: 700; justify-content: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; flex-wrap: wrap;

}

.info-men ul li a span { display: block; width: 100%; }
.info-men ul li a:hover {
transform: scale(1.02,1.02);
}
.info-men ul li.menu-item-33 a::before {
 display: inline-block; padding: 0 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size:50px;
  content: "\f0f6";
}
.info-men ul li.menu-item-2132 a::before {
 display: inline-block; padding: 0 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size:50px;
  content: "\e817";
}
.info-men ul li.menu-item-48 a::before {
 display: inline-block; padding: 0 0 10px;font-family: 'Zilla Slab', Arial, sans-serif;
  text-decoration: none; font-size:50px;
  content: "?"; font-weight: bold;
}
.info-men ul li.menu-item-5218 a::before {
 display: inline-block; padding: 0 0 10px;
  font-family: 'icons';
  text-decoration: none; font-size:50px;
  content: "\e803";
}

.copy {
    float: right; width: 50%; margin:0; padding:40px 0;
}


#navcontainer {
    float: left; width: 100%; background: #528d6b; margin: 0;
}

#menu {
    float: right; width:85%; margin:0 0 0 15%; text-align: center; padding: 0;
    -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
position: relative;
}
.menu-hauptmenue-container {
    position: relative; float: left; width: 100%;
}


@media only screen and (min-width: 1160px) {

header#header.fixiert {
  padding-bottom: 60px;
}
header#header.fixiert #navcontainer  {
position: fixed; top: 0; left: 0; box-shadow: 0px 0px 5px 0px #333;
-moz-box-shadow: 0px 0px 5px 0px #333;
-webkit-box-shadow: 0px 0px 5px 0px #333;
}

.vpg #menu {
 display: block !important;

}

.fixiert #headwidget {
    display: none;
}


#menu > div { width: 100%; }

#menu ul#menu-hauptmenue {
    display: flex; flex-wrap: nowrap;
}

.blogsingle {
    float: left; width: 75%; margin: 0 25% 0 0;
}


}

#menu ul
{
            float: left;
            margin: 0;
            padding: 0; min-width: 100%;
            list-style-type: none;
}

#menu ul li {
                         display: block;
                         float: left;
                         margin: 0 30px; padding: 0;
}


#menu ul li a {
float: left;
display: block;
font-weight:400;
color: #fff;
padding: 25px 30px;
margin: 0; height: 20px;text-decoration: none;
text-align: left;
}

#menu ul li a.hakt {
     border-bottom: 4px solid #fff;padding: 25px 30px 21px;
}

#menu ul li.current-menu-item > a, #menu ul li.current_page_parent > a, #menu ul li.current-page-ancestor > a  {
  color: #528d6b; background: #faf7ef;
}


#menu ul li a:hover {
    border-bottom: 4px solid #fff;padding: 25px 30px 21px;
}

#menu ul.sub-menu {
position: absolute;
top:90px; z-index: 5;
left: 0; padding: 10px 0 20px;
width:100%;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
width: auto;
opacity: 0;
display: none;
visibility: hidden;
background: #fff;
}
#menu #menu-hauptmenue > li > ul.sub-menu > li {
    margin-top: 50px; position: relative;
}
#menu #menu-hauptmenue > li > ul.sub-menu > li::before {
 display:block; padding: 0 ; position: absolute; top: -45px; left: 30px;
  font-family: 'icons';
  text-decoration: none; font-size:30px;
  color:#acc6b5;
}


#menu ul.sub-menu ul { display: block; position: relative; top: auto !important; left: auto; background: transparent;}

.vpg #menu ul.sichtbar { opacity: 1; top: 75px; visibility: visible; z-index: 100; }

#menu ul.sub-menu li {float: left; margin: 0; box-sizing: border-box; width: 100%; }


#menu ul#menu-hauptmenue > li > ul.sub-menu {
border-bottom: 2px solid #faf7ef;
}
#menu ul#menu-hauptmenue > li > ul.sub-menu::after {
    background:#fff;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: -1;border-bottom: 2px solid #faf7ef;
}

#menu ul#menu-hauptmenue > li > ul.sub-menu::before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;border-bottom: 2px solid #faf7ef;
}

#menu ul#menu-hauptmenue > li > ul.sub-menu > li {
    float: left; width: auto !important; max-width: 230px;
}
#menu ul#menu-hauptmenue > li > ul.sub-menu > li:first-child {box-sizing: border-box; border-left: 3px solid #bfbfbf; }

#menu ul#menu-hauptmenue > li#menu-item-22 > ul.sub-menu > li, #menu ul#menu-hauptmenue > li#menu-item-21 > ul.sub-menu > li, #menu ul#menu-hauptmenue > li#menu-item-43 > ul.sub-menu > li, #menu ul#menu-hauptmenue > li#menu-item-41 > ul.sub-menu > li {
     max-width: 280px;
}

@media only screen and (min-width: 1160px) {

.fixiert #menu ul.sub-menu { top: 70px; padding: 15px 0; }
#menu ul.sub-menu li {width: 100%; float: left; margin: 0; box-sizing: border-box; }
#menu ul.sub-menu li:last-child { border-right: none; }

}


#menu ul.sub-menu li a {
padding:0 30px 15px;
margin: 0;
font-size: 1.1em;
border: none;
width:100%;
text-align: left;
height: auto;
box-sizing: border-box;
}

#menu ul.sub-menu li a {
color: #608d6a; font-weight: bold;
}

#menu ul.sub-menu li a:hover {
color: #bfbfbf; font-weight: bold;
}


#menu ul.sub-menu li ul.sub-menu {
    float: left; width: 100%; padding: 5px 0;
}

#menu ul.sub-menu li ul.sub-menu li {
    float: left; width: 100%; min-height: 5px; border-right: none;
}


#menu ul.sub-menu li ul.sub-menu li a{
   font-weight: 300; font-size: 0.9em;text-transform: none; padding: 5px 30px; color: #000;
}
#menu ul li ul.sub-menu li.current-menu-item ul.sub-menu li a {
background: transparent;
}
#menu ul li ul.sub-menu ul.sub-menu li a:hover {
color: #bfbfbf; font-weight: bold;
}#menu ul li ul.sub-menu li.current-menu-item ul.sub-menu li a:hover {
color: #bfbfbf; font-weight: bold;
}
#menu ul li ul.sub-menu li ul.sub-menu li.current-menu-item a {
background: transparent;
}

#menu ul.sub-menu li ul.sub-menu {
    display: block !important; visibility: visible !important; opacity: 1 !important; padding: 0;
}

#menu ul.sub-menu li.current-menu-item > a, #menu ul.sub-menu li.current_page_parent > a, #menu ul.sub-menu li.current-page-ancestor > a  {
   background: #fff; color: #bfbfbf !important; font-weight: bold !important;
}

span.qn {display: none; font-family: icons; font-size: 18px; background: #fff; background: rgba(255,255,255,0.6);
position: absolute; top: 0; right: 0; z-index: 4; width: 20px; height: 21px; cursor: pointer; padding: 16px 14px; color:#528d6b; }


#footnav ul
{
            float: left;
            margin: 30px 0;
            padding: 0;
            list-style-type: none; width: 100%; text-align: center;
}

#footnav ul li {
                         display: inline-block;
                         margin: 0; padding: 0;
                         }
#footnav ul li a {
    display: block; float: left; padding:5px 20px; font-size: 1.0em; color: #000;
}
#footnav ul li a:hover {
    color:#528d6b;
}

footer a:hover {
    color: #000;
}
footer h3 {
  color: #fff; font-weight: 300; font-size: 1.7em;
}


a {
  color: #528d6b; text-decoration: none;
}
a:hover {
  color: #000;
}

#bildcont {
    float: left; width: 100%; position: relative;
}

.bild {
    float: left; width: 100%; min-height: 700px;
    background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; background-repeat: no-repeat; position: relative;
 overflow: hidden;
}
.bild2 {
    position: relative; width: 100%;
}


.bildtitle { }
#bildcont div.bild {
    width: 95%; margin: 0 5% 0 0;
}



#bildad {
    float: left; width: 92%; padding: 15px 4% 10px; color: #fff;
}
.bildbalken {
    float: left; width: 100%; min-height:20px;
}
.bildbalken2 {
    float: left; width: 100%; min-height:240px;
}
.bbwrap {
    width: 100%; position: relative; float: left; margin: 50px 0;
}

.bbwrap .bildbalken {
float: left; width: 100vw; background-position: center center;
background-repeat: no-repeat;
margin: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%; position: absolute; top: 0; left: 50%; margin: 0 0 0 -50vw;
}


@media only screen and (min-width: 1160px) { .bbwrap .bildbalken { background-attachment: fixed;} }



.balken {background: #faf7ef; margin: 50px 0; padding: 50px 0; position: relative; float: left; width: 100%;}
.balken::after {
    background:#faf7ef;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 1;
}

.balken::before {
    background: #faf7ef;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}



.projektbild  {
    float: left; width: 100%; margin: 20px 0 0;
}

a.totop {
    position: absolute; top: -60px; right: 0; font-family: icons; font-size: 1.5em; color: #528d6b;background: #faf7ef;
    padding: 10px 0; text-align: center; width:50px; z-index: 50;
}
a.totop:hover {
 background:#528d6b; color: #fff;
}


input {
    border: 1px solid #999; padding: 10px; background: #fff; width: 200px; font-size: 1.05em; box-sizing: border-box;font-family: 'IBM Plex Sans', Arial, sans-serif;
}
select {
    border: 1px solid #999; padding: 10px; background: #fff; width: 200px; font-size: 1.05em;font-family: 'IBM Plex Sans', Arial, sans-serif;   ;
}
input:focus {
 border: 1px solid #878787; color: #3b4044; outline: 0 none;
}
textarea {
    border: 1px solid #999; padding: 10px; background: #fff; font-size: 1.05em; font-family: 'IBM Plex Sans', Arial, sans-serif;
}
textarea:focus {
 border: 1px solid #878787; color: #3b4044;
}
#headwidget .wp-block-search input {
    width: 60%;
}

input[type=submit] {
    background: #528d6b; color: #fff; cursor: pointer; width: 100px; border: 2px solid #528d6b;
    -webkit-appearance:none;-moz-appearance:none; appearance:none;
}
input[type=submit]:hover {
    background:#e8e8e8; color: #528d6b;
}


img {
    max-width: 100%; height: auto !important;
}
iframe {
    max-width: 100%;
}

h1 {
    font-weight:400; color:#528d6b; font-size: 2.2em;
     margin: 20px 0; line-height: 1.3em; font-family: 'Zilla Slab', Arial, sans-serif;
}

h2 {
    font-weight: 400; font-size: 1.5em; margin: 20px 0  10px; line-height: 1.4em; font-family: 'Zilla Slab', Arial, sans-serif;
}
h2.has-large-font-size {
    font-size: 2.2em !important;
}

h2:first-child {
    margin-top: 0;
}

h2 + ul, h3 + ul  {
    margin-top: 0 !important;
}


h3 {
    font-weight: 400; font-size: 1.4em; margin: 20px 0 5px;
}
#content h3 {
   font-family: 'Zilla Slab', Arial, sans-serif;
}

p {
    margin: 15px 0; line-height: 1.5em;
}
#content ul li  {
   line-height: 1.5em;
}


hr {
    border: none; width: 100%; height: 1px; margin:30px 0; background: #666;
}


strong, b {
    font-weight: 700;
}

@media only screen and (min-width: 680px) {
div.zs {-webkit-columns: 2; -moz-columns: 2; columns: 2; float: left; width: 100%; margin: 0;
-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
    }
div.zs p {margin: 0 0 20px;}
}

@media only screen and (min-width: 780px) {
.footlogo img {
    margin-bottom: -100px;
}
}
/* == WordPress WYSIWYG Editor Styles == */



.wp-block-columns, .wp-block-group, .wp-block-gallery {
    float: left; width: 100%;
}

:where(.wp-block-columns) {
  margin-bottom: 1em !important;
}

.alignfull {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-bottom: 0 !important;
  width: 100vw;
  max-width: 100vw;
}

.wp-block-image.alignfull  {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-bottom: 0 !important;
  width: 100vw;
  max-width: 100vw;
 }
.wp-block-video.alignfull {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-bottom: 0 !important;
  width: 100vw;
  max-width: 100vw;
 }


.wp-block-cover .wp-block-group {
    margin: 0 auto !important; max-width: 1160px;
}

.wp-block-cover img {
    height: 100% !important;
}
.beschriftet .wp-block-cover__inner-container {
    display: flex; justify-content: center; align-items: center;
}

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
    margin-top: 0;
    text-align: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
    text-align: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
    text-align: center;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 0.9em;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.content1 > h2, .content2 > h2 {
    float: left; width: 100%;
}

.content1 > ul {
    margin: 20px 0; padding: 0 0 0 30px;
}
.content1 > ul li {
    padding: 5px 0;
}

.content1 > ul.wp-block-gallery {
    margin: 0; padding: 0;
}
.wp-block-gallery .blocks-gallery-item figcaption { box-sizing: border-box;}

.wp-block-gallery.is-cropped .blocks-gallery-item img {
    height: 100% !important;
}

.content1 > ul.wp-block-gallery  li {
    padding: 0;
}
.content1.am {
    margin-bottom: 0; padding-bottom: 0;
}

#anmeldung {
    float: left; width: 100%; margin: 0; padding: 0;
}
.anmeldelink {
    display: inline-block; padding: 10px 20px; background: #6e6e70; color: #fff; font-weight: bold;
    border: 1px solid #878787; margin: 10px 0 0;
}
.anmeldelink:hover {
   background: #878787; color: #fff;
}

#main div.wpcf7 {
    float: left; width: 100%; background: #fff; padding: 10px 0; margin: 0 0 20px 0;
}
#main #anmeldung div.wpcf7 {
    margin: 0 0 20px;
}
.wpcf7 form {
    margin: 0; float: left; width: 100%; display: flex; flex-wrap: wrap;
}

.wpcf7 div.formfeld {
    float: left; width: 100%;
}
.fspalte { float: left; width: 100%; }
.wpcf7 #bestellung {
    float: left; width: 100%; margin: 20px 0; box-sizing: border-box; padding: 10px; background: #e2e3e5;
}
.wpcf7 #bestellung input, .wpcf7 #bestellung select {
    width: 100px;
}

@media only screen and (min-width: 680px) {
.fspalte {width: 50%;box-sizing: border-box; padding: 0 20px 0 0;}
#bestellung div.formfeld {width: auto; box-sizing: border-box; padding: 0 20px 0 0;}

}

.amltop {
    position: absolute; top: -15px; right: 2%;
}

.wpcf7 form > p {
    float: left; width: 100%; margin: 2px 0;
}

.wpcf7 label {
    float: left; width: 100%; padding: 5px 0;
}

.wpcf7 input {
   box-sizing: border-box; width: 100%;
}
.wpcf7 textarea {
   box-sizing: border-box; width: 100%; height:150px;
}
.wpcf7 input[type=submit] {
  width: 200px;
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, .wpcf7-response-output  {
    float: left;
}

.wpcf7 form.invalid .wpcf7-response-output::before {
  display: inline-block; padding: 0 10px 0 0;
  font-family: 'icons';
  text-decoration: none; font-size: 1.2em;
  content: "\2757"; color: #ffb900;
}
.wpcf7 form.sent .wpcf7-response-output::before {
  display: inline-block; padding: 0 10px 0 0;
  font-family: 'icons';
  text-decoration: none; font-size: 1.2em;
  content: "\2714"; color: #46b450;
}


.datenschutzfeld {
    float: left; width: 100%; margin: 10px 0;  font-size: 0.9em; line-height: 1.4em;
}
.datenschutzfeld span.wpcf7-list-item-label {
    display: none;
}
.datenschutzfeld  span.wpcf7-list-item {
    display: inline-block;
    margin: 0 1em 0 0;
}

footer div.social {
    float: left; margin: 10px;
}

footer div.social span {
    display: inline-block; margin: 10px;
}
footer div.social a {
    display: inline-block; margin: 10px 5px; font-size: 40px; line-height: 40px; font-family: icons;
}

.pagination {
  display: block !important;  float: left; width: 100%; margin: 20px 0; text-align: center;
}
.pagination h2 { display: none;}
.pagination a {
    display: inline-block; padding: 3px; margin: 5px;
}
.pagination span.current {
    display: inline-block; padding: 3px; margin: 5px; font-weight: bold;
}
.pagination a.prev::before {
 display: inline-block; padding: 0 10px 0 0;
  font-family: 'icons';
  text-decoration: none;
  content: "\e802"; line-height: 20px;
 }
.pagination a.next::after {
 display: inline-block; padding: 0 0 0 10px;
  font-family: 'icons';
  text-decoration: none;
  content: "\e804"; line-height: 20px;
 }


a.extern::before {
 display: inline-block; padding: 0 10px 0 0;
  font-family: 'icons';
  text-decoration: none; font-size: 1.2em;
  content: "\e800";
}

.details {
    float: left; width: 100%; margin: 20px 0 50px; border-top: 2px solid #4083Ad; border-bottom: 2px solid #4083Ad; padding: 10px 0 20px;
}
#detaillink {
    display: inline-block; padding: 10px 20px 7px; background: #6e6e70; color: #fff; font-weight: bold;
    border: 1px solid #878787; margin: 10px 0;text-transform: uppercase;
}
#detaillink:hover {
   background: #878787; color: #fff;
}



.shareandprint {
    margin: 30px 0 10px; text-align: left; padding: 20px 0 0; float: left; width: 100%;
}

.shareandprint a {
    display: inline-block; padding: 5px; font-family: icons; background: #528d6b; color: #fff; font-size: 1.2em;
    width: 40px; height: 40px; box-sizing: border-box; margin:3px; text-align: center; line-height: 30px;
}
.shareandprint a:hover { background:#474747; color: #fff; }


.loader { float: left; width: 100%; text-align: center; margin: 20px 0;}
.loader div { display: inline-block; border:3px solid #efefef; border-top:4px solid #528d6b; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite;z-index: 6;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


#content ul.wp-block-latest-posts__list {
    float: left; width: 100%; margin: 0; padding: 0;position: relative;
}
#content ul.wp-block-latest-posts__list li {
    float: left; width: 100%; margin: 10px 0;

}
#content ul.wp-block-latest-posts__list.is-grid li {
    float: left; width:31.33%; margin: 15px 1%; background:#fff;  box-sizing: border-box; padding: 0 0 40px;
    border: 2px solid #bfbfbf;
    position: relative;
    background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;  background-repeat: no-repeat; overflow: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#content ul.wp-block-latest-posts__list.is-grid {
    display: flex; flex-wrap: wrap;
}
#content ul.wp-block-latest-posts__list.is-grid li {
display: flex; flex-direction: column;
}
#content ul.wp-block-latest-posts__list.is-grid li:hover {
box-shadow: 0px 0px 5px 0px #333;
-moz-box-shadow: 0px 0px 5px 0px #333;
-webkit-box-shadow: 0px 0px 5px 0px #333;
}
#content ul.wp-block-latest-posts__list.is-grid li div.wp-block-latest-posts__featured-image  {
    float: left; width: 100%; margin: 0 0 20px; max-height: 250px; overflow: hidden; order: 1;
}

#content ul.wp-block-latest-posts__list.is-grid li > a {
    display: block; margin: 10px 0; padding: 0 5%; float: left; width: 90%;
    overflow: hidden; font-weight: 400;
font-size: 1.5em;
line-height: 1.4em;
font-family: 'Zilla Slab', Arial, sans-serif; order: 3;
}
#content ul.wp-block-latest-posts__list.is-grid time {
    float: left; width: 90%; margin: 0 5%; font-size: 1.0em; color: #000;order:2;
}

#content ul.wp-block-latest-posts__list.is-grid div.wp-block-latest-posts__post-excerpt {
   float: left; width: 90%; padding: 10px 5%;order: 4;
}
#content ul.wp-block-latest-posts__list.is-grid .weiterlink { position: absolute; left: 0; bottom: 0;order: 5;   }

.wp-block-pb-accordion-item {
    float: left; width: 100%;
}
.wp-block-aab-accordion-block {
   border: 0 !important;  border-radius: 0 !important;
}

.aab__accordion_head  {
     margin: 0; background: #598e6a !important; color: #fff; box-sizing: border-box;

}
.aab__accordion_head:hover {
    background: #e6ede8  !important;  color: #000;
}

.aab__accordion_head h2 {
    color: #fff;
}
.aab__accordion_head:hover h2 { color: #000;  }

.aab__accordion_body {
    border: 0 !important;
}

.wp-block-pb-accordion-item .c-accordion__content {
    float: left; width: 100%; margin: 10px 0;
}
.wp-block-pb-accordion-item .c-accordion__title::after {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    }
.wp-block-pb-accordion-item.is-open .c-accordion__title  {
    background: #e6ede8; color: #000 !important;
}
.wp-block-pb-accordion-item.is-open .c-accordion__title::after {
    color: #000;
    }

.wp-block-column h1, .wp-block-column h2, .wp-block-column h3, .wp-block-column p:first-child {
    margin-top: 0;
}
.c-accordion__title:focus { outline: 0 none; } /* To modify the style when an accordion item title currently has broswer focus */

.wp-block-table table {
border-spacing: 1px;
}
.wp-block-table table tr td {
    padding: 5px 10px 5px 0; vertical-align: top;line-height: 1.5em;
}
.is-style-stripes table tr td {
    padding: 5px;
}
.wp-block-table table tr th {
    padding: 5px;line-height: 1.5em;
}

#sitemapw li.pagenav {
    display: block; list-style: none; width: 100%; float: left; margin: 0; padding: 0; text-align: center;
}
#sitemapw li.pagenav > ul {
    display: flex; flex-wrap: wrap; float: left; width: 100%; margin: 0; padding: 0; list-style: none; text-align: left;
}
#sitemapw li.pagenav > ul > li {
display: block; float: left; width: 32.33%; margin: 5px 0.5%; padding: 0 10px 10px; box-sizing: border-box; background: #faf7ef; list-style: none;
}
#sitemapw li.pagenav > ul > li > a {
    font-weight: bold; display: block; padding: 10px 0 5px; border-bottom: 1px solid #fff; margin-bottom: 10px;
}

#sitemapw li.pagenav > ul > li > ul.children, #sitemapw li.pagenav > ul > li > ul.children > li {
  list-style: none; width: 100%; margin: 0; padding: 0; display: block; float: left;
}

#sitemapw li.pagenav > ul > li > ul.children > li::before {
 display:inline-block; padding: 0 10px 0 0;
  font-family: 'icons';
  font-size:16px; color: #528d6b;
}
#sitemapw li.pagenav > ul li.page-item-85::before { content: "\f133";}
#sitemapw li.pagenav > ul li.page-item-83::before { content: "\e81e";}
#sitemapw li.pagenav > ul li.page-item-81::before { content: "\e81c";}
#sitemapw li.pagenav > ul li.page-item-79::before { content: "\e814";}
#sitemapw li.pagenav > ul li.page-item-77::before { content: "\e83c";}
#sitemapw li.pagenav > ul li.page-item-75::before { content: "\f1b8";}
#sitemapw li.pagenav > ul li.page-item-73::before { content: "\e823";}
#sitemapw li.pagenav > ul li.page-item-29::before { content: "\e824";}
#sitemapw li.pagenav > ul li.page-item-44::before { content: "\e813";}
#sitemapw li.pagenav > ul li.page-item-69::before { content: "\e814";}
#sitemapw li.pagenav > ul li.page-item-71::before { content: "\f201";}
#sitemapw li.pagenav > ul li.page-item-61::before { content: "\f1ae";}
#sitemapw li.pagenav > ul li.page-item-63::before { content: "\e834";}
#sitemapw li.pagenav > ul li.page-item-65::before { content: "\f0f1";}
#sitemapw li.pagenav > ul li.page-item-67::before { content: "\e826";}
#sitemapw li.pagenav > ul li.page-item-59::before { content: "\f236";}
#sitemapw li.pagenav > ul li.page-item-57::before { content: "\e827";}
#sitemapw li.pagenav > ul li.page-item-55::before { content: "\e839";}



.tribe-js .animation {
    opacity: 0.5;
   transition: all .5s ease-in-out;
   transform: scale(0.8,0.8);
}

.tribe-js .animation.visible {
     opacity: 1; transform: scale(1.0,1.0);
}


@media only screen and (max-width: 1560px) {
#titel { top: -180px; left:-4%; width: 200px; padding: 10px;height: 200px;}
#titel h1, #titel h2 { font-size: 1.1em;}
}
@media only screen and (max-width: 1360px) {
#menu ul li {  margin-right: 0; }
#menu ul li a {padding: 15px 30px;}
#startinfo.iv {left: 4%;}
#logocontainer { width: 75%;}
#menu ul li a {padding: 25px 25px; }
#menu ul li a.hakt {padding: 25px 25px 21px; }
}

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

#logocontainer { margin-top:50px;}
#navcontainer {
  padding-top: 10px;
}

#main { padding: 0;}
.bild { min-height: 500px; }

#menuelink{  display: block; }
.mobilenav {
    display: none;
}
#menu { width: 100%; margin: 0;
-webkit-transition: none;
-moz-transition: none;
transition: none;}

#menu ul li { width:100%; position: relative; margin: 0 !important; }
span.qn {display: block; }

#menu ul li a {
float: left;
width: 100%;
padding: 15px 5%;
box-sizing: border-box;
height: auto;
border-bottom: 1px solid #949799;
text-align: center;
}

#menu ul.sub-menu {
position: relative;
top: auto !important; padding: 0 !important;
width: 100%;
-webkit-transition: none;
-moz-transition: none;
transition: none;
display: none;
opacity: 1;
visibility: visible;
}

#menu li ul.sub-menu {
    width: 100% !important;
    -webkit-transition: none;
-moz-transition: none;
transition: none;
}
#menu li ul.sub-menu li {
    min-height: 0 !important;
}
#menu ul.sub-menu li a {
padding: 15px 10%;
font-size: 0.95em;
}
#menu ul.sub-menu li ul.sub-menu li a {
    padding: 10px 10%;
}
#menu ul li a.hakt {
     border-bottom: 1px solid #fff;padding: 15px 30px 15px;
}
#menu ul#menu-hauptmenue > li > ul.sub-menu > li {
    width: 25% !important;
}

#menu .current-menu-item ul.sub-menu, #menu .current-menu-ancestor ul.sub-menu {
    display: block !important;
}
#menu #menu-hauptmenue > li > ul.sub-menu > li {
    margin-top: 40px;
}
#menu #menu-hauptmenue > li > ul.sub-menu > li::before {top: -30px; font-size:28px;}

.copy {width: 92%; margin: 10px 4%;}
footer h3 { font-size: 1.5em;}
#headwidget div.widget_search {top:30px; right: 5%; }

#hauptsidebar .widget {margin: 10px 2%;}
}
@media only screen and (max-width: 960px) {


#logo img { width: 80px;margin: 0 0 -40px 0;}
#logo a span {padding: 20px; font-size: 26px;}


#breadcrumbs {font-size: 0.9em; }

h1 {font-size: 1.8em;}
h2.has-large-font-size {
    font-size: 1.7em !important;
}

#footwidget {float: left; width:92%;margin: 0 4%;}

#footwidget2 { width:90%; margin: 20px 4% 0; padding: 0 2%;}

.bbwrap { max-height: 300px;}
.teaserbox { width:48%;}
#content ul.wp-block-latest-posts__list.is-grid li { width:48%; }

#menu ul#menu-hauptmenue > li > ul.sub-menu > li {
    width: 50% !important;
}

.balken { padding: 30px 0; }
.teaserbox h2 { font-size: 1.3em;}
#sitemapw li.pagenav > ul > li { width: 49%;}

.startbild { width: 95%;}
.startbox div.postinhalt {width: 100%; padding: 50px 0 0;}

#headwidget a#headinsta, #headwidget a#headbucher {
display: none;
}
}

@media only screen and (max-width: 780px) {
  .wp-block-cover, .wp-block-cover__image-background {
    background-attachment: scroll !important;
    max-height: 300px;
    min-height: 300px !important;
  }
  .aab__accordion_head h2 {
    font-size: 1.2em !important;
}
}


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


#logo a span { display: inline-block; padding: 10px; font-size: 26px; width: 220px;}


.teaserbox {width:97%; margin: 10px 1.5%; height:auto;}
#content ul.wp-block-latest-posts__list.is-grid li { width:97%; margin: 10px 1.5%; }
.amltop {  display: none; }

.bild { min-height: 400px; }



#hauptsidebar .widget { width: 96%;}
#hauptsidebar .widget_text { padding: 10px 2%; }

#footwidget div.widget {width: 100%; }
#footwidget {
    width:92%;margin: 0 4%;
}

#titel { top: -130px; width: 150px;height: 150px;}
#titel h1, #titel h2 { font-size: 1.0em; -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

#startinfo { left: -300px; width: 200px; height: 200px;}
#startinfo p { font-size: 0.9em; }

#sitemapw li.pagenav > ul > li { width: 100%; margin: 5px 0;}

.info-men ul li a {
 font-size: 0.9em;
}
.info-men ul li {
   width: 50%;
}

.info-men ul li.menu-item-33 a::before {
font-size:40px;
}
.info-men ul li.menu-item-47 a::before {
font-size:40px;
}
.info-men ul li.menu-item-48 a::before {
 font-size:40px;
}
.info-men ul li.menu-item-5218 a::before {
  text-decoration: none; font-size:40px;
}

#headwidget a#headbuerger, a#headplan {
display: none;
}

}

@media only screen and (max-width: 460px) {
#logocontainer { width: 80%; min-width: 280px;}
#logo a span { font-size: 22px; width: 19px;padding: 10px 5px;}

.bild { min-height: 300px; }

#headwidget .wp-block-search input {  font-size: 0.9em;  }
#headwidget .wp-block-search [type=submit] { font-size: 0.9em;  }
.alignleft, img.alignleft {
	margin-right: 0;max-width: 100%; width: 100% !important;
	}
.alignright, img.alignright {
	margin-left: 0;max-width: 100%; width: 100% !important;
	}

#menu ul#menu-hauptmenue > li > ul.sub-menu > li {
    width: 100% !important;
}
.info-men ul li { padding: 0 10px;}
.info-men ul li a { font-size: 0.8em;}
.startbild { width: 90%;}
.startbild img  {transform: translate(20px,20px);}

}

@media only screen and (max-width: 350px) {
#logo a span {  font-size: 20px; }
#headwidget a { font-size: 0.8em; padding: 5px 3px; }
#headwidget a::before {  padding: 0 5px !important; }
#headwidget div#wetter { padding: 5px; font-size: 0.8em; }
#headwidget div.widget_search {top:25px; }
}