@import url(https://fast.fonts.com/cssapi/c5eb9450-0422-4f7f-b132-da861d5bacd8.css);

@media screen, projection {
    /**
       * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
       * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
       *
       * @workaround
       * @affected IE8, FF, Webkit, Opera
       * @css-for all
       * @valid CSS3
       */
    html, body {
        height: 100%;
    }


    body {
        overflow-y: scroll;
    }
}

/*-------------------------------------------------------------------------*/

/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
body {
    background-color: #ECEDEF;
    padding: 0;
    color: #676D71;
}

/* Layout Alignment | Layout-Ausrichtung */
.page_margins {
    margin: 0 auto -100px auto;
}

/* Layout Properties | Layout-Eigenschaften */
.page_margins{
    max-width: 798px;
    min-height: 100%;
    background: #fff;
}

#header {
    position: relative;
    padding: 0;
    color: #676D71;
    background: #fff;
    height: 137px;
}

#topnav_logo {
    position: absolute;
    top: 0px;
    right: 0px;
}

#topnav_logoanim {
    position: absolute;
    bottom: 9px;
    left: 13px;
}

#topnav_suche {
    position: absolute;
    top: 20px;
    left: 38px;
    text-align: left;
    color: #676D71;
    background: transparent;
    width: 214px;
    font-size: 10px;
}

#dia {
    height: 190px;
}

/* breadcrumb */
.page_title {
    border-bottom: 1px solid #E3E4E6;
    margin: 0 0 34px 0;
    padding: 7px 0 0 0;
    font-size: 12px;
    text-transform: lowercase;

    height: 30px;
    line-height: 16px;
}

#main {
    margin: 0;
    background: #fff;
}


#footer {
    color: #676D71;
    font-size: 12px;
    max-width: 798px;
    margin: 0 auto;
    height: 100px;
    padding-top: 40px;
    background-color: #fff;
}

.push {
    height: 100px;
}

.contentcol {
    padding: 0 90px 0 0 ;

}
.list li {
    padding: 0 90px 0 0;
}



/**
 * Fonts
 *
 * (en) global settings of font-families and font-sizes
 * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
 *
 * @section content-global-settings
 */

/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * {
    font-size: 100.01%;
}

/**
 * (en) reset monospaced elements to font size 16px in all browsers
 * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
 *
 * @see: http://webkit.org/blog/67/strange-medium/
 */

textarea, pre, code, kbd, samp, var, tt {
    font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif;
}

/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
    font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #676D71;
}

/*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #222;
    margin: 0 0 0.25em 0;
}

h1 {
    font-size: 250%;
}

/* 30px */
h2 {
    font-size: 200%;
}

/* 24px */
h3 {
    font-size: 150%;
}

/* 18px */
h4 {
    font-size: 133.33%;
}

/* 16px */
h5 {
    font-size: 116.67%;
}

/* 14px */
h6 {
    font-size: 116.67%;
}

/* 14px */

/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl {
    line-height: 1.5em;
    margin: 0 0 1em 1em;
    padding: 0 !important;
}

ul {
    list-style-type: disc;
}

ul ul {
    list-style-type: circle;
    margin-bottom: 0;
}

ol {
    list-style-type: decimal;
}

ol ol {
    list-style-type: lower-latin;
    margin-bottom: 0;
}

li {
    margin-left: 0.8em;
    line-height: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 1em 0.8em;
}

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p {
    line-height: 175%;
    margin: 0 0 1em 0;

    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;


}

blockquote, cite, q {
    font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif;
    font-style: italic;
}

blockquote {
    margin: 0 0 1em 1.6em;
    color: #666;
}

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

big {
    font-size: 116.667%;
}

small {
    font-size: 91.667%;
}

pre {
    line-height: 1.5em;
    margin: 0 0 1em 0;
}

pre, code, kbd, tt, samp, var {
    font-size: 100%;
}

pre, code {
    color: #800;
}

kbd, samp, var, tt {
    color: #666;
    font-weight: bold;
}

var, dfn {
    font-style: italic;
}

acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
}

sub, sup {
    font-size: 91.6667%;
    line-height: 0;
}

hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border: 0;
    border-bottom: 1px #eee solid;
}

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

a, a:visited {
    color: #95C10C;
    background: transparent;
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    color: #95C10C;
    text-decoration: underline;
    outline: 0 none;
}

/*--- Links in Tabelle ----------------------------------------------------------------------------------------- */

td a, td a:visited {
    color: #676D71;
    background: transparent;
    text-decoration: none;
}

td a:focus,
td a:hover,
td a:active {
    color: #676D71;
    text-decoration: none;
    outline: 0 none;
}

/*--- Links Breadcrumb----------------------------------------------------------------------------------------- */

.page_title a, .page_title a:visited {
    color: #676D71;
    background: transparent;
    text-decoration: none;
    margin: 0 2px;
}

.page_title a:first-child, .page_title a:first-child:visited {
    margin-left: 0;
}



.page_title span a, .page_title  a:visited {
    color: #676D71;
    background: transparent;
    text-decoration: none;
}

.page_title  a:focus,
.page_title  a:hover,
.page_title  a:active,
.page_title  a:last-child
{
    color: #95C10C;
    text-decoration: underline;
    outline: 0 none;
}

.page_title  a:last-child
{
    text-decoration: none;
}
.page-header{
    padding: 30px 0 0 0;
}
/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

p.icaption_left {
    float: left;
    display: inline;
    margin: 0 1em 0.15em 0;
}

p.icaption_right {
    float: right;
    display: inline;
    margin: 0 0 0.15em 1em;
}

p.icaption_left img,
p.icaption_right img {
    padding: 0;
    border: 1px #888 solid;
}

p.icaption_left strong,
p.icaption_right strong {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    padding: 0.3em 0.5em;
    background: #eee;
    font-weight: normal;
    font-size: 91.667%;
}

/**
 * ------------------------------------------------------------------------------------------------- #
 *
 * Generic Content Classes
 *
 * (en) standard classes for positioning and highlighting
 * (de) Standardklassen zur Positionierung und Hervorhebung
 *
 * @section content-generic-classes
 */


.float_left {
    float: left;
    display: inline;
    margin-right: 1em;
    margin-bottom: 0.15em;
}

.float_right {
    float: right;
    display: inline;
    margin-left: 1em;
    margin-bottom: 0.15em;
}

.center {
    display: block;
    text-align: center;
    margin: 0.5em auto;
}

/**
 * ------------------------------------------------------------------------------------------------- #
 *
 * Tables | Tabellen
 *
 * (en) Generic classes for table-width and design definition
 * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
 *
 * @section content-tables
 */


table {
    width: auto;
    border-collapse: collapse;
    font-family: 'FrutigerLTW01-45Light', Arial;
    padding-bottom: 2em;
}

table caption {
    font-variant: small-caps;
}

table.full {
    width: 100%;
}

table.fixed {
    table-layout: fixed;
}

th, td {
    padding: 0.25em 0.5em 0.25em 0.5em;
    font-size: 12px;
}

thead th {
    border-bottom: 1px #eee solid;
    font-weight: bold;
}

tbody th {
    background: #e0e0e0;
    color: #333;
}

tbody th[scope="row"], tbody th.sub {
    background-color: #f0f0f0;
}

tbody th {
    border-bottom: 1px solid #eee;
    text-align: left;
}

tbody td {
    border-bottom: 1px solid #eee;
}

tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub {
    background-color: #F8F9FA;
}

tbody tr:hover td {
    background-color: #F8F9FA;
}

/**
 * ------------------------------------------------------------------------------------------------- #
 *
 * Miscellaneous | Sonstiges
 *
 * @section content-misc
 */


a.details, a.details:visited, a.details:link {
    padding: 3px 10px;
    background-color: #767C7F;
    color: #FFF;
    text-decoration: none;
}

a.details:hover, a.details:active, a.details:focus {
    background-color: #97C00E;
    color: #fff;
    text-decoration: none;
}


a.graulink, a.graulink:visited, a.graulink:link {
    color: #676D71;
    text-decoration: none;
}

a.graulink:hover, a.graulink:active, a.graulink:focus {
    color: #676D71;
    text-decoration: underline;
}


#footer a, #footer a:visited, #footer a:link {
    color: #676D71;
    text-decoration: none;
}

#footer a:hover, #footer a:active, #footer a:focus {
    color: #676D71;
    text-decoration: underline;
}





/* wordpress override */

h1.entry-title {
    display: none;
}
.entry-title a{
    color: #95C10C;
}

.search-field {
    border: 1px solid #000;
    line-height: 12px;
}

#content.site-content {
    padding: 0;
}

.entry-content {
    margin: 0;
}


@media (min-width: 799px) {
    .container {
        padding: 0;
    }
    .navbar {
        display: block;
    }
}

/*titelbild*/
.entry-content .wp-block-image:first-child,
.entry-content figure:first-child img{
    margin: 0 !important;
    width: 100%;
    height: auto;
    max-width: unset;
}


@media (max-width: 991px) {
    /* siegel links */
    #block-7, #topnav_suche, #topnav_logoanim {
        display: none;
    }
    #header {
        height: 60px;
    }
    .contentcol {
        padding: 0;
    }
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #95C10C;
    border: 1px solid #95C10C;
    border-radius: 0rem;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}


.widget {
    font-size: 100% !important;
}


/* menu */



ul.seknavi {
    list-style: none;
    color:#676D71;
    background-color: #fff;
    padding: 1px 0 0 0;
    margin: 0;
    font-size: 15px;
    line-height: 1em;
    font-family:'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif;
    text-transform: lowercase;

    width: 100%
}


ul.seknavi ul {
    font-size: 13px;
    list-style: none;
    font-family:'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif;
    margin: 0;
    text-transform: lowercase;
}

ul.seknavi ul ul{
    font-size: 13px;
    list-style: outside;
    font-family:'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif;
    margin: 0 0 0 38px !important;
    text-transform: lowercase;
}


ul.seknavi li, ul.seknavi ul li {
    margin-left: 0 !important;
}


/* #############   Ebene 1  ###############  */

ul.seknavi li{
    background-color: #fff;
    padding: 1px 0;
    border-top: 1px solid #E3E4E6;
    border-bottom: 1px solid #E3E4E6;
    margin-top: -1px;
    line-height: 1em;
}

ul.seknavi li.last{
}


ul.seknavi a {
    display:block;
    padding: 6px 0px 6px 23px !important;
    background-color: #fff;
    color: #676D71;
}


ul.seknavi li.active a {
    color: #95C10C;
}

ul.seknavi li.off a {
    color: #676D71;
}

ul.seknavi a:hover, ul.seknavi a:focus, ul.seknavi a:active {
    background-color: #F8F9FA;
    text-decoration: none;
}

ul.seknavi li.off a:hover, ul.seknavi li.off a:focus, ul.seknavi li.off a:active {
    background-color: #F8F9FA;
    text-decoration: none;
}

ul.seknavi  .dropdown-toggle::after {
    display: none !important;
}


/* #############   Ebene 2  ###############  */

ul.seknavi ul {
    border: none;
    padding: 0 !important;

    top: unset !important;
    left: unset !important;
    right: unset !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}

ul.seknavi li.active > ul {
    position: relative !important;
    display: block !important;
}

ul.seknavi ul li a:after {
    display: none !important;
}

ul.seknavi ul li{
    background-color: #fff;
    border:none;
    line-height: 1em !important;
}

ul.seknavi ul li.last{
    border: none;
}

ul.seknavi li.active li {
    background-color: #fff;
}

ul.seknavi li.active li a {
    background-color: #fff;
    color: #676D71;
    line-height: 1em !important;
}

/*
ul.seknavi li.active li.active {
	color: #95C10C;
}*/

ul.seknavi li.active li.active a{
    color: #95C10C;
}

ul.seknavi li.off li.off {
    color: #676D71;
}

ul.seknavi li.off li.off a{
    color: #676D71;
}


ul.seknavi ul a {
    display:block;
    padding: 2px 0px 2px 23px !important;
    background-color: #fff;
}

ul.seknavi ul a:hover, ul.seknavi ul a:focus, ul.seknavi ul a:active {
    background-color: #F8F9FA;
    text-decoration: none;
}

ul.seknavi li.active li a:hover, ul.seknavi li.active li a:focus, ul.seknavi li.active li a:active {
    background-color: #F8F9FA;
    text-decoration: none;
}


/* #############   Ebene 3  ###############  */

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: none;
}



ul.seknavi ul ul a {
    display:block;
    padding: 2px 0px 2px 0px !important;
    background-color: #fff;
}


ul.seknavi li.active li.active li {
    background-color: #fff;
}

ul.seknavi li.active li.active li a {
    background-color: #fff;
    color: #676D71;
}

ul.seknavi li.active li.active li.active{
    color: #95C10C;
}

ul.seknavi li.active li.active li.active a{
    color: #95C10C;
}



/* #############   Mobile  ###############  */


@media (max-width: 991px) {

    ul.seknavi a {
        padding: 6px 0px 6px 23px !important;
        font-size: 16px !important;
    }

    ul.seknavi ul a {
        padding: 6px 0px 6px 43px !important;
        font-size: 16px !important;
    }

    ul.seknavi ul ul a {
        padding: 6px 0px 6px 63px !important;
        font-size: 16px !important;
    }

}





/* footer menu */

ul#menu-footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    text-align: left;
}
ul#menu-footer-menu li{
    display: inline-block;
    padding: 0;
    margin: 0;
}
ul#menu-footer-menu li a {
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    border-right: 1px solid #676D71;
    font-size: 12px;
}
ul#menu-footer-menu li:last-child a {
    border-right: none;
}


ul#menu-footer-menu li a:hover{
    background-color: unset;
}


/* forms */

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: normal;
    font-size: 15px;
    font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif;
    float: left;
    width: 130px;


}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 120px;
    width: 300px;
}

.wpforms-form ul {
    display: table;
}

.wpforms-form button[type=submit] {
    padding: 0px 10px !important;
    background-color: #767C7F !important;
    color: #ffffff !important;
}

.wpforms-form button[type=submit]:hover {
    background-color: #95C10C !important;
}