/*!
Theme Name: SeniorZeit
Theme URI: https://seniorzeit.ch
Author: wald.pixel.werk
Author URI: https://waldpixelwerk.de/
Description: Theme für ZIG
Version: 1.0.0
Tested up to: 8.4
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sz
Tags: custom-menu, translation-ready
*/

@charset "UTF-8";

 
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/poppins-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/poppins-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/poppins-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

 :root{
--black:#000;
--dark:#000000;
--color:rgba(0, 39, 98, 1);
--white:#fff;
--lineheight:1.8em;
--fonts:11px;
--h1:1.2em;
--h2:2.3em;
--h3:1.5em;

 
--container:80vw;
 
  }


@media(min-width:1440px){
 :root{
--container:1152px;
  }
}


@media(orientation:portrait){

:root{
    --container:90vw;
    --containerw:94vw;
    --containers:84vw;
    --fonts:3.5vw;
    --spaceleft:4em;
}   
}



/* Global */

body, html{
font-family: "gregory-grotesk", sans-serif;
    font-family: Poppins;
    font-weight: 300;
    -webkit-text-size-adjust: none;
width:100vw;
text-rendering: geometricPrecision;

padding:0;margin:0;left:0;top:0;position:relative;font-size:var(--fonts);line-height:var(--lineheight);font-weight:400;background-color:var(--white);color: var(--black);white-space-collapsing:discard;min-height:100dvh;}
* { box-sizing: border-box; }


.mobile-only {
    display: none;
}

@media (max-width: 767px) {
    .mobile-only {
        display: flex;
    }
}

a, a:link{text-decoration:unset;}
h1 , h2, h3, h4{
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


h1, h3{font-weight:700;color:var(--color);margin-top:20px;margin-bottom:20px;font-size:22px;}

h1:after, h3:after {
    border-bottom: 3px solid #515151;
    content: '';
    display: block;
    width: 60px;
    margin-top: 8px;
    margin-bottom: 15px;
}

h2{font-weight:300;font-size:50px;line-height:1em;color:var(--color);margin-block-end:1.3em}

img{max-width:100%;}
header{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9;    -webkit-box-shadow: 0 0 5px 1px rgba(199, 199, 199, 1.000000);
    -moz-box-shadow: 0 0 5px 1px rgba(199, 199, 199, 1.000000);
    box-shadow: 0 0 5px 1px rgba(199, 199, 199, 1.000000);}
.logo{height:100%;display: inline-block;position:relative;}
.logo img{height:100%}
header .container-inner{height:14em;padding:0.5em 0 1em 0;transition:height .5s ease;}
header.scroll .container-inner{height:8em}
main{padding-top:14em;}
#content:before{background-color:#fff;width:100%;height:14em;position: absolute;left:0;top:0;content:"";z-index:3}
p, td, li {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 27px;
}

.menu-navigation .header-bottom-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.menu-navigation ul {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-navigation li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-navigation a {
    display: inline-block;
    font-weight: 300;
    color: rgba(53, 45, 34, 1);
    text-decoration: none;
}

.menu-navigation a:hover, .menu-navigation a.active,
.menu-navigation .current-menu-item > a,
.menu-navigation .current-menu-ancestor > a,
.menu-navigation .current_page_item > a {
    font-weight: 700;
    color: var(--color);
}
.menu-navigation{position:absolute;right:0;bottom:2.5em;}


.fixed-kontakt{position:fixed;right:0;top:20em;width:20em;overflow: hidden;z-index:13}
.fixed-kontakt-single{margin-bottom:0.5em;background-color:var(--color);transform:translateX(7.6em);transition:transform .5s ease;padding:0.5em  0.8em;border-radius:0.3em;font-size:22px;line-height:1em;    width: 15em;}
.fixed-kontakt-single a {
    text-decoration: none;
    color: #fff;
    width: 100%;
    position: relative;
    display: inline-block;
}

.fixed-kontakt-single img{height:1em;margin-right:0.6em;transform:scale(1.1) translateY(0.06em);}
.fixed-kontakt-single:hover{transform:translateX(0em)}

.container{width:100vw;display: block;text-align: center;position: relative;z-index:2;background-color:#fff}
.container-inner{width:var(--container);text-align:left;display: inline-block;position:relative;}
main .container-inner{padding:5em 0}
#content{max-width:100dvw;background-color:#fff}

.image-vogel-text{    font-size: 50px;
    line-height: 1.3 !important;
    color: rgba(255, 255, 255, 1.000000);
    text-align: left;
    font-weight: bold;
    font-style: normal;
    text-decoration: initial;
    margin-bottom: 0px;
    margin-top: 0px;
    text-shadow: 2px 2px 5px rgba(116, 116, 116, 1.000000);}


.image{width:100vw;height:50em}
.image img{width:100%;height:100%;object-fit: cover}

.start-image{margin-top:8em;text-align:center;margin-bottom:5em}
.start-image img{width:70%;}
.image{z-index:2;position:relative}
.image-vogel{z-index:1}
.image-fixed{position:fixed;z-index:0;top:0;left:0;width:100%;height:100vh}
.image-fixed img{width:100%;height:100%;object-fit: cover}

.image-vogel-text {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 4.5em;
    left: 0;
    width: 100%;
}

.angebot-single{
width:100%;
margin-bottom:1em;
}

.angebot-single-text-container{width:100%;height:0;transition:height .5s ease; overflow:hidden}
.angebot-single-text{width:100%;border:solid 2px rgba(89, 89, 89, 1);padding:0em 2em}
.angebot-single-head{width:100%;padding:1em 1em 1em 3em;background-color: var(--color);color:#fff;font-size:18px;line-height:27px;border:solid 2px rgba(89, 89, 89, 1);cursor:pointer;position:relative;transition:background-color .3s ease}

.grundsaetze .angebot-single-head{background-color:#22A699;}
.angebot-single-head:before{content:"";left:1.1em;top:calc(50% - 1px);position:absolute;width:0.8em;background-color:#fff;height:2px;}
.angebot-single-head:after{content:"";left:calc(1.5em - 1px);top:1.33em;position:absolute;height:0.8em;background-color:#fff;width:2px;transition:height .3s ease}
.active .angebot-single-head, .angebot-single-head:hover{font-weight:700;background-color:rgba(89, 89, 89, 1.000000);}
.active .angebot-single-head:after{height:0}


.grunsaetze-single{background-color:#22A699;min-height:20em;padding:1.5em;color:#fff;font-size:18px;font-weight:300;line-height:27px}
.grunsaetze-single b{font-weight:700}
.grundsaetze-grid {
    display: grid;
       grid-template-columns: repeat(4, minmax(0, 1fr));
    gap:2em;
}

.kontaktformular{width:100%;}
.kontaktformular-form{width:70%;display:inline-block;}
.kontaktformular-kontakt{width:20%;float:right;display:inline-block;}


footer{background-color:var(--color);color:#fff;padding:3em 0;width:100%;position:relative;z-index:3;font-size:15px;line-height:27px}
.footer-links{width:50%;float:left;}
footer a{text-decoration: unset !important;color:#fff;}
.footer-rechts{width:50%;float:right;padding-left:2em;padding-bottom:2em;border-left:solid #fff 1px}
footer .container{background-color:var(--color)}
.footer-rechts img{height:1em;margin-right:0.8em;transform: scale(1.3) translateY(0.1em);}


/* =========================================
   RESPONSIVE – TABLET
   ========================================= */

@media (max-width: 1024px) {

    :root {
        --container: 90vw;
    }

    header .container-inner {
        height: 11em;
    }

    header.scroll .container-inner {
        height: 7em;
    }

    main {
        padding-top: 11em;
    }

    #content:before {
        height: 11em;
    }

    main .container-inner {
        padding: 4em 0;
    }

    h2 {
        font-size: 40px;
    }

    .image {
        height: 40em;
    }

    .image-vogel-text {
        font-size: 40px;
    }

    .grundsaetze-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5em;
    }

    .grunsaetze-single {
        min-height: 15em;
    }

    .kontaktformular-form {
        width: 65%;
    }

    .kontaktformular-kontakt {
        width: 30%;
    }

    .fixed-kontakt {
        top: 15em;
    }

}


/* =========================================
   RESPONSIVE – SMARTPHONE
   ========================================= */

@media (max-width: 767px) {

    :root {
        --container: 90vw;
        --fonts: 14px;
        --lineheight: 1.6em;
    }

    html, body {
        width: 100%;
        overflow-x: clip;
        -webkit-text-size-adjust: 100%;
    }

    /* TYPOGRAFIE */

    p, td, li {
        font-size: 15px;
        line-height: 1.7em;
    }

    h1, h3 {
        font-size: 21px;
        line-height: 1.35em;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: clamp(28px, 7vw, 38px);
        line-height: 1.15em;
        margin-bottom: 0.8em;
    }

    h1:after, h3:after {
        margin-top: 12px;
        margin-bottom: 15px;
    }

    /* HEADER */

    header .container-inner,
    header.scroll .container-inner {
        height: 75px;
        padding: 10px 0;
        display: inline-block;
        align-items: center;
        justify-content: space-between;
    }

    .logo {
        height: 100%;
        max-width: calc(100% - 75px);
    }

    .logo img {
        height: 100%;
        width: auto;
        max-width: 100%;
        object-fit: contain;
    }

    main {
        padding-top: 75px;
    }

    #content:before {
        height: 75px;
    }

    /* BURGER */

    .menu.mobile-only {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        cursor: pointer;
        position: absolute;
        z-index: 12;
        right: 0em;
        top: 1em;
    }

    .menu-burger {
        width: 28px;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .menu-burger-line {
        width: 100%;
        height: 2px;
        background: var(--color);
        transition: transform .3s ease, opacity .3s ease;
    }

    .menu.open .menu-burger-line:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .menu.open .menu-burger-line:nth-child(2) {
        opacity: 0;
    }

    .menu.open .menu-burger-line:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    /* MOBILE NAVIGATION */

    .menu-navigation {
        position: absolute;
        top: 100%;
        left: -5vw;
        right: auto;
        bottom: auto;
        width: 100vw;
        background: #fff;
        padding: 20px 5vw 30px;
        box-shadow: 0 8px 15px rgba(0,0,0,.08);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px);
        transition: opacity .3s ease,
                    transform .3s ease,
                    visibility .3s ease;
    }

    .menu-navigation.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .menu-navigation .header-bottom-menu,
    .menu-navigation ul {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .menu-navigation li {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

    .menu-navigation a {
        display: block;
        padding: 13px 0;
        font-size: 17px;
        line-height: 1.4em;
    }

    /* CONTAINER */

    .container {
        width: 100%;
    }

    .container-inner {
        width: var(--container);
    }

    main .container-inner {
        padding: 3em 0;
    }

    /* BILDER */

    .image {
        width: 100%;
        height: 55vw;
        min-height: 230px;
        max-height: 420px;
    }

    .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .start-image {
        margin-top: 4em;
        margin-bottom: 2em;
    }

    .start-image img {
        width: 100%;
    }

    /* PARALLAX-BEREICH */

    .image-vogel {
        height: 65vw;
        min-height: 280px;
        max-height: 450px;
    }

    .image-fixed {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .image-vogel-text {
        font-size: clamp(25px, 6vw, 38px);
        line-height: 1.3 !important;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 5vw;
    }

    /* ANGEBOT / AKKORDEON */

    .angebot-single {
        margin-bottom: 10px;
    }

    .angebot-single-head {
        font-size: 16px;
        line-height: 1.5em;
        padding: 15px 15px 15px 45px;
    }

    .angebot-single-head:before {
        left: 17px;
    }

    .angebot-single-head:after {
        left: calc(17px + 0.4em - 1px);
        top: calc(50% - 0.4em);
    }

    .angebot-single-text {
        padding: 0 15px;
    }

    .angebot-single-text p {
        font-size: 15px;
    }

    /* GRUNDSÄTZE */

    .grundsaetze-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .grunsaetze-single {
        min-height: 0;
        padding: 20px;
        font-size: 16px;
        line-height: 1.6em;
    }

    /* KONTAKTFORMULAR */

    .kontaktformular {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .kontaktformular-form,
    .kontaktformular-kontakt {
        width: 100%;
        float: none;
        display: block;
    }

    .kontaktformular input,
    .kontaktformular textarea,
    .kontaktformular select {
        max-width: 100%;
    }

    /* FIXIERTE KONTAKT-LINKS */

    .fixed-kontakt {
        top: auto;
        bottom: 15px;
        right: 15px;
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 8px;
        overflow: visible;
    }

    .fixed-kontakt-single {
        margin: 0;
        padding: 10px;
        transform: none;
        font-size: 0;
        border-radius: 50%;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 3px 10px rgba(0,0,0,.15);
    }

    .fixed-kontakt-single:hover {
        transform: none;
    }

    .fixed-kontakt-single a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: 0;
    }

    .fixed-kontakt-single img {
        height: 24px;
        width: 24px;
        margin: 0;
        transform: none;
    }

    /* FOOTER */

    footer {
        padding: 3em 0;
        font-size: 14px;
        line-height: 1.8em;
    }

    footer .container-inner {
        display: inline-block;
        flex-direction: column;
        gap: 30px;
    }

    .footer-links,
    .footer-rechts {
        width: 100%;
        float: none;
    }

    .footer-rechts {
        padding: 25px 0 0;
        border-left: none;
        border-top: 1px solid rgba(255,255,255,.4);
    }

}


/* =========================================
   KLEINE SMARTPHONES
   ========================================= */

@media (max-width: 480px) {

    :root {
        --container: 88vw;
    }

    header .container-inner,
    header.scroll .container-inner {
        height: 65px;
    }

    main {
        padding-top: 65px;
    }

    #content:before {
        height: 65px;
    }

    .menu-navigation {
        left: -6vw;
    }

    .image {
        height: 65vw;
        min-height: 210px;
    }

    .image-vogel {
        min-height: 250px;
    }

    .image-vogel-text {
        font-size: 25px;
    }

    .grunsaetze-single {
        padding: 18px;
    }

}
/* Jeden fixierten Hintergrund auf seinen Abschnitt begrenzen */
.image-vogel {
    position: relative;
    isolation: isolate;
    clip-path: inset(0);
}

.image-vogel .image-fixed {
    z-index: 0;
}

.image-vogel .image-vogel-text {
    z-index: 1;
}
#content a{text-decoration:underline;color:#000}

/* Kontaktformular */
.sz-contact-form {
    width: 100%;
    color: #333;
    font-family: inherit;
    padding-top: 24px;
}

.sz-contact-form .sz-form-row {
    display: grid;
    grid-template-columns: 42% minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    margin-bottom: 10px;
}

.sz-contact-form .sz-form-row > label {
    padding-top: 7px;
    font-size: 15px;
    line-height: 1.5;
}

.sz-contact-form .sz-form-field {
    min-width: 0;
}

/* Automatische CF7-Absätze berücksichtigen */
.sz-contact-form p {
    margin: 0;
    padding: 0;
}

.sz-contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.sz-contact-form input[type="text"],
.sz-contact-form input[type="email"],
.sz-contact-form input[type="tel"],
.sz-contact-form textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    background: #fff;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
    color: #333;
    font: inherit;
    font-size: 16px;
    line-height: 1.4;
}

.sz-contact-form textarea {
    height: 180px;
    min-height: 120px;
    resize: vertical;
}

.sz-contact-form input:focus,
.sz-contact-form textarea:focus {
    border-color: var(--color);
    outline: 2px solid var(--color);
    outline-offset: 2px;
}

.sz-contact-form .sz-form-submit .sz-form-field {
    grid-column: 2;
}

.sz-contact-form input[type="submit"] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 15px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    background: linear-gradient(#fff, #ededed);
    color: #333;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.sz-contact-form input[type="submit"]:hover {
    background: var(--color);
    color: #fff;
}

.sz-contact-form input[type="submit"]:focus-visible {
    outline: 2px solid var(--color);
    outline-offset: 3px;
}

.sz-contact-form input[type="submit"]:disabled {
    opacity: .6;
    cursor: wait;
}

.sz-contact-form .sz-form-note {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
}

.sz-contact-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.4;
}

.sz-contact-form .wpcf7-not-valid {
    border-color: #b42318;
}

.sz-contact-form .wpcf7-spinner {
    margin: 8px 0 0;
}

/* Mobil */
@media (max-width: 767px) {
    .sz-contact-form .sz-form-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
        margin-bottom: 15px;
    }

    .sz-contact-form .sz-form-row > label {
        padding-top: 0;
    }

    .sz-contact-form .sz-form-submit .sz-form-field {
        grid-column: 1;
    }
}

/* Responsive additions */
.mobile-only{display:none}
#angebot,#grundsaetze,#kontakt,#willkommen{scroll-margin-top:110px}
@media(max-width:1024px){:root{--container:90vw}header .container-inner{height:11em}header.scroll .container-inner{height:7em}main{padding-top:11em}#content:before{height:11em}h2{font-size:40px}.grundsaetze-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grunsaetze-single{min-height:14em}.image{height:40em}}
@media(max-width:767px){:root{--container:90vw;--fonts:14px}html,body{width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}p,td,li{font-size:15px;line-height:1.7}h1,h3{font-size:21px;line-height:1.35}h2{font-size:clamp(28px,7vw,38px)}header .container-inner,header.scroll .container-inner{height:75px;padding:10px 0;display:inline-block;align-items:center;justify-content:space-between}.logo{height:100%;max-width:calc(100% - 75px)}.logo img{width:auto;object-fit:contain}main{padding-top:75px}#content:before{height:75px}.mobile-only{display:flex}.menu.mobile-only{align-items:center;justify-content:center;width:45px;height:45px;cursor:pointer;z-index:12}.menu-burger{width:28px;display:flex;flex-direction:column;gap:6px}.menu-burger-line{height:2px;width:100%;background:var(--color);transition:transform .3s,opacity .3s}.menu.open .menu-burger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu.open .menu-burger-line:nth-child(2){opacity:0}.menu.open .menu-burger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-navigation{position:absolute;top:100%;left:-5vw;right:auto;bottom:auto;width:100vw;background:white;padding:20px 5vw 30px;box-shadow:0 8px 15px #0002;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .3s,transform .3s,visibility .3s}.menu-navigation.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.menu-navigation .header-bottom-menu,.menu-navigation ul{flex-direction:column;align-items:stretch;gap:0}.menu-navigation li{display:block;width:100%;border-bottom:1px solid #0002}.menu-navigation a{display:block;padding:13px 0;font-size:17px}.container{width:100%}main .container-inner{padding:3em 0}.image{width:100%;height:55vw;min-height:230px;max-height:420px}.start-image{margin:4em 0 2em}.start-image img{width:100%}.image-vogel{height:65vw;min-height:280px}.image-fixed{position:absolute;height:100%}.image-vogel-text{font-size:clamp(25px,6vw,38px);top:50%;transform:translateY(-50%);padding:0 5vw}.angebot-single-head{font-size:16px;padding:15px 15px 15px 45px}.angebot-single-text{padding:0 15px}.grundsaetze-grid{grid-template-columns:1fr;gap:15px}.grunsaetze-single{min-height:0;padding:20px;font-size:16px;line-height:1.6}.kontaktformular{display:flex;flex-direction:column;gap:30px}.kontaktformular-form,.kontaktformular-kontakt{width:100%;float:none;display:block}.kontaktformular input,.kontaktformular textarea,.kontaktformular select{max-width:100%}.fixed-kontakt{top:auto;bottom:15px;right:15px;width:auto;display:flex;flex-direction:column;gap:8px;overflow:visible}.fixed-kontakt-single{margin:0;padding:10px;transform:none;font-size:0;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0003}.fixed-kontakt-single:hover{transform:none}.fixed-kontakt-single a{display:flex;align-items:center;justify-content:center;font-size:0}.fixed-kontakt-single img{height:24px;width:24px;margin:0;transform:none}footer .container-inner{display:inline-block;flex-direction:column;gap:30px}.footer-links,.footer-rechts{width:100%;float:none}.footer-rechts{padding:25px 0 0;border-left:0;border-top:1px solid #fff7}
    #home.image img {
        width: 100%;
        height: 100%;
        object-fit: 0% 30%;
        object-position: 80% 0;
    }}
@media(max-width:480px){:root{--container:88vw}header .container-inner,header.scroll .container-inner{height:65px}main{padding-top:65px}#content:before{height:65px}.menu-navigation{left:-6vw}.image{height:65vw;min-height:210px}.image-vogel{min-height:250px}.image-vogel-text{font-size:25px}}

/* Additional intro text for principles */
.grundsaetze-einleitung:not(:empty){margin-bottom:2.5em}