/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* ############################################################################################################################################################################## */
    html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/* ############################################################################################################################################################################## */
/* ENDE-> ! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Icon-Font & Webfonts */
/* ############################################################################################################################################################################## */
    @font-face {  font-family: 'icons';  src: url('../Fonts/icons.eot?78670683');  src: url('../Fonts/icons.eot?78670683#iefix') format('embedded-opentype'), url('../Fonts/icons.woff2?78670683') format('woff2'), url('../Fonts/icons.woff?78670683') format('woff'), url('../Fonts/icons.ttf?78670683') format('truetype'), url('../Fonts/icons.svg?78670683#icons') format('svg');  font-weight: normal;  font-style: normal;  }
    [class^="icon-"]::before, [class*=" icon-"]::before {font-family: "icons";font-style: normal;font-weight: normal;speak: never;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
    .icon-mail::before { content: '\e800'; }  .icon-phone::before { content: '\e801'; }  .icon-book-open::before { content: '\e802'; }  .icon-facebook::before { content: '\e803'; }  .icon-users::before { content: '\e804'; }  .icon-user::before { content: '\e805'; }  .icon-flash::before { content: '\e806'; }  .icon-megaphone::before { content: '\e807'; }  .icon-zoomin-mobile::before { content: '\e808'; }  .icon-zoomout-mobile::before { content: '\e809'; }  .icon-zoom-in::before { content: '\f07e'; }  .icon-chat-empty::before { content: '\f0e6'; }  .icon-angle-double-left::before { content: '\f100'; }  .icon-angle-double-right::before { content: '\f101'; }  .icon-angle-double-up::before { content: '\f102'; }  .icon-angle-double-down::before { content: '\f103'; }  .icon-angle-left::before { content: '\f104'; }  .icon-angle-right::before { content: '\f105'; }  .icon-angle-up::before { content: '\f106'; }  .icon-angle-down::before { content: '\f107'; }  .icon-calendar-empty::before { content: '\f133'; }  .icon-delicious::before { content: '\f1a5'; }  .icon-wechat::before { content: '\f1d7'; }  .icon-facebook-squared::before { content: '\f30e'; }  .icon-instagram::before { content: '\f32d'; }  .icon-search:before { content: '\f50d'; }
    @font-face {font-family: 'carlito'; src:url(../Fonts/Carlito-Regular.ttf); font-display: swap;}
    @font-face {font-family: 'carlito'; src:url(../Fonts/Carlito-Italic.ttf); font-style:italic; font-display: swap;}
    @font-face {font-family: 'carlito'; src:url(../Fonts/Carlito-Bold.ttf); font-weight:bold; font-display: swap;}
    @font-face {font-family: 'carlito'; src:url(../Fonts/Carlito-BoldItalic.ttf); font-weight:bold; font-style:italic; font-display: swap;}
/* ############################################################################################################################################################################## */
/* ENDE _> Icon-Font & Webfonts */


/* HTML-Standards */
/* ############################################################################################################################################################################## */
    *{box-sizing: border-box;outline:none;}
    html, body{min-height:100vh;line-height: 1;}
    body{display:flex;flex-direction:column;align-items:center;background:#E6C483; padding:20px 0; font-family:Lucida Sans Unicode,  Lucida Grande, Trebuchet MS, sans-serif; font-size:14px; line-height:18px; transition:padding 300ms;}
    a{color:#000; text-decoration:none;}
    a:hover,
    a:focus{color:#CA6F41; text-decoration:underline;}
    table{border-collapse:collapse;}
    p{margin:0 0 15px 0;}
    p:last-child{margin:0;}
    button{cursor:pointer;}
    iframe{border:none; max-width:100%;}
    img{max-width:100%;height: auto;vertical-align:bottom;display: inline !important;}
    textarea{resize: none; width:100%; min-height:100px;}
    figure{margin: 0; display:inline-block;}

    .frame ul li{margin-bottom:10px;position:relative;}
    @media all and (max-width: 979px){
        body{padding:5px 0px;}
    }
@media all and (max-width: 749px){
    body{padding:5px 0px;}
}
@media all and (max-width: 599px){body{padding:0;}}
/* ############################################################################################################################################################################## */
/* ENDE -> HTML-Standards */


/* Ueberschriften (H1/H2/...H6) */
/* ############################################################################################################################################################################## */
    h1, h2, h3, h4, h5, h6 {color: #BD6838;margin-top:0;margin-bottom: 12px;font-size:16px; position:relative;padding-left:20px;}
    h1{letter-spacing: 0.1em; text-transform:uppercase;}
    h1::before{content: '\f105'; font-family: "icons"; font-style: normal;font-weight: normal;speak: never;display: inline-block;text-decoration: inherit;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;position: absolute;left: 5px;font-size: 1.2em;top: 1px;}
    h2{font-size:18px;}
    h3{font-size:16px;}
    h4, h5, h6{font-size:14px; font-weight:bold;}
/* ############################################################################################################################################################################## */
/* ENDE _> Ueberschriften (H1/H2/...H5) */


/* Page Container */
/* ############################################################################################################################################################################## */
    .sits_pageCont{max-width:90vw;width:1049px; background-color:#F8EFDF; border-radius:15px; background-image:url(/typo3conf/ext/seniorenbegleiterin_luebeck/Resources/Public/Images/sunflower_7.png); background-position:left bottom; flex: 1;background-repeat: no-repeat;padding:0 50px; position:relative; transition:padding 300ms; overflow:hidden;}
    @media all and (max-width: 979px){  .sits_pageCont{max-width:99vw;padding:0 25px;}  }
    @media all and (max-width: 899px){  .sits_pageCont{max-width:99vw;padding:0 25px;}  }
    @media all and (max-width: 749px){  .sits_pageCont{padding:50px 10px 0 10px; max-width:calc(100vw - 10px);}  }
@media all and (max-width: 599px){  .sits_pageCont{padding:50px 10px 0 10px; max-width:100vw;border-radius:0;}  }
/* ############################################################################################################################################################################## */
/* ENDE -> Page Container */


/* Header */
/* ############################################################################################################################################################################## */
    header.mainHead{position: relative;display: flex; margin: 0 -50px;flex-wrap: wrap;padding-bottom:40px; transition:all 300ms;}
    header.mainHead.noslide{align-items: center; padding:20px 0;}
    header.mainHead::before{content:''; background:#CA6F41; height:2px; width:100%; position:absolute; top:74px; left:0; transition:top 300ms;}
    header.mainHead.noslide::before{top:50%;}

    /* Logo */
    /* ============================================================================================================================================ */
        a.pageLogo{font-family:'carlito';text-decoration:none;text-align:right;left:0;flex: 0 0 auto;padding-left:50px; padding-right:10px;width:355px; display:flex; flex-direction: column; justify-content: center; transition:all 300ms;}
        a.pageLogo:hover{text-decoration: none;}
        .pageLogo > span{color:#CA6F41; display:block; -webkit-font-smoothing: antialiased;font-size:2em; line-height:1.5; transition:font-size 300ms;}
        .pageLogo > span:last-child{font-size:1.5em;}
    /* ============================================================================================================================================ */
    /* ENDE -> Logo */

    /* Bildslider im Header */
    /* ============================================================================================================================================ */
        #headerSlide{flex: 1;height: 145px;position: relative;z-index: 1;margin-left:83px;background: #f8efdf;border-radius: 0 15px 0 0; transition:all 300ms;}
        #headerSlide::before{content:''; display:block; position:absolute; z-index:3; width:15px; left:-15px; top:0; height:100%; background: #f8efdf;}
        .sits_headslideelement{width: 100%;height: 100%;background-size:cover;background-position: center;opacity: .85;border-radius: 0 15px 0 0;background-repeat: no-repeat; position:absolute; opacity:0; transition:all 700ms ease-out; transition-delay:800ms;}
        .sits_headslideelement.aktiv{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; opacity:1; transition-delay:0;}
    /* ============================================================================================================================================ */
    /* ENDE -> Bildslider im Header */

    /* Media-Queries Header allgemein */
    /* ============================================================================================================================================ */
        @media all and (max-width: 979px){
            header.mainHead{ margin: 0 -25px;}
        }

        @media all and (max-width: 899px){
            .pageLogo > span{font-size:1.6em;}
            .pageLogo > span:last-child{font-size:1.4em;}
            #headerSlide{height:125px; margin-left:45px}
            header.mainHead::before{top:63px;}
            a.pageLogo{padding-left:25px; width:310px; padding-right:0;}
        }

        @media all and (max-width: 749px){
            #headerSlide {display: none;}
            header.mainHead,
            header.mainHead.noslide{ height:80px; padding:0; margin:0 ;position: fixed;top: 0;width: calc(100vw - 10px);background: #f8efdf; left:5px; border-radius:15px 15px 0 0; z-index:2;}
            header.mainHead::before,
            header.mainHead.noslide::before{top:50px;}
            a.pageLogo{padding-left:10px; width:auto;position: relative;top: 11px;}

            .scrolled header.mainHead,
            .scrolled header.mainHead.noslide{position:fixed; top:0; left:0; transform:translateY(-100%); transition:transform 300ms ease-out;}
            .scrolled.upscrolled header.mainHead,
            .scrolled.upscrolled header.mainHead.noslide{transform:translateY(0);}
        }

@media all and (max-width: 599px){
    header.mainHead,
    header.mainHead.noslide{width:100%; left:0;}
}
@media all and (max-width: 499px){
    a.pageLogo{font-size:.9em;}
}
@media all and (max-width: 359px){
    a.pageLogo{text-align:left;}
}
    /* ============================================================================================================================================ */
    /* Media-Queries Header allgemein */

    /* Hauptnavigation */
    /* ============================================================================================================================================ */

        /* Grundlage und Level 1 */
        /* -------------------------------------------------------------------------------------------------- */
            #mainNav{display:block;}
            ul.sits_mainMenue{display:flex; justify-content: space-between; padding:0; margin:0;}
            ul.sits_mainMenue li{flex:0 0 auto; list-style-type: none; display:block; color:#CA6F41; text-transform: uppercase; position:relative; white-space: nowrap;}
            ul.sits_mainMenue > li{margin:0 5px;}
            ul.sits_mainMenue > li:hover::after{content:''; z-index:1; display:block;position:absolute;width:200%;left:-50%; height:40px;}
            ul.sits_mainMenue > li.spacer{margin:-2px 5px; width:1px; height:20px; background:#555;}
            ul.sits_mainMenue > li.spacer:last-child{display:none;}
            ul.sits_mainMenue > li > a,
            ul.sits_mainMenue > li > .sits_menuGroup{color:#555; text-decoration:none; transition:color 200ms; cursor:pointer;}
            ul.sits_mainMenue > li:hover > a,
            ul.sits_mainMenue > li.current > a,
            ul.sits_mainMenue > li.aktiv:not(:first-child) > a,
            ul.sits_mainMenue > li:focus-within > a{color:#CA6F41;}
            #mainNav > ul > li.hasSub > a .opener{display:none;}
        /* -------------------------------------------------------------------------------------------------- */
        /* ENDE -> Grundlage und Level 1 */

        /* Level 2 */
        /* -------------------------------------------------------------------------------------------------- */
            ul.sits_mainMenue > li > ul{position:absolute; z-index:2; left:50%; top:calc(100% + 50px); transform: translateX(-50%); background:#e6c483; border-radius:10px; margin:0; padding:15px 10px; text-align:center; opacity:0; pointer-events: none; }
            ul.sits_mainMenue > li:hover > ul,
            ul.sits_mainMenue > li:focus > ul,
            ul.sits_mainMenue > li:focus-within > ul{transition:all 350ms ease-out; opacity:1; top:calc(100% + 16px); pointer-events: auto;}
            ul.sits_mainMenue > li > ul::before{content:''; display:block; width:30px; height:30px; background:#e6c483;position:absolute; left:50%; top:-5px; transform:rotate(45deg); margin-left:-15px;}
            ul.sits_mainMenue > li > ul > li > a,
            ul.sits_mainMenue > li > ul > li > .sits_menuGroup{color: #7a3817;display: block;padding:4px 30px; transition:all 350ms; text-decoration: none;}
            ul.sits_mainMenue > li > ul > li > a:hover,
            ul.sits_mainMenue > li > ul > li > a:focus{color: #fff;text-shadow: 1px 1px 2px #5e4719;}
        /* -------------------------------------------------------------------------------------------------- */
        /* ENDE -> Level 2 */

        /* Level 3 */
        /* -------------------------------------------------------------------------------------------------- */
            ul.sits_mainMenue > li > ul > li > ul{padding:0 0 5px 0; margin:-2px 0 0 0;}
            ul.sits_mainMenue > li > ul > li > ul > li{}
            ul.sits_mainMenue > li > ul > li > ul > li > a{display:block; padding:2px 15px; text-transform: initial;}
        /* -------------------------------------------------------------------------------------------------- */
        /* ENDE -> Level 3 */

        @media all and (max-width: 749px){
            #mainNav{position:fixed; right:0; top:0;  transform:translateX(100%); opacity:0; transition:all 500ms ease-out; z-index:20; pointer-events: none; font-size:1.2em; padding-top:50px; background:#e6c483; border: 2px solid #f8efdf; border-radius: 15px; overflow: hidden;}
           /* #mainNav{position:fixed; right:0; top:5px;  transform:translateX(100%); opacity:0; transition:all 500ms ease-out; z-index:20;}*/
            #mainNav.offen{  transform:none; opacity:1; pointer-events: auto;}
            /*#mainNav.offen{  transform:translateX(-5px); opacity:1;}*/
            #mainNav > ul {background:#e6c483; display:block;max-width:calc(100vw); max-height:calc(100vh - 52px); overflow-y:auto; overflow-x: hidden;border-radius: 15px;}
            #mainNav > ul > li, #mainNav > ul > li > a, #mainNav > ul > li > span{display:block;}
            #mainNav > ul > li{border-top: 1px solid #ca6f41;}
            #mainNav > ul > li.spacer{display:none;}
            #mainNav > ul > li > a, #mainNav > ul > li > span{padding:10px 60px 10px 25px; position:relative; z-index:2;}
            #mainNav > ul > li.hasSub > a .opener,
            #mainNav > ul > li.hasSub > span .opener{display:block;position:absolute; top:5px; right:20px; height: 21px;width: 25.5px;}
            #mainNav > ul > li.hasSub > a .opener::before,
            #mainNav > ul > li.hasSub > span .opener::before,
            #mainNav > ul > li.hasSub > span .opener::after,
            #mainNav > ul > li.hasSub > a .opener::after{content:'';display:block;position:absolute;width: 70%;left: 0;height:3px;border-radius: 3px;background:#ca6f41;bottom: 5px;transform: rotate(40deg);transition:all 300ms;}
            #mainNav > ul > li.hasSub > a .opener::before,
            #mainNav > ul > li.hasSub > span .opener::before{left:2%;}
            #mainNav > ul > li.hasSub > a .opener::after,
            #mainNav > ul > li.hasSub > span .opener::after{transform: rotate(140deg);left: 50%;}
            #mainNav > ul > li.hasSub.offen > a .opener::before,
            #mainNav > ul > li.hasSub.offen > span .opener::before{transform:rotate(140deg);left: 3%; background:#ca6f41;}
            #mainNav > ul > li.hasSub.offen > a .opener::after,
            #mainNav > ul > li.hasSub.offen > span .opener::after{transform:rotate(40deg);background:#ca6f41;}


            #mainNav > ul > li.hasSub > ul{display:block; position:relative; height:0; overflow:hidden; padding:0 10px;transition:padding 300ms ease-out;}
            #mainNav > ul > li.hasSub.offen > ul{display:block; position:relative; overflow:hidden; top:0; opacity:1; pointer-events: auto; text-align:left; padding:100px 10px 10px 10px; height:auto; }
            #mainNav > ul > li.hasSub.offen > ul > li:first-child{margin-top: -100px;}
            #mainNav > ul > li.hasSub > ul > li> a{padding:4px 60px 4px 0;}
            #mainNav>ul>li.hasSub>ul>li>a{display:block;padding:4px 50px 4px 35px;}
            #mainNav>ul>li.hasSub>ul>li>span{display:block;padding:4px 50px 4px 20px;}
            #mainNav>ul>li.hasSub>ul>li>a::before{content: '\f105'; font-family: "icons"; font-style: normal;font-weight: normal;speak: never;display:block;text-decoration: inherit;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;position: absolute;left:21px;font-size: 1.2em;top: 3px;}
            #mainNav>ul>li.hasSub>ul>li>ul{display:block; padding:0 0 10px 0; position:relative;}
            #mainNav>ul>li.hasSub>ul>li>ul>li>a{padding:2px 40px 5px 25px;}
        }
    /* ============================================================================================================================================ */
    /* ENDE -> Hauptnavigation */

    /* Burger-Btn */
    /* ============================================================================================================ */
        .sits_burgerButton{height: 40px;width: 50px;display:none;position:fixed; top:7px; right:15px; z-index:25;}
        .bar1, .bar2, .bar3{background-color: #CA6F41;height: 4px;margin: 8px 6px 6px 6px;transition:0.4s;border-radius: 3px;}
        .bar1{margin: 6px 6px 8px 6px;}
        .change .bar1{background-color:#7a3817;margin: 7px 6px 5px 10px;-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-10px, 6px);}
        .change .bar2{opacity:0;}
        .change .bar3{background-color:#7a3817;margin: 8px 8px 0px 8px;-webkit-transform:rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-9px, -8px);}
            @media all and (max-width: 749px){
                .sits_burgerButton{display:block; }
                .scrolled .sits_burgerButton{top:-73px; position:fixed; transition:top 300ms ease-out;}
                .scrolled.upscrolled .sits_burgerButton{top:7px;}
            }
    /* ============================================================================================================ */

/* ############################################################################################################################################################################## */
/* ENDE -> Header */


/* Breadcrumbs */
/* ############################################################################################################################################################################## */
    .breadcumbs{padding:0; margin:25px 0 -25px 0; display:flex; justify-content:flex-start;}
    .breadcumbs > li {flex:0 0 auto; list-style-type:none;}
    .breadcumbs > li::after {content: '\f105'; font-family: 'icons'; display:inline-block; -webkit-font-smoothing: antialiased;}
    .breadcumbs > li:last-child::after{display:none;}
    .breadcumbs > li > a{display:inline-block; padding:4px 8px;}
    .breadcumbs > li:first-child > a{padding-left:0;}
@media all and (max-width: 749px){.breadcumbs{padding-top:25px;display:none;}}
/* ############################################################################################################################################################################## */
/* ENDE -> Breadcrumbs */


/* Hauptinhalt und Kontaktdaten */
/* ############################################################################################################################################################################## */

    /* Hauptinhalt (ColPos 0 & 1) */
    /* ============================================================================================================================================ */
        .maincont{display:flex; padding-top:50px;}
        .maincont > .leftCol{flex:0 0 auto; width:290px; margin-right:20px; padding-bottom:230px; transition:width 300ms;}
        .maincont > .leftCol p{padding-right:20px;}
        .maincont > .mainCol{flex:1; padding-bottom:50px; display:flex; flex-direction: column; justify-content: space-between;}
        .maincont p {padding-left:20px;}
    /* ============================================================================================================================================ */
    /* ENDE -> Hauptinhalt (ColPos 0 & 1) */

    /* Contentfoot (Kontaktdaten) */
    /* ============================================================================================================================================ */
        .contentfooter{font-size:.95em; padding:120px 0 0 20px;}
        .contentfooter ul{display:flex; flex-wrap: wrap; justify-content: flex-start; padding:0; margin:0;}
        .contentfooter ul li{list-style-type: none; padding-right:5px; margin-bottom:0; }
        .contentfooter ul li::before{content:'\2022'; display:inline-block; padding-right:5px;}
        .contentfooter ul li:first-child::before{display:none;}
    /* ============================================================================================================================================ */
    /* ENDE -> Contentfoot (Kontaktdaten) */


    @media all and (max-width: 899px){
        .maincont > .leftCol{width:240px;}
    }

    @media all and (max-width: 799px){
        .maincont > .leftCol{width:150px;}
    }



    @media all and (max-width: 679px){
        .maincont{flex-direction: column;}
        .maincont > .leftCol{width:100%; padding-bottom:25px;}
        .maincont {padding-bottom:230px;}
    }
/* ############################################################################################################################################################################## */
/* ENDE -> Hauptinhalt und Kontaktdaten */


/* Abstaendende Contentboxen */
/* ############################################################################################################################################################################## */
    .frame.frame-space-before-extra-small{margin-top:20px;}
    .frame.frame-space-after-extra-small{margin-bottom:20px;}
    .frame.frame-space-before-small{margin-top:35px;}
    .frame.frame-space-after-small{margin-bottom:35px;}
    .frame.frame-space-before-medium{margin-top:50px;}
    .frame.frame-space-after-medium{margin-bottom:50px;}
    .frame.frame-space-before-large{margin-top:75px;}
    .frame.frame-space-after-large{margin-bottom:75px;}
    .frame.frame-space-before-extra-large{margin-top: 100px;}
    .frame.frame-space-after-extra-large{margin-bottom:100px;}

    @media all and (max-width: 679px){
        .frame.frame-space-before-small{margin-top:25px;}
        .frame.frame-space-after-small{margin-bottom:25px;}
        .frame.frame-space-before-medium{margin-top:30px;}
        .frame.frame-space-after-medium{margin-bottom:30px;}
        .frame.frame-space-before-large{margin-top:35px;}
        .frame.frame-space-after-large{margin-bottom:35px;}
        .frame.frame-space-before-extra-large{margin-top: 40px;}
        .frame.frame-space-after-extra-large{margin-bottom:40px;}
    }
/* ############################################################################################################################################################################## */
/* ENDE ->  Abstaendende Contentboxen */


/* Kontaktformular (Form-Framework) */
/* ############################################################################################################################################################################## */
    .frame-type-form_formframework .row{display:flex;}
    .frame-type-form_formframework .row > *{flex:1;}
    .frame-type-form_formframework .row .form-element{padding-bottom:15px;margin:0 10px;}
    .frame-type-form_formframework .row .form-element input:not([type="checkbox"]){width:100%; padding:3px 6px;border-radius:4px; border:1px solid #7a3817;}
    .frame-type-form_formframework .row .form-element select,
    .frame-type-form_formframework .form-element textarea{padding:3px 6px; border-radius:4px; border:1px solid #7a3817; width:100%;}
.frame-type-form_formframework .form-element-select select{padding:3px 6px; border-radius:4px; border:1px solid #7a3817;}
    .form-element-textarea,
    .form-element-check,
    .form-element-select,
    .form-element-statictext{padding:0 10px;}
.form-element-select{padding-bottom:10px;}
    .frame-type-form_formframework p{padding-left:10px;}
    .frame-type-form_formframework .actions{display:flex; justify-content: flex-end;}
    .frame-type-form_formframework .actions button{flex:0 0 auto; background:#CA6F41; border:1px solid #7a3817; color:#000; padding:4px 8px; border-radius:4px; transition:all 200ms ease-out; font-weight:bold;}
    .frame-type-form_formframework .actions button:hover{background:#7a3817;  color:#fff; }

    @media all and (max-width: 499px){
        .frame-type-form_formframework .row{flex-wrap:wrap;}
        .frame-type-form_formframework .row > *{min-width:40%;}
    }

    @media all and (max-width: 349px){
        .frame-type-form_formframework .row > *{min-width:80%;}
    }
/* ############################################################################################################################################################################## */
/* ENDE -> Kontaktformular (Form-Framework) */


/* Footer */
/* ############################################################################################################################################################################## */
    footer.pagefoot{position:absolute; bottom:0; left:0; height:30px; background: rgba(199, 165, 86,.4); border-radius:0 0 15px 15px; width:100%; align-items: center;justify-content: center; display:flex;}
    ul.footMenu{display:flex; justify-content: center; flex-wrap: wrap; padding:0; margin:0; flex:0 0 auto;}
    ul.footMenu > li{flex:0 0 auto; list-style-type: none; padding:0 10px; border-right:1px solid #555;}
    ul.footMenu > li:last-child{border:none;}
    ul.footMenu > li a{color:#333; text-decoration: none;}
    ul.footMenu > li a:hover{color:#CA6F41;}
/* ############################################################################################################################################################################## */
/* ENDE -> Footer */

/* Size-Blocker */
/* ############################################################################################################################################################################## */
    .sizeBlocker{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background: rgba(202, 111, 65, 0.85);color:#555;font-size: 20px; line-height:22px;text-shadow: 1px 1px 3px #fff;font-weight:bold;display:none; align-items:center; text-align:center; padding:20px;}
    @media (max-width:319px){.sizeBlocker{display:flex;}}
/* ############################################################################################################################################################################## */