/*
Theme Name: Schöning 2022
Theme URI: https://zusammengezimmert.de/
Author: Lars Zimmer
Author URI: https://zusammengezimmert.de/
Description: Das offizielle Wordpress-Theme von Barbara Schöning
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Barbara Schöning, Fotografie
Text Domain: barbaraschoeningde
Version: 221011-lz1
*/


/*--------------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------------------------
1.0 - RESET
2.0 - LAYOUT
    2.1 - GENERAL STYLES
    2.2 - BLOCKS
    2.3 - TABLES
3.0 - HEADER
4.0 - FOOTER
5.0 - PAGES
	5.1 - PAGE - HOME
	5.2 - PAGE - PORTFOLIO
	5.3 - PAGE - STORIES
    5.4 - PAGE - BARBARA
	5.5 - PAGE - INFO
    5.6 - PAGE - KONTAKT
    5.7 - PAGE - KONTAKT > DANKE
    5.8 - PAGE - IMPRESSUM + DATENSCHUTZ
6.0 - POSTS
    6.1 - POSTS - UEBERSICHTSSEITEN
    6.2 - POSTS - BEITRAGSSEITE
7.0 - WIDGETS
8.0 - SHORTCODES
9.0 - PLUGINS
    9.1 - PLUGIN - ISOTOPE
    9.2 - PLUGIN - CONTACT FORM 7
    9.3 - PLUGIN - META SLIDER
    9.4 - PLUGIN - COOKIEBOT
---------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/
/*	1.0 - RESET
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
figure { margin: 10% 0; }
img { border: 0; -ms-interpolation-mode: bicubic;}

a:hover, 
a:active, 
a:focus,
button:focus,
v:hover, 
v:active, 
v:focus,
input:hover, 
input:active, 
input:focus,
textarea:hover, 
textarea:active, 
textarea:focus { 
    outline: none !important; 
    -moz-outline-style: none !important;
}

input {-webkit-border-radius:0; border-radius:0;}
::-webkit-input-placeholder {color: rgba(255, 255, 255, .66);}
:-moz-placeholder {color: rgba(255, 255, 255, .66);}
::-moz-placeholder {color: rgba(255, 255, 255, .66);}
:-ms-input-placeholder {color: rgba(255, 255, 255, .66);}
*, *:before, *:after {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

/* Clearfix */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; 
}

.cf:before, .cf:after {
    content: " "; /* 1 */ 
    display: table; /* 2 */
}

.cf:after {clear: both;}☺
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.vc_gitem_row .vc_gitem-col { /* PAGEBUILDER > SPALTEN-ELEMENTE */
    padding: 0 !important; /* VC-Abstaende aushebeln */
}

button::-moz-focus-inner { /* 190625 lz: Gepunktete Outline in Firefox entfernen (https://bit.ly/2CpBDbi) */
  border: 0;
}






/*-----------------------------------------------------------------------------------*/
/*	2.0 - LAYOUT
/*-----------------------------------------------------------------------------------*/

    /*-----------------------------------------------------------------------------------*/
    /*	2.1 - GENERAL STYLES
    /*-----------------------------------------------------------------------------------*/

    /* H2 BARBARA */
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 100;
      src: url('fonts/lato-v17-latin-100.eot'); /* IE9 Compat Modes */
      src: local('Lato Hairline'), local('Lato-Hairline'),
           url('fonts/lato-v17-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/lato-v17-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/lato-v17-latin-100.woff') format('woff'), /* Modern Browsers */
           url('fonts/lato-v17-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/lato-v17-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* Fliesstext */
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 300;
      src: url('fonts/lato-v17-latin-300.eot'); /* IE9 Compat Modes */
      src: local('Lato Light'), local('Lato-Light'),
           url('fonts/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */
           url('fonts/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* Fliesstext kursiv */
    @font-face {
      font-family: 'Lato';
      font-style: italic;
      font-weight: 300;
      src: url('fonts/lato-v17-latin-300italic.eot'); /* IE9 Compat Modes */
      src: local('Lato Light Italic'), local('Lato-LightItalic'),
           url('fonts/lato-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/lato-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/lato-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('fonts/lato-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/lato-v17-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* Fliesstext bold */
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      src: url('fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
      src: local('Lato Bold'), local('Lato-Bold'),
           url('fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
           url('fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* Schmuckschrift */
    @font-face {
        font-family: 'Walkout';
        src: url('fonts/walkout-webfont.woff2') format('woff2'),
             url('fonts/walkout-webfont.woff') format('woff'),
             url('fonts/walkout-webfont.ttf') format('ttf');
        font-weight: normal;
        font-style: normal;
    }



    /* THEME-FARBEN */

    :root { /* FARB-VARIABLEN GLOBAL */
        --standard: #c29a85; /* 200717 lz: = CI-Ocker (Standard) */
        --gruen: #b6c6ac; /* 191020 lz: = CI-Gruen (Footer) */
        --beige: #f3e7e0; /* 190330 lz: = CI-Beige (Schmuckgrafiken) */
    }

    * { /* WERTE FUER ALLE ELEMENTE */
        transition: all 0.5s; /* 170319 lz: Uebergange animieren */
    }

    body {
        margin: 0 auto; /* 200717 lz: Im Browserfenster zentrieren */
        color: #000; /* 200717 lz: Schwarz faerben */
        font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 190319 lz: Schriftart definieren */
        font-size: 20px; /* 200717 lz: Layout ab 200525 */
        font-weight: 300; /* 200717 lz: Schriftschnitt 'light' */
        line-height: 1.5em; /* 200717 lz: Layout ab 200525 */
        letter-spacing: 0.02em; /* 200717 lz: Fliesstext leicht sperren */
        min-height: 100vh; /* 190915 lz: Auf kurzen Seiten Whitespace unterhalb des Footers vermeiden */
        position: relative; /* 200717 lz: Header-Logo an body ausrichten */
    }

    p { /* ABSAETZE GENERELL */
        hyphens: auto; /* 190414 lz: Aut. Silbentrennung aktivieren */
        margin-bottom: 20px;
        position: relative; /* 220216 lz: Schmuckgrafiken generell an zugeh. Absaetzen ausrichten */
    }

    #content { /* INHALTS-CONTAINER */
        background-color: #fff; /* 190915 lz: Absetzen vom blauen Footer */
        padding-top: 300px; /* 201023 lz: Platz fuer initales Header-Logo schaffen, margin ersetzen wegen Fehldarstellung in Safari */
        position: relative; /* 190915 lz: Wallpaper nicht ueberdecken */
        z-index: 0; /* 190915 lz: Wallpaper nicht ueberdecken */
    }

    .entry-content p:last-child {
        margin-bottom: 0;
    }

    .entry-content blockquote p:last-child {
        margin-bottom: 24px;
    }

    b, 
    strong {
        font-weight: bold;
    }

    em, 
    i {
        font-style: italic;
    }

    s, 
    strike, 
    del {
        text-decoration: line-through;
    }

    button, /* BUTTONS ALLG. */
    button:focus, /* BUTTONS FOCUS. */
    button:active, /* BUTTONS ACTIVE */
    input::-moz-focus-inner { /* FIREFOX */
        outline: none; /* 190625 lz: Buttons stylen */
        cursor: pointer; /* 190625 lz: Buttons stylen */
        height: 100%; /* 190625 lz: Buttons stylen */
    }



    /* --- HEADLINES --- */

    h1, h2, h3, h4 { /* UEBERSCHRIFTEN ALLG. */
        line-height: 1.4em; /* 200717 lz: Layout ab 200525 */
        width: 100%; /* 190929 lz: Ueberschriften sollen stets volle Zeilenbereite einnehmen */
    }

    h1 { /* = SCHMUCKTITEL */
        font-family: 'Walkout'; /* 200717 lz: Schriftart definieren */
        font-size: 80px; /* 200725 lz: Kompakter gestalten */
        font-weight: normal; /* 200717 lz: Schriftschnitt 'regular' */
        line-height: 1.2em; /* 190416 lz: Zeilenabstand vereinheitlichen */
        margin: 60px 0 40px; /* 200725 lz: Kompakter gestalten */
    }

    h2, 
    h3, 
    h4, /* = ZWISCHEN-UEBERSCHRIFTEN */
    .home #intro h1 { /* SEITE 'HOME' > SECTION 'INTRO' > HEADLINE 1. EBENE */
        font-family: 'Lato'; /* 200717 lz: Schriftart definieren */
        font-weight: 300; /* 200717 lz: Schriftschnitt definieren */
        font-size: 24px; /* 200725 lz: Kompakter gestalten */
        line-height: 1.2em; /* 200927 lz: Verringern */
        margin: 40px 0 20px; /* 200717 lz: Absatzabstaende ergaenzen */
        text-transform: uppercase; /* In Grossschriften setzen */
    }



    /* LINKS */

    a,
    a:link,
    a:visited { /* LINKS GENERELL */
        color: inherit; /* = body statt Standard-Linkfarben */
        text-decoration: none; /* Standard-Unterstreichung entfernen */
    }

    a:hover { /* LINKS GENERELL (MOUSEOVER) */
        opacity: .5 !important; /* 200717 lz: Bei MouseOver abblenden */
    }

    p > a,
    p > a:link,
    p > a:visited, /* LINKS IN ABSAETZEN */
    span > a,
    span > a:link,
    span > a:visited, /* LINKS IN SPANS */
    strong > a,
    strong > a:link,
    strong > a:visited { /* LINKS IN FETT FORMATIERTEM TEXT */
        color: inherit; /* 190319 lz: Standardblau verhindern */
        border-bottom: 1px solid rgba(0,0,0,0.25); /* 201107 lz: Dezenter gestalten */
        line-height: 1.3; /* 190525 lz: Linien-Offset definieren */
    }

    p > a:hover,
    p > a:active,
    p > a:focus, /* LINKS IN ABSAETZEN (AKTIV) */
    span > a:hover,
    span > a:active,
    span > a:focus, /* LINKS IN SPANS (AKTIV)*/
    strong > a:hover,
    strong > a:active,
    strong > a:focus { /* LINKS IN FETT FORMATIERTEM TEXT (AKTIV) */
        color: #000; /* 190319 lz: Schwarz faerben */
    }



    /* PLATZHALTER-TEXTE */

    ::-webkit-input-placeholder { /* WebKit browsers */
        color: var(--standard); /* 191024 lz: CI-einfaerben */
        opacity: 0.5; /* 191024 lz: CI-einfaerben */
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: var(--standard); /* 191024 lz: CI-einfaerben */
        opacity: 0.5; /* 191024 lz: CI-einfaerben */
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: var(--standard); /* 191024 lz: CI-einfaerben */
        opacity: 0.5; /* 191024 lz: CI-einfaerben */
    }



    /* LISTEN */

    ol {
        list-style: decimal;
    }
    
    li > ul,
    li > ol {
        margin-bottom: 0;
        margin-left: 0;
    }

    .entry-content ul ul li:last-child,
    .entry-content ol ol li:last-child {
        margin-bottom: 0;
    }

    .entry-content ul ul,
    .entry-content ol ol {
        margin-top: 12px;
    }

    ul + h3 { /* LISTENTITEL NACH VORIGER LISTE */
        margin-top: 20px; /* 180505 lz: Absatzabstand ergaenzen */
    }

    figure {
        margin: 0;
    }

    img {
        display: block; /* 200926 lz: Abstand unten innerh. figure entf */
        height: auto; /* Make sure images are scaled correctly. */
        max-width: 100%; /* Adhere to container width. */
        min-width: 0;
    }



    /* Alignment */

    .alignleft,
    .alignright {
        display: block;
    }
    .alignleft {
        margin: 5px 30px 5px 0;
        float: left;
    }
    .alignright {
        margin: 5px 0 0 30px;
        float: right;
    }
    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
        clear: both;
    }
    img.alignleft,
    img.alignright {
        margin-top:10px;
        margin-bottom:20px;
    }



    /* Pages */

    .site-content .page {
        position: relative;
        margin: 0;
        padding: 0 0 60px;
    }

    .divider {
        height: 0;
        padding: 0;
        margin: 0;
    }

    .divider + p {
        display: none;
    }

    #page-wrapper { /* SEITEN-CONTAINER */
        height: 415px; /* 190319 lz: Platz fuer Schmuckgrafik erzeugen */
        margin: 0 auto;
        max-width: none;
        max-width: none;
        position: relative;
        width: 100%;
    }

    article > *  { /* SEITENINHALTS-CONTAINER > INHALTE */
        margin: 0 auto !important; /* 190523 lz: CF7 Standard-CSS ueberschreiben */
        max-width: 1080px; /* 190329 lz: Auf Satzspiegelbreite beschraenken */
        padding: 0 10px !important; /* 190523 lz: CF7 Standard-CSS ueberschreiben */
    }



    /* --- WALLPAPER --- */

    #wallpaper { /* SEITEN-TAPETE */
        left: 0; /* 190319 lz: im Hintergrund anordnen */
        position: absolute; /* 190319 lz: im Hintergrund anordnen */
        width: 100%; /* 190627 lz: Hor. Scrollbalken verhindern */
        margin-top: -40px; /* 190410 lz: Bild oben in den Anschnitt nehmen */
        z-index: -1; /* 190410 lz: Hinter Seiteninhalt anordnen */
    }

    #wallpaper-inner { /* SEITEN-TAPETE > INNEN-CONTAINER */
        display: flex; /* 190405 lz: Hor. zentrieren */
        justify-content: center; /* 190405 lz: Hor. zentrieren */
    }

    #wallpaper img { /* SEITEN-TAPETE > BILD */
        position: relative; /* 190319 lz: Vert. einruecken */
    }

    #wallpaper a { /* HINTERGRUND-MOTIV > INNENCONTAINER */
        position: relative; /* 190319 lz: Grafik in wallpaper-Container zentrieren */
        margin: 0 auto; /* 190319 lz: Hor. zentrieren */
        width: 75%; /* 190319 lz: Grafik skalieren */
    }



    /* BUTTON 'BACK TO TOP' */

    #backtotop { /* BUTTON 'BACK TO TOP' (INITIAL) */
        background: url("img/arrow-backtotop.svg") center center / contain repeat !important; /* 220216 lz: CSS kombinieren */      
        bottom: 60px; /* 190915 lz: Button positionieren */
        height: 50px; /* 190915 lz: Button definieren */
        opacity: 0; /* 190915 lz: Initial ausblenden */
        pointer-events: none; /* 190915 lz: Nicht klickbar schalten */
        position: fixed; /* 190915 lz: Button positionieren */
        left: 5%; /* 200913 lz: = Sticky-Logo */
        transform: rotate(180deg); /* 190915 lz: Pfeilrichtung umkehren */
        width: 50px; /* 190915 lz: Button definieren */
        z-index: 1; /* 200719 lz: Von Cookiebanner ueberlagern lassen */
    }

    #backtotop.visible { /* BUTTON 'BACK TO TOP' (GESCROLLT) */
        bottom: 15px; /* 200913 lz: = Sticky-Logo */
        opacity: 1; /* 190915 lz: Einblenden */
        pointer-events: all; /* 190915 lz: Klickbar schalten */
    }

        #backtotop.visible:hover { /* BUTTON 'BACK TO TOP' (GESCROLLT + MOUSEOVER) */
            bottom: 40px; /* 190915 lz: Leichte Interaktions-Animation ergaenzen */
        }






    /* Maximum width of 1079 pixels (MOBILE)
    ------------------------------------------------------------------------------------ */
    @media screen and (max-width: 1079px) {

        /* ALLGEMEIN */

        body { /* ALLGEMEIN */
            font-size: 16px; /* 200928 lz: Kompakter gestalten */
            line-height: 1.4em; /* 190930 lz: Kompakter gestalten */
        }

        p { /* ABSAETZE */
            width: 100%; /* 190930 lz: Stets volle Spaltenbreite einnehmen */
        }

        article  { /* SEITENINHALTS-CONTAINER */
            overflow: hidden !important; /* 191017 lz: Hor. Scrollbalken durch Beitragsfilter verhindern */
        }
        
        article > *  { /* SEITENINHALTS-CONTAINER > INHALTE */
            margin: 0; /* 190916 lz: Aussenabstaende entf */
            max-width: none; /* 190916 lz: Breitenbegrenzung aufheben */
            padding: 0 20px !important; /* 190916 lz: Fixe Randabstaende definieren */
        }

        h1, /* = SEITEN-TITEL */
        h2 { /* = HEADLINES */
            hyphens: manual; /* 170319 lz: Silbentrennung bis auf manuell gesetzte verbieten */
            line-height: 1.1em !important; /* 191017 lz: Zeilenabstand mobil min. vergroessern */
            text-align: center; /* 200913 lz: Headlines zentrieren */
        }

        h1 { /* = SEITEN-TITEL */
            font-size: 50px; /* 200913 lz: Vergroessern */
            margin: 30px 0 20px !important; /* 201109 lz: Abstand vor ergaenzen */
        }

        h2 { /* = HEADLINES */
            font-size: 24px; /* 190929 lz: verringern */
            margin: 30px 0 15px; /* 190929 lz: verringern */
        }

        #content { /* INHALTS-CONTAINER */
            padding-top: 80px; /* 201023 lz: = Header, statt margin wg. Darstellungsfehler Safari */
            overflow-x: hidden; /* 200929 lz: Hor. Scollbalken vermeiden */
        }

        
        
        /* WALLPAPER */

        #wallpaper { /* SEITEN-TAPETE */
            margin-top: -20px; /* 190929 lz: Ausrueckung verringern */
        }

        #wallpaper-inner { /* SEITE 'UEBER' > SEITEN-TAPETE (INNENCONTAINER) */
            justify-content: center; /* 190927 lz: Wallpaper hor. zentrieren */
            left: 0; /* 190927 lz: Ausrueckung entf */
            width: 100%; /* 190927 lz: Groesse mobil ausgleichen */
        }

        #wallpaper img { /* SEITE 'UEBER' > SEITEN-TAPETE > BILD */
            margin: 40px 0 0 0 !important; /* 190930 lz: Etwas weiter unter Mobilmenue verschieben */
            width: 90% !important; /* 190928 lz: Groesse mobil ausgleichen */
        } 



        /* BUTTON 'BACK TO TOP' */

        header.menue-open #backtotop.visible { /* HEADER > HAUPTMENUE (GEOEFFNET) > BUTTON 'BACK TO TOP' (GESCROLLT) */
            display: none; /* 190917 lz: Entf */
        }


        
        /* SEITENTITEL */
  
        .page .page-title, /* SEITEN > SEITENTITEL */
        .archive .page-title { /* KATEGORIESEITEN > SEITENTITEL */
            height: 200px; /* 190917 lz: Verkleinern */
        }
    
    }



    /* MOBILE / Max width of 480 pixels (smartphones portrait)
    ------------------------------------------------------------------------------------ */

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

        .entry-content p,
        .entry-content li,
        section p,
        section li,
        .ml-responsive-table dl dd {
            line-height: 1.4em !important;
        }

    }



    /* PRINT
    ------------------------------------------------------------------------------------ */
    @media print {
        
        body {
            background: none !important;
            color: #000;
            font-size: 10pt;
        }
        .site-title {
            color: #000;
            font-size: 21pt;
        }
        .site-description,
        #site-nav,
        #secondary {
            display: none;
        }
        .entry-header,
        .entry-content,
        .entry-summary,
        .entry-meta {
            margin: 0;
            width: 100%;
        }
        
    }






    /*-----------------------------------------------------------------------------------*/
    /*	2.2 - BLOCKS
    /*-----------------------------------------------------------------------------------*/

    /* BLOCKELEMENT 'BILD' > CONTAINER */

    .wp-block-image { /* BILD IM FLIESSTEXT */
        margin-bottom: 0; /* 200926 lz: Entf */
    }

    .wp-block-image .alignleft { /* BILD IM FLIESSTEXT (LINKSBUENDIG) */
        margin-right: 2em; /* 190617 lz: Abstand zu Fliesstext erhoehen */
    }

    .wp-block-image .alignright { /* BILD IM FLIESSTEXT (RECHTSBUENDIG) */
        margin-left: 2em; /* 190617 lz: Abstand zu Fliesstext erhoehen */
    }

    .wp-block-image figcaption { /* BILDUNTERSCHRIFTEN */
        color: #999; /* 191009 lz: Dezenter gestalten */
        font-size: 12px !important; /* 191009 lz: Dezenter gestalten */
        line-height: 1.5em; /* 190617 lz: = Fliesstext */
        margin-bottom: 2em; /* 190617 lz: Abstand zu Fliesstext erhoehen */
    }



    /* BLOCK-FEATURE 'WIDE WIDTH' */

    .entry-content .alignwide {
        margin-left  : -80px;
        margin-right : -80px;
    }



    /* BLOCK-FEATURE 'FULL WIDTH' */

    .entry-content .alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    .alignfull img {
        width: 100vw;
    }



    /* BLOCK-ELEMENT 'GRUPPE' */

    .wp-block-group {
        margin: 0 auto; /* 200719 lz: Section-Abstaende als paddings statt margins gestalten (fuer Scroll-Offsets) */
        max-width: 1000px; /* 200912 lz: Satzspiegel verringern */
        padding: 40px 0; /* 220217 lz: Vert. Abstand verringern */
        position: relative; /* 200926 lz: Section-Schmuckelemente rel. zu Section anordnen */
        z-index: 0; /* 200929 lz: Schmuckelemente von Vorgaenger-Sections ueberlagern */
    }
    .wp-block-group__inner-container > h2 { /* BLOCK-ELEMENT 'GRUPPE' > INNENCONTAINER > HEADLINES 2. EBENE */
        margin: 40px 10%; /* 220214 lz: Vert. Abstaende erweitern */ 
        max-width: 80%; /* 201011 lz: Hor. Einrueckung ausgleichen */ 
    }

    .wp-block-group__inner-container > p { /* BLOCK-ELEMENT 'GRUPPE' > INNENCONTAINER > ABSAETZE */
        margin: 0 10% 20px; /* 200925 lz: Hor. Einrueckung ergaenzt */ 
        max-width: 80%; /* 201011 lz: Hor. Einrueckung ausgleichen */ 
    }

    .wp-block-group__inner-container > p:last-child { /* BLOCK-ELEMENT 'GRUPPE' > INNENCONTAINER > LETZTER ABSATZ */
        margin-bottom: 0; /* 200927 lz: Abstand nach entf */ 
    }



    /* BLOCK-ELEMENT 'BUTTON' */

    .wp-block-button { /* BLOCK 'BUTTON' > CONTAINER */
        margin-bottom: 20px !important; /* 190913 lz: = p */
    }

    .wp-block-button .wp-block-button__link, /* BLOCK 'BUTTON' (STIL: OUTLINE) > INHALT */
    .wp-block-button.is-style-outline .wp-block-button__link { /* BLOCK 'BUTTON' > INHALT */
        background-color: rgba(0,0,0,0); /* 200717 lz: Standardstil aushebeln */
        border: 1px solid #000 !important; /* 220214 lz: = Feiner gestalten */
        color: #000 !important; /* 201031 lz: Standardstil aushebeln */
        font-size: 20px; /* 200912 lz: = Verkleinerter Nav */
        letter-spacing: 0.04em; /* 200717 lz: = Nav */
        line-height: 1.2em; /* 190913 lz: = Headlines */
        hyphens: manual; /* 190913 lz: = Headlines */
        padding: 14px 20px; /* 200912 lz: Verkleinern */
        text-transform: uppercase; /* 190913 lz: = Headlines */
    }    

        .wp-block-button__link:hover { /* BLOCK 'BUTTON' > LINK (MOUSEOVER) */
            color: #000; /* 200719 lz: Standardstil aushebeln */
        }

        .wp-block-button.is-style-fill .wp-block-button__link { /* BLOCK 'BUTTON' (STIL: FUELLEN) > INHALT */
            background-color: var(--beige); /* 220216 lz: CI-Beige faerben */
            border: 0px !important; /* 220214 lz: = Feiner gestalten */
            color: #000 !important; /* 201031 lz: Standardstil aushebeln */
        }  



    /* BLOCK-ELEMENT 'SPALTEN' */

    .wp-block-columns { /* BLOCK 'SPALTEN' */
        margin-bottom: 0; /* 200927 lz: Standardwert aushebeln */
        position: relative; /* 200926 lz: Abs. Spalteninhalte rel. an Satzspiegel ausrichten */
    }

        .wp-block-column:not(:first-child) { /* BLOCK 'SPALTEN' > EINZELSPALTE (FOLGESPALTEN) */
            margin-left: 40px; /* 200926 lz: Layout ab 200525 */
        }



    /* BLOCK-ELMENT 'ZITAT' */

    .wp-block-group:not(#kundenstimmen) blockquote p,
    .wp-block-group:not(#kundenstimmen) p em { /* ZITAT > ABSATZ > IM BACKEND KURSIV GESTELLE */
        font-family: 'Walkout'; /* 200912 lz: Sonderformatierung ergaenzen */
        font-size: 50px; /* 200925 lz: Vergroessern */
        font-style: normal !important; /* 200912 lz: Nicht kursiv gestalten */
        font-weight: normal; /* 200912 lz: Sonderformatierung ergaenzen */
        line-height: 1em; /* 200926 lz: Verringern */
        margin: 0 0 20px !important; /* 201031 lz: Negativ-Abstand vor entf */
        position: relative; /* 200926 lz: Text vor HG-Form anordnen */
        text-align: center; /* 200926 lz: Zentrieren */
    }



    /* SONDER-BEFEHLE */

    .mobilumbruch { /* TEXTUMBRUECHE FUER MOBILANSICHT */
        display: none; /* 200913 lz: Nur Mobil einblenden */
    }



    /* MOBILE / Max width of 1078 pixels (MOBILE > UNTER SATZSPIEGELBREITE)
    ------------------------------------------------------------------------------------ */
    @media screen and (max-width: 1078px) {

        .section .wpb_column .vc_column-inner, /* SECTIONS > INHALTSSPALTE */
        .page-template-full-width .site-content { /* SEITE 'DATENSCHUTZ' > INHALTSSPALTE */
            padding: 0 15px; /* 180511 lz: Seitenrand ergaenzen */
        }


        
        /* BLOCK-ELEMENT 'GRUPPE' */

        .wp-block-group {
            padding: 0 5% 40px; /* 200928 lz: Abstand vor entf */
        }

        .wp-block-group__inner-container > p, /* BLOCK-ELEMENT 'GRUPPE' > INNENCONTAINER > ABSAETZE */
        .wp-block-group__inner-container > h2 { /* BLOCK-ELEMENT 'GRUPPE' > INNENCONTAINER > HEADLINES */
            margin: 0 0 20px; /* 200929 lz: Hor. Einrueckung entf */ 
            max-width: none; /* 201011 lz: Hor. Einrueckung entf */ 
        }

        
        
        /* BLOCK-ELEMENT 'BILD' */

        .wp-block-image { /* BLOCK-ELEMENT 'BILD' > BILD */
            text-align: center; /* 191009 lz: Bildinhalt zentrieren */
        }

        
        
        /* BLOCK-ELEMENT 'COVER' */

        .wp-block-cover { /* BLOCK 'COVER' */
            min-height: 0 !important; /* 191016 lz: Standard-Hoehe aushebeln */
        }
        
        .wp-block-cover__inner-container { /* BLOCK 'COVER' > TEXT */
            max-width: 85% !important; /* 191016 lz: Seitenraender verringern */
        }

        .wp-block-cover__inner-container h1 { /* BLOCK 'COVER' > TEXT > HEADLINE */
            margin: 76px 0 14px !important; /* 191016 lz: = Opt 80px / 20px */
            padding: 0 !important; /* 191016 lz: Innenabstaende entf */
        }

        .wp-block-cover__inner-container p { /* BLOCK 'COVER' > TEXT > FLIESSTEXT */
            margin-bottom: 72px !important; /* 191016 lz: Abstand nach erweitern auf opt. 80px */
        }
        
        
        
        /* BLOCK-ELEMENT 'SPALTEN' */

        .wp-block-columns { /* BLOCK 'SPALTEN' > SPALTEN-SECTIONS */
            flex-wrap: wrap !important; /* 220216 lz: Spalten aufloesen */
            margin: 0; /* 200929 lz: Entf */
            width: 100%; /* 201025 lz: Ganzzeilig gestalten */
        }

        .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child),
        .wp-block-column { /* BLOCK 'SPALTEN' */
            display: flex; /* 190929 lz: Inhalte hor. zentrieren */
            flex-basis: 100% !important; /* 200913 lz: Ganzzeilig gestalten */
            flex-flow: row wrap; /* 190929 lz: Inhalte hor. zentrieren */
            justify-content: center; /* 190929 lz: Inhalte hor. zentrieren */
            margin: 0 !important; /* 200913 lz: Abstaende und Stege entf */
        }

        .wp-block-column h2 { /* BLOCK 'SPALTEN' > HEADLINE */
            margin: 18px 0 18px; /* 191016 lz: Abstaende opt. 50px / 25px */
        }

        .wp-block-column .wp-block-image { /* BLOCK 'SPALTEN' > BILD */
            margin: 0 -6% !important; /* 191029 lz: Abstand nach entf / Bild randlos gestalten */
        }   



        /* BLOCK-ELMENT 'ZITAT' */

        blockquote { /* ZITAT */
            display: block; /* 200927 lz: Ganzzeilig gestalten */
            width: 100%; /* 200927 lz: Ganzzeilig gestalten */
        }



        /* SONDER-BEFEHLE */

        .mobilumbruch { /* TEXTUMBRUECHE FUER MOBILANSICHT */
            display: inline; /* 200913 lz: Nur Mobil einblenden */
        }        
        
    }






    /*-----------------------------------------------------------------------------------*/
    /*	2.3 - TABLES
    /*-----------------------------------------------------------------------------------*/

    table { /* TABELLEN */
        width: 100%;
        border-collapse: collapse; /* 180504 lz: Rahmen entfernen */
    }

    table td:nth-child(1) { /* TABELLEN > ERSTE SPALTE */
        width: 180px; /* 180521 lz: Breite mit px definieren */
    }



    /* MOBILE / Max width of 999 pixels (smartphones landscape)
    ------------------------------------------------------------------------------------ */
    @media screen and (max-width: 1079px) {

        .ml-table { /* MOBILE TABLE */
            padding: 0 !important; /* 180521 lz: Plugin-Style aushebeln */
        }
        
        .ml-responsive-table dl {
            padding: 15px !important; /* 180521 lz: Abstand nach Zeile ergaenzen */
        }
        
        .ml-responsive-table dd { /* MOBILE TABLE > ZELLEN */
            font-size: 16px !important; /* 180521 lz: Plugin-Style aushebeln */
            line-height: 24px !important; /* 180521 lz: Plugin-Style aushebeln */
            margin: 0 !important; /* 180521 lz: Plugin-Style aushebeln */
        }
        
        .ml-responsive-table dt { /* MOBILE TABLE > TRENNER */
            display: none !important; /* 180521 lz: Plugin-Style aushebeln */
        }
    
    }






/*-----------------------------------------------------------------------------------*/
/*	3.0 - HEADER
/*-----------------------------------------------------------------------------------*/

header { /* HEADER */
    display: flex; /* 190329 lz: Flexbox definieren */
    justify-content: center; /* 190329 lz: Kindelemente hor. zentrieren */
    width: 100%; /* 190329 lz: Volle Browserbreite einnehmen */
    z-index: 2; /* 200717 lz: Content ueberlagern */
}

nav { /* HAUPTMENUE */
    align-items: center; /* 180408 lz: Kindelemente vert. zentrieren */
    display: flex; /* 180408 lz: Flexbox definieren */
    flex-flow: row nowrap; /* 180408 lz: Menue darf nicht umbrechen */
    height: 120px; /* 200725 lz: Kompakter gestalten */
    justify-content: space-between; /* 180408 lz: Innencontainer hor. verteilen */
    padding: 0 5%; /* 200724 lz: Seitenraender verringern */
    position: fixed; /* 190329 lz: Navi mitwandernd gestalten */
    width: 100%; /* 190329 lz: Navi auf volle Breite erstrecken */
    z-index: 2; /* 200925 lz: Logo soll Hauptmenue ueberlagern */
}

nav.fixed-header { /* HEADER (GESCROLLT) */
    background: #fff; /* 200717 lz: Farblich hinterlegen */
    box-shadow: 0 -10px 30px rgba(0,0,0,0.3); /* 200719 lz: Dezent vom Content absetzen */
    height: 80px; /* 200912 lz: Kompakter gestalten */
    top: 0; /* 201102 lz: Am oberen Bildrand fixieren */
}



/* --- LOGO --- */

#header-logo { /* HEADER > LOGO */
    height: 200px; /* 200725 lz: Verkleinern */
    left: 5%; /* 200717 lz: Hor. einruecken */
    opacity: 1; /* 200717 lz: Verstecken wenn gescrollt */
    position: absolute; /* 200717 lz: Aus Header loesen */
    top: 50px; /* 200717 lz: Hor. einruecken */
    width: 260px; /* 200717 lz: Layout ab 200525 */
    z-index: 3; /* 201031 lz: Hauptmenue ueberlagern */
    transition: none !important; /* 201101 lz: Ungewollten Uebergangseffekt (Safari) entf */
}

#header-logo.hidden { /* HEADER > LOGO (SICHTBAR) */
    opacity: 0; /* 200717 lz: Verstecken wenn gescrollt */
}

#header-logo a { /* HEADER > LOGO > LINK */
    display: block; /* 160823 lz: wichtig fuer hor. zentrierung via margin */
    height: 100%; /* 190328 lz: Hoehe = nav */
    position: relative; /* 190327 lz: Scrollanimation ergaenzen */
    width: 100%; /* 170218 lz: Logolink ueber gesamte Headerbreite strecken */
    background: url("img/logo.svg") center left / contain no-repeat; /* 220216 lz: CSS kombinieren */
}

#header-logo a.header-logo-hell { /* HEADER > LOGO > LINK (INVERTIERTE FASSUNG) */
    background-image: url("img/logo_neg.svg"); /* 201101 lz: Invertierte Fassung fuer helle Slidermotive einbinden (Bugfix Safari) */
    opacity: 0; /* 201101 lz: Eingangs ausblenden */
    pointer-events: none; /* 201101 lz: Auf Unterseiten auch nicht durch Hover einblenden */
}

#header-logo-sticky { /* HEADER > STICKY-LOGO (INITIAL) */
    opacity: 0; /* 200717 lz: Initial ausblenden */
    pointer-events: none; /* 200717 lz: Initial ausblenden */
    transition: all .3s ease-in; /* 200717 lz: = Header */
}

nav.fixed-header #header-logo-sticky { /* HEADER (GESCROLLT) > STICKY-LOGO */
    opacity: 1; /* 200717 lz: Initial ausblenden */
    pointer-events: all; /* 200717 lz: Initial ausblenden */
}

#header-logo-sticky a { /* GESCROLLTER HEADER > LOGO > LINK */
    display: block; /* 160823 lz: wichtig fuer hor. zentrierung via margin */
    height: 50px; /* 200912 lz: Kompakter gestalten */
    position: relative; /* 190327 lz: Scrollanimation ergaenzen */
    width: 50px; /* 200912 lz: Kompakter gestalten */
    background: url("img/logo-bildmarke.svg") center left / contain no-repeat; /* 220216 lz: CSS kombinieren */
}



/* --- HAUPTMENUE --- */

#menu-main { /* HAUPTMENUE > LISTE */
    align-items: center; /* 180408 lz: Kindelemente vert. zentrieren */
    border-bottom: none;
    display: flex; /* 180408 lz: Flexbox definieren */
    flex-flow: row nowrap; /* 180408 lz: Menue darf nicht umbrechen */
    height: 100%; /* 190328 lz: Hoehe = nav */
    justify-content: flex-end; /* 180408 lz: Menue rechtsbuendig anordnen */
	list-style: none; /* 180408 lz: Aufzaehlungszeichen entfernen */
}

#menu-main li { /* HAUPTMENUE > MENUEPUNKTE */
    align-items: center; /* 180408 lz: Kindelemente vert. zentrieren */
    border-bottom: none;
    display: flex; /* 180408 lz: Flexbox definieren */
    flex-flow: row nowrap; /* 180408 lz: Menue darf nicht umbrechen */
    height: 100%; /* 190328 lz: Hoehe = nav */
}

    #menu-main li:before {
      content: none; /* FontAwesome Unicode */
    }

#menu-main li a { /* HAUPTMENUE > MENUEPUNKTE > LINKS */
    align-items: center; /* Linktexte vert. zentrieren */
    display: flex; /* Linktexte vert. zentrieren */
    height: 100%; /* 190328 lz: Hoehe = nav */
    letter-spacing: 0.06em; /* 200725 lz: Erhoehen */
    margin: 0 20px 2px; /* 200913 lz: Links vert. opt. zentrieren */
    position: relative; /* 190319 lz: Linkunterstreichung animieren */
    text-transform: uppercase; /* 200717 lz: Versal formatieren */
}

    #menu-main li.current-menu-item:not(.menu-item-1975) a { /* HEADER (GESCROLLT) > HAUPTMENUE > MENUEPUNKT (AKTUELLE SEITE) */
        color: var(--standard) !important; /* 220212 lz: Home-Link nicht faerben */
    }

    nav.fixed-header #menu-main li a { /* HEADER (GESCROLLT) > HAUPTMENUE > MENUEPUNKTE > LINKS */
        color: #000; /* 200717 lz: Layout ab 200525 */
    }

#mobile-menu-toggle, /* MOBILMENUE > BURGER-BUTTON */
nav.clearfix:after { /* MOBILMENUE > LINK 'HOME' */
    content: none; /* 200717 lz: Korr Flexbox > justify-content */
    display: none; /* 200717 lz: Nur mobil anzeigen */
}



/* LIGHTBOX */

#lightbox { /* MOBILMENUE > LIGHTBOX */
    background-color: #fff; /* 200913 lz: Weiss hinterlegen */
    float: left; /* 170319 lz: Restl. Content mit freifliegendem Container verbergen */
    height: 200%; /* 170319 lz: Lightbox ueber volle Fensterhoehe erstrecken + unter kompl. Header erweitern */
    opacity: 0; /* 170319 lz: Ebene standardmaessig ausblenden */
    position: fixed; /* 170319 lz: Lightbox verdeckt Content auch bei Scrollen */
    top: -50%; /* 170319 lz: unter kompl. Header erweitern */
    width: 100%; /* 170319 lz: Lightbox ueber volle Fensterbreite erstrecken */
    z-index: 1; /* 200925 lz: Logo (initial) + Hauptmenue ueber Lightbox anordnen */
    pointer-events: none; /* 170319 lz: Ebene standardmaessig 'klickdurchlaessig' machen */
    transition: all .2s linear; /* 190917 lz: Animation beschleunigen */
}

#lightbox.active { /* MOBILMENUE > LIGHTBOX (AKTIV) */
    opacity: 1; /* 200913 lz: Ebene einblenden */
    pointer-events: auto; /* 170218 lz: Ebene 'klickundurchlaessig' machen */
    transition: all .2s linear; /* 190917 lz: Animation beschleunigen */
}



/* MOBILE / Max width of 1079 pixels (MOBILE)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 1079px) {
    
    /* MOBILHEADER (NOCH NICHT GESCROLLT) */
    
    .not-scrolled nav { /* HEADER (INITIAL) > HAUPTMENUE */
        background-color: rgba(0,0,0,0); /* 201031 lz: Transparent gestalten */
    }
    
    
    
    /* MOBILHEADER (GESCROLLT) */

    header.menue-open ~ #content, /* CONTENT (WENN MOBILMENUE GEOEFFNET) */
    header.menue-open ~ footer { /* FOOTER (WENN MOBILMENUE GEOEFFNET) */
        filter: blur(10px); /* 190916 lz: Lightbox-HG weichzeichnen */
        transition: all .2s linear; /* 190917 lz: Animation beschleunigen */
    }

    nav { /* HEADER > HAUPTMENUE */
        background-color: white; /* 190916 lz: Mobilheader definieren */
        height: 80px; /* 200912 lz: = Fixed Header */
        padding: 15px; /* 200913 lz: Logo linksbuendig in Menue einpassen */
        position: fixed; /* 190916 lz: Navi mitwandernd gestalten */
        width: 100%; /* 190916 lz: Navi auf volle Breite erstrecken */
    }

    header.menue-open nav { /* HEADER > HAUPTMENUE (GEOEFFNET) */
        background-color: rgba(0,0,0,0); /* 190917 lz: HG ausblenden */
        transition: all .1s linear; /* 190917 lz: Animation beschleunigen */
    }

    
    
    /* HEADER-LOGO */

    #header-logo { /* HEADER > DESKTOP-LOGO */
        opacity: 0; /* 201031 lz: Nur auf Startseite anzeigen */
        pointer-events: none; /* 201031 lz: Nur auf Startseite anzeigen */
    }

    #header-logo-sticky { /* HEADER > MOBILE/STICKY-LOGO */
        opacity: 1; /* 200912 lz: Dauerhaft einblenden */
        pointer-events: all; /* 200912 lz: Klickbar gestalten */
        transition: all .3s ease-in; /* 200912 lz: Dauerhaft einblenden */
    }

    
    
    /* HEADER-MENUE */

    html.menue-open { /* MOBILMENUE (GEOEFFNET) */
        overflow: hidden; /* 200913 lz: Scrollbalken entf */
    }
    
    html.menue-open nav.fixed-header  { /* MOBILMENUE (GEOEFFNET) > HEADER (GESCROLLT) */
        box-shadow: none; /* 200913 lz: Menueschatten entf */
    }

    
    #mobile-menu-toggle { /* MOBILMENUE > BURGER-BUTTON */
        cursor: pointer;
        display: block; /* 200912 lz: Nur mobil anzeigen */
        height: 100%; /* 200913 lz: = Mobilheader */
        position: absolute; /* 200912 lz: Mobiloptimierung inkl. Adminleiste */
        right: 0; /* 180510 lz: Rechtsbuendig positionieren */
        top: 0; /* 190917 lz: An oberer Browserkante anordnen */
        transition: all 0.5s ease-in-out 0s;
        width: 80px; /* 200913 lz: = Mobilheader */
        z-index: 999;
    }
    
        #mobile-menu-toggle span { /* MOBILMENUE > BURGER-BUTTON > LINIEN */
            background-color: #000; /* 200912 lz: Schwarz faerben */
            border-radius: 3px; /* 190916 lz: = height */
            display: block;
            height: 2px; /* 200912 lz: Linien verschmaelern */
            left: 25%; /* 180510 lz: Buttonstriche bei Animation zentriert schrumpfen lassen */
            opacity: 1;
            position: absolute;
            width: 50%; /* 180510 lz: Buttonstriche bei Animation zentriert schrumpfen lassen */
            transform: rotate(0deg);
            transition: all .2s linear; /* 190917 lz: Animation beschleunigen */
        }

        #mobile-menu-toggle span:nth-child(1) { /* MOBILMENUE > BURGER-BUTTON > LINIE OBEN */
          top: 27px; /* 200913 lz: An angepassten Mobilheader angleichen */
        }

        #mobile-menu-toggle span:nth-child(2), /* MOBILMENUE > BURGER-BUTTON > LINIE MITTE 1 */
        #mobile-menu-toggle span:nth-child(3) { /* MOBILMENUE > BURGER-BUTTON > LINIE MITTE 2 */
          top: 39px; /* 200913 lz: An angepassten Mobilheader angleichen */
        }

        #mobile-menu-toggle span:nth-child(4) { /* MOBILMENUE > BURGER-BUTTON > LINIE UNTEN */
          top: 51px; /* 200913 lz: An angepassten Mobilheader angleichen */
        }

        #mobile-menu-toggle.open span:nth-child(1), /* MOBILMENUE > BURGER-BUTTON (GEKLICKT) > LINIE OBEN */
        #mobile-menu-toggle.open span:nth-child(4) { /* MOBILMENUE > BURGER-BUTTON (GEKLICKT) > LINIE UNTEN */
          width: 0%; /* 180510 lz: Buttonstriche bei Animation zentriert schrumpfen lassen */
          left: 50%; /* 180510 lz: Buttonstriche bei Animation zentriert schrumpfen lassen */
        }

        #mobile-menu-toggle.open span:nth-child(2) { /* MOBILMENUE > BURGER-BUTTON (GEKLICKT) > LINIE MITTE 1 */
            transform: rotate(45deg); /* 180510 lz: Kreuz formen */
        }

        #mobile-menu-toggle.open span:nth-child(3) { /* MOBILMENUE > BURGER-BUTTON (GEKLICKT) > LINIE MITTE 2 */
            transform: rotate(-45deg); /* 180510 lz: Kreuz formen */
        }

    #menu-main { /* HAUPTMENUE */
        align-content: space-around; /* 190917 lz: Menu-Overlay gestalten */
        display: flex !important; /* 190917 lz: Menu-Overlay gestalten */
        flex-flow: row wrap; /* 190917 lz: Menu-Overlay gestalten */
        height: 100vh; /* 201104 lz: Fallback for browsers that do not support Custom Properties (https://bit.ly/3oZGCUr) */
        height: calc(var(--vh, 1vh) * 100); /* 201104 lz: MOBILMENUE > VOLLE BROWSERHOEHE EINNEHMEN OHNE DABEI VON BROWSERMENUE UEBERLAGERT / ABGESCHNITTEN ZU WERDEN (https://bit.ly/3oZGCUr) */
        left: 0; /* 190917 lz: Menu-Overlay gestalten */
        opacity: 0; /* 190917 lz: Ausblenden, solange Toggle-Button nicht geklickt */
        pointer-events: none; /* 190917 lz: Ausblenden, solange Toggle-Button nicht geklickt */
        position: absolute; /* 190917 lz: Menu-Overlay gestalten */
        top: 0; /* 190917 lz: Menu-Overlay gestalten */
        transition: all .2s linear; /* 190917 lz: Animation beschleunigen */
        width: 100%; /* 190917 lz: Menu-Overlay gestalten */
    }

    header.menue-open #menu-main { /* HEADER > HAUPTMENUE (GEOEFFNET) */
        opacity: 1; /* 190917 lz: Einblenden, sobald Toggle-Button geklickt */
        pointer-events: all; /* 190917 lz: Klickbar machen, sobald Toggle-Button geklickt */
        transition: all .2s linear; /* 190917 lz: Animation beschleunigen */
    }
    
    #menu-main li { /* MOBILMENUE > LISTENPUNKTE (ALLE AUSSER SUCH-ZEILE) */
        flex-flow: row wrap; /* 180607 lz: Zeilenumbruch erlauben */
        height: 16.667%; /* 200913 lz: = Browserhoehe geteilt durch 6 Menuepunkte */
        padding: 0; /* 180510 lz: Abstaende entfernen */
        transition: all .2s linear; /* 190917 lz: Animation beschleunigen */
        width: 100%; /* 190917 lz: Menu-Overlay gestalten */
    }

    #menu-main li a { /* MOBILMENUE > LISTENPUNKT > LINK */
        border-top: 0px; /* 190917 lz: Trennlinien gestalten */
        color: #000; /* 200913 lz: Schwarz faerben */
        font-size: 24px; /* 200913 lz: = h2 */
        height: 100%; /* 190917 lz: Eltern-DIV voll ausfuellen */
        justify-content: center; /* 190719 lz: Menuepunkte zentrieren */
        margin: 0; /* 190917 lz: Entf */
        padding: 0; /* 190917 lz: Entf */
        text-align: left; /* 180521 lz: Linksbuendig setzen */
        text-shadow: none; /* 200913 lz: Schatten der Desktop-Ansicht entf */
        width: 100%; /* 190917 lz: Flaeche des Eltern-DIVs ausfuellen */
    }
    
        #menu-main li a:after { /* MOBILMENUE > MENUEPUNKTE > LINKS > UNTERSTREICHUNG */
            display: none !important; /* 180510 lz: Linkunterstreichung entfernen */
        }

    #menu-main li.current-menu-item a { /* MOBILMENUE > MENUEPUNKT (AKTUELLE SEITE) */
        color: var(--standard) !important; /* 200913 lz: CI-Kupfer faerben */
    }
    
}






/*-----------------------------------------------------------------------------------*/
/*	4.0 - FOOTER
/*-----------------------------------------------------------------------------------*/

footer { /* FOOTER */
    background-color: var(--gruen) !important; /* 200719 lz: CI-Gruen faerben */
	color: #fff !important; /* 190319 lz: Footerlinks weiss faerben */
    display: flex; /* 190319 lz: Zweispaltigen Footer gestalten */
    flex-flow: row nowrap; /* 190319 lz: Zweispaltigen Footer gestalten */
    justify-content: center; /* 180408 lz: Inhalte hor. zentrieren */
	margin: 50px auto 0; /* 200913 lz: Abstand vor ergaenzen */
    padding: 80px 0; /* 200912 lz: Kompakter gestalten */
    position: absolute;  /* 190319 lz: Footer definieren */
    text-transform: uppercase; /* 200719 lz: Layout ab 200525 */
    width: 100%; /* 190319 lz: Footer definieren */
}

#footer-columns { /* FOOTER > SPALTEN-CONTAINER */
    display: flex; /* 190319 lz: Mehrspaltigen Footer gestalten */
    flex-flow: row nowrap; /* 190319 lz: Zweispaltigen Footer gestalten */
    justify-content: center; /* 190711 lz: Footermenues hor. zentrieren */
    margin: 0 auto !important; /* 190915 lz: Container hor. zentrieren */
    max-width: 1060px; /* = 190915 lz: Satzspiegel Desktop */
    width: 100%; /* 190915 lz: Volle Breite einnehmen */
}

#footer-columns .column { /* FOOTER > SPALTEN-CONTAINER > EINZELSPALTEN */
    align-content: center; /* 200719 lz: Inhalte vert. zentrieren */
    display: flex; /* 190915 lz: Flexbox erstellen */
    flex-flow: row wrap; /* 190915 lz: Flexbox erstellen */
    justify-content: center; /* 190916 lz: Spalteninhalte hor. zentrieren */
    width: 33.333%; /* 190915 lz: Containerbreite dritteln */
}

#footer-columns .column p { /* FOOTER > EINZELSPALTEN > TEXTZEILE */
    height: inherit; /* 190916 lz: Seltsame Extra-Hoehe entf */
    margin-bottom: 33px; /* 190916 lz: Abstand erhoehen */
    width: 100%; /* 190915 lz: Ganze Zeile einnehmen */
}

#footer-columns .column-two { /* FOOTER > EINZELSPALTEN > MITTELSPALTE (LOGO) */
    padding: 0 5%; /* 201105 lz: Logo verkleinern */
}

footer li { /* FOOTER > MENUEPUNKTE */
    padding-bottom: 10px; /* 200719 lz: Zeilenabstaende vergroessern */
}

footer a:hover { /* FOOTER > LINKS */
    opacity: .5; /* 190915 lz: Hover-Effekt ergaenzen */
}

.footer-logo { /* FOOTER > MITTLERE SPALTE > LOGO */
    background: url("img/logo_neg.svg") center center / contain no-repeat; /* 220216 lz: CSS kombinieren */
    padding-bottom: 94.5%; /* 190915 lz: = Stabiles Seitenverhaeltnis schaffen */
    position: relative; /* 190915 lz: Linkflaeche auf DIV beschraenken */
    width: 100%; /* 190915 lz: Logo definieren */
}

    .footer-logo-content { /* FOOTER > MITTLERE SPALTE > LOGO > INHALT */
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }



/* FOOTER > MENUE */

footer ul { /* Footer > Menue > Liste */
  	list-style-type: none; /* 190319 lz: Bulletpoints entfernen */
}

footer li:first-child { /* Footer > Menue > Listenpunkt */
  	margin-right: 30px; /* 190915 lz: Abstand zwischen Menuepunkten ergaenzen */
}



/* MOBILE / Max width of 1079 pixels (smartphones landscape)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 1079px) {

    footer { /* FOOTER */
        height: auto; /* 190917 lz: Fixe Hoehe mobil aufloesen */
        margin: 35px auto 0; /* 200927 lz: Abstand vor verringern auf opt. 80px */
        max-width: 100%; /* 190917 lz: Hor. Scrollbalken verhindern */
        padding: 75px 0 45px 0; /* 190917 lz: Abstand unten angleichen */
    }

    #footer-columns { /* FOOTER > SPALTEN-CONTAINER */
        flex-flow: row wrap; /* 190917 lz: Einspaltig gestalten */
        max-width: 100%; /* 190917 lz: Einspaltig gestalten */
    }

    #footer-columns .column { /* FOOTER > SPALTEN-CONTAINER > EINZELSPALTEN */
        padding: 0 20px !important; /* 190917 lz: = Satzspiegel Mobile */
        width: 100%;  /* 190917 lz: Einspaltig gestalten */
    }

    #footer-columns li { /* FOOTER > MENUEPUNKTE */
        margin: 0 !important; /* 200913 lz: Einrueckung entf */
        text-align: center; /* 200913 lz: Links zentrieren */
    }

    .menu-footer-container { /* FOOTER > FOOTER MENUE (CONTAINER) */
        width: 100%; /* 190917 lz: Volle Breite einnehmen */
    }

    #menu-footer {
        display: flex; /* 190917 lz: Menuepunkte nebeneinander anordnen */
        flex-flow: row nowrap; /* 190917 lz: Menuepunkte nebeneinander anordnen */
        justify-content: center; /* 190917 lz: Menuepunkte nebeneinander anordnen */
    }

    #footer-columns .column-one { /* FOOTER > LINKE SPALTE */
        order: 2; /* 200913 lz: Unter Logo anordnen */
    }

    #footer-columns .column-two { /* FOOTER > MITTLERE SPALTE */
        max-width: 250px; /* 200913 lz: Logogroesse deckeln */
        order: 1; /* 200913 lz: Ueber Footermenue anordnen */
        padding-bottom: 60px !important; /* 200913 lz: Abstand zum Footer-Menue erzeugen */
    }

    #footer-columns .column-two p { /* FOOTER > MITTLERE SPALTE > TEXTZEILE */
        margin-bottom: 15px; /* 190917 lz: Abstand verringern */
    }

    #footer-columns .column-three { /* FOOTER > RECHTE SPALTE */
        order: 3; /* 200913 lz: Ueber Footermenue anordnen */
    }

}






/*-----------------------------------------------------------------------------------*/
/*	5.0 - PAGES
/*-----------------------------------------------------------------------------------*/

    /*-----------------------------------------------------------------------------------*/
    /*	5.1 - PAGES - HOME
    /*-----------------------------------------------------------------------------------*/

    /* --- HEADER --- */
    .home.not-scrolled:not(.slider-hell) #site-nav { /* SEITE 'START' (NOCH NICHT GESCROLLT) > HAUPTMENUE */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 95%); /* 220212 lz: Textkontrast verbessern */
    }

    .home.not-scrolled:not(.slider-hell) #mobile-menu-toggle:not(.open) span { /* SEITE 'START' (NOCH NICHT GESCROLLT) > MOBILMENUE > BURGER-BUTTON > LINIEN */
        background-color: #fff; /* 201103 lz: Auch nicht bei geoeffnetem Mobilmenue invertieren */
    }

    .home #header-logo a { /* SEITE 'HOME' > HEADER > LOGO > LINK */
        pointer-events: none; /* 201031 lz: Auf Startseite nicht klickbar gestalten */
        position: absolute; /* 201101 lz: Beide Logo-Fassungen standgleich positionieren */
    }

    .home #header-logo a.header-logo-dunkel { /* SEITE 'HOME' > HEADER > LOGO (DUNKEL) */
        opacity: 0; /* 201101 lz: Invertierte Fassung nutzen */
    }

    .home #header-logo a.header-logo-hell { /* SEITE 'HOME' > HEADER > LOGO (HELL) */
        opacity: 1; /* 201101 lz: Invertierte Fassung nutzen */
    }

    .home.slider-hell #header-logo a.header-logo-dunkel { /* SEITE 'HOME' (HELLER SLIDE) > HEADER > LOGO (DUNKEL) */
        opacity: 1; /* 201101 lz: Standardfassung nutzen */
    }

    .home.slider-hell #header-logo a.header-logo-hell { /* SEITE 'HOME' (HELLER SLIDE) > HEADER > LOGO (HELL) */
        opacity: 0; /* 201101 lz: Standardfassung nutzen */
    }

    .home.slider-hell .flex-nav-prev a, /* SLIDER > SLIDERPFEILE > ZURUECK > LINK */
    .home.slider-hell .flex-nav-next a { /* SLIDER > SLIDERPFEILE > WEITER > LINK */
        filter: brightness(0); /* 201031 lz: Bei hellen Motiven invertieren */
    }

    .home:not(.scrolled):not(.slider-hell) header:not(.menue-open) #menu-main li a { /* SEITE 'HOME' > HAUPTMENUE > MENUEPUNKTE > LINKS */
        color: #fff; /* 200925 lz: Invertieren */
    }

    .home #content { /* SEITE 'HOME' > INHALTS-CONTAINER */
        padding-top: 0; /* 201023 lz: Abstand zum Header (initial) entf, Bugfix Safari */
    }

    #metaslider_377 .slides img { /* SEITE 'HOME' > SLIDER */
        height: 100vh; /* 201029 lz: Slider fullscreen gestalten */
        object-fit: cover; /* 200717 lz: Fullsize-Slider erzeugen */
        width: 100%; /* 200717 lz: Fullsize-Slider erzeugen */
    }



    /* --- SECTION 'INTRO' --- */

    .home #intro { /* SEITE 'HOME' > SECTION 'INTRO' */
        z-index: 1; /* 201109 lz: In keiner Aufloesung von Schmuckelementen der Folgesession ueberlagern lassen */   
    }

    .home #intro h1 { /* SEITE 'HOME' > SECTION 'INTRO' > SEITENTITEL */
        margin: 20px auto 0; /* 220214 lz: Hor. Vert. Stege verringern */ 
    }



    /* --- SECTION 'UEBER' --- */

    .home .intro h2, /* SEITE 'HOME' > SECTION 'INTRO' > HEADLINE */
    .home .ueber h2 { /* SEITE 'HOME' > SECTION 'UEBER' > HEADLINE */
        font-family: 'Walkout'; /* 201106 lz: Aussehen lassen wie h1, aus SEO-Gruenden aber h2 */
        font-size: 80px; /* 201106 lz: = h1 */
        font-weight: normal; /* 201106 lz: = h1 */
        line-height: 1.2em; /* 201106 lz: = h1 */
        margin: 60px auto 40px; /* 201106 lz: = h1, jedoch aut. zentrieren */
        text-transform: none; /* 201106 lz: Aussehen lassen wie h1, aus SEO-Gruenden aber h2 */
    }

    .home .ueber .wp-block-button { /* SEITE 'HOME' > SECTION 'UEBER' > BUTTON 'MEHR' */
        margin-top: 20px; /* 200717 lz: = Opt. 50px */
    }
    
    .page-id-4008 .intro figure, /* SEITE 'DANKE' > SECTION 'INTRO' > BILD */
    .home .ueber figure { /* SEITE 'HOME' > SECTION 'UEBER' > BILD */
        position: relative; /* 220216 lz: Pseudo-Element rel. zu Eltern-DIV aurichten */
    }

        .page-id-4008 .intro figure:before, /* SEITE 'DANKE' > SECTION 'INTRO' > BILD > SCHMUCKELEMENT */
        .home .ueber figure:before { /* SEITE 'HOME' > SECTION 'UEBER' > BILD > SCHMUCKELEMENT */
            background: url("img/halbkreis.svg") left center / contain no-repeat; /* 220216: CSS kombinieren */
            height: 140%; /* 200917 lz: Pseudo-Element skalieren */
            width: 140%; /* 200917 lz: Pseudo-Element skalieren */
            position: absolute; /* 200913 lz: Pseudo-Element rel. zu Eltern-DIV aurichten */
            content: ""; /* 200913 lz: Pseudo-Element erzeugen */
            left: 60%; /* 200913 lz: Hor. einruecken */
            top: -16%; /* 220217 lz: Feinjustieren */
            z-index: -1; /* 200913 lz: In den HG setzen */
        }



    /* --- SECTION 'INSTAGRAM' --- */

    #instagram h2 { /* STARTSEITE > SECTION 'INSTAGRAM' > HEADLINE */
        margin-top: 0; /* 220216 lz: Kompakter gestalten */
    }

    #instagram h3 { /* STARTSEITE > SECTION 'INSTAGRAM' > SUBHEAD */
        font-size: 16px; /* 201029 lz: Verkleinern */
        margin: 0; /* 201029 lz: Kompakter gestalten */
    }



    /* Maximum width of 1079 pixels (MOBILE > BIG)
    ------------------------------------------------------------------------------------ */
    @media screen and (max-width: 1079px) {

        /* HEADER */

        .home #menu-main li a { /* SEITE 'HOME' > HAUPTMENUE > MENUEPUNKTE > LINKS */
            color: #000; /* 200927 lz: Sonderregel aushebeln */
        }

        .home #header-logo { /* SEITE 'HOME' > HEADER > LOGO > LINK */
            height: 100px; /* 201102 lz: Mobillogo verkleinern */
            left: 20px; /* 201102 lz: Mobillogo verkleinern */
            opacity: 1; /* 201031 lz: Nur auf Startseite anzeigen */
            pointer-events: none; /* 201031 lz: Nur auf Startseite anzeigen */
            top: 20px; /* 201102 lz: Mobillogo verkleinern */
            width: 100px; /* 201102 lz: Mobillogo verkleinern */
            z-index: 1; /* 201102 lz: Bei geoffnetem Mobilmenue verstecken */
        }

        .home.not-scrolled #header-logo-sticky { /* HEADER (INITIAL) > MOBILE/STICKY-LOGO */
            opacity: 0; /* 200912 lz: Verstecken */
            pointer-events: none; /* 200912 lz: Verstecken */
        }

       .home #wallpaper { /* SEITEN-TAPETE > INNEN-CONTAINER */
            overflow: hidden; /* 190928 lz: Hor. Scrollbalken verhindern */
        }

        .home #wallpaper-inner { /* SEITEN-TAPETE > INNEN-CONTAINER */
            left: -15%; /* 190928 lz: Wallpaper vergroessern */
            position: relative; /* 190928 lz: Wallpaper vergroessern */
            width: 128%; /* 190928 lz: Wallpaper vergroessern */
        }

        .home .wp-block-column { /* BLOCK-ELEMENT 'SPALTEN' > EINZELSPALTEN */
            display: flex; /* 190928 lz: Pos. Spaltenelemente korrigieren */
            flex-flow: row wrap; /* 190928 lz: Pos. Spaltenelemente korrigieren */
            justify-content: center; /* 190928 lz: Pos. Spaltenelemente korrigieren */
        }

        #metaslider_377 .slides img { /* SEITE 'HOME' > SLIDER */
            height: auto; /* 201103 lz: Slider Mobil nicht fullscreen gestalten */
        }

        
        
        /* --- SECTION 'INTRO' --- */

        .home .intro p { /* SEITE 'HOME' > SECTION 'INTRO' > SUBLINE */
            margin: 0; /* 200913 lz: Aussenabstaende entf */
        }



        /* --- SECTION 'UEBER' --- */
        .home .intro h2, /* SEITE 'HOME' > SECTION 'INTRO' > HEADLINE */
        .home .ueber h2 { /* SEITE 'HOME' > SECTION 'UEBER' > HEADLINE */
            font-size: 50px; /* 201106 lz: = h1 */
            margin: 30px 0 20px !important; /* 201106 lz: = h1 */
        }

        .home .ueber figure { /* SEITE 'HOME' > SECTION 'UEBER' > BILD */
            margin: 0 !important; /* 201106 lz: In Satzspiegel gestalten */
        }
        
        
        
        /* --- SECTION 'INSTAGRAM' --- */

        #sb_instagram,
        #instagram { /* STARTSEITE > SECITON 'INSTAGRAM' */
            padding: 0 !important; /* 201108 lz: Abstand zum Footer verringern, Querformate hor. nicht beschneiden */
        }

    }
 





	/*-----------------------------------------------------------------------------------*/
	/*	5.3 - PAGES - STORIES
	/*-----------------------------------------------------------------------------------*/

    .page-id-70 #intro:before, /* SEITE 'IMPORESSUM' ... */
    .page-id-72 #intro:before, /* SEITE 'DATENSCHUTZ' ... */
    .page-id-57 #intro:before { /* SEITE 'STORIES' > SECTION 'INTRO' > SCHMUCKGRAFIK */
        background: url("img/stories-schmuck.svg") center center / contain no-repeat !important; /* 220217 lz: CSS kombinieren */
        content: '';
        height: 134px;
        left: 50%;
        position: absolute;
        top: -165px;
        transform: translateX(-50%);
        width: 180px;
    }

    .wp-block-video { /* SEITE 'STORIES' > VIDEO-SLIDESHOW (CONTAINER) */
        padding-bottom: 56.25%; /* 201031 lz: Responsives Seitenverhaeltnis 16:9 schaffen */
        position: relative; /* 201031 lz: Responsives Seitenverhaeltnis 16:9 schaffen */
        height: 0; /* 201031 lz: Responsives Seitenverhaeltnis 16:9 schaffen */
    }

    .wp-block-video video { /* SEITE 'STORIES' > VIDEO-SLIDESHOW (INHALT) */
        width: 100%; /* 201031 lz: Responsives Seitenverhaeltnis 16:9 schaffen */
        position: absolute; /* 201031 lz: Responsives Seitenverhaeltnis 16:9 schaffen */
        top: 0; /* 201031 lz: Responsives Seitenverhaeltnis 16:9 schaffen */
        left: 0; /* 201031 lz: Responsives Seitenverhaeltnis 16:9 schaffen */
    }



    /* Maximum width of 1079 pixels (MOBILE > BIG)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1079px) {

        .page-id-57 #intro { /* SEITE 'STORIES' > SECTION 'INTRO' */
            margin-top: 170px; /* 220221 lz: Platz fuer Icon-Header schaffen */
        }

        .page-id-57 #beitraege { /* SEITE 'STORIES' > SECTION 'BEITRAEGE' */
            padding-bottom: 0; /* 201018 lz: Abstand nach entf */   
        }
        
    }






	/*-----------------------------------------------------------------------------------*/
	/* 5.4 - PAGES - BARBARA
	/*-----------------------------------------------------------------------------------*/

    .page-id-61 h2 { /* SEITE 'BARBARA' > HEADLINES */
        font-size: 40px; /* 201031 lz: Verkleinern */
        font-weight: 100; /* 200926 lz: Layout ab 200525 */
    }



    /* SECTION 'UEBER MICH' (TEXTBILDZEILE) */

    .page-id-61 #uebermich .wp-block-column:nth-child(2) { /* SEITE 'BARBARA' > SECTION 'UEBERMICH' > TEXTSPALTE */
        margin-top: -117px; /* 201031 lz: Fliesstext buendig zu Bildspalte gestalten */
    }

    .page-id-61 #uebermich blockquote { /* SEITE 'BARBARA' > SECTION 'UEBERMICH' > ZITAT */
        font-family: 'Walkout'; /* 200912 lz: Sonderformatierung ergaenzen */
        font-size: 40px; /* 200912 lz: Sonderformatierung ergaenzen */
        font-style: normal !important; /* 200912 lz: Nicht kursiv gestalten */
        font-weight: normal; /* 200912 lz: Sonderformatierung ergaenzen */
        line-height: 1em; /* 200926 lz: Verringern */
        left: 42%; /* 200926 lz: Hor. Einrueckung definieren */
        margin: 200px 0 20px 0 !important; /* 220214 lz: Abstand vor erhoehen */
        position: absolute; /* 200926 lz: Aus Textfluss loesen, HG-Element frei an Eltern-DIV ausrichten */
        text-align: center; /* 200926 lz: Zentrieren */
    }

        .page-id-61 #uebermich blockquote:before { /* SEITE 'BARBARA' > SECTION 'UEBERMICH' > ZITAT > KREIS */
            background-color: var(--beige); /* 200926 lz: CI-Beige faerben */
            border-radius: 100%; /* 200926 lz: HG-Element zu Kreis formen */
            content: ''; /* 200926 lz: Schmuckgrafik erzeugen */
            position: absolute; /* 200926 lz: HG-Element rel. an Eltern-DIV positionieren */
            height: 250px; /* 200926 lz: Schmuckgrafik skalieren */
            left: -30%; /* 200926 lz: Hor. ausruecken */
            transform: translateY(-60%); /* 200929 lz: Vertikal fast zentrieren */
            top: 50%; /* 200926 lz: Vertikal fast zentrieren */
            width: 250px; /* 200926 lz: Schmuckgrafik skalieren */
            z-index: 0; /* 200926 lz: In den HG setzen */
        } 



    /* SECTION 'UEBER MICH' (TEXTZEILE) */

    .page-id-61 #uebermich2 { /* SEITE 'BARBARA' > SECTION 'UEBERMICH2' */
        z-index: 1; /* 200927 lz: Ueber Nachfolge-Section anordnen */
    }

        .page-id-61 #uebermich2:before { /* SEITE 'BARBARA' > SECTION 'UEBERMICH2' > HALBKREIS */
            background-color: var(--beige); /* 200926 lz: CI-Beige faerben */
            content: ''; /* 200926 lz: Schmuckgrafik erzeugen */
            position: absolute; /* 200926 lz: Schmuckgrafik erzeugen */
            bottom: 140px; /* 200926 lz: Hor. einruecken */
            left: 6%; /* 200926 lz: Hor. ausruecken */
            width: 400px; /* 200926 lz: Schmuckgrafik erzeugen */
            height: 200px; /* 200926 lz: Schmuckgrafik erzeugen */
            border-radius: 200px 200px 0 0; /* 200926 lz: Schmuckgrafik erzeugen */
            z-index: -1; /* 200926 lz: In den HG setzen */
            transform-origin: bottom center; /* 200926 lz: Schmuckgrafik erzeugen */
            transform: rotate(-90deg); /* 200926 lz: Schmuckgrafik erzeugen */
        }



    /* SECTION 'WAS ICH LIEBE' */

    .page-id-61 #wasichliebe { /* SEITE 'BARBARA' > SECTION 'WAS ICH LIEBE' */
        padding-top: 50px; /* 200927 lz: Section-Abstand vor ergaenzen */
    }

        .page-id-61 #wasichliebe:before { /* SEITE 'BARBARA' > SECTION 'WAS ICH LIEBE' > SCHMUCKGRAFIK */
            background-image: url(img/barbara-wasichliebe-schmuck.svg); /* 200927 lz: Schmuckgrafik ergaenzen */
            content: ''; /* 200927 lz: Schmuckgrafik erzeugen */
            height: 630px; /* 200927 lz: Schmuckgrafik erzeugen */
            position: absolute; /* 200927 lz: Schmuckgrafik erzeugen */
            right: -5%; /* 200927 lz: Hor. positionieren */
            top: -50px; /* 200927 lz: Vert. positionieren */
            width: 267px; /* 200927 lz: Schmuckgrafik erzeugen */
            z-index: -1; /* 200927 lz: In den HG setzen */
        }

    .page-id-61 #wasichliebe blockquote { /* SEITE 'BARBARA' > SECTION 'WAS ICH LIEBE' > ZITAT */
        margin-top: 55px; /* 200927 lz: = opt. 45px */
        position: relative; /* 200929 lz: Schmuckelement rel. zu Eltern-DIV anordnen */
    }

        .page-id-61 #wasichliebe blockquote:after { /* SEITE 'BARBARA' > SECTION 'WAS ICH LIEBE' > ZITAT > KREIS */
            border: 1.5px solid #000; /* 200929 lz: Schmuckelement ergaenzen */
            border-radius: 80px; /* 200929 lz: Schmuckelement ergaenzen */
            content: ''; /* 200929 lz: Schmuckelement ergaenzen */
            height: 80px; /* 200929 lz: Schmuckelement ergaenzen */
            position: absolute; /* 200929 lz: Schmuckelement rel. zu Eltern-DIV anordnen */
            right: 5%; /* 200929 lz: Schmuckelement ergaenzen */
            top: 50%; /* 200926 lz: Vertikal fast zentrieren */    
            transform: translateY(-50%); /* 200929 lz: Vertikal fast zentrieren */
            width: 80px; /* 200929 lz: Schmuckelement ergaenzen */        
        }



    /* Maximum width of 1079 pixels (MOBILE > BIG)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1079px) { 

        .page-id-61 h2 { /* SEITE 'BARBARA' > HEADLINES */
            font-size: 24px; /* 200929 lz: = h2 allg. */
            font-weight: 300; /* 200929 lz: = h2 allg. */
        }



        /* SECTION 'UEBER MICH' (TEXTBILDZEILE) */

        .page-id-61 #uebermich .wp-block-column:nth-child(1) { /* SEITE 'BARBARA' > SECTION 'UEBERMICH' > BILDSPALTE */
            order: 2; /* 200928 lz: Bildspalte unter Textspalte anordnen */
        }

        .page-id-61 #uebermich .wp-block-column:nth-child(2) { /* SEITE 'BARBARA' > SECTION 'UEBERMICH' > TEXTSPALTE */
            order: 1; /* 200928 lz: Bildspalte unter Textspalte anordnen */
            padding-bottom: 60px; /* 200929 lz: Sectionabstand nach verringern auf opt. = 50px */
        } 

        .page-id-61 #uebermich blockquote { /* SEITE 'BARBARA' > SECTION 'UEBERMICH' > ZITAT */
            left: 0; /* 200929 lz: Linksbuendig gestalten */
            margin: 80px 0 !important; /* 220214 lz: Vert. Abstaende verringern */
            position: relative; /* 200929 lz: Mobil zurueck in den Textfluss setzen */
        }

            .page-id-61 #uebermich blockquote:before { /* SEITE 'BARBARA' > SECTION 'UEBERMICH' > ZITAT > KREIS */
                height: 200px; /* 200926 lz: Schmuckgrafik skalieren */
                left: calc( 50% - 180px); /* 200926 lz: Hor. feste Position zu Text halten */
                width: 200px; /* 200926 lz: Schmuckgrafik skalieren */
                top: 60%; /* 200926 lz: Vertikal fast zentrieren */
            } 



        /* SECTION 'UEBER MICH' (TEXTZEILE) */

        .page-id-61 #uebermich2:before { /* SEITE 'BARBARA' > SECTION 'UEBERMICH2' > HALBKREIS */
            bottom: 130px; /* 200929 lz: Kompakter gestalten */
            left: -5%; /* 200929 lz: Kompakter gestalten */
            width: 300px; /* 200929 lz: Kompakter gestalten */
            height: 150px; /* 200929 lz: Kompakter gestalten */
        }
        
        
        
        /* SECTION 'WAS ICH LIEBE' */

        .page-id-61 #wasichliebe:before { /* SEITE 'BARBARA' > SECTION 'WAS ICH LIEBE' > SCHMUCKGRAFIK */
            bottom: 25px; /* 200929 lz: Kompakter gestalten */
            height: 380px; /* 200929 lz: Kompakter gestalten */
            right: -5%; /* 200927 lz: Hor. positionieren */
            top: unset; /* 200929 lz: Kompakter gestalten */
            width: 161px; /* 200927 lz: Schmuckgrafik erzeugen */
        }

        .page-id-61 #wasichliebe blockquote:after { /* SEITE 'BARBARA' > SECTION 'WAS ICH LIEBE' > ZITAT > KREIS */
            display: none; /* 200929 lz: Entf */    
        }
        
    }






	/*-----------------------------------------------------------------------------------*/
	/* 5.5 - PAGES - INFO
	/*-----------------------------------------------------------------------------------*/

    /* SECTION 'INTRO' (KREISTEXT) */

    .page-id-63 #intro {
        width: 600px; /* 201019 lz: Kreisgroesse definieren */
        height: 600px; /* 201019 lz: Kreisgroesse definieren */
        position: relative;
        margin: -130px auto 0; /* 201019 lz: Vert. einruecken */
        padding: 0; /* 201019 lz: Standardsteg entf */
    }

    .page-id-63 #intro > .wp-block-group__inner-container {
      width: 100%;
      height: 100%;
      /*BLUE BG*/
      background: radial-gradient(
        ellipse at center,
        rgba(243, 231, 224, 1) 0%,
        rgba(243, 231, 224, 1) 70%,
        rgba(243, 231, 224, 0) 70.3%
      );
      position: relative;
      margin: 0;
    }

    .page-id-63 #intro > .wp-block-group__inner-container > p {
        height: 100%;
        hyphens: none; /* 201019 lz: Silbentrennung unterbinden */
        margin: 0; /* 201019 lz: Standard-Abstaende aushebeln */
        max-width: none; /* 201019 lz: Standardwert aushebeln */
        padding: 0;
        text-align: center;
    }

        .page-id-63 #intro > .wp-block-group__inner-container > p span { /* KREIS > ABSTANDSHALTER */
            display: block; /* 201019 lz: Platz fuer Headline schaffen */
            height: 160px; /* 201019 lz: Platz fuer Headline schaffen */
        }

    .page-id-63 #intro > .wp-block-group__inner-container::before {
      content: "";
      width: 50%;
      height: 100%;
      float: left;
      shape-outside: polygon(
        0 0,
        98% 0,
        50% 6%,
        23.4% 17.3%,
        6% 32.6%,
        0 50%,
        6% 65.6%,
        23.4% 82.7%,
        50% 94%,
        98% 100%,
        0 100%
      );
      shape-margin: 7%;
    }

    .page-id-63 #intro > .wp-block-group__inner-container > h1::before,
    .page-id-63 #intro > .wp-block-group__inner-container > p::before {
      content: "";
      width: 50%;
      height: 100%;
      float: right;
      shape-outside: polygon(
        2% 0%,
        100% 0%,
        100% 100%,
        2% 100%,
        50% 94%,
        76.6% 82.7%,
        94% 65.6%,
        100% 50%,
        94% 32.6%,
        76.6% 17.3%,
        50% 6%
      );
      shape-margin: 7%;
    }

    .page-id-63 #intro > .wp-block-group__inner-container > h1 {
        position: absolute; /* 201019 lz: Am oberen Kreisrand ausrichten */
        top: 30px; /* 201019 lz: Am oberen Kreisrand ausrichten */
        font-family: 'Lato';
        font-weight: 100;
        font-size: 40px;
        line-height: 1.2em;
        text-transform: uppercase;
    }



    /* SECTION 'ANGEBOTE' (SPALTEN) */

    .page-id-63 #angebote { /* SEITE 'INFO' > SECTION 'ANGEBOTE' */
        border: 1px solid #000; /* 220214 lz: Feiner gestalten */
        margin: -50px auto 50px; /* 201021 lz: Layout ab 200525 */
        padding: 50px; /* 201021 lz: Layout ab 200525 */
    }

    .page-id-63 #angebote h2 {
        font-family: 'Walkout'; /* 201021 lz: = em */
        font-size: 50px; /* 201021 lz: = em */
        line-height: 1em; /* 201021 lz: = em */
        margin: 30px 0 40px !important; /* 201021 lz: Layout ab 200525 */
        text-transform: none !important; /* 201021 lz: Nicht versal gestalten */
    }

    .page-id-63 #angebote .wp-block-button__link {
        border: none !important; /* 201021 lz: Kontur entf */
    }



    /* --- SECTION 'FAQ' --- */

    #faq { /* SEITE 'INFO' > SECTION 'FAQ' */
        height: 100%; /* 200719 lz: Zitatslider stylen */
        margin: 60px 0 50px; /* 201023 lz: Layout ab 200525 */
        max-width: none;  /* 200912 lz: Pfeile weiter ausruecken */
        padding: 0; /* 201023 lz: Innenabstaende entf */;
        position: relative; /* 201023 lz: Schmuckgrafik rel. zu Section positionieren */
        width: 100%;  /* 200719 lz: Zitatslider stylen */
    }

        #faq:before { /* SEITE 'INFO' > SECTION 'FAQ' > SCHMUCKGRAFIK */
            background: url("img/info-faq-schmuck.svg") top center no-repeat; /* 220216 lz: CSS kombinieren */
            content: ''; /* 201023 lz: Schmuckgrafik erzeugen */
            height: calc(100% - 200px); /* 201023 lz: Vert. Einrueckung ausgleichen */
            position: absolute; /* 201023 lz: Schmuckgrafik rel. zu Section positionieren */
            left: 17.5%; /* 201023 lz: Hor. zentrieren */
            top: 200px; /* 201023 lz: Vert. positionieren */
            width: 65%; /* 201023 lz: Schmuckgrafik responsive skalieren */
            z-index: -1; /* 201023 lz: In den HG setzen */
        }

    #faq h2 { /* SEITE 'INFO' > SECTION 'FAQ' > TITEL */
        font-family: 'Walkout'; /* 201022 lz: = h1 */
        font-size: 80px; /* 201022 lz: = h1 */
        font-weight: normal; /* 201022 lz: = h1 */
        line-height: 1.2em; /* 201022 lz: = h1 */
        margin: 30px auto 80px; /* 201022 lz: = Layout ab 200525 */
        text-transform: none; /* 201022 lz: Nicht versal gestalten */
    }

    #faq li { /* FAQ-SLIDER > SLIDE */
        list-style-type: none; /* 200719 lz: Zitatslider stylen */
        width: 100%;  /* 200719 lz: Zitatslider stylen */
        height: 100%; /* 200719 lz: Zitatslider stylen */
    }

    #faq li div { /* FAQ-SLIDER > INHALTE */
        margin: 100px 25% 50px; /* 200719 lz: Layout ab 200719 */
        position: relative; /* 200719 lz: Zitat-Schmuckgrafik hieran ausrichten */
        text-align: center; /* 200719 lz: Texte zentrieren */
        width: 100%; /* 200719 lz: Texte zentrieren */
    }

    #faq li div.faq-frage { /* FAQ-SLIDER > AUTOR */
        font-size: 40px; /* = 201031 lz: BARBARA > h2 */
        font-weight: 100; /* = 201022 lz: BARBARA > h2 */
        margin: 0 25%; /* = 201023 lz: Ueberlappung mit Pfeilen vermeiden */
        max-width: 50%; /* = 201023 lz: Ueberlappung mit Pfeilen vermeiden */
        font-weight: 100; /* = 201022 lz: BARBARA > h2 */
        line-height: 1.2em; /* = 201022 lz: BARBARA > h2 */
    }

    #faq li div.faq-antwort { /* FAQ-SLIDER > ZITAT */
        margin-top: 40px; /* = 201022 lz: Layout ab 200525 */
    }

        #faq li div.faq-antwort p:last-child { /* FAQ-SLIDER > ZITAT (LETZTER ABSATZ) */
            margin-bottom: 0 !important; /* 200719 lz: Abstand entf */
        }

    #faq .lSAction > .lSPrev, /* FAQ-SLIDER > SLIDERPFEILE > ZURUECK > LINK */
    #faq .lSAction > .lSNext { /* FAQ-SLIDER > SLIDERPFEILE > WEITER > LINK */
        background: url("img/arrow-short.svg") center center / contain no-repeat !important; /* 220216 lz: CSS kombinieren */
        width: 90px !important; /* 200719 lz: Grafik individualisieren */
        height: 60px !important; /* 200913 lz: Klickflaeche vergroessern */
        right: calc(50% - 700px); /* 201105 lz: Sliderbreite deckeln */
        top: 50px; /* 201023 lz: Vert. zentrieren mit Frage */
        filter: brightness(0); /* 200719 lz: Pfeile schwarz faerben */
        transition: all .3s ease-out;
    }

    #faq .lSAction > .lSPrev { /* FAQ-SLIDER > SLIDERPFEILE > ZURUECK > LINK */
        transform: rotate(180deg); /* 200719 lz: Pfeil drehen */
        left: calc(50% - 700px); /* 201105 lz: Sliderbreite deckeln */
    }

        #faq  .lSAction > .lSPrev:hover { /* FAQ-SLIDER > SLIDERPFEILE > ZURUECK > LINK (MOUSEOVER) */
            left: calc(50% - 720px) !important; /* 201105 lz: Sliderbreite deckeln */
            filter: brightness(0.5); /* 200719 lz: = Headerslider */
        }

        #faq  .lSAction > .lSNext:hover { /* FAQ-SLIDER > SLIDERPFEILE > WEITER > LINK (MOUSEOVER) */
            right: calc(50% - 720px) !important; /* 201105 lz: Sliderbreite deckeln */
            filter: brightness(0.5); /* 200719 lz: = Headerslider */
        }



    /* Maximum width of 1500 pixels (DESKTOP > SLIDERBREITE UNTERSCHRITTEN)
    ------------------------------------------------------------------------------------ */
    @media screen and (max-width: 1500px) {

        #faq .lSAction > .lSPrev { /* FAQ-SLIDER > SLIDERPFEILE > ZURUECK > LINK */
            left: 5%; /* 201105 lz: = Nav */
        }
        
            #faq  .lSAction > .lSPrev:hover { /* FAQ-SLIDER > SLIDERPFEILE > ZURUECK > LINK (MOUSEOVER) */
                left: 4% !important; /* 201105 lz: = Nav */
            }


        #faq .lSAction > .lSNext { /* FAQ-SLIDER > SLIDERPFEILE > WEITER > LINK */
            right: 5%; /* 201105 lz: = Nav */
        }

            #faq  .lSAction > .lSNext:hover { /* FAQ-SLIDER > SLIDERPFEILE > WEITER > LINK (MOUSEOVER) */
                right: 4% !important; /* 201105 lz: = Nav */
            }
        
    }



    /* Maximum width of 1079 pixels (MOBILE > BIG)
    ----------------------------------------------------------------*/

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

    /* SECTION 'INTRO' (KREISTEXT) */

        .page-id-63 #intro {
            display: flex; /* 201025 lz: Kreis zentrieren, auch wenn groesser als Eltern-DIV */
            height: 420px; /* 201025 lz: = Kreisgroesse */
            justify-content: center; /* 201025 lz: Kreis zentrieren, auch wenn groesser als Eltern-DIV */
            margin: -90px auto 0 -50%; /* 201025 lz: Kreis zentrieren, auch wenn groesser als Eltern-DIV */
            max-width: none; /* 201025 lz: Kreis zentrieren, auch wenn groesser als Eltern-DIV */
            width: 200%; /* 201025 lz: Kreis zentrieren, auch wenn groesser als Eltern-DIV */
        }

        .page-id-63 #intro > .wp-block-group__inner-container {
            height: 430px; /* 220218 lz: Bugfix 'Ausbrechender Text' */
            width: 430px; /* 220218 lz: Bugfix 'Ausbrechender Text' */
        }

        .page-id-63 #intro > .wp-block-group__inner-container > h1 {
            font-size: 24px !important; /* 201025 lz: Kompakter gestalten */
            font-weight: 300; /* 201025 lz: Schriftstaerke ausgleichen */
            margin: 40px 0 20px !important; /* 220218 lz: Abstand vor verringern */
            top: 0; /* 201025 lz: Kompakter gestalten */
        }

        .page-id-63 #intro > .wp-block-group__inner-container > p {
            hyphens: auto; /* 201025 lz: Platz besser ausnutzen */
            letter-spacing: 0.002em; /* 201025 lz: Laufweite verringern */
        }

        .page-id-63 #intro > .wp-block-group__inner-container > p span {
            height: 90px; /* 220218 lz: Abstand vor verringern */
        } 



        /* SECTION 'ANGEBOTE' (SPALTEN) */

        .page-id-63 #angebote { /* SEITE 'INFO' > SECTION 'ANGEBOTE' */
            border: none; /* 201025 lz: Beide Angebote gesondert einrahmen */
            margin: -20px 20px 50px; /* 220218 lz: Abstand vor verringern */
            padding: 0; /* 201025 lz: Kompakter gestalten */
        }

        .page-id-63 #angebote .wp-block-column { /* SEITE 'INFO' > SECTION 'ANGEBOTE' > SPALTEN */
            border: 1px solid #000; /* 220218 lz: Angleichen an restl. Zierrahmen */
            padding: 20px; /* 201025 lz: Beide Angebote gesondert einrahmen */
        }

        .page-id-63 #angebote .wp-block-column:first-child { /* SEITE 'INFO' > SECTION 'ANGEBOTE' > ERSTE SPALTE */
            margin-bottom: 20px !important; /* 201025 lz: Spalten-Steg ergaenzen */
        }

        .page-id-63 #angebote .wp-block-image { /* SEITE 'INFO' > SECTION 'ANGEBOTE > BILDER */
            margin: 0 !important; /* 201025 lz: Skalierung korr */
        } 
        


        /* SECTION 'FAQ' */

        #faq { /* SEITE 'INFO' > SECTION 'FAQ' */
            margin: 0 0 30px; /* 201025 lz: Kompakter gestalten */
            overflow: hidden; /* 201025 lz: Ver. Scrollbalken Schmuckelement unterbinden */
        }

            #faq:before { /* SEITE 'INFO' > SECTION 'FAQ' > SCHMUCKGRAFIK */
                height: 100%; /* 201025 lz: Groesser gestalten */
                left: 10%; /* 201025 lz: Groesser gestalten */
                width: 80%; /* 201025 lz: Groesser gestalten */
            }
        
        #faq h2 { /* SEITE 'INFO' > SECTION 'FAQ' > TITEL */
            font-size: 50px; /* 201025 lz: = h1 */
            margin: 30px auto 20px; /* 201022 lz: = h1 */
        }

        #faq li div.faq-frage { /* SEITE 'INFO' > SECTION 'FAQ' > FRAGE */
            font-size: 24px; /* 201025 lz = h3 */
            font-weight: 300; /* = 201025 lz: Schriftstaerke ausgleichen */
            margin: 80px 5% 20px; /* 201025 lz: = .kundenstimme-content::before */
            max-width: none; /* 201025 lz: = .kundenstimme-content */
        }

        #faq li div.faq-frage:before { /* SEITE 'INFO' > SECTION 'FAQ' > FRAGE > ICON (NUR MOBIL) */
            background: url("img/info-faq-frage.svg") center left / contain no-repeat !important; /* 220216 lz: CSS kombinieren */
            content: ''; /* 201025 lz: = .kundenstimme-content */
            height: 40px; /* 201025 lz: = .kundenstimme-content */
            left: 50%; /* 201025 lz: = .kundenstimme-content */
            position: absolute; /* 201025 lz: = .kundenstimme-content */
            top: -60px; /* 201025 lz: = Vertikal vermitteln zw. Section-Headline und Frage */
            transform: translateX(-50%); /* 201025 lz: = .kundenstimme-content */
            width: 40px; /* 201025 lz: = .kundenstimme-content */
        }

        #faq li div.faq-antwort { /* SEITE 'INFO' > SECTION 'FAQ' > ANTWORT */
            margin: 0 5%; /* = 201025 lz: Kompakter gestalten */
            max-width: none; /* 201025 lz: = .kundenstimme-content */
        }
        
    }






	/*-----------------------------------------------------------------------------------*/
	/* 5.6 - PAGES - KONTAKT
    /*-----------------------------------------------------------------------------------*/

    /* SECTION 'INTRO' */

    .page-id-68 #intro .wp-block-column:last-child { /* SEITE 'KONTAKT' > SECTION 'INTRO' > TEXTSPALTE */
        display: flex; /* 201027 lz: Textspalte vert. zentrieren */
        flex-flow: row wrap; /* 201027 lz: Textspalte vert. zentrieren */
        align-content: center; /* 201027 lz: Textspalte vert. zentrieren */
        position: relative; /* 201027 lz: Halbkreis rel. zu Eltern-DIV ausrichten */
        z-index: 1; /* 201027 lz: Ueber Nachfolge-Section anordnen */
    }

    .page-id-68 #intro .wp-block-column h1 { /* SEITE 'KONTAKT' > SECTION 'INTRO' > TITEL */
        margin-top: 0; /* 201027 lz: Textspalte vert. zentrieren */
    }

        .page-id-68 #intro .wp-block-column:last-child:before { /* SEITE 'KONTAKT' > SECTION 'INTRO' > TEXTSPALTE > HALBKREIS */          
            background-color: var(--beige); /* 201027 lz: = Halbkreis BARBARA */
            content: ''; /* 201027 lz: = Halbkreis BARBARA */
            position: absolute; /* 201027 lz: = Halbkreis BARBARA */
            top: 10%; /* 201027 lz: Vert. einruecken */
            left: -100px; /* 201027 lz: Hor. ausruecken */
            width: 200px; /* 201027 lz: = Halbkreis BARBARA */
            height: 400px; /* 201027 lz: = Halbkreis BARBARA */
            border-radius: 0 200px 200px 0; /* 201027 lz: Halbreis nach rechts abfallend gestalten */
            z-index: -1; /* 201027 lz: In den HG setzen */
            transform-origin: bottom center; /* 201027 lz: = Halbkreis BARBARA */
        }



    /* SECTION 'ZITAT' */

    .page-id-68 #zitat { /* SEITE 'KONTAKT' > SECTION 'ZITAT' */
        padding: 50px 0; /* 201027 lz: Abstand vor erhoehen */
    }

        .page-id-68 #zitat:before { /* SEITE 'KONTAKT' > SECTION 'ZITAT' > KREIS */          
            background-color: var(--beige); /* 201027 lz: = Halbkreis BARBARA */
            content: ''; /* 201027 lz: = Halbkreis BARBARA */
            position: absolute; /* 201027 lz: = Halbkreis BARBARA */
            top: -20px; /* 201027 lz: Vert. ausruecken */
            left: -50px; /* 201027 lz: Hor. ausruecken */
            width: 500px; /* 201027 lz: = Kreis erzeugen */
            height: 500px; /* 201027 lz: = Kreis erzeugen */
            border-radius: 250px; /* 201027 lz: Kreis erzeugen */
            z-index: -1; /* 201027 lz: In den HG setzen */
            transform-origin: bottom center; /* 201027 lz: = Halbkreis BARBARA */
        }



    /* SECTION 'ANFRAGE' */

    .page-id-68 #anfrage { /* SEITE 'KONTAKT' > SECTION 'ANFRAGE' */
        border: 1px solid #000; /* 220218 lz: Angleichen an restl. Zierrahmen */
        margin: 50px auto 50px; /* 201031 lz: = #angebote */
        padding: 50px; /* 201031 lz: = #angebote */
    }

    .page-id-68 #anfrage h2 { /* SEITE 'KONTAKT' > SECTION 'ANFRAGE' > H2 */
        margin: 0 10% 40px; /* 201031 lz: Abstand nach erweitern */
    }



    /* Maximum width of 1079 pixels (MOBILE > BIG)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1079px) {

        .page-id-68 #intro .wp-block-column:last-child:before { /* SEITE 'KONTAKT' > SECTION 'INTRO' > TEXTSPALTE > HALBKREIS */          
            display: none; /* 201109 lz: Entf */
        }

        .page-id-68 #zitat:before { /* SEITE 'KONTAKT' > SECTION 'ZITAT' > KREIS */          
            top: 0%; /* 201031 lz: Kompakter gestalten */
            left: -60px; /* 201031 lz: Kompakter gestalten */
            width: 250px; /* 201031 lz: Kompakter gestalten */
            height: 250px; /* 201031 lz: Kompakter gestalten */
        }
        
        .page-id-68 #anfrage { /* SEITE 'KONTAKT' > SECTION 'ANFRAGE' */
            margin: 50px 20px 50px; /* 201031 lz: = #angebote */
            padding: 50px 20px 20px; /* 201031 lz: Kompakter gestalten */
        }

        .page-id-68 #anfrage h2 { /* SEITE 'KONTAKT' > SECTION 'ANFRAGE' > H2 */
            margin: 0 0 40px; /* 201031 lz: Breite = 100% */
        }
        
    }






 	/*-----------------------------------------------------------------------------------*/
	/* 5.7 - PAGES - KONTAKT > DANKE
    /*-----------------------------------------------------------------------------------*/

    .page-child .intro h1 { /* SEITE 'DANKE' > SEITENTITEL */
        font-size: 120px; /* 220216 lz: Layout-Adaption ab 'DankeSeite2' */
    }

    .page-child #weiter h2 { /* SEITE 'DANKE' > ZWISCHENTITEL */
        font-family: 'Walkout';
        font-size: 80px;
        font-style: normal !important;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0; /* 220216 lz: Einrueckung entf' */
        position: relative;
        text-transform: none; /* 220216 lz: Nicht versal gestalten */
    }

    .unterschrift { /* UNTERSCHRIFT-ABSAETZE ('BARBARBA') */
        margin: 30px 12% 20px !important; /* 220216 lz: Einruecken */
    }

    .page-id-4008 #weiter:before { /* SEITE 'DANKE' > SECTION 'WEITER' > SCHMUCKELEMENT */
        background: var(--beige); /* 220216 lz: Schmuckform ergaenzen */
        border-radius: 250px; /* 220216 lz: Schmuckform ergaenzen */
        height: 250px; /* 220216 lz: Schmuckform ergaenzen */
        width: 250px; /* 220216 lz: Schmuckform ergaenzen */
        position: absolute; /* 220216 lz: Schmuckform ergaenzen */
        content: ''; /* 220216 lz: Schmuckform ergaenzen */
        left: 2.5%; /* 220216 lz: Schmuckform ergaenzen */
        bottom: 20%; /* 220216 lz: Schmuckform ergaenzen */
        z-index: -1; /* 220216 lz: Schmuckform ergaenzen */
    }



    /* Maximum width of 1079 pixels (MOBILE > BIG)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1079px) {

        .page-child .intro h1 { /* SEITE 'DANKE' > SEITENTITEL */
            font-size: 100px; /* 220216 lz: Layout-Adaption ab 'DankeSeite2' */
        }

        .page-child #weiter h2 { /* SEITE 'DANKE' > ZWISCHENTITEL */
            margin: 0 0 20px; /* 220216 lz: Einrueckung abschwaechen */
        }

        .verschickt { /* SEITE 'DANKE' > ABSCHNITT 'INTRO' > ABSATZ 'VERSCHICKT' */
            margin-top: 40px !important; /* 220216 lz: Abstand vor ergaenzen */
        }

        .page-child .wp-block-group { /* SEITE 'DANKE' > ZWISCHENTITEL */
            margin: 0 40px; /* 220216 lz: Mobil einruecken */
            width: calc(100% - 80px); /* 220216 lz: Mobil einruecken */
        }

        .unterschrift { /* UNTERSCHRIFT-ABSAETZE ('BARBARBA') */
            margin: 20px 15px 40px !important; /* 220216 lz: Einrueckung abschwaechen */
        }
        
    }






	/*-----------------------------------------------------------------------------------*/
	/* 5.8 - PAGES - IMPRESSUM + DATENSCHUTZ
    /*-----------------------------------------------------------------------------------*/

    .page-id-72 #content, /* SEITE 'DATENSCHUTZ' > SEITEN-INHALT */
    .page-id-70 #content { /* SEITE '201103' > SEITEN-INHALT */
        padding-top: 400px; /* 220218 lz: Icon-Header weiter von Header abruecken */
    }

    .page-id-70 #intro, /* SEITE 'IMPORESSUM' ... */
    .page-id-72 #intro { /* SEITE 'DATENSCHUTZ' ... */
        padding-top: 0; /* 220217 lz: Abstand vor entf */
    }

    
    .page-id-72 h1, /* SEITE 'DATENSCHUTZ' > SEITEN-TITEL */
    .page-id-70 h1 { /* SEITE '201103' > SEITEN-TITEL */
        line-height: 40px; /* 220218 lz: Seitentitel naeher an Icon ruecken */
        margin: 40px 0; /* 220218 lz: Hor. Einrueckung entf */
    }

    .page-id-70 h2, /* SEITE 'IMPRESSUM' > UEBERSCHRIFTEN */
    .page-id-72 h2 { /* SEITE 'DATENSCHUTZ' > UEBERSCHRIFTEN */
        margin: 60px 0 10px; /* 220218 lz: Hor. Einrueckung entf */
    }

    .page-id-72 h3, /* SEITE 'DATENSCHUTZ' > UEBERSCHRIFTEN EBENE 3 */
    .page-id-70 h3 { /* SEITE 'IMPRESSUM' > UEBERSCHRIFTEN EBENE 3 */
        font-size: 20px; /* 201103 lz: kleiner formatieren */
        margin: 40px 0 20px; /* 220218 lz: Hor. Einrueckung entf */
    }

    .page-id-72 h4, /* SEITE 'DATENSCHUTZ' > UEBERSCHRIFTEN EBENE 4 */
    .page-id-70 h4 { /* SEITE 'IMPRESSUM' > UEBERSCHRIFTEN EBENE 4 */
        font-size: 20px; /* 201103 lz: kleiner formatieren */
        font-weight: bold; /* 2021103 lz: Fett formatieren */
        margin: 40px 0 0; /* 220218 lz: Hor. Einrueckung entf */
        text-transform: none !important; /* 201103 lz: In Grosskleinschreibung formatieren */
    }
    
    .page-id-72 p, /* SEITE 'DATENSCHUTZ' > FLIESSTEXT */
    .page-id-70 p { /* SEITE 'IMPRESSUM' > FLIESSTEXT */
        margin: 0 0 20px; /* 220218 lz: Hor. Einrueckung entf */
    }   

    .page-id-72 #content li { /* SEITE 'DATENSCHUTZ' > CONTENT-BEREICH > UEBERSCHRIFTEN EBENE 4 */
        margin-bottom: 20px; /* 201103 lz: = p */
        margin-left: 40px; /* 220218 lz: Hor. Einrueckung entf */
        max-width: calc(100% - 40px); /* 220218 lz: Hor. Einrueckung korr */
    }



    /* Maximum width of 1079 pixels (MOBILE > BIG)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1079px) {
                
        .page-id-72 #content, /* SEITE 'DATENSCHUTZ' > SEITEN-INHALT */
        .page-id-70 #content { /* SEITE 'IMPRESSUM' > SEITEN-INHALT */
            padding-top: 250px; /* 220218 lz: Icon-Header ergaenzen */
        }
        
        .page-id-70 #intro::before, /* SEITE 'IMPRESSUM' > ICON-HEADER */
        .page-id-72 #intro::before { /* SEITE 'DATENSCHUTZ' > ICON-HEADER */
            top: -140px; /* 220218 lz: Vert. Pos. korr */
        }

        .page-id-72 h1, /* SEITE 'DATENSCHUTZ' > SEITEN-TITEL */
        .page-id-70 h1 { /* SEITE 'IMPRESSUM' > SEITEN-TITEL */
            margin: 20px 0 40px !important; /* 220218 lz: Abstand nach verringern */
        }

        .page-id-72 h2, /* SEITE 'DATENSCHUTZ' > H2 */
        .page-id-70 h2 { /* SEITE 'IMPRESSUM' > H2 */
            margin-top: 40px; /* 201103 lz: Verringern */
            text-align: left; /* 201103 lz: Zentrierung aushebeln */
        } 

        .page-id-72 h4, /* SEITE 'DATENSCHUTZ' > UEBERSCHRIFTEN EBENE 4 */
        .page-id-70 h4 { /* SEITE 'IMPRESSUM' > UEBERSCHRIFTEN EBENE 4 */
            font-size: 16px; /* 220218 lz: = mobiler Fliesstext */
        } 
        
        .page-id-72 #content li { /* SEITE 'DATENSCHUTZ' > CONTENT-BEREICH > UEBERSCHRIFTEN EBENE 4 */
            margin-left: 30px; /* 220218 lz: Einrueckung links verringern */
            max-width: unset; /* 220218 lz: Einrueckung rechts entf */
        }
            
    }






/*-----------------------------------------------------------------------------------*/
/*	6.0 - POSTS
/*-----------------------------------------------------------------------------------*/

    /*-----------------------------------------------------------------------------------*/
    /*	6.1 - POSTS - UEBERSICHTSSEITEN
    /*-----------------------------------------------------------------------------------*/

    /* --- BEITRAGSTEASER --- */

    .post-teaser { /* BEITRAGSTEASER */
        background-color: #fff; /* = 201018 lz: Farb-Animation bei Hover */
        display: flex; /* 201018 lz: Zweispalten-Raster definieren */
        flex-flow: row nowrap; /* 201018 lz: Zweispalten-Raster definieren */
        margin: 0 0 40px 0; /* 201017 lz: Teaser ganzzeilig gestalten */
        position: relative; /* 190530 lz: Hover-Effekt erzeugen */
        top: 0; /* 190530 lz: Hover-Effekt erzeugen */
        transition: 0.5s ease !important; /* 201018 lz: Weiche Hover-Animation gestalten */
    }

        .post-teaser:hover { /* BEITRAGSTEASER (HOVER) */
            /* box-shadow: 0px 10px 60px rgba(0,0,0,0.2); /* 190530 lz: Hover-Effekt (Schatten) erzeugen */
            background-color: var(--beige) !important; /* 201018 lz: = CI-Hellbeige faerben */
            opacity: 1 !important; /* 201018 lz: Standardstil ueberschreiben */
            transition: 0.5s ease; /* 201018 lz: Weiche Hover-Animation gestalten */
        }

    .post-teaser-bildspalte { /* BEITRAGSTEASER > BILDSPALTE */
        width: 50%; /* 201018 lz: Zweispalten-Raster definieren */
        order: 1; /* 201018 lz: Spaltenfolge definieren */
    }

        .post-teaser:nth-child(even) .post-teaser-bildspalte { /* BEITRAGSTEASER (JEDER GERADE) */
            order: 2; /* 201018 lz: Spaltenfolge umdrehen */
        }

    .post-teaser-pic { /* BEITRAGSTEASER > BILDSPALTE */
        background-position: center center; /* 180521 lz: Bild in Mobilbeitrag absolut zentrieren */
        background-size: 101%; /* 201023 lz: Weiße Blitzer vermeiden */
        left: 0; /* 170521 lz: Hor. Scrollbalken entfernen */
        padding-bottom: 66.6%; /* 201023 lz: = Teaser Desktop aut. skalieren auf 500 x 333px */
        position: relative; /* 170519 lz: Textueberlappung verhindern */
        width: 100%; /* 201018 lz: Zweispalten-Raster definieren */
    }

        .post-teaser:hover .post-teaser-pic, /* BEITRAGSTEASER (MOUSEOVER) > THUMBNAIL */
        .post-teaser:focus .post-teaser-pic { /* BEITRAGSTEASER (IM FOKUS) > THUMBNAIL */
            background-size: 106%; /* 190530 lz: Hover-Effekt (Zoom) erzeugen */
            opacity: .5; /* 201018 lz: Hover-Effekt (Abblenden) erzeugen */
        }

    .post-teaser-pic-content { /* BEITRAGSTEASER > BILDSPALTE > INHALT */
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .post-teaser-textspalte { /* BEITRAGSTEASER > TEXTSPALTE */
        display: flex; /* 201018 lz: Inhalte abs. zentrieren */
        flex-flow: row wrap; /* 201018 lz: Inhalte umbrechen lassen */
        justify-content: center; /* 201018 lz: Inhalte abs. zentrieren */
        align-content: center; /* 201018 lz: Inhalte abs. zentrieren */
        order: 2; /* 201018 lz: Spaltenfolge definieren */
        padding: 20px; /* 201031 lz: Zu knappe Textraender verhindern */
        width: 50%; /* 201018 lz: Zweispalten-Raster definieren */
    }

        .post-teaser:nth-child(even) .post-teaser-textspalte { /* BEITRAGSTEASER (JEDER GERADE) */
            order: 1; /* 201018 lz: Spaltenfolge umdrehen */
        }

    .post-teaser-category { /* BEITRAGSTEASER > KATEGORIE */
        font-family: 'Walkout'; /* 201018 lz: = Zitate */
        font-size: 30px; /* 201018 lz: Verkleinern */
        font-style: normal !important; /* 201018 lz: = Zitate */
        font-weight: normal; /* 201018 lz: = Zitate */
        line-height: 1em; /* 201018 lz: = Zitate */
        margin: -10px 0 20px !important; /* 201018 lz: = Zitate */
    }

    .post-teaser-title { /* BEITRAGSTEASER > TITEL */
        text-align: center; /* 201018 lz: Hor. zentrieren */
    }

    .post-teaser-date { /* BEITRAGSTEASER > DATUM */
        font-size: 16px; /* 201018 lz: Verkleinern */
        text-align: center; /* 201018 lz: Hor. zentrieren */
    }



    /* MAX. SIZE OF 1079px (MOBILE > BIG)
    ----------------------------------------------------------------*/

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

        .post-teaser { /* BEITRAGSTEASER > BILDSPALTE */
            background-color: var(--beige) !important; /* 220216 lz: Mobil dauerhaft hervorheben */
            flex-flow: row wrap; /* 201018 lz: Spalten umbrechen lassen */
        }
        
        .post-teaser-bildspalte { /* BEITRAGSTEASER > BILDSPALTE */
            width: 100%; /* 201018 lz: Einspalten-Raster definieren */
            order: 1 !important; /* 201018 lz: Spaltenordnung fixieren */
        }

        .post-teaser-textspalte { /* BEITRAGSTEASER > BILDSPALTE */
            width: 100%; /* 201018 lz: Einspalten-Raster definieren */
            order: 2 !important; /* 201018 lz: Spaltenordnung fixieren */
        }

        .post-teaser-category { /* BEITRAGSTEASER > KATEGORIE */
            font-size: 24px; /* 201018 lz: Verkleinern */
            margin: 20px 0 0 0 !important; /* 201018 lz: Abstand vor erhoehen */
        }

        .post-teaser-title { /* BEITRAGSTEASER > TITEL */
            font-size: 24px; /* 200704 lz: = h2 */
            margin: 20px 0 0 0; /* 201018 lz: Verringern */
        }

        .post-teaser-date { /* BEITRAGSTEASER > DATUM */
            font-size: 16px; /* 201018 lz: Verkleinern */
            text-align: center; /* 201018 lz: Hor. zentrieren */
            margin: 10px 0 20px 0; /* 201018 lz: Verringern */
        }

    }






    /*-----------------------------------------------------------------------------------*/
    /*	6.2 - POSTS - BEITRAGSSEITE
    /*-----------------------------------------------------------------------------------*/

    .single-post #main-wrap { /* BEITRAG > INHALTSCONTAINER */
        background: #f6e0dd; /* 180508 lz: CI-Rosa faerben */
    }

    #post-container { /* BEITRAG > SPALTENCONTAINER */
        margin: 0 auto; /* 170519 lz: = .entry-content */
        max-width: 800px; /* 190319 lz: Satzspiegel hor. begrenzen */
        padding: 150px 0 80px 0; /* 190915 lz: Abstand zum Footer ergaenzt */
    }



    /* BEITRAGSKOPF */

    #post { /* BEITRAGSSEITE > SECTION 'POST' */
        padding-bottom: 0; /* 201018 lz: Abstand zum Footer verringern */
    }


    #post-header { /* BEITRAGSSEITE > HEADERBANNER */
        display: flex; /* 201018 lz: Inhalte layouten */
        flex-flow: row wrap; /* 201018 lz: Inhalte layouten */
        justify-content: center; /* 201018 lz: Inhalte hor. zentrieren */
        align-items: center; /* 201018 lz: Inhalte vert. zentrieren */
        width: 100%; /* 191018 lz: Mobil randabfallend gestalten */
    }

    #post-title { /* BEITRAG > HEADLINE */
        font-family: 'Lato'; /* 201018 lz: = H1 Seite 'BARBARA' */
        font-weight: 100; /* 201018 lz: = H1 Seite 'BARBARA' */
        font-size: 48px; /* 201018 lz: = H1 Seite 'BARBARA' */
        line-height: 1.2em; /* 201018 lz: = H1 Seite 'BARBARA' */
        margin: 20px 0 50px !important; /* 201025 lz: Auch mobil nutzen */
        text-transform: uppercase; /* 201018 lz: = H1 Seite 'BARBARA' */
        text-align: center; /* 201018 lz: Hor. zentrieren */
        width: 100%; /* 201018 lz: Ganzzeilig gestalten */
    }

    #post-category { /* BEITRAG > KATEGORIE */
        font-family: 'Walkout'; /* 201018 lz: = .post-teaser-category */
        font-size: 30px; /* 201018 lz: = .post-teaser-category */
        font-style: normal !important; /* 201018 lz: = .post-teaser-category */
        font-weight: normal; /* 201018 lz: = .post-teaser-category */
        line-height: 1em; /* 201018 lz: = .post-teaser-category */
        margin: 0 0 0 40px !important; /* 201018 lz: Steg zw. Datum & Kategorie ergaenzen */
    }



    /* CONTENT */

    #post-content h2 { /* BEITRAG > INHALTSCONTAINER > ZWISCHEN-ÜBERSCHRIFTEN */
        font-size: 24px; /* 190617 lz: Dezenter gestalten */
        text-transform: none; /* 190617 lz: Dezenter gestalten */
    }

    #post-content h2:first-child, /* BEITRAGS-INHALT > ERSTE SUBHEAD 1 */
    #post-content h3:first-child { /* BEITRAGS-INHALT > ERSTE SUBHEAD 2 */
        margin-top: 0 !important; /* 170514 lz: Abstand vor entfernen */
    }



    /* MAX. SIZE OF 1079px (MOBILE > BIG)
    ----------------------------------------------------------------*/

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

         #post-container { /* BEITRAG > SPALTENCONTAINER */
            padding: 75px 0 0 0; /* 191018 lz: Inhalt unter Mobilheader verschieben */
        }

        #post-title { /* BEITRAG > HEADLINE */
            font-size: 36px !important; /* 201105 lz: Verkleinern fuer lange Headlines */
            hyphens: auto !important; /* 201025 lz: Mobiloptimierung */
            margin: 20px 0 40px !important; /* 201105 lz: Abstand nach verringern */
        }

    }



    /* MAX. SIZE OF 820px (MOBILE > VOR UNTERSCHREITUNG BEITRAGS-SATZSPIEGEL)
    ----------------------------------------------------------------*/

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

        #post-content { /* BEITRAGS-INHALT */
            padding: 0 6% 20px; /* 200704 lz: Hor. Innenabstand relativ gestalten */
            overflow: hidden; /* 200704 lz: Hor. Scrollbalken verhindern */
        }

        #post-header { /* BEITRAG > HEADER */
            margin-top: 10px; /* 201025 lz: Beschnitt Oberlaengen Schreibschrift vermeiden */
        }

        #post-header.slider { /* BEITRAGSSEITE > HEADERBANNER (SLIDER STATT BILD) */
            padding-bottom: calc(57% + 24px); /* 200704 lz: SLIDER-PAGINIERUNG AUSGLEICHEN */
        }

    }






/*-----------------------------------------------------------------------------------*/
/* 7.0 - WIDGETS
/*-----------------------------------------------------------------------------------*/






/*-----------------------------------------------------------------------------------*/
/* 8.0 - SHORTCODES
/*-----------------------------------------------------------------------------------*/






/*-----------------------------------------------------------------------------------*/
/*	9.0 - PLUGINS
/*-----------------------------------------------------------------------------------*/

    /*-----------------------------------------------------------------------------------*/
    /*	9.1 - PLUGIN - ISOTOPE (MASONRY POST GRID)
    /*-----------------------------------------------------------------------------------*/

    /* ISOTOPE GRID > BASIC */

    .grid {
        margin: 0 auto !important; /* 190715 lz: Auch auf Seite 'ANGEBOTE' hor. zentriert halten */
        padding: 0 !important; /* 190715 lz: Dreispaltig erhalten */
        width: 1000px; /* 201018 lz: Verringern */
    }

        /* clear fix */
        .grid:after {
            content: '';
            display: block;
            clear: both;
        }

    .grid-sizer, /* ISOTOPE > REFERENZ-OBJEKT */
    .grid-item { /* ISOTOPE > BEITRAGS-TEASER */
        width: 100%; /*  */
    }

    .gutter-sizer { /* ISOTOPE-GRID > REFERENZ-ABSTAND */
        width: 20px; /* 201018 lz: Hor. Element-Stege definieren */
    }

    .grid-item { /* ISOTOPE-GRID > BEITRAGS-TEASER */
        margin-bottom: 50px; /* 201018 lz: Vert. Element-Stege definieren */
    }



    /* ISOTOPE GRID > IMAGES LOADED + INFINITE SCROLL */

    /* reveal grid after images loaded */
    .grid.are-images-unloaded {
      opacity: 0;
    }

    /* hide by default */
    .grid.are-images-unloaded .image-grid__item {
      opacity: 0;
    }

    .infinite-scroll-info { /* INFINITE SCROLL > SCROLL-HINWEIS */
        color: #777; /* 190702 lz: Initiale Hinweismeldung gestalten */
        margin-bottom: 0 !important; /* 190711 lz: Weissen Streifen auf ANGEBOTE verhindern */
        padding: 20px 20px 40px !important; /* 191025 lz: Hor. Abstaende = Satzspiegel Mobile */
        text-align: center; /* 190702 lz: Initiale Hinweismeldung gestalten */
    }

        .infinite-scroll-info.last { /* ISOTOPE GRID > INFINITE SCROLL > SCROLL-INFO (LETZTE SEITE) */
            display: none !important; /* 190703 lz: Ausblenden */
        }

    .infinite-scroll-error, /* INFINITE SCROLL > FEHLERINFO */
    .infinite-scroll-last { /* INFINITE SCROLL > ENDINFO (ERSETZT SCROLL-INFO AUF LETZER SEITE) */
        margin-bottom: 0; /* 190626 lz: Weissen Streifen unterhalb von ANGEBOTE verhindern */
        padding: 0 20px; /* 191017 lz: Hor. Abstaende = Satzspiegel Mobile */
        transition: all .3s ease-out; /* 190626 lz: Weicher Uebergang */
    }

    .page-load-status { /* INFINITE SCROLL > LADEBALKEN */
        display: none; /* hidden by default */
        padding: 20px 0 40px !important; /* 190626 lz: Hintergrundfarbe der Section bewahren */
        text-align: center;
        color: #777;
    }

    .loader-ellips {
        font-size: 20px; /* change size here */
        position: relative;
        width: 4em;
        height: 1em;
        margin: 0 auto; /* 190626 lz: Hintergrundfarbe der Section bewahren */
    }

    .loader-ellips__dot {
        display: block;
        width: 1em;
        height: 1em;
        border-radius: 0.5em;
        background: var(--standard); /* 190525 lz: = CI-Blau faerben */
        position: absolute;
        animation-duration: 0.5s;
        animation-timing-function: ease;
        animation-iteration-count: infinite;
    }

    .loader-ellips__dot:nth-child(1),
    .loader-ellips__dot:nth-child(2) {
        left: 0;
    }
    .loader-ellips__dot:nth-child(3) { left: 1.5em; }
    .loader-ellips__dot:nth-child(4) { left: 3em; }

    @keyframes reveal {
        from { transform: scale(0.001); }
        to { transform: scale(1); }
    }

    @keyframes slide {
        to { transform: translateX(1.5em) }
    }

    .loader-ellips__dot:nth-child(1) {
          animation-name: reveal;
    }

    .loader-ellips__dot:nth-child(2),
    .loader-ellips__dot:nth-child(3) {
        animation-name: slide;
    }

    .loader-ellips__dot:nth-child(4) {
        animation-name: reveal;
        animation-direction: reverse;
    }

    .pagination {
        display: none;
    }



    /* ISOTOPE GRID > FILTER */

    .filter { /* ISOTOPE GRID > FILTER */
        justify-content: center; /* 190625 lz: Inhalt hor. zentrieren */
        display: none; /* 201018 lz: Entf */
        flex-flow: row wrap; /* 190929 lz: Umbrechen bei vielen Eintraegen bzw. mobil erlauben */
    }

    .filter button { /* ISOTOPE GRID > FILTER > OPTION */
        background-color: rgba(0,0,0,0); /* 190625 lz: Buttons stylen */
        border: 0; /* 190625 lz: Buttons stylen */
        text-shadow: 0px 0px 20px rgba(0,0,0,0.5); /* 190625 lz: Kontrast zum HG erzeugen */
        color: #000; /* 201017 lz: Buttons stylen */
        cursor: pointer; /* 190625 lz: Buttons stylen */
        align-items: center; /* 190625 lz: Buttons stylen */
        display: flex; /* 190625 lz: Buttons stylen */
        font-family: 'Lato', 'Helvetica', Arial, sans-serif; /* 190625 lz: Buttons stylen */
        font-size: 20px; /* 190625 lz: Buttons stylen */
        font-weight: 300; /* 190625 lz: Buttons stylen */
        margin: 8px 10px 20px; /* 190625 lz: Buttons stylen */
        outline: none; /* 190625 lz: Buttons stylen */
        padding: 10px 15px; /* 190625 lz: Buttons stylen */
        position: relative; /* 190625 lz: Buttons stylen */
        transition: all .3s ease-out; /* 190625 lz: Uebergangseffekt ergaenzen */
    }

        .filter button.active { /* ISOTOPE GRID > FILTER > OPTION (AKTIV) */
            text-shadow: none; /* 190625 lz: Kontrast zum HG erzeugen */
            color: var(--standard) !important; /* 190625 lz: Mit Themenfarbe STANDARD fuellen */
            background-color: #fff; /* 190625 lz: Hintergrundflaeche vergeben */
        }

        .filter button:hover, /* ISOTOPE GRID > FILTER > OPTION (AKTIV + MOUSEOVER) */
        .filter button.active:hover { /* ISOTOPE GRID > FILTER > OPTION (AKTIV + MOUSEOVER) */
            background-color: rgba(255,255,255,0.2); /* 190625 lz: Hintergrund leicht andeuten */
            box-shadow: 0px 10px 60px rgba(0,0,0,0.2); /* 190625 lz: = .pst-teaser:hover */
        }



    /* MAX. SIZE OF 1079px (MOBILE > BIG)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1079px) {

        /* ISOTOPE > FILTER */

        .filter { /* ISOTOPE GRID > FILTER */
            margin: 0 0 15px -5px !important; /* 191017 lz: Steg Filter zu Grid + hor. margins ausgleichen */
            width: calc(100% + 10px); /* 191017 lz: Hor. margins ausgleichen */
        }

        .filter button { /* ISOTOPE GRID > FILTER > OPTION */
            background-color: rgba(255,255,255,0.2); /* 191016 lz: Dezenten HG ergaenzen */
            font-size: 16px; /* 191016 lz: = Fliesstext */
            margin: 5px; /* 191016 lz: Steg zw. Buttonzeilen opt. = 10px */
            padding: 10px 15px; /* 190625 lz: Buttons stylen */
            text-align: center; /* 191016 lz: Buttontext zentrieren */
        }

        
        
        /* ISOTOPE > GRID */

        .grid { /* ISOTOPE GRID */
            padding: 0 !important; /* 220216 lz: Satzspiegelbreite einnehmen */
            width: 100%; /* 191017 lz: Responsive an Satzspiegel angleichen */
        }

        .grid-item { /* ISOTOPE-GRID > BEITRAGS-TEASER */
            margin-bottom: 40px; /* 201018 lz: Verringern */
        }

        .page-load-status, /* INFINITE SCROLL > LADEBALKEN */
        .infinite-scroll-info { /* INFINITE SCROLL > LADEBALKEN */
            padding: 0 !important; /* 201018 lz: Vert. Abstaende entf */
        }
        
    }





    /*-----------------------------------------------------------------------------------*/
    /*	9.2 - PLUGIN - CONTACT FORM 7
    /*-----------------------------------------------------------------------------------*/

    form { /* FORMULARE */
        clear: both;
        display: flex; /* 201031 lz: Zweispalten-Raster erzeugen */
        flex-flow: row wrap; /* 201031 lz: Zweispalten-Raster erzeugen */
        justify-content: space-between; /* 201031 lz: Zweispalten-Raster erzeugen */
    }

    form p { /* FORMULARE > FELDER (ALLG) */
        width: 100%; /* 220216 lz: Gesamte Zeilenbreite einnehmen */
    }

    form p:nth-child(5) { /* FORMULARE > FORMULARFELD 'HONEYPOT 1' */
        margin: 0 !important; /* 220216 lz: Verstecken */
    }

    .cf7-field-broccoli, /* FORMULARFELD 'MAIL' */
    .cf7-field-tel, /* FORMULARFELD 'TEL' */
    .cf7-field-themen, /* FORMULARFELD 'THEMEN' */
    .cf7-field-zeiten { /* FORMULARFELD 'ZEITEN' */
        width: calc(50% - 50px) ; /* 201031 lz: Zweispalten-Raster erzeugen */
        margin: 20px 0; /* 201031 lz: Abstand vor erhoehen */
    }

    input, /* EINGABEFELDER ALLG. */
    textarea { /* TEXTFELDER */
        -webkit-appearance: none; /* 201107 lz: Bugfix 'Abweichende Senden-Button-Darstellung in iOS' (https://bit.ly/2U18zND) */
        -moz-appearance: none; /* 201107 lz: Bugfix 'Abweichende Senden-Button-Darstellung in iOS' (https://bit.ly/2U18zND) */
        appearance: none; /* 201107 lz: Bugfix 'Abweichende Senden-Button-Darstellung in iOS' (https://bit.ly/2U18zND) */
        background-color: rgba(0,0,0,0); /* 201031 lz: Transparent gestalten */
        border: none; /* 190525 lz: Kontur entfernen */
        border-bottom: 2px solid #000 !important; /* 201031 lz: Unterstreichung erstellen */
        color: #000;
        font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 190523 lz: = body */
        font-size: 100%; /* 201031 lz: = body */
        line-height: 1.5em; /* 190523 lz: = body */
        margin: 0 !important; /* 170326 lz: Aussenabstaende unterbinden */
        padding: 10px 15px 10px 0; /* 201031 lz: Linksbuendig gestalten */
        transition: all .5s ease-out; /* 190525 lz: Weichen Uebergang erzeugen */
        width: 100%;
    }  
    
    .cf7-field-themen label, /* FORMULARFELD 'THEMEN' > BESCHRIFTUNG */
    .cf7-field-zeiten label, /* FORMULARFELD 'ZEITEN' > BESCHRIFTUNG */
    .cf7-field-nachricht label { /* FORMULARFELD 'NACHRICHT' > BESCHRIFTUNG */
        display: block; /* 220218 lz: Als Subheadline formatieren */
        font-weight: bold; /* 220218 lz: Als Subheadline formatieren */
        margin: 10px 0 20px; /* 220218 lz: Als Subheadline formatieren */
    }

    .wpcf7-form-control-wrap.your-time1 { /* FORMULARFELD 'ZEITEN' > UNTER-OPTION 'TAGE' */
        display: block; /* 220218 lz: Steg ergaenzen */
        margin-bottom: 30px; /* 220218 lz: Steg ergaenzen */
    }



    /* CHECKBOXEN */

    .wpcf7-checkbox, /* CHECKBOXEN */
    .wpcf7-acceptance { /* ZUSTIMMUNG */
        display: block; /* 180331 lz: Abstand zu vorigem Element erzeugen */
        margin: 0; /* 180331 lz: Abstand zu vorigem Element erzeugen */
        position: relative; /* 220216 lz: input-Feld rel. zu Eltern-DIV positionieren */
    }

    .wpcf7-checkbox .wpcf7-list-item, /* CHECKBOXEN > OPTION */
    .wpcf7-acceptance .wpcf7-list-item { /* ZUSTIMMUNG > OPTION */
        display: block; /* 220216 lz: Auswahlen nebeneinander anordnen */
        margin: 5px 60px 0 0; /* 220218 lz: Abstand rechts verringern */
    }

    .wpcf7-checkbox .wpcf7-list-item input[type=checkbox], /* CHECKBOXEN > OPTION > ORIGINALFELD (CHECK) */
    .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] { /* ZUSTIMMUNG > OPTION > ORIGINALFELD (CHECK) */
        appearance: unset; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
        background: transparent; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
        border: 0 !important; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
        border-radius: 30px; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
        cursor: pointer; /* 220217 lz: Hand-Cursor zeigen */
        height: 30px; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
        padding: 0; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
        position: absolute; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
        width: 30px; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
        z-index: 1; /* 220216 lz: Umgestalten fuer Funktion 'exclusive' */
    }

    .wpcf7-checkbox .wpcf7-list-item-label::before, /* CHECKBOXEN > OPTION > KAESTCHEN */
    .wpcf7-acceptance .wpcf7-list-item-label::before { /* ZUSTIMMUNG > OPTION > KAESTCHEN */
        background: var(--beige) url("img/check.svg") center center / 0px no-repeat !important; /* 220216 lz: CSS kombinieren */
        border-radius: 15px; /* 201031 lz: Button abrunden */
        content: ""; /* 180331 lz: Kaestchen-Symbol bei Aktivieren aus der Mitte wachsen lassen */
        height: 30px; /* 180331 lz: Kaestchen vergroessern */
        left: -45px; /* 190525 lz: Kaestchen links ausruecken */
        position: absolute; /* 180331 lz: Kaestchen frei anordnen */
        top: 2px; /* 201031 lz: Kaestchen vert. mit Textzeile zentrieren */
        transition: all .3s ease-out; /* 180331 lz: Uebergangsanimation Kaestchenrahmen */
        width: 30px; /* 180331 lz: Kaestchen vergroessern */
    }

        .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before, /* CHECKBOXEN > OPTION > KAESTCHEN (AKTIVIERT) */
        .wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before { /* ZUSTIMMUNG > OPTION > KAESTCHEN (AKTIVIERT) */
            background-size: 20px !important; /* 190525 lz: Kaestchen-Symbol vergroessern */
        }

    .wpcf7-checkbox .wpcf7-list-item-label, /* CHECKBOXEN > OPTION > LABEL */
    .wpcf7-acceptance .wpcf7-list-item-label { /* ZUSTIMMUNG > OPTION > LABEL */
        display: inline-block;
        hyphens: manual; /* 220218 lz: Aut. Silbentrennung deaktivieren */
        left: 45px; /* 190525 lz: Einrueckung durch Kaestchen definiert */
        margin: 0 0 10px; /* 180331 lz: Abstand zw. Kaestchen definiert */
        position: relative;
    }

        .wpcf7-checkbox .wpcf7-list-item-label:hover, /* CHECKBOXEN > OPTION (HOVER) */
        .wpcf7-acceptance .wpcf7-list-item-label:hover { /* ZUSTIMMUNG > OPTION (HOVER) */
            cursor: pointer; /* 180331 lz: Mousezeiger in Hand verwandeln */
        }



    /* BUTTON 'ABSENDEN' */

    article input.wpcf7-submit { /* FORMULARE CF7 > BUTTON 'SENDEN' */
        clear: both;
        overflow: hidden;
        width: auto;
    }

    .cf7-field-submit { /* BUTTON 'SENDEN' > CONTAINER */
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0 0 20px 0; /* 180331 lz: Abstand nach angleichen an restl. Formularfelder */
        justify-content: center; /* 201031 lz: Button zentrieren */
        width: 100%;
    }

    .cf7-field-submit input { /* BUTTON 'SENDEN' > INHALT */
        background-color: var(--beige); /* 201031 lz: = INFO > BUTTON */
        border: none !important; /* 201031 lz: Zeilenunterstreichung entf */
        font-size: 20px; /* 201031 lz: = Buttons */
        hyphens: manual; /* 201031 lz: = Buttons */
        letter-spacing: 0.04em; /* 201031 lz: = Buttons */
        line-height: 1.2em; /* 201031 lz: = Buttons */
        margin-left: 70px !important; /* 220217 lz: Position ausgleichen */
        padding: 14px 60px; /* 201031 lz: Breiter gestalten */
        text-transform: uppercase; /* 201031 lz: = Buttons */
        transition: .5s ease; /* 201031 lz: = Buttons */
        width: auto; /* 201031 lz: Nicht zeilenfuellend verbreitern */
        z-index: 1; /* 170326 lz: Icon soll Button ueberlagern */
    }

        .cf7-field-submit input:hover, /* BUTTON 'SENDEN' > INHALT */
        .cf7-field-submit input:active { /* BUTTON 'SENDEN' > INHALT */
            cursor: pointer; /* 180331 lz: Mousezeiger in Hand verwandeln */
            opacity: .5; /* 201031 lz: Abblenden */
        }

    .cf7-field-submit .ajax-loader { /* BUTTON 'SENDEN' > LADE-ICON */
        margin-left: 20px !important; /* 201031 lz: Button inkl. Ajax-Loader hor. zentrieren */
        width: 20px !important; /* 201031 lz: Button inkl. Ajax-Loader hor. zentrieren */
        z-index: 2; /* 170326 lz: Icon soll Button ueberlagern */
    }



    /* VALIDIERUNG */

    .wpcf7-not-valid-tip,
    .wpcf7-response-output { /* STATUSMELDUNGEN ALLGEMEIN */
        background-color: #B20038; /* 201031 lz: By Default rot faerben */
        color: #fff !important;
        border: none !important;
        line-height: 1.5; /* 190525 lz: = Eingabefelder */
        margin: -3px 0 0 0 !important; /* 201031 lz: Korrekturmeldung ueber Unterkante Textfeld legen */
        padding: 10px 15px !important; /* 190525 lz: = Eingabefelder */
        text-align: center; /* 170326 lz: Zentrieren vgl. Submit-Button */
        width: 100%;
        position: relative; /* 190525 lz: https://leaverou.github.io/bubbly/ */
    }

        .wpcf7-not-valid-tip:before { /* FEHLERMELDUNGEN > PFEILSPITZEN */
            content: ''; /* 190525 lz: Inhalt erzeugen */
            position: absolute; /* 190525 lz: https://leaverou.github.io/bubbly/ */
            top: 0; left: 50%;  /* 190525 lz: https://leaverou.github.io/bubbly/ */
            width: 0;  /* 190525 lz: https://leaverou.github.io/bubbly/ */
            height: 0;  /* 190525 lz: https://leaverou.github.io/bubbly/ */
            border: 15px solid transparent;  /* 190525 lz: https://leaverou.github.io/bubbly/ */
            border-bottom-color: #B20038; /* 190525 lz: Rot faerben */
            border-top: 0; margin-left: -15px;  /* 190525 lz: https://leaverou.github.io/bubbly/ */
            margin-top: -15px; /* 190525 lz: https://leaverou.github.io/bubbly/ */
        }

    .wpcf7-response-output { /* STATUSMELDUNG (UNTERHALB SENDEN-BUTTON) */
        background-color: #000; /* 201031 lz: Neutral gestalten (invertieren) */
        color: #fff; /* 201031 lz: Neutral gestalten (invertieren) */
        margin-top: 25px !important; /* 190525 lz: Abstand zwischen Senden-Button und Statusmeldung ergaenzen */
        display: flex; /* 201031 lz: Text vert. zentrieren */
        align-items: center; /* 201031 lz: Text vert. zentrieren */
        justify-content: center; /* 201031 lz: Text hor. zentrieren */
    }

    .wpcf7-response-output.wpcf7-mail-sent-ok { /* STATUSMELDUNG 'OK' */
        background-color: #00843d !important; /* 170326 lz: Gruen faerben */
    }

        .wpcf7-not-valid-tip:before { /* STATUSMELDUNG 'FEHLER' > ICON */
            color: #B20038 !important; /* 170326 lz: Rot faerben */
        }



    /* MAX. SIZE OF 1079px (MOBILE > BIG)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1079px) {

        .cf7-field-broccoli, /* FORMULARFELD 'MAIL' */
        .cf7-field-tel, /* FORMULARFELD 'TEL' */
        .cf7-field-themen, /* FORMULARFELD 'THEMEN' */
        .cf7-field-zeiten { /* FORMULARFELD 'ZEITEN' */
            width: 100%; /* 201031 lz: Mobil Einspalten-Raster erzeugen */
        }

        .wpcf7-checkbox .wpcf7-list-item-label::before, /* CHECKBOXEN > OPTION > KAESTCHEN */
        .wpcf7-acceptance .wpcf7-list-item-label::before { /* ZUSTIMMUNG > OPTION > KAESTCHEN */
            top: -2px; /* 220218 lz: Position ausgleichen */
        }

        .cf7-field-acceptance { /* FORMULARFELD 'ZUSTIMMUNG' */
            margin-top: 10px; /* 220218 lz: Steg zu vorigem Formularfeld erhoehen */
        }

    }






    /*-----------------------------------------------------------------------------------*/
    /*	9.3 - PLUGIN - META SLIDER (Startseite)
    /*-----------------------------------------------------------------------------------*/

    .flex-direction-nav { /* SLIDER > SLIDERPFEILE (CONTAINER) */
        position: absolute; /* 200717 lz: Fullwidth gestalten */
        height: 100%; /* 200717 lz: Fullwidth gestalten */
        width: 100%; /* 200717 lz: Fullwidth gestalten */
        top: 0; /* 200717 lz: Fullwidth gestalten */
        left: 0; /* 200717 lz: Fullwidth gestalten */
        z-index: 2; /* 200717 lz: Slides ueberlagern */
    }

    .flex-nav-prev, /* SLIDER > SLIDERPFEILE > ZURUECK */
    .flex-nav-next { /* SLIDER > SLIDERPFEILE > WEITER */
        width: 160px; /* 200717 lz: Layout ab 200525 */
        height: 30px; /* 200717 lz: Layout ab 200525 */
        transform: translateY(-50%); /* 200717 lz: vert. zentrieren */
        top: 50%; /* 200717 lz: vert. zentrieren */
        position: absolute; /* 200717 lz: vert. zentrieren */
    }

    .flex-nav-prev a, /* SLIDER > SLIDERPFEILE > ZURUECK > LINK */
    .flex-nav-next a { /* SLIDER > SLIDERPFEILE > WEITER > LINK */
        background: url("img/arrow-long.svg") center left / contain no-repeat !important; /* 220216 lz: CSS kombinieren */
        width: 100% !important; /* 200717 lz: Klickflaeche = Eltern-DIV */
        height: 100% !important; /* 200717 lz: Klickflaeche = Eltern-DIV */
        left: 0 !important; /* 200717 lz: Plugin-Settings aushebeln */
        top: 0 !important; /* 200717 lz: Plugin-Settings aushebeln */
        margin: 0 !important; /* 200717 lz: Plugin-Settings aushebeln */
    }

    .flex-nav-prev { /* SLIDER > SLIDERPFEILE > ZURUECK > LINK */
        transform: translateY(-50%) rotate(180deg); /* 200913 lz: Pfeilpos. korr */
        left: 5% !important; /* 200717 lz: = nav */
    }

        .flex-nav-prev:hover { /* SLIDER > SLIDERPFEILE > ZURUECK > LINK (MOUSEOVER) */
            left: 3% !important; /* 200717 lz: = Leichte Interaktions-Animation ergaenzen */
        }

    .flex-nav-next { /* SLIDER > SLIDERPFEILE > WEITER > LINK (MOUSEOVER) */
        right: 5% !important; /* 200717 lz: = nav */
    }

        .flex-nav-next:hover { /* SLIDER > SLIDERPFEILE > ZURUECK > LINK (MOUSEOVER) */
            right: 3% !important; /* 200717 lz: = Leichte Interaktions-Animation ergaenzen */
        }



    /* MAX. SIZE OF 1079px (MOBILE > BIG)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1079px) {

        .flex-nav-prev, /* SLIDER > SLIDERPFEILE > ZURUECK */
        .flex-nav-next { /* SLIDER > SLIDERPFEILE > WEITER */
            bottom: 10px; /* 201103 lz: Kompakter gestalten */
            top: unset; /* 200913 lz: Desktop-Einstellung aushebeln */
        }

        .flex-nav-prev a, /* SLIDER > SLIDERPFEILE > ZURUECK > LINK */
        .flex-nav-next a { /* SLIDER > SLIDERPFEILE > WEITER > LINK */
            background-image: url("img/arrow-short.svg") !important; /* 200913 lz: Pfeile einkuerzen */
            background-position: right !important; /* 220218 lz: Pos. korr. */
        }

    }






    /*-----------------------------------------------------------------------------------*/
    /*	9.4 - PLUGIN - COOKIEBOT
    /*-----------------------------------------------------------------------------------*/

    #CybotCookiebotDialog { /* COOKIE-BANNER (AUSSEN-CONTAINER) */
		border-radius: 0 !important; /* 220217 lz: = Website-Stil */
    }

    #CybotCookiebotDialog * { /* COOKIE-BANNER > INHALTE */
        color: #000 !important; /* 220217 lz: = Website-Stil */
		font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; /* 220217 lz: = Website-Stil */
		font-size: 18px !important; /* 220217 lz: = Website-Stil */
        font-weight: 300 !important; /* 220217 lz: = Website-Stil */
        letter-spacing: 0.02em !important; /* 220217 lz: = Website-Stil */
		line-height: 1.5em !important; /* 220217 lz: = Website-Stil */
    }

    #CybotCookiebotDialogPoweredbyLink { /* COOKIE-BANNER > LOGO 'POWERED BY' */
  		background: url("img/logo-bildmarke.svg") center left / contain no-repeat !important; /* 220217 lz: = Website-Stil */
		height: 50px; /* 220217 lz: = Website-Stil */
    }

    #CybotCookiebotDialogPoweredbyLink img { /* COOKIE-BANNER > LOGO 'POWERED BY' > URSPR. BILD */
		display: none !important; /* 220217 lz: Entf */
    }

	#CybotCookiebotDialog h2 { /* COOKIE-BANNER > UEBERSCHRIFTEN */
		font-size: 24px !important; /* 220217 lz: = Website-Stil */
        font-weight: 300 !important; /* 220217 lz: = Website-Stil */
		line-height: 1.2em !important; /* 220217 lz: = Website-Stil */
		margin: 0 0 20px !important; /* 220217 lz: = Website-Stil */
		text-transform: uppercase !important; /* 220217 lz: = Website-Stil */
	}

	#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { /* COOKIE-BANNER > MENUE > AKTIVER LINK */
		border-bottom: 1px solid #000 !important; /* 220217 lz: = Website-Stil */
	}

    #CybotCookiebotDialog button { /* COOKIE-BANNER > BUTTONS */
        background-color: transparent !important; /* 220217 lz: = Website-Stil */
        border: 1px solid #000 !important; /* 220217 lz: = Website-Stil */
		border-radius: 0 !important; /* 220217 lz: = Website-Stil */
        color: #000 !important; /* 220217 lz: = Website-Stil */
		font-family: 'Lato' !important; /* 220217 lz: = Website-Stil */
        font-weight: 300 !important; /* 220217 lz: = Website-Stil */
        font-size: 20px !important; /* 220217 lz: = Website-Stil */
        letter-spacing: 0.04em !important; /* 220217 lz: = Website-Stil */
        line-height: 1.2em !important; /* 220217 lz: = Website-Stil */
        padding: 14px 20px 16px !important; /* 220217 lz: = Website-Stil */
        text-transform: uppercase; /* 220217 lz: = Website-Stil */
    }

	#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, 
	#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, 
	#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { /* COOKIE-BANNER > BUTTON 'ZUSTIMMUNG' */
        flex-grow: 2; /* 220217 lz: Vergroessern */
	}

    #CybotCookiebotDialog button#CybotCookiebotDialogBodyLevelButtonCustomize { /* COOKIE-BANNER > BUTTON 'ANPASSEN' */
        background-color: var(--beige) !important; /* 220217 lz: = Website-Stil */
        border: 1px solid var(--beige) !important; /* 220217 lz: = Website-Stil */
	}

	#CybotCookiebotDialogBodyUnderlay { /* COOKIE-BANNER > LIGHTBOX */
		background-color: #fff !important; /* 220217 lz: Invertieren */
	}

    .CybotCookiebotDialogDetailBodyContentCookieContainerButton.CybotCookiebotDialogCollapsed:before { /* COOKIE-BANNER > DETAIL-SETTINGS > DROPDOWN-ICONS */
        top: 0.5em !important; /* 220217 lz: Vertikal zentrieren */
    }

    #CookiebotWidget { /* 220217 lz: Mitwanderndes Cookieeinstellungs-Badge */
        opacity: 0 !important; /* 220217 lz: Verstecken */
        pointer-events: none !important; /* 220217 lz: Verstecken */
    }



    /* MAX. SIZE OF 1300px (BREAKPOINT COOKIEBOT)
    ----------------------------------------------------------------*/
    @media screen and (max-width: 1300px) {
		
		#CybotCookiebotDialogPoweredbyLink { /* COOKIE-BANNER > LOGO 'POWERED BY' */
			background-position: center center !important; /* 220217 lz: Bildmarke zentrieren */
			width: 100% !important; /* 220217 lz: Bildmarke zentrieren */
		}

		#CybotCookiebotDialogPoweredbyCybot { /* COOKIE-BANNER > LOGO 'POWERED BY' (URSPR. BILD) */
			display: none !important; /* 220217 lz: Entf */
		}

    }