/*@font-face{font-family:'FontAwesomeBrands';font-weight: normal;font-style: normal;src: url('fonts/fa-brands-400.eot?v=4.6.1');src: url('fonts/fa-brands-400.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('fonts/fa-brands-400.woff2?v=4.6.1') format('woff2'), url('fonts/fa-brands-400.woff?v=4.6.1') format('woff'), url('fonts/fa-brands-400.ttf?v=4.6.1') format('truetype'), url('fonts/fa-brands-400.svg?v=4.6.1#fontawesomeregular') format('svg');}*/
/*@font-face{font-display:swap;font-family:'FontAwesomeBrands';font-style: normal;font-weight: 400;font-display: block;src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.ttf") format("truetype"); }*/

@font-face{font-display:swap;font-family:'Taviraj';font-style:normal;font-weight:400;src:url(fonts/taviraj-v15-latin-regular.eot);src:url(fonts/taviraj-v15-latin-regular.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-regular.woff2) format("woff2"),url(fonts/taviraj-v15-latin-regular.woff) format("woff"),url(fonts/taviraj-v15-latin-regular.ttf) format("truetype"),url(fonts/taviraj-v15-latin-regular.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:italic;font-weight:400;src:url(fonts/taviraj-v15-latin-italic.eot);src:url(fonts/taviraj-v15-latin-italic.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-italic.woff2) format("woff2"),url(fonts/taviraj-v15-latin-italic.woff) format("woff"),url(fonts/taviraj-v15-latin-italic.ttf) format("truetype"),url(fonts/taviraj-v15-latin-italic.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:normal;font-weight:500;src:url(fonts/taviraj-v15-latin-500.eot);src:url(fonts/taviraj-v15-latin-500.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-500.woff2) format("woff2"),url(fonts/taviraj-v15-latin-500.woff) format("woff"),url(fonts/taviraj-v15-latin-500.ttf) format("truetype"),url(fonts/taviraj-v15-latin-500.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:italic;font-weight:500;src:url(fonts/taviraj-v15-latin-500italic.eot);src:url(fonts/taviraj-v15-latin-500italic.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-500italic.woff2) format("woff2"),url(fonts/taviraj-v15-latin-500italic.woff) format("woff"),url(fonts/taviraj-v15-latin-500italic.ttf) format("truetype"),url(fonts/taviraj-v15-latin-500italic.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:normal;font-weight:600;src:url(fonts/taviraj-v15-latin-600.eot);src:url(fonts/taviraj-v15-latin-600.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-600.woff2) format("woff2"),url(fonts/taviraj-v15-latin-600.woff) format("woff"),url(fonts/taviraj-v15-latin-600.ttf) format("truetype"),url(fonts/taviraj-v15-latin-600.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:italic;font-weight:600;src:url(fonts/taviraj-v15-latin-600italic.eot);src:url(fonts/taviraj-v15-latin-600italic.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-600italic.woff2) format("woff2"),url(fonts/taviraj-v15-latin-600italic.woff) format("woff"),url(fonts/taviraj-v15-latin-600italic.ttf) format("truetype"),url(fonts/taviraj-v15-latin-600italic.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:normal;font-weight:700;src:url(fonts/taviraj-v15-latin-700.eot);src:url(fonts/taviraj-v15-latin-700.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-700.woff2) format("woff2"),url(fonts/taviraj-v15-latin-700.woff) format("woff"),url(fonts/taviraj-v15-latin-700.ttf) format("truetype"),url(fonts/taviraj-v15-latin-700.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:italic;font-weight:700;src:url(fonts/taviraj-v15-latin-700italic.eot);src:url(fonts/taviraj-v15-latin-700italic.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-700italic.woff2) format("woff2"),url(fonts/taviraj-v15-latin-700italic.woff) format("woff"),url(fonts/taviraj-v15-latin-700italic.ttf) format("truetype"),url(fonts/taviraj-v15-latin-700italic.svg#Taviraj) format("svg")}
/*@font-face{font-display:swap;font-family:'Taviraj';font-style:normal;font-weight:800;src:url(fonts/taviraj-v15-latin-800.eot);src:url(fonts/taviraj-v15-latin-800.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-800.woff2) format("woff2"),url(fonts/taviraj-v15-latin-800.woff) format("woff"),url(fonts/taviraj-v15-latin-800.ttf) format("truetype"),url(fonts/taviraj-v15-latin-800.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:italic;font-weight:800;src:url(fonts/taviraj-v15-latin-800italic.eot);src:url(fonts/taviraj-v15-latin-800italic.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-800italic.woff2) format("woff2"),url(fonts/taviraj-v15-latin-800italic.woff) format("woff"),url(fonts/taviraj-v15-latin-800italic.ttf) format("truetype"),url(fonts/taviraj-v15-latin-800italic.svg#Taviraj) format("svg")}*/
/*@font-face{font-display:swap;font-family:'Taviraj';font-style:normal;font-weight:900;src:url(fonts/taviraj-v15-latin-900.eot);src:url(fonts/taviraj-v15-latin-900.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-900.woff2) format("woff2"),url(fonts/taviraj-v15-latin-900.woff) format("woff"),url(fonts/taviraj-v15-latin-900.ttf) format("truetype"),url(fonts/taviraj-v15-latin-900.svg#Taviraj) format("svg")}
@font-face{font-display:swap;font-family:'Taviraj';font-style:italic;font-weight:900;src:url(fonts/taviraj-v15-latin-900italic.eot);src:url(fonts/taviraj-v15-latin-900italic.eot?#iefix) format("embedded-opentype"),url(fonts/taviraj-v15-latin-900italic.woff2) format("woff2"),url(fonts/taviraj-v15-latin-900italic.woff) format("woff"),url(fonts/taviraj-v15-latin-900italic.ttf) format("truetype"),url(fonts/taviraj-v15-latin-900italic.svg#Taviraj) format("svg")}*/
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:400;src:url(fonts/inter-v20-latin-regular.eot);src:url(fonts/inter-v20-latin-regular.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-regular.woff2) format("woff2"),url(fonts/inter-v20-latin-regular.woff) format("woff"),url(fonts/inter-v20-latin-regular.ttf) format("truetype"),url(fonts/inter-v20-latin-regular.svg#Inter) format("svg")}
@font-face{font-display:swap;font-family:'Inter';font-style:italic;font-weight:400;src:url(fonts/inter-v20-latin-italic.eot);src:url(fonts/inter-v20-latin-italic.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-italic.woff2) format("woff2"),url(fonts/inter-v20-latin-italic.woff) format("woff"),url(fonts/inter-v20-latin-italic.ttf) format("truetype"),url(fonts/inter-v20-latin-italic.svg#Inter) format("svg")}
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:500;src:url(fonts/inter-v20-latin-500.eot);src:url(fonts/inter-v20-latin-500.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-500.woff2) format("woff2"),url(fonts/inter-v20-latin-500.woff) format("woff"),url(fonts/inter-v20-latin-500.ttf) format("truetype"),url(fonts/inter-v20-latin-500.svg#Inter) format("svg")}
@font-face{font-display:swap;font-family:'Inter';font-style:italic;font-weight:500;src:url(fonts/inter-v20-latin-500italic.eot);src:url(fonts/inter-v20-latin-500italic.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-500italic.woff2) format("woff2"),url(fonts/inter-v20-latin-500italic.woff) format("woff"),url(fonts/inter-v20-latin-500italic.ttf) format("truetype"),url(fonts/inter-v20-latin-500italic.svg#Inter) format("svg")}
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:600;src:url(fonts/inter-v20-latin-600.eot);src:url(fonts/inter-v20-latin-600.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-600.woff2) format("woff2"),url(fonts/inter-v20-latin-600.woff) format("woff"),url(fonts/inter-v20-latin-600.ttf) format("truetype"),url(fonts/inter-v20-latin-600.svg#Inter) format("svg")}
@font-face{font-display:swap;font-family:'Inter';font-style:italic;font-weight:600;src:url(fonts/inter-v20-latin-600italic.eot);src:url(fonts/inter-v20-latin-600italic.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-600italic.woff2) format("woff2"),url(fonts/inter-v20-latin-600italic.woff) format("woff"),url(fonts/inter-v20-latin-600italic.ttf) format("truetype"),url(fonts/inter-v20-latin-600italic.svg#Inter) format("svg")}
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:700;src:url(fonts/inter-v20-latin-700.eot);src:url(fonts/inter-v20-latin-700.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-700.woff2) format("woff2"),url(fonts/inter-v20-latin-700.woff) format("woff"),url(fonts/inter-v20-latin-700.ttf) format("truetype"),url(fonts/inter-v20-latin-700.svg#Inter) format("svg")}
@font-face{font-display:swap;font-family:'Inter';font-style:italic;font-weight:700;src:url(fonts/inter-v20-latin-700italic.eot);src:url(fonts/inter-v20-latin-700italic.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-700italic.woff2) format("woff2"),url(fonts/inter-v20-latin-700italic.woff) format("woff"),url(fonts/inter-v20-latin-700italic.ttf) format("truetype"),url(fonts/inter-v20-latin-700italic.svg#Inter) format("svg")}
/*@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:800;src:url(fonts/inter-v20-latin-800.eot);src:url(fonts/inter-v20-latin-800.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-800.woff2) format("woff2"),url(fonts/inter-v20-latin-800.woff) format("woff"),url(fonts/inter-v20-latin-800.ttf) format("truetype"),url(fonts/inter-v20-latin-800.svg#Inter) format("svg")}
@font-face{font-display:swap;font-family:'Inter';font-style:italic;font-weight:800;src:url(fonts/inter-v20-latin-800italic.eot);src:url(fonts/inter-v20-latin-800italic.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-800italic.woff2) format("woff2"),url(fonts/inter-v20-latin-800italic.woff) format("woff"),url(fonts/inter-v20-latin-800italic.ttf) format("truetype"),url(fonts/inter-v20-latin-800italic.svg#Inter) format("svg")}*/
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:900;src:url(fonts/inter-v20-latin-900.eot);src:url(fonts/inter-v20-latin-900.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-900.woff2) format("woff2"),url(fonts/inter-v20-latin-900.woff) format("woff"),url(fonts/inter-v20-latin-900.ttf) format("truetype"),url(fonts/inter-v20-latin-900.svg#Inter) format("svg")}
/*@font-face{font-display:swap;font-family:'Inter';font-style:italic;font-weight:900;src:url(fonts/inter-v20-latin-900italic.eot);src:url(fonts/inter-v20-latin-900italic.eot?#iefix) format("embedded-opentype"),url(fonts/inter-v20-latin-900italic.woff2) format("woff2"),url(fonts/inter-v20-latin-900italic.woff) format("woff"),url(fonts/inter-v20-latin-900italic.ttf) format("truetype"),url(fonts/inter-v20-latin-900italic.svg#Inter) format("svg")}@font-face{font-display:swap;font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;src:url(fonts/material-symbols-outlined-v247-latin-100.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:400;src:url(fonts/poppins-v24-latin-regular.eot);src:url(fonts/poppins-v24-latin-regular.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-regular.woff2) format("woff2"),url(fonts/poppins-v24-latin-regular.woff) format("woff"),url(fonts/poppins-v24-latin-regular.ttf) format("truetype"),url(fonts/poppins-v24-latin-regular.svg#Poppins) format("svg")}*/
@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:400;src:url(fonts/poppins-v24-latin-italic.eot);src:url(fonts/poppins-v24-latin-italic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-italic.woff2) format("woff2"),url(fonts/poppins-v24-latin-italic.woff) format("woff"),url(fonts/poppins-v24-latin-italic.ttf) format("truetype"),url(fonts/poppins-v24-latin-italic.svg#Poppins) format("svg")}
@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:500;src:url(fonts/poppins-v24-latin-500.eot);src:url(fonts/poppins-v24-latin-500.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-500.woff2) format("woff2"),url(fonts/poppins-v24-latin-500.woff) format("woff"),url(fonts/poppins-v24-latin-500.ttf) format("truetype"),url(fonts/poppins-v24-latin-500.svg#Poppins) format("svg")}
@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:500;src:url(fonts/poppins-v24-latin-500italic.eot);src:url(fonts/poppins-v24-latin-500italic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-500italic.woff2) format("woff2"),url(fonts/poppins-v24-latin-500italic.woff) format("woff"),url(fonts/poppins-v24-latin-500italic.ttf) format("truetype"),url(fonts/poppins-v24-latin-500italic.svg#Poppins) format("svg")}
@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:600;src:url(fonts/poppins-v24-latin-600.eot);src:url(fonts/poppins-v24-latin-600.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-600.woff2) format("woff2"),url(fonts/poppins-v24-latin-600.woff) format("woff"),url(fonts/poppins-v24-latin-600.ttf) format("truetype"),url(fonts/poppins-v24-latin-600.svg#Poppins) format("svg")}
@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:600;src:url(fonts/poppins-v24-latin-600italic.eot);src:url(fonts/poppins-v24-latin-600italic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-600italic.woff2) format("woff2"),url(fonts/poppins-v24-latin-600italic.woff) format("woff"),url(fonts/poppins-v24-latin-600italic.ttf) format("truetype"),url(fonts/poppins-v24-latin-600italic.svg#Poppins) format("svg")}
@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:700;src:url(fonts/poppins-v24-latin-700.eot);src:url(fonts/poppins-v24-latin-700.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-700.woff2) format("woff2"),url(fonts/poppins-v24-latin-700.woff) format("woff"),url(fonts/poppins-v24-latin-700.ttf) format("truetype"),url(fonts/poppins-v24-latin-700.svg#Poppins) format("svg")}
@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:700;src:url(fonts/poppins-v24-latin-700italic.eot);src:url(fonts/poppins-v24-latin-700italic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-700italic.woff2) format("woff2"),url(fonts/poppins-v24-latin-700italic.woff) format("woff"),url(fonts/poppins-v24-latin-700italic.ttf) format("truetype"),url(fonts/poppins-v24-latin-700italic.svg#Poppins) format("svg")}
/*@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:800;src:url(fonts/poppins-v24-latin-800.eot);src:url(fonts/poppins-v24-latin-800.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-800.woff2) format("woff2"),url(fonts/poppins-v24-latin-800.woff) format("woff"),url(fonts/poppins-v24-latin-800.ttf) format("truetype"),url(fonts/poppins-v24-latin-800.svg#Poppins) format("svg")}
@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:800;src:url(fonts/poppins-v24-latin-800italic.eot);src:url(fonts/poppins-v24-latin-800italic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-800italic.woff2) format("woff2"),url(fonts/poppins-v24-latin-800italic.woff) format("woff"),url(fonts/poppins-v24-latin-800italic.ttf) format("truetype"),url(fonts/poppins-v24-latin-800italic.svg#Poppins) format("svg")}*/
/*@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:900;src:url(fonts/poppins-v24-latin-900.eot);src:url(fonts/poppins-v24-latin-900.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-900.woff2) format("woff2"),url(fonts/poppins-v24-latin-900.woff) format("woff"),url(fonts/poppins-v24-latin-900.ttf) format("truetype"),url(fonts/poppins-v24-latin-900.svg#Poppins) format("svg")}
@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:900;src:url(fonts/poppins-v24-latin-900italic.eot);src:url(fonts/poppins-v24-latin-900italic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins-v24-latin-900italic.woff2) format("woff2"),url(fonts/poppins-v24-latin-900italic.woff) format("woff"),url(fonts/poppins-v24-latin-900italic.ttf) format("truetype"),url(fonts/poppins-v24-latin-900italic.svg#Poppins) format("svg")}*/

/*@font-face{font-display:swap;font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;src:url(fonts/material-symbols-outlined-v247-latin-200.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;src:url(fonts/material-symbols-outlined-v247-latin-300.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;src:url(fonts/material-symbols-outlined-v247-latin-regular.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;src:url(fonts/material-symbols-outlined-v247-latin-600.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;src:url(fonts/material-symbols-outlined-v247-latin-700.woff2) format("woff2")}*/

/*@font-face{font-display:swap;font-family:'Material Symbols Rounded';font-style:normal;font-weight:100;src:url(fonts/material-symbols-rounded-v358-latin-100.woff2) format("woff2"),url(fonts/material-symbols-rounded-v358-latin-100.ttf) format("truetype")}
@font-face{font-display:swap;font-family:'Material Symbols Rounded';font-style:normal;font-weight:200;src:url(fonts/material-symbols-rounded-v358-latin-200.woff2) format("woff2"),url(fonts/material-symbols-rounded-v358-latin-200.ttf) format("truetype")}*/
@font-face{font-display:swap;font-family:'Material Symbols Rounded';font-style:normal;font-weight:300;src:url(fonts/material-symbols-rounded-v358-latin-300.woff2) format("woff2"),url(fonts/material-symbols-rounded-v358-latin-300.ttf) format("truetype")}
@font-face{font-display:swap;font-family:'Material Symbols Rounded';font-style:normal;font-weight:400;src:url(fonts/material-symbols-rounded-v358-latin-regular.woff2) format("woff2"),url(fonts/material-symbols-rounded-v358-latin-regular.ttf) format("truetype")}
@font-face{font-display:swap;font-family:'Material Symbols Rounded';font-style:normal;font-weight:500;src:url(fonts/material-symbols-rounded-v358-latin-500.woff2) format("woff2"),url(fonts/material-symbols-rounded-v358-latin-500.ttf) format("truetype")}
@font-face{font-display:swap;font-family:'Material Symbols Rounded';font-style:normal;font-weight:600;src:url(fonts/material-symbols-rounded-v358-latin-600.woff2) format("woff2"),url(fonts/material-symbols-rounded-v358-latin-600.ttf) format("truetype")}
@font-face{font-display:swap;font-family:'Material Symbols Rounded';font-style:normal;font-weight:700;src:url(fonts/material-symbols-rounded-v358-latin-700.woff2) format("woff2"),url(fonts/material-symbols-rounded-v358-latin-700.ttf) format("truetype")}
/*@font-face{font-family:'Fallback';src: local(Arial);font-weight: 400;font-style: normal;ascent-override: 102.4%;descent-override: -40%;line-gap-override: 0;size-adjust: 70%;}*/
/*@font-face{font-family:'Fallback';src: local(Arial);font-weight: 400;font-style: normal;ascent-override: 102.4%;descent-override: -40.0%;line-gap-override: 31%;size-adjust: 93%;}*/

:root {
    /*--brands: 'FontAwesomeBrands';*/
    --icon-font: 'Material Symbols Rounded';
    --schriftart-serif: 'Taviraj';
    --schriftart-sans-serif: 'Inter';
    --schriftart-sans-serif-2: 'Poppins';      
    --content-width: 1050px;
    --content-width-start: 50vw;
    --header-height: 66px;
    --header-height-mobile: 50px;
    --footer-height: 58px;
    
    --schwarz: #000000;
    --braun: #864E00;
    --hellbraun: #EAE0D2;
    --rot: #860002;
    --weiss: #ffffff;
    --leichtgruen: #EFF3EF;
    --hellgruen: #89C062;
    --gruen: #356A38;    

    --border-braun: #864E00;
    /*--border-rot: #860002;*/
    /*--border-leichtgruen: #EFF3EF;*/
    --border-hellgruen: #89C062;
    --border-gruen: #356A38;
    
    --schriftfarbe-schwarz: #000000; 
    --schriftfarbe-hellbraun: #EAE0D2;
    --schriftfarbe-braun: #864E00;
    --schriftfarbe-rot: #860002;
    --schriftfarbe-weiss: #fff;
    --schriftfarbe-grau: #818181;
/*    --schriftfarbe-leichtgruen: #EFF3EF;*/
    /*--schriftfarbe-hellgruen: #89C062;*/
    /*--schriftfarbe-hellgruen: #3B5C23;*/
    --schriftfarbe-hellgruen: #3A7411;
    --schriftfarbe-gruen: #356A38;
    
    --hg-hellbraun: #EAE0D2;
    --hg-braun: #864E00;
    --hg-rot: #860002;
    --hg-weiss: #ffffff;
    --hg-leichtgruen: #EFF3EF;
    --hg-leichtgruen-2: #CAD8CA;
    --hg-hellgruen: #89C062;
    --hg-gruen: #356A38;
    
    --hg-banner: rgba(129,129,129,0.8);
    --box-shadow-color: rgba(0,0,0,0.3);
}
/*Barrierefrei Dark Mode Farben */
[data-theme="darkMode"] {

    --border-braun: #864E00;
    /*--border-rot: #860002;*/
/*    --border-leichtgruen: #EFF3EF;*/
    --border-hellgruen: #89C062;
    --border-gruen: #356A38;
    
    --schriftfarbe-schwarz: #EFF3EF; 
    --schriftfarbe-hellbraun: #EAE0D2;
    --schriftfarbe-braun: #EAE0D2;
    --schriftfarbe-rot: #EAE0D2;
    --schriftfarbe-weiss: #EFF3EF;
    --schriftfarbe-grau: #818181;
    /*--schriftfarbe-leichtgruen: #EFF3EF;*/
    /*--schriftfarbe-hellgruen: #89C062;*/
    --schriftfarbe-hellgruen: #3B5C23;
    /*--schriftfarbe-gruen: #EFF3EF;*/
    
    --hg-hellbraun: #45331B;
    --hg-braun: #864E00;
    --hg-rot: #860002;
    --hg-weiss: #1A351C;
    --hg-leichtgruen: #EAE0D2;
    --hg-leichtgruen-2: #CAD8CA;
    --hg-hellgruen: #89C062;
    --hg-gruen: #356A38;
    
    --hg-banner: rgba(129,129,129,0.8);
    --box-shadow-color: rgba(0,0,0,0.3);
}
body[data-theme="darkMode"]#start .header-inner .logo-container .logo-baum {background-color: var(--hellgruen);}
body[data-theme="darkMode"] #footer .footer-2, body[data-theme="darkMode"] .hg-leichtgruen, body[data-theme="darkMode"] .yform fieldset, body[data-theme="darkMode"] main .absatz .accordion_toggler,
body[data-theme="darkMode"] .sidebar-form  {background-color: #45331B;}
body[data-theme="darkMode"] .header-inner .header-container, body[data-theme="darkMode"] #schnellzugriff #sidebar-close {background-color: var(--gruen);}
body[data-theme="darkMode"] .header-inner .header-container .logo-text-oben {color: var(--weiss);}
body[data-theme="darkMode"] #schnellzugriff {background-color: #1A351C;border-left: 0.8em solid var(--gruen);}
body[data-theme="darkMode"] #footer .footer-1 .button-kontakt, body[data-theme="darkMode"] #ratgeber .ratgeber-teaser-text-inner h3 {color: var(--gruen);}
body[data-theme="darkMode"] h1, body[data-theme="darkMode"] h2, body[data-theme="darkMode"] h3, body[data-theme="darkMode"] h4, body[data-theme="darkMode"] h5, body[data-theme="darkMode"] h6,
body[data-theme="darkMode"] .yform form legend, body[data-theme="darkMode"] #schnellzugriff .inner .sidebar-zugriff a {color: var(--leichtgruen);}
body[data-theme="darkMode"] img, body[data-theme="darkMode"] .horz-bildergalerie .horz-bildergalerie-container .horz-bildergalerie-thumb img {filter: brightness(0.9);}
body[data-theme="darkMode"] a, body[data-theme="darkMode"] a:link, body[data-theme="darkMode"] a:active, body[data-theme="darkMode"] .rex-breadcrumb li:after {color: var(--hellgruen);}
body[data-theme="darkMode"] a:hover {color: var(--leichtgruen);}
body[data-theme="darkMode"] #mainnav ul.rex-navi1 > li:hover > a, body[data-theme="darkMode"] #mainnav ul.rex-navi1 > li:active > a, body[data-theme="darkMode"] #mainnav ul.rex-navi1 > li.rex-current > a, 
body[data-theme="darkMode"] #mainnav ul.rex-navi1 > li.rex-active > a, body[data-theme="darkMode"] #mainnav ul.rex-navi1 > li.open > a {color: var(--hg-rot);background-color: var(--hg-leichtgruen);}
body[data-theme="darkMode"] .zitat {color: var(--schriftfarbe-hellbraun);}
body[data-theme="darkMode"] main figcaption {color: var(--schriftfarbe-braun);}
body[data-theme="darkMode"] main .absatz ul li::before {color: var(--hg-hellgruen);}
body[data-theme="darkMode"] main .absatz .accordion_toggler button, body[data-theme="darkMode"] main .absatz .accordion_toggler .anleser p {color: var(--hg-hellgruen);}
body[data-theme="darkMode"] main .absatz table .schriftfarbe-hellgruen {color: var(--hellbraun);}

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, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
html {height: 100%;}
* {box-sizing: border-box;}
body {height: 100%;width: 100%;padding:0;margin:0;color:var(--schriftfarbe-schwarz);font-family: var(--schriftart-serif), serif;font-weight: 400;font-size: clamp(1.2rem, 2vw, 1.3rem);background-color: var(--hg-weiss);}
a,a:link,a:active {position: relative;color:var(--schriftfarbe-rot);text-decoration:none;font-weight: 500;}
a:hover {color: var(--schriftfarbe-gruen);}
a:focus, button:focus, input:focus, textarea:focus, select:focus {outline: 3px dotted var(--border-hellgruen);z-index: 1;border-radius: inherit;}
a[data-title]:after {position: absolute;left: 0;top: 2.8em;background-color: var(--hg-weiss);color: var(--schriftfarbe-schwarz);border: 2px solid var(--border-hellgruen);height: 2.5em;line-height: 2.5em;padding: 0 1.25em;content: attr(data-tooltip);white-space: nowrap;display: none;}
a[data-title]:focus:after, a[data-title]:hover:after {display: block;}
table,tr,td,th {font-size:100%;vertical-align:top}
table {border-spacing:0}
td,th {padding-right:1em}
img {border:none; max-width: 100%;vertical-align: bottom;height: auto;}
video {max-width: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: var(--schriftart-serif), serif;;color: var(--schriftfarbe-gruen);line-height: 1.2em;font-weight: 600;padding: 0.3em 0 0.6em;hyphens: none;}
h1 {font-size: clamp(2.4rem, 3vw, 3rem);padding: 0.5em 0 1em 0;font-weight: 600;}
h2 {font-size: clamp(2rem, 2vw, 2.8rem);color: var(--schriftfarbe-braun);font-weight: 600;}
h3 {font-size: clamp(1.3rem, 2vw, 1.5rem);padding: 0.3em 0 0.8em;}
h4, h5, h6 {font-size: clamp(1.15rem, 1vw, 1.25rem);}
p {margin: 0;padding: 0 0 1em 0;}
b, strong, .bold, b a, strong a, .bold a {font-weight: 600 !important;color: var(--schriftfarbe-anthrazit);}
i, em, .italic {font-style: italic;} 
ul, ol {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;margin: 0.3em 0 0.6em 0;}
.hyphenate {word-wrap: break-word;overflow-wrap: break-word;
        -webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;
        -ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;
        hyphens: auto;hyphenate-limit-chars: auto 3;hyphenate-limit-lines: 4;}
.hideScreen, .showPrint, .hide {display:none;visibility:hidden;height:1px;overflow:hidden;}
.clearfix:after {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.floatLeft {float: left;margin: 5px 2em 0.6em 0;}
.floatRight {float: right;margin: 5px 0 0.6em 2em;}
p + h2 {padding-top: 0.5em;}
p + h3, p + h4, p + h5, p + h6 {}

.pdf {position: relative;padding-left: 45px;}
.pdf::before {position: absolute;content: 'PDF';top: 3px;left: 1px;color: var(--schriftfarbe-orange);background-color: var(--hg-gruen);padding: 0px 4px;font-weight: 700;font-size: 1rem;border-radius: 3px;height: 20px;line-height: 1.2em;}
.telefon, .email, .handy, .fax, .adresse, .externer-link {position: relative;padding-left: 30px;overflow-wrap: anywhere;display: inline-block;}
.telefon::before, .email::before, .handy::before, .fax::before, .adresse::before, .externer-link::before, .termine::before, .termine-aktuell::before {
        position: absolute;content: '';font-family: var(--icon-font);font-size: 1.5rem;top: 0.1em;left: 0;color: var(--schriftfarbe-orange);}
.telefon::before {content: '\e0b0';}
.handy::before {content: '\f323';}
.email::before {content: '\e158';}
.fax::before {content: '\ead8';}
.adresse::before {content: "\e0c8";}
.externer-link::before {content: '\e89e';}
.zitat {position: relative;font-size: 1.4rem;font-style: italic;font-weight: 600;line-height: 1.3em;color: var(--schriftfarbe-gruen);}
.zitat:before, .zitat:after {position: relative;font-family: var(--icon-font);content: '';font-size: 2.1rem;line-height: 1rem;font-weight: 300;} 
.zitat:before {content: '\201D';padding-right: 0.3rem;bottom: -1.3rem;}
.zitat:after {content: '\201C';margin-left: -0.4rem;top: 0.3rem;}
.schrift-grau-italic {font-family: var(--schriftart-sans-serif-2);color: var(--schriftfarbe-grau);font-style: italic;}
.material-symbols-outlined {position: relative;bottom: -0.15em;font-family: var(--icon-font);font-size: 2.5rem; padding: 0 0.2em 0 0;text-wrap: nowrap;}
.headline .material-symbols-outlined {font-size: 2.5rem;position: relative;padding-right: 0;bottom: -5px; text-wrap: unset;}

.copyright {position: absolute;right: 18px;top: -1px;background-color: rgba(255,255,255,0.8);
           transform: rotate(-90deg);transform-origin: right top;font-size: 0.7rem;color: #555;line-height: 1.3em;}
.copyright span {display: inline-block;padding: 2px 5px 2px 16px;}
.copyright span:before {content:'\00a9';position: absolute;top: 3px;left: 3px;font-size: 12px;}
.floatLeft .copyright {left: 18px;right: unset;transform: rotate(90deg);transform-origin: left top;}
.floatLeft .copyright span {transform: rotate(180deg);}


.copyright.mTitel span, .bild.floatLeft .copyright.mTitel span, .bild.floatRight .copyright.mTitel span {bottom: 20px;}

.trenner-o {border-top: 2px solid var(--border-hellgruen);padding-top: 0.8em;}
.trenner-u {border-bottom: 2px solid var(--border-hellgruen);padding-bottom: 0.8em;margin-bottom: 2em;}
hr {border-top: 2px solid var(--border-hellgruen);border-bottom: none;margin: 1.8em 0 1em 0;}
.hg-weiss {background-color: var(--hg-weiss);padding: 2em;}
.hg-leichtgruen {background-color: var(--hg-leichtgruen);padding: 1em;border-bottom-right-radius: 3em;}
.schriftfarbe-braun {color: var(--schriftfarbe-braun);font-weight: 600;}
.schriftfarbe-hellgruen {color: var(--schriftfarbe-hellgruen);font-weight: 600;}
.schriftfarbe-schwarz {color: var(--schriftfarbe-schwarz);}
.schriftfarbe-weiss {color: var(--schriftfarbe-weiss);}

/*Sprunglinks*/
.unsichtbar {position: absolute;top: 0;left: 0;z-index: 110;}
.unsichtbar a {display: inline-block;font-weight: 500;padding: 15px;margin: 5px;background-color: var(--hg-weiss);border: 3px solid var(--border-hellgruen);border-radius: 10px;text-decoration: none;}
.unsichtbar a:not(:focus):not(:active) {position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(100%);white-space: nowrap;}
/*.visually-hidden:not(:focus):not(:active) {position: absolute;width: 1px;height: auto;overflow: hidden;border: 0;clip: rect(0 0 0 0);margin: 0;padding: 0;white-space: nowrap;}
.visually-hidden:not(:focus):not(:active) {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}*/
#sprunglink-menu-mobile {display: none;visibility: hidden;}

/*Header*/
#page {overflow: hidden;}
#header {position: fixed;width: 100vw;height: var(--header-height);z-index: 11;}
.header-inner {position: relative;height: inherit;}
.header-inner .header-top-container {position: fixed;background-color: var(--hg-braun);z-index: 1;right: 0;top: 0;padding: 1em;border-bottom-left-radius: 2em;}
.header-inner .header-top-container .kontakt {display: flex;flex-direction: column;justify-content: space-evenly;height: inherit;align-items: start;}
.header-inner .header-top-container p {padding: 0;font-family: var(--schriftart-sans-serif);font-size: 1.55rem;font-weight: 600;line-height: 1em;color: var(--schriftfarbe-weiss);}
.header-inner .header-top-container p a {color: var(--schriftfarbe-weiss);}
.header-inner .header-top-container p .telefon, .header-inner .header-top-container p .email {padding: 0 0 0.3em 3rem;}
.header-inner .header-top-container p .telefon:before {top: 0;}
.header-inner .header-top-container p .email:before {top: 0;}
.header-inner .header-top-container .kontakt .text {font-family: var(--schriftart-sans-serif);font-size: 1.25rem;font-weight: 400;color: var(--schriftfarbe-weiss);padding-left: 3rem;}

/*Darkmode Schalter*/
#darkMode {position: relative;border: none;color: var(--schriftfarbe-weiss);background-color: var(--hg-gruen);cursor: pointer;width: 5em;height: inherit;float: left;}
#darkMode:before {content: "";position: absolute;font-family: var(--icon-font);top: 0;left: 0;color: var(--schriftfarbe-weiss);font-size: 1.8rem;width: 100%;height: 100%;;display: flex;align-items: center;justify-content: center;}
#darkMode.darkMode:before {content: "\e51c";}
#darkMode.lightMode:before {content: "\e518";}
body.desktop #darkMode:after {content: '';background-color: var(--hg-weiss);color: var(--schriftfarbe-schwarz);opacity: 0;top: 4.5em;left: 0;position: absolute;padding: 5px 10px;
            font-family: var(--schriftart-sans-serif);font-size: 1rem;border-radius: 5px;transition: all 0.5s ease;z-index: 1;}
body.desktop #darkMode.darkMode:after {content: 'DarkMode';}
body.desktop #darkMode.lightMode:after {content: 'LightMode';}
#darkMode.pressed {background-color: #000;color:#fff;border-radius: 20px;}
#darkMode:hover, #darkMode.pressed:before, #darkMode:hover:before {color: var(--schriftfarbe-hellbraun);}
body.desktop #darkMode:hover:after {opacity: 1;transition: all 0.5s ease;}

/*Header Logo*/
.header-inner .header-container {position: relative;display: flex;width: 100%;height: var(--header-height);background-color: var(--hg-leichtgruen);}
.header-inner .header-container .logo-text-oben {position: absolute;margin-left: 3em;color: var(--schriftfarbe-gruen);display: flex;align-items: center;padding: 0 2em;font-size: 1.2rem;transition: all 1s ease;height: inherit;}

.header-inner .logo-container {position: relative;top: 0;width: auto;display: flex;text-align: center;}
.header-inner .logo-container a.logo-container-link {display: flex;padding: 0 1rem;margin: 0 1rem;align-items: center;gap: 0.3em;}
.header-inner .logo-container .logo-baum {width: 2.3rem;height: 2.3rem;background-color: var(--hg-hellgruen);transition: all 1s ease;
    -webkit-mask: url('../images/Logo_Baum.svg') no-repeat 50% 50%;mask: url('../images/Logo_Baum.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;}
.header-inner .logo-container .logo-orosz {display: inline-block;width: 11rem;}
/*Header Logo Startseite*/
#start .header-inner .logo-container {position: relative;width: 96%;display: inline-block;margin-top: calc(var(--header-height) + 1rem);margin-left: 2%;margin-right: 2%;transform: translate(0,0);transition: all 1s ease;}
#start .header-inner .logo-container a.logo-container-link {display: inline-block;padding: 1rem;margin-bottom: 1rem;transition: all 1s ease;}
#start .header-inner .logo-container h1 {font-size: unset;padding: 0;font-weight: unset;line-height: 0;display: block;}
#start .header-inner .logo-container .logo-text {position: relative;display: block;width: 38rem;height: 12rem;transition: all 1s ease;}
#start .header-inner .logo-container .logo-baum {display: inline-block;float: left;width: 12rem;height:12rem;background-color: var(--hg-gruen);}
#start .header-inner .logo-container .logo-orosz {width: 21.8rem;height: 6.5rem;padding-top: 1.5rem;transition: all 1s ease;}
#start .header-inner .logo-container .logo-schriftzug {position: absolute;left: 14rem;top: 6rem;display: inline-block;padding: 0.2em;width: 22rem;transition: all 1s ease;}
#start .header-inner #mainnav ul.rex-navi1 > li > a {font-size: 1.8rem;transition: all 1s ease;}

/*headerfix*/
body.header-fixed#start .header-inner .logo-container {width: 16rem;margin-top: 0;margin-left: 4.1rem;margin-right: 0;transform: translate(0,-67px);transition: all 1s ease;}
body.header-fixed#start .header-inner .logo-container a.logo-container-link {margin-bottom: 0;transition: all 1s ease;}
body.header-fixed#start .header-inner .header-container .logo-text-oben {opacity: 0;transition: all 1s ease;}
body.header-fixed#start .header-inner .logo-container .logo-text {width: 14rem;height: 2.2rem;transition: all 1s ease;}
body.header-fixed#start .header-inner .logo-container .logo-baum {width: 2.3rem;height: 2.3rem;background-color: var(--hg-hellgruen);transition: all 1s ease;}
body.header-fixed#start .header-inner .logo-container .logo-orosz {width: 11rem;height: 2.2rem;padding-top: 0;transition: all 1s ease;}
body.header-fixed#start .header-inner .logo-container .logo-schriftzug {left: 0;top: 0;transform: translate(-800px,0);transition: all 2s ease;}

#start .header-inner #mainnav {position: absolute;left: 0;display: inline-block;width: 100%;transform: translate(0,15em);transition: all 1s ease;}
body.header-fixed#start .header-inner #mainnav {padding: 0.6rem 0;width: 53rem;transform: translate(16em,-67px);transition: all 1s ease;}
body.header-fixed#start .header-inner #mainnav ul.rex-navi1 > li > a {font-size: 1.3rem;transition: all 1s ease;}

#start main {margin-top: 31rem;transition: all 1s ease;}
body#start.header-fixed main {margin-top: calc(var(--header-height) + 11rem);transition: all 1s ease;}

/*mainnav*/
#mainnav {position: relative;display: flex;justify-content: center;align-items: center;padding: 1em 0;}
#start {display: inline-block;}
#mainnav ul.rex-navi1 {line-height: 1.3em;display: flex;justify-content: center;gap: 1em;}
#mainnav ul.rex-navi1 > li {position: relative;display: flex;background-color: var(--hg-leichtgruen);border-radius: 2em;}
#mainnav ul.rex-navi1 > li a {text-decoration: none;color:var(--schriftfarbe-gruen);font-family: var(--schriftart-sans-serif);font-size: 1.3rem;font-weight: 600;
                  display: inline-block;padding: 0.3em 0.8em;border: 5px solid transparent;border-radius: 1em;}
#mainnav ul.rex-navi1 > li:hover > a, #mainnav ul.rex-navi1 > li:active > a, #mainnav ul.rex-navi1 > li.rex-current > a, #mainnav ul.rex-navi1 > li.rex-active > a, 
#mainnav ul.rex-navi1 > li.open > a {border: 5px solid var(--border-hellgruen);color:var(--schriftfarbe-gruen);background-color: var(--hg-weiss);}

/*Submenu Container*/
/*rex-navi2*/
#mainnav .rex-submenu-container {position: absolute;top: 3.6rem;left: 1em;overflow: hidden;width: 260%;max-height: 0;height: auto;visibility: hidden;text-align: left;border-top: 0.7em solid var(--border-hellgruen);border-bottom-right-radius: 3em;
        -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;z-index: 10;}
#mainnav ul.rex-navi1 li:hover .rex-submenu-container, #mainnav ul.rex-navi1 li.open .rex-submenu-container {max-height: calc(95vh - var(--header-height));visibility: visible;overflow-y: auto;  
           -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#mainnav ul.rex-navi2 {background-color: var(--hg-gruen);padding: 1em;}
#mainnav ul.rex-navi2 > li {line-height: 1.5em;}
#mainnav ul.rex-navi2 > li a {padding: 0.2em;color:var(--schriftfarbe-weiss);font-size: 1.3rem;font-weight: 500;}
#mainnav ul.rex-navi2 > li > a:hover, #mainnav ul.rex-navi2 > li > a:active, #mainnav ul.rex-navi2 > li > a:focus, #mainnav ul.rex-navi2 > li > a.externer-link:focus::before {
            color: var(--schriftfarbe-gruen);background-color: var(--hg-leichtgruen);}
#mainnav ul.rex-navi2 > li > a.rex-active {color: var(--hg-rot);background-color: var(--hg-leichtgruen);} 

/*rex-navi3*/
#mainnav ul.rex-navi3 {margin-left: 2em;}
#mainnav ul.rex-navi2 li:hover ul.rex-navi3, #mainnav ul.rex-navi2 li.open ul.rex-navi3 {} 
#mainnav ul.rex-navi3 li {position: relative;line-height: 1em;hyphens: auto;}
/*#mainnav ul.rex-navi3 li:before {position: absolute;left: -6px;top: 6px;content: '–';font-weight: 600;font-size:1.4em;color: #fff;}*/
#mainnav ul.rex-navi3 li a {text-transform: none;font-size: 1.15rem;font-weight: 400;text-decoration: none;}
#mainnav ul.rex-navi3 > li > a:hover, #mainnav ul.rex-navi3 > li > a:active, #mainnav ul.rex-navi3 > li > a:focus, #mainnav ul.rex-navi3 > li > a.externer-link:focus::before {
            color: var(--schriftfarbe-gruen);background-color: var(--hg-leichtgruen);}
#mainnav ul.rex-navi3 > li > a.rex-active {color: var(--hg-rot);background-color: var(--hg-leichtgruen);font-weight: 600;} 
#mainnav ul.rex-navi3 .diagnosepunkt, #mainnav ul.rex-navi3 .therapiepunkt {color: #B3E78E;font-family: var(--schriftart-sans-serif-2);font-size: 1.3rem;
               border-bottom: 2px solid #B3E78E;display: inline-block;width: 300px;margin: 0.2em 0 0.2em 0.4em;}

/*Navi mit Pfeil*/
#mainnav ul.rex-navi1 li.submenu button {border: none;background: none;color: var(--schriftfarbe-gruen);padding: 0;margin: 0 1em 0 0;cursor: pointer;display: flex;justify-content: center;align-items: center;}
#mainnav ul.rex-navi1 li.submenu button:hover, #mainnav ul.rex-navi1 li.open.submenu {}
#mainnav ul.rex-navi1 li.submenu button:after {content:'\e313';font-family: var(--icon-font);font-size: 2rem;line-height: 0;position: relative;}
#mainnav ul.rex-navi1 li.open.submenu button:after {content: '\e5cd';}

/*Mobiles Menü*/
/*open & close buttons*/
#menu-mobile-opener {display: none;flex-direction: column;visibility: hidden;position: fixed;right: 0;top: 0;padding: 0 0.43rem;overflow: hidden;z-index: 101;background-color: var(--hg-rot);color: var(--schriftfarbe-weiss);
                     border: none;border-bottom-left-radius: 0.2em;cursor: pointer;}
#menu-mobile-opener:after {position: relative;content: '\e5d2';font-family: var(--icon-font);font-size: 2.6rem;left: 0;top: 0;}
#menu-mobile-opener span {display: none;position: relative;top: 0.3em;font-size: 1rem;color: var(--schriftfarbe);}
#menu-mobile-close {background-color: transparent;border-bottom-left-radius: 0.2em;position: absolute;right: 0;top: 0;z-index: 102;border: none;cursor: pointer;padding: 0 0.5em;color: var(--schriftfarbe-schwarz);}
#menu-mobile-close:after {position: relative;content: '\e5cd';font-family: var(--icon-font);font-size: 2.6rem;}
/*overlay*/
#overlay {display: none;visibility: hidden;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.6);width: 100vw;height: 100vh;z-index: 100;}
.menu-open #overlay {display: block;visibility: visible;}

/*Mobiles Menü Listen*/
#menu-mobile {display: none;visibility: hidden;position: fixed;top: 0;right: -100vw;background-color: var(--hg-weiss);height: 100%;width: 80vw;z-index: 1002;overflow:hidden;border-left: 0.8em solid var(--border-gruen);
        -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.menu-open #menu-mobile {visibility: visible;right: 0;
        -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
#menu-mobile .menu-mobile-inner {position: absolute;top: 0;width: 100%;height: 100%;overflow: hidden;}
#menu-mobile .menu-mobile-content {position: absolute;top: 0;width: 100%;height: 100%;overflow: hidden auto;z-index: 3;}
#menu-mobile .menu-mobile-content .menu-mobile-logo {position: relative;display: inline-block;padding: 0.2em 4em 0.2em 0.7em;width: 100%;background-color: var(--hg-leichtgruen);height: var(--header-height-mobile);}
#menu-mobile .menu-mobile-content .menu-mobile-logo img {width: 12em;}
#menu-mobile .menu-mobile-content .menu-mobile-nav {position: relative;width: inherit;height: calc(100% - var(--header-height-mobile));}
#menu-mobile .menu-mobile-content .buttonContainer {display: flex;justify-content: start;align-items: center;column-gap: 10px;}
#menu-mobile .menu-mobile-content a, #menu-mobile .menu-mobile-content a:link, #menu-mobile .menu-mobile-content a:visited {border-radius: 0.15em;line-height: 1.1em;min-width: 210px;border-radius: 1em;
        position: relative;color: var(--schriftfarbe-schwarz);font-size: 1.4rem;font-weight: 400;padding: 10px;text-decoration: none;display: block;transition: all 0.5s ease;}
#menu-mobile .menu-mobile-content a.rex-current, #menu-mobile .menu-mobile-content a.rex-active {color: var(--schriftfarbe-gruen);transition: all 0.5s ease;font-weight: 700;}
#menu-mobile .menu-mobile-content a:hover, #menu-mobile #menu-mobile-inner-content a:active {background-color: var(--hg-hellgruen);color: var(--schriftfarbe-weiss);transition: all 0.5s ease;}
#menu-mobile .menu-mobile-content ul {position: absolute;width: inherit;height: 100%;background-color: inherit;padding-top: 2em;padding-bottom: 3em;}
#menu-mobile .menu-mobile-content li.li-current > .buttonContainer > a {background-color: var(--hg-hellgruen);color:var(--schriftfarbe-weiss);}
#menu-mobile .menu-mobile-content .rex-navi1 {}
#menu-mobile .menu-mobile-content .rex-navi1 > li {margin-left: 10px;}
#menu-mobile .menu-mobile-content .rex-navi2 {width: 80%;top: 0;right: -100%;visibility: hidden;opacity: 0;transition: all 0.5s ease;height:100%;
            background-color: var(--hg-weiss);border-left: 10px solid var(--border-hellgruen);border-top-left-radius: 3em;z-index: 2;padding-left: 0.5em;padding-right: 0.5em;
            -webkit-box-shadow: 0 2px 6px 1px var(--box-shadow-color);-moz-box-shadow: 0 2px 6px 1px var(--box-shadow-color);box-shadow: 0 2px 6px 1px var(--box-shadow-color);}
#menu-mobile .menu-mobile-content .rex-navi2 .submenu-headline {font-size: 1.3em;font-weight: 600;padding: 0.3em;line-height: 1.2em;}
#menu-mobile .menu-mobile-content .rex-navi2 .scroll-container {}
#menu-mobile .menu-mobile-content .rex-navi2 li {margin-bottom: 0.5em;}
#menu-mobile .menu-mobile-content .rex-navi2 li a {font-size: 1.3rem;font-weight: 400;}
#menu-mobile .menu-mobile-content .rex-navi2 li a.externer-link {padding-left: 30px;}
#menu-mobile .menu-mobile-content .rex-navi2 li a.externer-link:before {top: 10px;}
#menu-mobile .menu-mobile-content .rex-navi2 li.rex-current {}
#menu-mobile .menu-mobile-content .rex-navi2 li.rex-current a {}

#menu-mobile .menu-mobile-content .rex-navi3 {width: 72%;top: 0;left: unset;right: -100%;visibility: hidden;opacity: 0;transition: all 0.5s ease;height: 100%;overflow-y: auto;
            background-color: var(--hg-weiss);border-left: 10px solid var(--border-hellgruen);border-top-left-radius: 3em;z-index: 3;padding-left: 0.5em;padding-right: 0.5em;hyphens: auto;
            -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);}
#menu-mobile .menu-mobile-content .rex-navi3 li {width: auto;margin-bottom: 0;}
#menu-mobile .menu-mobile-content .rex-navi3 li a {display: inline-block;font-size: 1.1rem;font-weight: 400;min-width: unset;width: 100%;}
#menu-mobile .menu-mobile-content .rex-navi3 .diagnosepunkt, #menu-mobile .menu-mobile-content .rex-navi3 .therapiepunkt {
    color: var(--schriftfarbe-hellgruen);font-family: var(--schriftart-sans-serif-2);font-size: 1.3rem;border-bottom: 2px solid var(--schriftfarbe-hellgruen);display: block;margin: 0.8em 0.5em 0.2em 0.5em;} 
#menu-mobile .menu-mobile-content .rex-navi2.ul-open {right: 0;visibility: visible;opacity: 1;transition: all 0.5s ease;}
#menu-mobile .menu-mobile-content .rex-navi3.ul-open {right: 0;visibility: visible;opacity: 1;transition: all 0.5s ease;}
#menu-mobile .menu-mobile-content .rex-navi2 .buttonContainer {max-width: unset;}

/*Navi mit Pfeil*/
#menu-mobile .menu-mobile-content ul.rex-navi1 li.submenu {display: flex;flex-direction: inherit;}
#menu-mobile .menu-mobile-content ul.rex-navi1 li.submenu button {position: relative;top: 0;display: flex;justify-content: center;align-items: center;border-radius: 2em;width: 3em;height: 3em;
              border: 2px solid var(--border-gruen);background-color: var(--hg-gruen);color: var(--schriftfarbe-weiss);padding: 14px;cursor: pointer;transition: all 0.5s ease;}
#menu-mobile .menu-mobile-content ul.rex-navi1 li.submenu button:hover {background-color: var(--hg-weiss);color: var(--schriftfarbe-gruen);transition: all 0.5s ease;}
#menu-mobile .menu-mobile-content ul.rex-navi1 li.submenu button:after {position: relative;content: '\e5df';font-family: var(--icon-font);font-size: 3rem;}
#menu-mobile .menu-mobile-content ul.rex-navi1 li.li-current.submenu > .buttonContainer > button, 
#menu-mobile .menu-mobile-content ul.rex-navi2 li.li-current.submenu > .buttonContainer > button {border-color: var(--border-hellgruen);background-color: var(--hg-hellgruen);color: var(--schriftfarbe-weiss);}
/*Untermenu close button*/
#menu-mobile .menu-mobile-content ul.rex-navi1 li.submenu button.untermenu-close {display: none;visibility: hidden;position: absolute;top: 0.2em;right: 0.2em;padding: 14px;cursor: pointer;
                 width: 45px;height: 45px;transition: all 0.5s ease;}
#menu-mobile .menu-mobile-content ul.rex-navi1 li.submenu button.untermenu-close:hover {background-color: var(--hg-anthrazit);color: var(--schriftfarbe-weiss);transition: all 0.5s ease;}
#menu-mobile .menu-mobile-content ul.rex-navi1 li.submenu button.untermenu-close:after {position: relative;content:'\e5cd';font-family: var(--icon-font);font-size: 2rem;font-weight: 600;}
#menu-mobile .menu-mobile-content ul.rex-navi1 li.submenu button.untermenu-close.show {display: flex;visibility: visible;justify-content: center;align-items: center;}
/*Mobil Footer*/
#menu-mobile .menu-mobile-footer {position: absolute;background-color: var(--hg-gruen);bottom: 0;display: flex;justify-content: space-around;width: 100%;height: auto;z-index: 10;}
#menu-mobile .menu-mobile-footer a.icon {font-family: var(--schriftart-sans-serif-2);font-size: 1rem;padding: 9px 10px 5px 28px;position: relative;flex-grow: unset;;color: #fff;line-height: 1.8em;margin: 2px 0;}
#menu-mobile .menu-mobile-footer a.icon:before {content: '';position: absolute;font-family: var(--icon-font);font-size: 1.5rem;top: 0.3em;left: 0;color: #fff;}
#menu-mobile .menu-mobile-footer a.icon-home:before {content: "\e88a";}
#menu-mobile .menu-mobile-footer a.icon-contact:before {content: "\e158";}
#menu-mobile .menu-mobile-footer a.icon-impressum:before {content: "\f59b";}
#menu-mobile .menu-mobile-footer a.icon-datenschutz:before {content: "\f686";}

/*Main*/
main {position: relative;z-index: 10;background-color: var(--hg-weiss);margin-top: var(--header-height);}
main #inhalt {position: relative;width: 100%;padding: 1em 0 8em 0;}
body.kontakt main #inhalt {padding-bottom: 0;}
#start main #inhalt {padding: 0;}
main .headline, main .absatz .inner, main #breadcrumb, main .yform, .macy-container {max-width: var(--content-width);margin: 0 auto;}
#start main .headline, #start main .absatz .inner, #start main #breadcrumb, #start main .yform, #start .macy-container {max-width: var(--content-width-start);}
main .absatz {margin-bottom: 3em;}
#start main .absatz {margin-bottom: 0;}
#start main .absatz.hg-hellgrau {padding: 5em 0;}
#start .map-container {max-width: unset;}
#start main .headline h2 {text-align: center;}
.headline-over {font-family: var(--schriftart), sans-serif;text-transform: uppercase;color: var(--schriftfarbe-orange);font-size: clamp(1rem, 2vw, 1.2rem);font-weight: 700;letter-spacing: 0.05em;}
.absatz.hg-hellgrau .headline-over {color: #DB5F00;}
main .more {position: relative;font-size: 1.5rem;font-weight: 700;display: flex;}
main .more:after {position: relative;content: '\e5c8';font-family: var(--icon-font);}
main a:has(.button-link) {font-family: var(--schriftart-sans-serif);display: inline-block;padding: 0.5em 1em;border-radius: 2em;background-color: var(--hg-braun);color: var(--schriftfarbe-weiss);;}
main a:has(.button-link):hover {background-color: var(--hg-hellgruen);color: var(--schriftfarbe-weiss);}
main .button-link {position: relative;font-size: 1.3rem;font-weight: 700;display: flex;gap: 0.5em;justify-content: center;align-items: center;}
main .button-link:after {position: relative;content: '\e5c8';font-family: var(--icon-font);width: 1.5em;height: 1.5em;border-radius: 2em;display: flex;justify-content: center;align-items: center;
        background-color: var(--hg-weiss);color: var(--schriftfarbe-braun);}
main #rand {position: relative;width: 100vw;height: 0;z-index: 1000;}
main #rand:before, main #rand:after {position: absolute;bottom: 0;display: block;content: '';width: 50vw;height: clamp(3em, 15vw,11em);background-color: var(--hg-gruen);}
main #rand:before {left: 0;border-radius: 0 100% 0 0 / 0 100% 0 0;}
main #rand:after {right: 0;border-radius: 100% 0 0 0 / 100% 0 0 0;}

/*Bildergalerie*/
main figure a {display: block;}
main figcaption {position: relative;color: var(--schriftfarbe-gruen);font-size: 0.9em;padding: 5px 4px;line-height: 1.2em;}
.pswp__dynamic-caption--below {max-width: unset;padding: 15px 5% 0 5%;text-align: center;}
main .macy-container {margin: 2em auto;}
main .macy-container figure{border-radius: 1em;overflow: hidden;}
main .macy-container figcaption {text-align: center;}
main .floatLeft figcaption img{text-align: left;}
main .floatRight figcaption img{text-align: right;}
main .bild {position: relative;}
main .bild.floatLeft img {border-top-right-radius: 3em;border-bottom-left-radius: 3em;}
main .bild.floatRight img {border-top-left-radius: 3em;border-bottom-right-radius: 3em;}
main .bild.oben {margin-bottom: 2em;}
main .bild.unten {margin-top: 2em;}
main .bild-untertitel {color: #999;font-size: 0.9em;line-height: 1.2em;padding: 0.2em 0 0 0;}
main .bild a {display: inline-block;}
.impressum main .bild img {border-radius: unset;}

main .text-2spalten {display: flex;justify-content: space-between;gap: 2em;}
main .text-spalte-1 {}
main .text-spalte-2 {}
main .spalten-container-3 {display: flex;gap: 0.1em;justify-content: space-between;}
main .text-spalte {width: 33%;}
main .text-spalte h3 {font-family: var(--schriftart), sans-serif;text-transform: uppercase;color: var(--schriftfarbe-orange);font-size: 1.2rem;font-weight: 700;letter-spacing: 0.1em;}
main .text-spalte a {padding: 0.5em 0;display: inline-block;}

/*Breadcrump*/
main #breadcrumb {padding: 6px 4px;position: relative;margin-bottom: 1em;}
.rex-breadcrumb {line-height: 1.1em;}
.rex-breadcrumb li {position: relative;display: inline-block;padding: 2px 25px 2px 0;}
.rex-breadcrumb li:after {position: absolute;content: '\eac9';font-family: var(--icon-font);font-size: 1em;color: var(--schriftfarbe-rot);top: 0.2rem;right: 0;}
.rex-breadcrumb li:last-child:after {content: '';}
.rex-breadcrumb a {transition: color 0.5s ease;}
.rex-breadcrumb a:hover {transition: none;}

/*Schnellzugriff*/
#sidebar-opener {position: fixed;right: 3em;top: 10em;display: flex;justify-content: center;align-items: center;width: 4em;height: 3.8em;background:none;border: none;cursor: pointer;
            background-color: var(--hg-leichtgruen);z-index: 1000;}
#sidebar-opener:before {position: relative;content: '\e0c6';font-family: var(--icon-font);font-size: 6em;font-weight: 300;color: var(--hg-hellgruen);padding: 0;top: 3px;}
#schnellzugriff {position: fixed;right: -50em;;top: 0;z-index: 1000;width: clamp(30em, 30vw, 50em);background-color: var(--hg-leichtgruen);border-left: 0.8em solid var(--border-gruen);
                 height: 100%;transition: all 0.5s ease;visibility: hidden;}
body.sidebar-open #schnellzugriff {right: 0;transition: all 0.5s ease;visibility: visible;}
#schnellzugriff #sidebar-close {position: absolute;right: 0;top: 0;z-index: 102;background: none;border: none;cursor: pointer;padding: 5px 10px;color: var(--schriftfarbe-schwarz);background-color: var(--hg-leichtgruen);}
#schnellzugriff #sidebar-close::after {position: relative;content: '\e5cd';font-family: var(--icon-font);font-size: 2.6rem;}
/*#schnellzugriff .inner {display: flex;flex-direction: column;}*/
#schnellzugriff .inner {overflow-y: scroll;overflow-x: hidden;height: 100%;}
#schnellzugriff .inner h2 {font-size: 2rem;color: var(--schriftfarbe-rot);padding: 2em 1em 0.5em 1em;}
#schnellzugriff .inner .oeffnungszeiten {background-color: var(--hg-gruen);padding: 1em;color: var(--schriftfarbe-weiss);}
#schnellzugriff .inner .oeffnungszeiten h3 {color: var(--schriftfarbe-weiss);}
#schnellzugriff .inner .oeffnungszeiten time {font-weight: 600;}
#schnellzugriff .inner .oeffnungszeiten .date .schriftfarbe-hellgruen {color: #B3F683;}
#schnellzugriff .inner .sidebar-zugriff {}
#schnellzugriff .inner .sidebar-zugriff .inner {display: flex;flex-direction: column;overflow: unset;height: unset;}
#schnellzugriff .inner .sidebar-zugriff p {padding: 0;}
#schnellzugriff .inner .sidebar-zugriff a {display: block;color: var(--schriftfarbe-gruen);font-size: 1.5rem;background-color: var(--hg-weiss);border-bottom: 2px solid var(--border-gruen);padding: 1em;}
#schnellzugriff .inner .sidebar-adresse {background-color: var(--hg-weiss);padding: 1em;}

/*#start*/
#bildcontainer {position: relative;overflow: hidden;padding: 0;margin-bottom: 5em;}
#bildcontainer .parallax {position: relative;width: 100%;height: 70vh;overflow: hidden;display: flex;}
#bildcontainer .parallax .par-bild, #bildcontainer .parallax .par-text {position: relative;width: 100%;height: inherit;}
#bildcontainer .parallax .par-bild {display: flex;justify-content: start;}
#bildcontainer .parallax .par-bild img {position: relative;width: 100%;height: auto;object-fit: cover;}
#bildcontainer.mitNewsAnzeige .parallax .par-bild {width: 70%;}
#bildcontainer .parallax .par-text {display: flex;flex-direction: column;width: 30%;height: inherit;background-color: var(--hg-hellbraun);z-index: 1;}
#bildcontainer .parallax .par-text .par-text-container {z-index: 1;padding: 0 2em;display: flex;flex-direction: column;justify-content: center;height: 100%;}
#bildcontainer .parallax .par-text .par-text-container h3 {font-weight: 600;font-size: clamp(1.3rem, 4vw, 2rem);color: var(--schriftfarbe-rot);}
#bildcontainer .parallax .par-text .par-text-container .absatz {margin: 0;padding: 0;}
#bildcontainer .parallax .par-text .par-text-container p {font-family: var(--schriftart-sans-serif), sans-serif;}
#bildcontainer .parallax .par-text .par-text-container .absatz .inner.hg-weiss {padding: 0;}
#bildcontainer .schwerpunkte {display: flex;flex-wrap: wrap;justify-content: center;gap: 6em;margin-top: -0.91rem;z-index: 1;position: relative;}
#bildcontainer .schwerpunkt {background-color: var(--hg-gruen);border-top: 0.7em solid var(--border-hellgruen);border-bottom-left-radius: 10em;border-bottom-right-radius: 10em;}
#bildcontainer .schwerpunkt a {display: flex;padding: 1em 2em 0 2em;flex-direction: column;justify-content: center;align-items: center;color: var(--schriftfarbe-weiss);font-size: 1.6rem;font-weight: 600;width: 12em;}
#bildcontainer .schwerpunkt a p {text-align: center;line-height: 1.5em;padding: 0;}
#bildcontainer .schwerpunkt.tauchM a p {width: 90%;}
#bildcontainer .schwerpunkt .material-symbols-outlined {color: var(--hg-hellgruen);font-size: 4.5rem;padding: 0 0 0.2em 0;font-weight: 300;bottom: 0;text-wrap: nowrap;}

/*Patientenratgeber horz scrollbar*/
#start main .absatz#ratgeber {margin: 2em 1em 5em 1em;}
#ratgeber .ratgeber-teaser-container {position: relative;width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;transition: all 0.2s;will-change: transform;user-select: none;
           cursor: grab;scrollbar-width: none;}
#ratgeber .ratgeber-teaser-container.active {background: rgba(255, 255, 255, 0.3);cursor: grabbing;cursor: -webkit-grabbing;}
#ratgeber .ratgeber-teaser-container::-webkit-scrollbar {display: none;}
#ratgeber .ratgeber-teaser-container .ratgeber-teaser {width: clamp(15em, 30vw, 22em);height: clamp(13em, 20vh, 17em);vertical-align: bottom;margin-right: 1em;display: inline-block;
           transition: 0.2s ease-in-out;background-color: var(--hg-leichtgruen);text-wrap:wrap;border-bottom-left-radius: 3em;border-top-left-radius: 3em;border-top-right-radius: 3em;}
#ratgeber .ratgeber-teaser-container.active .ratgeber-teaser {}
#ratgeber .ratgeber-teaser-text {height: inherit;}
#ratgeber .ratgeber-teaser-text-inner {position: relative;padding: clamp(2em, 2vw, 4em);line-height: 1em;height: inherit;display: flex;flex-direction: column;justify-content: center;}
#ratgeber .ratgeber-teaser-text-inner p {color: var(--schriftfarbe-gruen);font-size: clamp(1.3rem, 2vw, 2rem);padding: 0;}
#ratgeber .ratgeber-teaser-text-inner h3 {font-size: clamp(1.6rem,3.5vw,3rem);font-weight: 600;-webkit-hyphens: auto;hyphens: auto;padding: 0.3em 0;}
#ratgeber .ratgeber-teaser-text-inner a {position: absolute;display: flex;justify-content: center;align-items: center;right: 0.5em;bottom: 0.5em;background-color: var(--hg-hellgruen);color: var(--schriftfarbe-weiss);
            border-radius: 3em;width: 2.8em;height: 2.8em;}

/*Bildergalerie horz scrollbar*/
#start main .absatz.horz-bildergalerie {margin: 2em 1em 5em 1em;}
.horz-bildergalerie .horz-bildergalerie-container {position: relative;width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;transition: all 0.2s;will-change: transform;user-select: none;
                              cursor: pointer;scrollbar-width: none;}
.horz-bildergalerie .horz-bildergalerie-container.active {background: rgba(255, 255, 255, 0.3);cursor: grabbing;cursor: -webkit-grabbing;}
.horz-bildergalerie .horz-bildergalerie-container::-webkit-scrollbar {display: none;}
.horz-bildergalerie .horz-bildergalerie-container .horz-bildergalerie-thumb {vertical-align: bottom;margin-right: 1em;display: inline-block;transition: 0.2s ease-in-out;text-wrap:wrap;}
.horz-bildergalerie .horz-bildergalerie-container .horz-bildergalerie-thumb img {height: clamp(230px,25vw,370px);}
.horz-bildergalerie .horz-bildergalerie-container .horz-bildergalerie-thumb:nth-child(odd) img {border-top-right-radius: 3em;border-bottom-left-radius: 3em;}
.horz-bildergalerie .horz-bildergalerie-container .horz-bildergalerie-thumb:nth-child(even) img {border-top-left-radius: 3em;border-bottom-right-radius: 3em;}
.horz-bildergalerie .horz-bildergalerie-container.active .horz-bildergalerie-thumb {}

/*Submenu Teaser Menu*/
.submenu-teaser-menu {margin: 2em;}
.submenu-teaser-menu .submenu-teaser-container {position: relative;width: 100%;display: flex;justify-content: center;gap: 1em;flex-wrap: wrap;
& .submenu-teaser {width: clamp(250px, 16vw, 300px);background-color: var(--hg-leichtgruen);overflow: hidden;display: flex;justify-content: center;align-items: end;}
& .submenu-teaser:nth-child(odd) {border-top-right-radius: 10em;}
& .submenu-teaser:nth-child(even) {border-top-left-radius: 10em;}
& .submenu-teaser a {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
& .submenu-teaser .submenu-teaser-bild {overflow: hidden;}
& .submenu-teaser:nth-child(odd) .submenu-teaser-bild {border-bottom-left-radius: 10em;}
& .submenu-teaser:nth-child(even) .submenu-teaser-bild {border-bottom-right-radius: 10em;}
& .submenu-teaser:nth-child(odd) .submenu-teaser-bild .copyright {left: 18px;right: unset;transform: rotate(90deg);transform-origin: left top;}
& .submenu-teaser:nth-child(odd) .submenu-teaser-bild .copyright span {transform: rotate(180deg);}
& .submenu-teaser .submenu-teaser-headline {display: flex;justify-content: center;padding: 1em 0.5em;height: 25%;align-items: center;}
& .submenu-teaser .submenu-teaser-headline h2 {font-size: clamp(1.3rem, 2vw, 1.55rem);font-family: var(--schriftart-sans-serif-2);font-weight: 500;color: var(--schriftfarbe-gruen);text-align: center;-webkit-hyphens: auto;hyphens: auto;}
}

/*Main Listen*/
main .absatz ul, main .absatz ol {padding: 0.5em 0 1em 0;list-style: none;}
main .absatz ol {counter-reset: olist;list-style: none;}
main .absatz .bild-links ul, main .absatz .bild-links ol, main .absatz.bild-links ul, main .absatz.bild-links ol {display: flow-root;}
main .absatz .bild-rechts ul, main .absatz .bild-rechts ol, main .absatz.bild-rechts ul, main .absatz.bild-rechts ol {display: list-item;}
main .absatz ol li {margin-bottom: 6px;padding-left: 2em;position: relative;}
main .absatz ol li::before {counter-increment: olist;content: counter(olist)'.' ;position: absolute;left: 0;font-weight: 600;background-color: var(--hg-orange);color: var(--schriftfarbe-weiss);width: 1.5em;height: 1.5em;text-align: center;}
main .absatz ul li {position: relative;line-height: 1.5em;margin: 0 0 0.5em 0;padding-left: 2rem;}
main .absatz ul li::before {position: absolute;content: '\ef4a';font-family: var(--icon-font);color: var(--schriftfarbe-gruen);font-size: 0.6em;font-weight: 700;top: -0.1em;left: 0.5em;}
main .absatz ul ul {margin-bottom: 0;margin-top: 5px;}
main .absatz ul ul li {margin: 0 0 0.5em 0;padding-left: 1.8rem;}
main .absatz ul ul li::before {font-size: 2.8rem;top: -0.17em;} 
main .absatz ul ul ul {margin-bottom: 0;margin-top: 5px;}
main .absatz ul ul ul li {margin: 0 0 0.5em 0;padding-left: 1.5rem;}
main .absatz ul ul ul li::before {font-size: 2.6rem;top: -0.05em;} 
main .absatz table {margin: 0 0 1em 0;border-top: 2px solid var(--border-hellgruen);}
main .absatz table td, main .absatz table th {border-bottom: 2px solid var(--border-hellgruen);padding: 0.1em;}

/*Footer*/
#footer {position: relative;width: 100%;}
#footer p, #footer a {}
#footer .footer-1 {position: relative;bottom: 0;width: 100%;background-color: var(--hg-gruen);padding: 0 1em 2em 1em;overflow: hidden;display: flex;justify-content: center;}
#footer .footer-1 .footer-1-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 3em;width: 80vw;}
#footer .footer-1-container:nth-child(1) {width: 40%;}
#footer .footer-1-container:nth-child(2) {width: 34%;}
#footer .footer-1 .absatz {margin: 1em 0;}
#footer .footer-1 .absatz p, #footer .footer-1 .absatz a {font-family: var(--schriftart-sans-serif-2), sans-serif;font-size: 1.15rem;color: var(--schriftfarbe-weiss);}
#footer .footer-1 h3 {font-family: var(--schriftart), sans-serif;font-size: 1.3rem;font-weight: 600;color: var(--schriftfarbe-weiss);margin-bottom: 0.5em;}
#footer .footer-1 table {font-family: var(--schriftart-sans-serif-2);font-size: 1.15rem;color: var(--schriftfarbe-weiss);margin-bottom: 1em;}
#footer .footer-1 .schriftfarbe-hellgruen {color: #B3F683;}
#footer .footer-1 .button {font-family: var(--schriftart-sans-serif);display: inline-block;padding: 0.5em 1em;border-radius: 2em;}
#footer .footer-1 .button:hover {background-color: var(--hg-hellgruen);color: var(--schriftfarbe-weiss);}
#footer .footer-1 .button-kontakt {background-color: var(--hg-leichtgruen);color: var(--schriftfarbe-gruen);}
#footer .footer-1 .button-termin {background-color: var(--hg-braun);color: var(--schriftfarbe-weiss);}
#footer .more {position: relative;font-size: 1.3rem;font-weight: 700;display: flex;gap: 0.5em;justify-content: center;align-items: center;}
#footer .more:after {position: relative;content: '\e5c8';font-family: var(--icon-font);width: 1.5em;height: 1.5em;border-radius: 2em;display: flex;justify-content: center;align-items: center;}
#footer .footer-1 .button-kontakt .more:after {background-color: var(--hg-rot);color: var(--schriftfarbe-weiss);}
#footer .footer-1 .button-termin .more:after {background-color: var(--hg-weiss);color: var(--schriftfarbe-braun);}
#footer .footer-1 .button-kontakt:hover, #footer .footer-1 .button-termin:hover {background-color: var(--hg-hellgruen);color: var(--schriftfarbe-weiss);}
#footer .footer-1:after {position: absolute;bottom: -26px;content: url(../images/Logo_Baum_leichtgruen.svg);}
#footer .footer-1 .telefon::before, #footer .footer-1 .email::before, #footer .footer-1 .handy::before, #footer .footer-1 .fax::before, #footer .footer-1 .adresse::before {top: 0.01em;}
#footer .footer-2 {position: relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;row-gap: 0em;column-gap: 2em;background-color: var(--hg-leichtgruen);padding: 0.6em 1em;}
#footer .footer-2 p {padding: 0;}
#footer .footer-2 a {font-family: var(--schriftart-sans-serif-2);font-size: 1.2rem;text-decoration: none;padding: 0.1em 0.5em;color: var(--schriftfarbe-schwarz);}
#footer .footer-2 a:hover {color: var(--schriftfarbe-rot);}

/* accordion */
main .absatz + .absatz.accordion {margin-top: -2em;} 
main .absatz.accordion .inner {}
main .absatz .accordion_toggler {position: relative;padding: 0 !important;margin: 0;background-color: var(--hg-leichtgruen);border-bottom: 2px solid var(--border-gruen);}
main .absatz .accordion_toggler:first-child {border-top: 2px solid var(--border-gruen);}
main .absatz .accordion_toggler:last-child {border-bottom-right-radius: 3em;}
main .absatz .accordion_toggler .accordion_toggler_headline {position: relative;}
main .absatz .accordion_toggler .accordion_toggler_headline.show:hover {background-color: var(--hg-hellbraun);}
main .absatz .accordion_toggler:first-child .accordion_toggler_headline {border-top: 2px solid var(--border-gruen);}
main .absatz .accordion_toggler:last-child .accordion_toggler_headline {border-bottom-right-radius: 3em;}


main .absatz .accordion_toggler .accordion_toggler_headline h3 {font-family: var(--schriftart-sans-serif-2), sans-serif;padding: 0.5em 0.2em;font-weight: 500;}
main .absatz .accordion_toggler .accordion_toggler_headline:has(.anleser) h3 {padding: 0.7em 1em 0.6em 1rem;}
main .absatz .accordion_toggler .accordion_toggler_headline.show:has(.anleser) h3 {padding: 0.5em 0.2em 0.2em 0.2em;}
main .absatz .accordion_toggler button {padding: 0.2em 1em 0.2em 0.7rem;border: none;background: no-repeat;width: 100%;cursor: pointer;color: var(--schriftfarbe-gruen);text-align: left;line-height: 1.2em;
            font-weight: inherit;font-size: inherit;font-family: inherit;display: flex;justify-content: start;align-items: start;gap: 1rem;}


main .absatz .accordion_toggler .accordion_toggler_headline .accordion-icon {position: relative;left: 0;top: 0;width: 1.5em;height: 1.5em;background-color: var(--hg-hellbraun);border-radius: 1em;
            display: flex;justify-content: center;align-items: center;}
main .absatz .accordion_toggler .accordion_toggler_headline .accordion-icon:after {content: '';}
main .absatz .accordion_toggler .accordion_toggler_headline.show .accordion-icon:after {font-family: var(--icon-font);content: '\e313';font-size: 2rem;color: var(--schriftfarbe-rot);font-weight: 600;padding: 0.5rem;}
main .absatz .accordion_toggler.show .accordion_toggler_headline.show .accordion-icon:after {content: '\e316';}

main .absatz .accordion_toggler .accordion_content {max-height: 0;opacity: 0;visibility: hidden;transition: all 0.5s ease;overflow: hidden;}
main .absatz .accordion_toggler.show .accordion_content {max-height: 80em;opacity: 1;visibility: visible;transition: all 0.5s ease;}
main .absatz .accordion_toggler .anleser {}
main .absatz .accordion_toggler .anleser p, main .absatz .accordion_toggler .anleser p, main .absatz .accordion_toggler .anleser ul {
            padding: 0 1em 0.5em 1rem;line-height: 1.2em;font-size: clamp(1.15rem, 2vw, 1.25rem);color: var(--schriftfarbe-gruen);font-weight: 500;}
main .absatz .accordion_toggler .accordion_toggler_headline.show .anleser p, main .absatz .accordion_toggler .accordion_toggler_headline.show .anleser p, 
main .absatz .accordion_toggler .accordion_toggler_headline.show .anleser ul {padding: 0 1em 0.5em 4.3rem}
main .absatz .accordion_toggler .anleser h3 {margin: 0;padding: 0.2em 0 0.4em 0;}
main .absatz .accordion_content .inhalt {padding: 0 1rem;}
main .absatz .accordion_content .inhalt a {margin-right: 0;}
main .absatz .accordion_content .inhalt p {padding: 0.3em 0 1em;}
main .absatz .accordion_content .inhalt h3 {font-size: 1.4rem;}
main .absatz.accordion + .absatz, main .absatz.accordion + .absatz-h {margin-top: 3em;}

/*Formular*/
main .yform {margin: 2em auto 6em auto;}
.yform form {width: 100%;}
.yform fieldset {border: 2px solid var(--border-hellgruen);padding: 20px;margin-bottom: 2em;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-between;height: 490px;
            background-color: var(--hg-leichtgruen);border-bottom-right-radius: 3em;}
.yform form legend {padding: 0 0.5em;font-size: 1.3em;color: var(--schriftfarbe-gruen);}
.yform .form-container {display: flex;flex-wrap: wrap;column-gap: 3em;}
.yform .form-group {width: 48%;}
.yform .form-group .form-inline {display: flex;flex-direction: row-reverse;gap:1.1em;justify-content: start;align-items: center;}
.yform form label {clear: both;float: left;width: 190px;padding:0;margin: 0.7em 0;line-height: 1em;font-size: 1.25rem;}
.yform form input, .yform form textarea, .yform form button, .yform form select, .yform form optgroup {font-family: var(--schriftart-sans-serif), sans-serif;font-size: 1.2rem;float: left;
            border: 2px solid var(--border-hellgruen);width: 60%;color: #000000;padding: 0.2em 0.5em;margin: 0.3em 0;}
/*.yform form select {width: calc(60% + 16px);}*/
.yform form textarea {width: 60%;height: 150px;}
.yform form .checkbox {width: 40%;margin-top: 1.5em;}
.yform form .checkbox label {width: auto;display: block;}
.yform form .checkbox input {clear: both;float: left;width: 1em;margin: 0.2em 0 0 0;}
.yform form .checkbox p {max-width: 90%;line-height: 1.2em;float: left;margin-left: 0.5em;hyphens: none;font-size: 1.25rem;}
.yform form input:hover, form input:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus {}
.yform form button {padding: 0.3em 0.5em;background-color: var(--hg-braun);border: 2px solid var(--border-braun);font-family: var(--schriftart-serif), serif;color: var(--schriftfarbe-weiss);
                   font-size: 1.1em;font-weight: 600;width: 8.3em;border: none;margin-left: 1.5em;border-radius: 2em;cursor: pointer;}
.yform form button:hover {background-color: var(--hg-weiss);border: 2px solid var(--border-braun);color: var(--schriftfarbe-braun);}
.yform form button.more {position: relative;font-size: 1.3rem;font-weight: 700;display: flex;gap: 0.5em;justify-content: center;align-items: center;}
.yform form button.more:after {position: relative;content: '\e5c8';font-family: var(--icon-font);width: 1.5em;height: 1.5em;border-radius: 2em;display: flex;justify-content: center;
            align-items: center;background-color: var(--hg-weiss);color: var(--schriftfarbe-braun);margin-left: 1em;}
.yform form button.more:hover:after{background-color: var(--hg-braun);color: var(--schriftfarbe-weiss);}
.yform form .has-error {color: #FF1515;}
.yform form .alert-danger {font-size: 0.9em;margin-bottom: 2em;color: #474747;margin-left: 20px;color: #FF1515;}
.yform form .hinweis {font-size: 1.05rem;padding-bottom: 0.5em;}
.yform form #yform-formular-kontakt-email-adresse, #yform-formular-kontakt-anliegen, .yform form #yform-formular-sidebar-email-adresse, #yform-formular-sidebar-anliegen,
.yform form #yform-formular-tauch-email-adresse, #yform-formular-tauch-anliegen {display: none;visibility: hidden;}

.sidebar-form {background-color: var(--hg-leichtgruen);}
.sidebar-form h3 {padding: 1em 1em 0 1em;color: var(--schriftfarbe-schwarz);font-weight: 400;}
.sidebar-form h3 strong {font-weight: 700;}
.sidebar-form .yform fieldset {border: none;padding: 20px;margin-bottom: 2em;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-between;height: auto;
            background-color: var(--hg-leichtgruen);}
.sidebar-form .yform form legend {display: none;}
.sidebar-form .yform .form-group {width: 100%;}
.sidebar-form .yform form label, .sidebar-form .yform form input, .sidebar-form .yform form textarea, .sidebar-form .yform form select, .sidebar-form .yform form optgroup,
.sidebar-form .yform form .checkbox {width: 100%;}
.sidebar-form .yform form .checkbox label {width: auto;}
.sidebar-form .yform form .checkbox input {width: 1em;}
.sidebar-form #rex-yform-sidebar .meldung {padding: 1em;line-height: 1.2em;}

/*OSM*/
main .absatz.osm {margin-bottom: 0;}
.map_container {padding: 20px;}
.openstreetmap {background: var(--hg-leichtgruen) url(../images/mapping.png);background-size: contain;background-position: center;background-repeat: no-repeat;width: 100%;height: 40rem;margin: 0.5em 0 0 0;}
.openstreetmap iframe {border: none !important;width: 100%;height: 100%;}
.openstreetmapload {position: relative;top: 0;background-color: var(--hg-banner);color: var(--schriftfarbe-weiss);padding: 10px; text-align: center;}
.openstreetmapload p {padding-bottom: 1em;}
.openstreetmapload a, .openstreetmapload a:link, .openstreetmapload a:visited {color: var(--schriftfarbe-rot);}
.openstreetmapload a:hover, .openstreetmapload a:active {color: var(--schriftfarbe-grau);}
.openstreetmapthumb {background-color: var(--hg-hellgruen);border: 2px solid var(--border-hellgruen);padding: 0.3em 1em;display: inline-block;cursor: pointer;color: var(--schriftfarbe-weiss);
                    font-family: var(--schriftart-sans-serif-2);font-size: 1.6rem;font-weight: 500;border-radius: 2em;}
.openstreetmapthumb:hover {background-color: var(--hg-weiss);color: var(--schriftfarbe-hellgruen);}
.leaflet-popup-content h3 {font-size: 1.6em;font-weight: 600;color: #646567;font-family: var(--schriftart-sans-serif-2);}
.leaflet-popup-content p {font-size: 1.3em;font-family: var(--schriftart-serif);padding: 1em 0 0 0;margin: 0;}
.leaflet-touch .leaflet-bar a {text-decoration: none;}

/*Cookies*/
/*.cookieinfo {display: none;position:fixed; left:2%; bottom:8%; max-width:300px;z-index:1000;line-height:1.2em; background-color:#646567; padding:0.5em 0.8em; color:#fff;}
.cookieinfo a {color: #fff;font-weight: bold;padding-top: 5px;display: inline-block;}
.cookieinfo a:hover, .cookieinfo a:focus {color: #ccc;}
.cookieinfo a.cookieok {background-color:#eee;color: #646567;border-radius: .2em; display:inline-block; margin:1em 0 0.5em 0; padding:0.3em 0.5em;text-decoration:none;}
.cookieinfo a.cookieok:hover {background-color:#ccc;}*/

#pfeil {display: none;position: fixed;bottom: 6em;right: 5em;width: 3.5rem;height: 3.5rem;z-index: 132;background-color: var(--hg-hellgruen);border: none;cursor: pointer;border-radius: 4em;
        justify-content: center;align-items: center;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);}
#pfeil.show {display: flex !important;}
#pfeil:before {position: relative;content: '\e986';font-family: var(--icon-font);font-size: 2.3rem;color: var(--schriftfarbe-schwarz);font-weight: 600;}

html.lenis,html.lenis body {height:auto}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior:contain;}
.lenis.lenis-stopped {overflow:clip;}
.lenis.lenis-smooth iframe {pointer-events:none;}