:selection {background: #748259; color: #393738;}
::-moz-selection {background: #748259; color: #393738;}

::-webkit-scrollbar {
width: 4px;
height: 4px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.3);
border-radius: 2px;
}
* {
scrollbar-width: thin;
scrollbar-color: rgba(0,0,0,0.3) transparent;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
src: url('../fonts/outfit-v14-latin-300.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
src: url('../fonts/outfit-v14-latin-700.woff2') format('woff2');
}
html {
height:100%;
background:#ffffff; /* Weiß liegt jetzt auf html */	
scroll-behavior:smooth;
}
body {
height:100%;
font-family:'Outfit',sans-serif;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
animation:fadein 1s;
font-size:0.9vw;
line-height:1.4vw;
font-weight:300;
margin:0;
color:#393738;
position:relative;
/*background:transparent;  Body transparent, damit ::before sichtbar ist */
overflow-x: hidden;
}
body::before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:100vh;
max-height:1080px;
pointer-events:none;
z-index:0;
background:linear-gradient(to bottom,#f2f3ef 0%,rgba(242,243,239,0) 35%);
background-repeat:no-repeat;
background-position:top center;
background-size:100% 100%;
overflow-x: hidden;
}

br.br-mobil {
}
br.br-indi {
display: inline;
}

/* Responsive Navigation Anfang */

:root {
--burger-size:12vw;
--burger-color:#748259;
--line-thickness:1px;
--anim:300ms;
}

.burger-btn{
all:unset;
width:var(--burger-size);
height:var(--burger-size);
border:1px solid var(--burger-color);
border-radius:50%;
background:transparent;
cursor:pointer;
position:relative;
display:flex;
align-items:center;
justify-content:center;
-webkit-tap-highlight-color:transparent;
z-index:10002;
}

.burger-btn .line {
position:absolute;
left:50%;
width:40%;
height:var(--line-thickness);
background:var(--burger-color);
border-radius:var(--line-thickness);
transition:transform var(--anim) ease, top var(--anim) ease, opacity var(--anim) ease;
}

.burger-btn .line-1{top:43%;transform:translateX(-50%)}
.burger-btn .line-2{top:57%;transform:translateX(-50%)}

.burger-btn.is-open .line-1{top:50%;transform:translateX(-50%) rotate(45deg)}
.burger-btn.is-open .line-2{top:50%;transform:translateX(-50%) rotate(-45deg)}


.burger-btn:focus-visible{outline:1px solid var(--burger-color);outline-offset:1px}
.menu-open .burger-btn:focus-visible{outline-color:#fff}

.nav-resp{
position:fixed;
top:5.5vw;
left:4.5vw;
z-index:10002;
pointer-events:auto;
background-color:rgba(255,255,255,0.25);
border-radius:50vw;
transition:background-color .25s ease,box-shadow .25s ease
}
.nav-resp.is-scrolled{
background-color:rgba(255,255,255,0.9);
box-shadow:0 4px 12px rgba(0,0,0,0.06)
}

.mobilenav{
position:fixed;
inset:0;
z-index:10000;
overflow-y:auto;
background:linear-gradient(180deg,#f3f4f1 0%,#f3f4f1 68%,#eef1eb 82%,#c0c8b3 100%);
display:flex;
justify-content:center;
align-items:center;
text-align:center;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .35s ease,visibility 0s linear .35s;
will-change:opacity;
backface-visibility:hidden;
-webkit-transform:translateZ(0)
}

.mobilenav.active{
opacity:1;
visibility:visible;
pointer-events:auto;
transition:opacity .35s ease,visibility 0s linear 0s
}

/* Kinder: sofort unsichtbar, nur beim Öffnen einblenden */
.mobilenav .panelc,
.mobilenav .panelg{
opacity:0;
transform:translateY(8px)
}

.mobilenav.active .panelc,
.mobilenav.active .panelg{
opacity:1;
transform:none;
transition:opacity .35s ease .05s,transform .35s ease .05s
}

/* optional: Body fixieren */
body.no-scroll{overflow:hidden}


.mobilenav .panelc,
.mobilenav .panelg{
transform:translateY(8px);
opacity:.001;
transition:transform .35s ease,opacity .35s ease
}

.mobilenav.active .panelc{
transform:none;
opacity:1
}

/* Responsive Navigation Ende */



/* Anfang Formular */

input.is-invalid,textarea.is-invalid {
border:1px solid #b46e6e;
outline:none;
}
input:required:placeholder-shown,input:invalid,textarea:invalid
{
/* optional, falls du Browser-:invalid sichtbar willst */
}
button{
all:unset;
cursor: pointer;
}
input,
textarea {
user-select: text;
-webkit-user-select: text; /* Safari */
-moz-user-select: text; /* Firefox */
}
.btn-send {
cursor:pointer;
display: inline-block;
width: auto;
background-color: rgba(180,110,110,1);
color: #fff;
border: none;
border-radius: 50vw;
padding: 0.8vw 1.7vw 0.85vw 1.6vw;
font-family: 'Outfit',sans-serif;
transition: background 0.3s ease;
font-weight: 700;
}
button:focus-visible{
outline:1px solid #748259;
outline-offset:2px;
cursor: pointer;
}
.visually-hidden {
position:absolute!important;
height:1px;width:1px;
overflow:hidden;
clip:rect(1px,1px,1px,1px);
white-space:nowrap;
}
.error-msg{
color:#b46e6e;
font-weight:700;
margin-top: 8px;
}
input.is-invalid,
textarea.is-invalid {
border:1px solid #b46e6e;
outline:none;
}
/* Feedback-Icons im Feld */
.with-feedback{
padding-right:2.4rem;
background-repeat:no-repeat;
background-position:right .75rem center;
background-size:1.2rem 1.2rem;
}
/* Erfolgs-Icon (grün #748259) */
.with-feedback.is-valid{
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23748259' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
}
/* Fehler-Icon (rot #b46e6e) */
.with-feedback.is-invalid{
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b46e6e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='18' y1='6' x2='6' y2='18'/></svg>");
}
/* Ende Formular */


/* Remove default styles */
ul, ol {
list-style: none;
}
ul { margin-top: 7px;
}
.aus1 {
display: inline;
}
h1 {
font-size:2vw;
line-height:2.2vw;
font-weight:300;
}
h2 {
font-size:1.35vw;
line-height:1.8vw;
font-weight:300;
}
h3 {
font-size:1.35vw;
line-height:1.8vw;
font-weight:300;
}
.tg {
color: #748259;
}
.tgh {
color: #9c9b9b;
}
a:link, a:hover, a:visited, a:active {
color: inherit;
text-decoration: none;
outline: none;
cursor: pointer;
}
a.nava:link, a.nava:visited {
color: #b9c0ac;
text-decoration: none;
transition: all ease-out .2s;
}
a.nava:hover, a.nava:active {
color: #748259;
text-decoration: none;
transition: all ease-out .2s;
}
a.navb:link, a.navb:visited {
color: #748259;
text-decoration: none;
transition: all ease-out .2s;
}
a.navb:hover, a.navb:active {
color: #748259;
text-decoration: none;
transition: all ease-out .2s;
}
a.navc:link, a.navc:visited {
color: #393738;
text-decoration: none;
transition: all ease-out .2s;
}
a.navc:hover, a.navc:active {
color: #748259;
text-decoration: none;
transition: all ease-out .2s;
}
a.navd:link, a.navd:visited {
color: #393738;
text-decoration: none;
transition: all ease-out .2s;
border-bottom: 1px solid rgba(116,130,89,.5);;
}
a.navd:hover, a.navd:active {
color: rgba(116,130,89,1.00);
text-decoration: none;
transition: all ease-out .2s;
border-bottom: 1px solid rgba(116,130,89,1);;
}
.pink {
color: #CB0B88;
}
.thell {
color: #9c9b9b;
margin-top: 4px;
float: left;
}
.thell-a {
color: #9c9b9b;
margin-top: 4px;
}
.tf {
font-weight: 700;
}
.next1 {
position: absolute;
display: block;
margin-top: -300px;
padding-top: 300px;
}
.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 7.5vw;
padding-bottom: 12.5vw;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
}
.datb {
position: absolute;
width: 8vw;
height: auto;
top: 4vw;
right: 5vw;
z-index: 100;
border-radius: 50vw;
}
.datc {
width: 100%;
float: left;
clear: both;
margin-top: 5vw;
}
.liste-a {
list-style-image: none;
list-style-type: none;
background-image: url(../bild/icon-punkt-nav.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 6px auto;
padding-left: 25px;
}
.liste-b {
list-style-image: none;
list-style-type: none;
background-image: url(../bild/icon-punkt-nav.svg);
background-repeat: no-repeat;
background-position: left 0.6vw;
background-size: 6px auto;
padding-left: 25px;
}
.liste-c {
list-style-image: none;
list-style-type: none;
background-image: url(none);
background-repeat: no-repeat;
margin-top: 10px;
}

nav {
width: 100%;
position: fixed;
z-index: 6;
top: 4.604vw;
display: flex;
justify-content: center;
}


.nav-a {
padding-top: 1.15vw;
padding-bottom: 1.15vw;
padding-left: 2.4vw;
padding-right: 2.4vw;
background-color: rgba(255,255,255,0.97);
border-radius: 50vw;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.nav-b {
color: #748259;
}
.nav-c {
width: 3px;
height: 3px;
border-radius: 50vw;
margin-left: 1vw;
margin-right: 1vw;
background-color: #b9c0ac;
}

.logo-a {
width: 6.770833vw;
height: auto;
position: relative;
top: 2.604167vw;
left: 4.427083vw;
}
/*
.mail-a {
width: 3.697917vw;
height: 3.697917vw;
border-radius: 50%;
position: absolute;
right: 4.427083vw;
top: 2.604167vw;
background-image: linear-gradient(135deg,#748259 0%,#e8bc52 100%);
}
*/

.mail-a {
display:inline-flex;
width: 3.697917vw;
height: 3.697917vw;
border-radius: 50%;
position: absolute;
right: 4.427083vw;
top: 2.604167vw;
background-image: linear-gradient(135deg,#748259 0%,#e8bc52 100%);
}

/* eine Quelle für das Icon definieren */
.mail-a-icon {
--icon: url('../bild/icon-mail-klein.svg');
width: 3.697917vw;
height: 3.697917vw;
background-image: var(--icon);
background-repeat: no-repeat;
background-size: 1.3vw 1.3vw;  /* Flieger klein, mittig */
background-position: center;
position: relative;
}

/* fliegende Kopie oben drauf (nur visuell, kein extra DOM) */
.mail-a-icon::after {
content:"";
position:absolute;
inset:0;
background-image:var(--icon);
background-repeat:no-repeat;
background-size: 1.3vw 1.3vw;  /* exakt gleich groß wie Basis */
background-position:center;
opacity:0; /* wird durch Animation gesteuert */
pointer-events:none;
}

/* Keyframes Flieger diagonal (nur für die Kopie) */
@keyframes fly-diagonal {
0%{transform:translate(0,0) rotate(0deg);opacity:1;}
70%{transform:translate(30px,-30px) rotate(-15deg);opacity:0;}
71%{transform:translate(-10px,10px) rotate(20deg);opacity:0;}
100%{transform:translate(0,0) rotate(0deg);opacity:1;}
}

/* Hover: nur die darüberliegende Kopie fliegt, Basis bleibt */
.mail-a:hover .mail-a-icon::after {
animation:fly-diagonal 2.5s ease-in-out infinite;
}

/* optional: Bewegungen reduzieren respektieren */
@media (prefers-reduced-motion:reduce) {
.mail-a:hover .mail-a-icon::after {animation:none;opacity:1;transform:none;}
}

.mail-b {
width: 3.697917vw;
height: 3.697917vw;
float: left;
}

.mail-c {
width: 1.25vw;
height: 1.25vw;
position: absolute;
left: 2.7vw;
background-color: #b46e6e;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}

.mail-d {
width: 0.4vw;
height: 0.4vw;
margin-left: 1px;
}


.i-a {
width: 100%;
float: left;
margin-top: 2.5vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
}
.i-b {
width: 60vw;
margin-left: auto;
margin-right: auto;
}
.i-c {
width: 100%;
float: left;
}
.i-d {
width: 50%;
float: right;
text-indent: 7vw;
padding-right: 4vw;
}
.i-e {
width: 100%;
float: left;
margin-top: 7.8125vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
}
.i-e-a {
width: 100%;
float: left;
background-color: #eef0eb;
border-radius: 2.604167vw;
padding-top: 6.25vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-bottom: 7.8125vw;
position: relative;
}
.i-e-b {
text-align: center;
position: absolute;
top: -1.8vw;
left: 50%;
transform: translateX(-50%);
letter-spacing: 4px;
}
.i-e-c {
padding: 0 15vw;
text-align: center;
}
.i-e-d {
}
.i-e-e {
width: 5.208333vw;
height: 5.208333vw;
position: absolute;
top: -2.5vw;
left: 13vw;
}
.i-f {
width: 100%;
float: left;
margin-top: 7.8125vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.i-f-a {
padding-left: 24vw;
padding-right: 24vw;
text-align: center;
margin-top: 2vw;
}
.i-f-b {
width: 6.25vw;
height: 6.25vw;
border-radius: 50vw;
}
/*
.i-f-c {
margin-top: 1.75vw;
background-color: #b46e6e;
padding-top: 0.9vw;
padding-bottom: 1vw;
padding-left: 2vw;
padding-right: 2vw;
border-radius: 50vw;
color: #fff;
display: inline-flex;
align-items: center;
width: auto; 
}
*/
.i-f-c {
display:inline-flex;
background-color:#b46e6e;
padding-top:.9vw;
padding-bottom:1vw;
padding-left:2vw;
padding-right:2vw;
border-radius:50vw;
color:#fff;
cursor:pointer;
overflow:hidden;
position:relative;
margin-top: 2vw;
}

/* eine Quelle für das Icon definieren */
.i-f-icon {
--icon:url('../bild/icon-mail-klein.svg');
width:1.041667vw;
height:1.041667vw;
position:relative;
top: 4px;
margin-left: 14px;
/* Basis-Icon: bleibt stehen */
background-image:var(--icon);
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}

/* fliegende Kopie oben drauf (nur visuell, kein extra DOM) */
.i-f-icon::after {
content:"";
position:absolute;
inset:0;
background-image:var(--icon);
background-repeat:no-repeat;
background-size:contain;
background-position:center;
opacity:0; /* wird durch Animation gesteuert */
pointer-events:none;
}

/* Keyframes Flieger diagonal (nur für die Kopie) */
@keyframes fly-diagonal {
0%{transform:translate(0,0) rotate(0deg);opacity:1;}
70%{transform:translate(30px,-30px) rotate(-15deg);opacity:0;}
71%{transform:translate(-10px,10px) rotate(20deg);opacity:0;}
100%{transform:translate(0,0) rotate(0deg);opacity:1;}
}

/* Hover: nur die darüberliegende Kopie fliegt, Basis bleibt */
.i-f-c:hover .i-f-icon::after {
animation:fly-diagonal 2.5s ease-in-out infinite;
}

/* optional: Bewegungen reduzieren respektieren */
@media (prefers-reduced-motion:reduce) {
.i-f-c:hover .i-f-icon::after {animation:none;opacity:1;transform:none;}
}



.i-f-d {
width: 1vw;
height: 1vw;
margin-left: 10px;
}
.i-f-f {
width: 1.041667vw;
height: auto;
position: absolute;
top: 3vw;
right: 3vw;
}

.i-g {
width: 100%;
float: left;
margin-top: 7.8125vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.i-g-a {
width: 100%;
background-color: #eef0eb;
border-radius: 2.604167vw;
padding-top: 4.25vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-bottom: 5.25vw;
position: relative;
z-index: 1;
}
.i-g-b {
text-align: center;
letter-spacing: 3px;
}
.i-g-c {
display: flex;
gap: 3vw;
margin-top: 3vw;
position: relative;
width: 53.125vw;
margin-left: auto;
margin-right: auto;
}
.i-g-c > div {
flex: 1;
}
.i-g-d {
position: absolute;
bottom: 0px;
left: 0px;
background-color: #748259;
padding-top: 0.7vw;
padding-bottom: 0.8vw;
padding-left: 2vw;
padding-right: 2vw;
border-radius: 50vw;
color: #fff;
transition: all ease-out .3s;
}
.i-g-d:hover {
background-color: #b46e6e;
transition: all ease-out .3s;
}
.i-g-spitze {
width: 7vw;
height: 4vw;
clip-path: polygon(0 0, 50% 20%, 100% 0);
background-color: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 2;
letter-spacing: 4px;
}


.p-a {
text-align: center;
}
.p-b {
text-align: center;
margin-top: 2vw;
padding: 0 26vw;
}
.p-c {
width: 100%;
background-color: #eef0eb;
margin-top: 15vw;
float: left;
border-radius: 2.604167vw;
}
.p-d {
width: 68.75vw;
margin-left: auto;
margin-right: auto;
}
.p-e {
width: 50%;
float: left;
position: relative;
top: -10vw;
}
.p-e-a {
padding-right: 19vw;
position: relative;
top: 6vw;
}
.p-f {
width: 50%;
float: left;
position: relative;
top: -5vw;
}
.p-f-a {
position: relative;
}
.p-f-b {
padding-right: 11vw;
margin-top: 10vw;
}
.p-f-c {
padding-right: 6vw;
margin-top: 3vw;
}

/* Basis: Scale-Variable */
.p-g-box {
--pg-scale:1;
width:26.041667vw;
height:30.729167vw;
position:relative;
z-index:3;
border-radius:21px;
}

/* kein transform mehr auf <img> */
.p-g-box img {
display:block;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:opacity;
}

/* ENTFERNT: transform/scale – stattdessen Maße skalieren */
.p-g-vorn {
width:calc(19.791667vw * var(--pg-scale,1));
height:calc(24.479167vw * var(--pg-scale,1));
position:absolute;
top:0;
left:0;
z-index:3;
border-radius:21px;
opacity:0;
will-change:opacity;
transform:none !important;
}

.p-g-mitte {
width:calc(22.916667vw * var(--pg-scale,1));
height:calc(27.604167vw * var(--pg-scale,1));
position:absolute;
top:0;
left:0;
z-index:2;
border-radius:21px;
opacity:0;
will-change:opacity;
transform:none !important;
}

.p-g-hinten {
width:calc(26.041667vw * var(--pg-scale,1));
height:calc(30.729167vw * var(--pg-scale,1));
position:absolute;
top:0;
left:0;
z-index:1;
border-radius:21px;
opacity:0;
background:#fff;
will-change:opacity;
transform:none !important;
}

@keyframes fadeTo01 { from{opacity:0} to{opacity:.2} }
@keyframes fadeTo02 { from{opacity:0} to{opacity:.6} }
@keyframes fadeTo03  { from{opacity:0} to{opacity:1}  }

.p-g-box.is-inview .p-g-hinten { animation:fadeTo01 1.2s cubic-bezier(.4,0,.2,1) forwards; animation-delay:0.3s; }
.p-g-box.is-inview .p-g-mitte  { animation:fadeTo02 1.2s cubic-bezier(.4,0,.2,1) forwards; animation-delay:0.9s; }
.p-g-box.is-inview .p-g-vorn   { animation:fadeTo03  1.2s cubic-bezier(.4,0,.2,1) forwards; animation-delay:1.5s; }


@media (max-width:1920px)  { .p-g-box{ --pg-scale:1 } }
@media (max-width:1366px)  { .p-g-box{ --pg-scale:1 } }
@media (max-width:1024px)  { .p-g-box{ --pg-scale:1.25 } }
@media (max-width:500px)  { .p-g-box{ --pg-scale:3.25 } }

/* optionaler Safari-Helfer, nur wenn du merkst, dass es noch weich ist */
@supports (-webkit-touch-callout:none){
.p-g-vorn{ image-rendering:-webkit-optimize-contrast; }
}
@media (prefers-reduced-motion:reduce) {
.p-g-hinten,.p-g-mitte,.p-g-vorn{animation:none;opacity:1}
}

/*
.p-g-box {
width: 26.041667vw;
height: 30.729167vw;
position: relative;
z-index: 3;
border-radius: 21px;
}
.p-g-vorn {
width: 19.791667vw;
height: 24.479167vw;
position: absolute;
top:0;
left:0;
z-index: 3;
border-radius: 21px;
}
.p-g-mitte {
width: 22.916667vw;
height: 27.604167vw;
position: absolute;
top:0;
left:0;
z-index: 2;
border-radius: 21px;
opacity: 0.6;
}
.p-g-hinten {
width: 26.041667vw;
height: 30.729167vw;
position: absolute;
top:0;
left:0;
z-index: 1;
border-radius: 21px;
opacity: 0.2;
}
*/
.p-h {
width: 100%;
position: relative;
float: left;
padding-bottom: 10vw;
padding-top: 5vw;
}
.p-h-a {
width: 17.1875vw;
height: auto;
float: left;
margin-top: 3vw;
}
.p-h-b {
width: 17.1875vw;
height: auto;
float: left;
}
.p-h-c {
width: 17.1875vw;
height: auto;
float: left;
margin-top: 6vw;
}
.p-h-d {
width: 17.1875vw;
height: auto;
float: left;
margin-top: 2vw;
}

.a-a {
text-align: center;
}
.a-b {
text-align: center;
margin-top: 2vw;
padding: 0 23vw;
}
.a-c {
width: 100%;
background-color: #eef0eb;
margin-top: 5vw;
float: left;
padding-top: 5vw;
padding-bottom: 5vw;
border-radius: 2.604167vw;
}
.a-d {
width: 68.75vw;
margin-left: auto;
margin-right: auto;
}
.a-e-spitze {
width: 10vw;
height: 5vw;
clip-path: polygon(0 0, 50% 20%, 100% 0);
background-color: #fff;
position: absolute;
top: 4.95vw;
left: 50%;
transform: translateX(-50%);
}
.a-f {
width: 100%;
text-align: center;
margin-bottom: 2vw;
letter-spacing: 1px;
}


/* Start Accordion */
.accordion-title {
width: 100%;
float: left;
cursor: pointer;
padding-top: 1.3vw;
padding-bottom: 1.3vw;
padding-left: 1.3vw;
background-color: #fff;
transition: all ease-out .3s;
color: #748259;
position: relative;
border-radius: 1vw;
margin-top: 10px;
}
.accordion-title:hover {
color: #748259;
}
.accordion-title.open {
color: #748259;
padding-top: 1.3vw;
padding-bottom: 1.3vw;
padding-left: 1.3vw;
background-color: #fff;
border-radius: 10px 10px 0 0;
box-shadow: 0 0px 12px rgba(0,0,0,0.06);
}
/* INHALT */
.accordion-content {
display: none;
width: 100%;
float: left;
clear: both;
padding-top: 3vw;
padding-left: 7.5vw;
padding-right: 7.5vw;
padding-bottom: 4vw;
background-color: #fff;
border-radius: 0 0 10px 10px;
}
/* PLUS-MINUS ALS BOXEN */
.plus-icon {
position: absolute;
left: 1.3vw;
top: 50%;
width: 1vw;
height: 1vw;
transform: translateY(-50%);
}
.bar {
position: absolute;
background-color: #748259;
transition: all 0.3s ease;
}
.horizontal {
width: 100%;
height: 2px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.vertical {
height: 100%;
width: 2px;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.accordion-title.open .vertical {
transform: translateX(-50%) rotate(90deg);
opacity: 0;
}
.accordion-title.open .horizontal {
background-color: #748259;
}
.acc-a {
width: 50%;
float: right;
padding-right: 5vw;
}
.acc-b {
width: 13.020833vw;
height: 13.020833vw;
border-radius: 50vw;
}
.acc-c {
width: 49%;
float: right;
}
.acc-d {
width: 100%;
float: left;
clear: both;
margin-top: 3vw;
}
.acc-e {
width: 100%;
float: left;
clear: both;
}

/* Ende Accordion */


.t-a {
text-align: center;
}
.t-b {
width: 100%;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
margin-top: 7vw;
position: relative;
}
.t-b-a {
width: 100%;
background-color: #eef0eb;
padding-top: 5vw;
padding-bottom: 5vw;
position: relative;
float: left;
border-radius: 2.604167vw;
}
.t-c {
width: 7.8125vw;
height: 7.8125vw;
border-radius: 50vw;
border: 11px solid rgba(255,255,255,1.00);
position: absolute;
left: 50%;
top: -4vw;
transform: translateX(-50%);
}
.t-d {
width: 60vw;
margin-left: auto;
margin-right: auto;
margin-top: 2vw;
}
.t-e {
width: 100%;
}
.t-f {
width: 100%;
margin-top: 3vw;
float: left;
}
.t-f-a {
width: 2px;
height: 2px;
border-radius: 50vw;
margin-left: 10px;
margin-right: 10px;
background-color: #393738;
}
.t-g {
width: 100%;
float: left;
margin-bottom: 2vw;
}
.t-h {
width: 47.5%;
float: left;
margin-bottom: 2vw;
}
.t-i {
width: 47.5%;
float: right;
margin-bottom: 2vw;
}
.t-j {
width: 47.5%;
float: left;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 4vw;
}
.t-j-a {
margin-right: 20px;
}
.t-j-b {
width: 5vw;
}
.t-j-c {
width: 100%;
}
.t-k {
width: 47.5%;
float: right;
margin-top: 4vw;
}
.t-l {
width: 47.5%;
float: right;
clear: both;
margin-top: 2vw;
}
.t-m {
width: 100%;
float: left;
margin-bottom: 2vw;
}
.t-n {
width: 100%;
display: flex;
justify-content: center;
position: relative;
margin-top: 5vw;
}
.t-n-danke {
width: 5.5vw;
height: 5.5vw;
}
.t-o {
width: 100%;
text-align: center;
margin-bottom: 2vw;
letter-spacing: 1px;
}

form{
max-width:100%;
}
label{
display:block;
margin-bottom:8px;
margin-left: 5px;
color:#9c9b9b;
font-size:14px;
line-height:14px;
}
input{
width:100%;
box-sizing:border-box;
background:#fff;
color:#393738;
border:0px solid #fff;
border-radius:0.5vw;
padding:16px 18px;
font-size:0.9vw;
line-height:0.9vw;
font-family:'Outfit',sans-serif;
}
input::placeholder{
color:#555;
}
input:focus-visible{
outline:1px solid #748259;
outline-offset:1px;
border-color:#748259;
}
textarea{
width:100%;
box-sizing:border-box;
background:#fff;
color:#393738;
border:0px solid #fff;
border-radius:0.5vw;
padding:16px 18px;
font-size:0.9vw;
line-height:1.4vw;
font-family:'Outfit',sans-serif;
resize:vertical;
}
textarea:focus-visible{
outline:1px solid #748259;
outline-offset:0px;
}
.visually-hidden{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}



footer, section, header {
width: 100%;
float: left;
clear: both;
}
footer {
margin-top: 5vw;
}
.abstand-a {
margin-top: 2.5vw;
}
.abstand-b {
margin-top: 1.5vw;
}
.abstand-c {
margin-top: 0vw;
width: 100%;
}
.abstand-d {
margin-top: 1.5vw
}
.abstand-e {
margin-top: 2.5vw;
width: 100%;
float: left;
clear: both;
}
.foo-a, .foo-b, .foo-c, .foo-c-a {
display: flex;
align-items: center;
justify-content: center;
padding-left: 2vw;
padding-right: 2vw;
}
.foo-d {
width: 5.2vw;
height: 5.2vw;
margin-top: 2vw;
}
.foo-e-a {
width: 2px;
height: 2px;
border-radius: 50vw;
margin-left: 1vw;
margin-right: 1vw;
background-color: #393738;
}
.foo-e-b {
width: 2px;
height: 2px;
border-radius: 50vw;
margin-left: 1vw;
margin-right: 1vw;
background-color: #393738;
}
.foo-e-c {
width: 2px;
height: 2px;
border-radius: 50vw;
margin-left: 1vw;
margin-right: 1vw;
background-color: #393738;
}
.foo-f {
width: 100%;
float: left;
margin-top: 5vw;
padding-bottom: 2vw;
padding-left: 2.343750vw;
padding-right: 2.343750vw;
}

.to-top {
position:fixed;
width: 50px;
height: 50px;
bottom: 2vw;
right: 2vw;
border-radius:50%;
background:#b9c0ac;
display:inline-flex;
align-items:center;
justify-content:center;
opacity:0;
pointer-events:none;
transition:opacity .3s ease;
z-index:999;
}
.to-top.is-visible {
opacity:1;
pointer-events:auto;
transition: all ease-out .2s;
}
.to-top:hover,
.to-top:focus-visible {
background:#748259;
transition: all ease-out .2s;
}


/* Anfang - Rotation */

#loadingx {animation: rotation 20s infinite linear}
@-webkit-keyframes rotation {
from {transform: rotate(360deg);}
to {transform: rotate(0deg);}
}


.fade-in {
opacity:0;
transform:translateY(30px);
transition:opacity 0.8s ease, transform 0.8s ease;
}
.fade-in.visible {
opacity:1;
transform:translateY(0);
}

/* Standard: keine Animation */
.mail-a:hover .mail-a-icon::after,
.i-f-c:hover .i-f-icon::after {
animation:none;
opacity:1;
transform:none;
}
/* Nur auf großen Screens animieren */
@media (min-width:1367px) {
.mail-a:hover .mail-a-icon::after,
.i-f-c:hover .i-f-icon::after {
animation:fly-diagonal 2.5s ease-in-out infinite;
}
}
@media (max-width:1366px) {
.liste-b {
background-position: left 0.65vw;
background-size: 7px auto;
margin-top: 2px;
}
br.br-indi {
display: none;
}
.acc-b {
width: 16.021vw;
height: 16.021vw;
}
.plus-icon {
width: 1.5vw;
left: 1.5vw;
height: 1.5vw;
}
.mail-a:hover .mail-a-icon::after,
.i-f-c:hover .i-f-icon::after {
animation:none !important;
opacity:1 !important;
transform:none !important;
}
}
@media (min-width:1367px) and (prefers-reduced-motion:reduce) {
.mail-a:hover .mail-a-icon::after,
.i-f-c:hover .i-f-icon::after {
animation:none;
opacity:1;
transform:none;
}
}
@media (min-width:501px) {
.nav-resp, .p-e-a-x {
display: none;
}
}



.panelc {
font-size: 13vw;
line-height: 13vw;
}
.paneld {
margin-top: 4vw;
margin-bottom: 4vw;
}
.panele {
width: 25vw;
height: auto;
margin-top: 15vw;
}
.panelf {
width: 100%;
position: relative;
transform: translateX(-50%);
left: 50%;
font-size: 3.95vw;
line-height: 3.95vw;
margin-top: 15vw;
}


/* Ende - Mobile Navigation */


@media screen and (max-width: 1366px) {
.t-n-danke {
width: 7.5vw;
height: 7.5vw;
}
input {
font-size: 1.2vw;
line-height: 1.2vw;
}
textarea {
height:10vw;
font-size: 1.2vw;
line-height: 1.8vw;
}
.btn-send {
padding: 1vw 2.45vw 1.05vw 2.25vw;
}
.t-d {
margin-top: 3vw;
}
.t-b {
margin-top: 8vw;
}
.t-c {
width: 9.25vw;
height: 9.25vw;
top: -4.5vw;
border: 10px solid rgb(255, 255, 255);
}
.p-f {
top: -6vw;
}
.p-f-c {
padding-right: 0vw;
}
.p-e-a {
padding-right: 14vw;
}
.mail-c {
width: 1.75vw;
height: 1.75vw;
left: 3.5vw;
}
.mail-d {
width: 0.6vw;
height: 0.6vw;
}
.mail-a-icon {
width: 4.698vw;
height: 4.698vw;
background-size: 1.6vw 1.6vw;
}
.mail-a {
width: 4.698vw;
height: 4.698vw;
}
.mail-a-icon::after {
background-size: 1.6vw 1.6vw;
}
.foo-d {
width: 7.2vw;
height: 7.2vw;
margin-top: 3vw;
}
.i-g-c {
gap: 5vw;
margin-top: 3.5vw;
width: 95%;
}
.i-f-c {
padding-top: 1vw;
padding-bottom: 1.1vw;
}
.i-f-icon {
width: 1.2vw;
height: 1.2vw;
}
.i-f-b {
width: 8.25vw;
height: 8.25vw;
}
.i-f-a {
padding-left: 19vw;
padding-right: 19vw;
}
.i-e-e {
width: 7.208vw;
height: 7.208vw;
top: -3.5vw;
left: 10vw;
}
.i-e-b {
top: -2.1vw;
}
.logo-a {
width: 9.5vw;
}
body {
font-size: 1.2vw;
line-height: 1.7vw;
}
.i-d {
padding-right: 0vw;
}
h1 {
font-size: 2.3vw;
line-height: 2.5vw;
}
h2 {
font-size: 1.65vw;
line-height: 2.1vw;
}
h3 {
font-size: 1.65vw;
line-height: 1.65vw;
}
.t-j-b {
width: 6vw;
}
}


@media screen and (max-width: 1194px) {
.t-n-danke {
width: 8.5vw;
height: 8.5vw;
}
.btn-send {
padding: 1.1vw 2.65vw 1.15vw 2.45vw;
}
.t-c {
width: 11vw;
height: 11vw;
top: -5.5vw;
border: 9px solid rgb(255, 255, 255);
}
.t-j-b {
width: 8vw;
}
.t-k {
padding-right: 2vw;
margin-top: 2.5vw;
}
input {
font-size: 1.3vw;
line-height: 1.3vw;
}
textarea {
font-size: 1.3vw;
line-height: 2vw;
}
.t-d, .a-d, .p-d {
width: 75vw;
}
.t-b {
padding-left: 0px;
padding-right: 0px;
border-radius: 2.6042vw 2.604167vw 0vw 0vw;
}
.p-b, .a-b {
margin-top: 2.5vw;
padding: 0 18vw;
}
.p-c {
margin-top: 17.5vw;
border-radius: 2.6042vw 2.604167vw 0vw 0vw;
}
.i-f-f {
width: 1.4vw;
top: 3.5vw;
right: 3.5vw;
}
.i-f-icon {
width: 1.8vw;
height: 1.8vw;
}
.i-e-spitze {
width: 12vw;
height: 7vw;
bottom: -6.9vw;
}
.i-g-spitze {
width: 11vw;
height: 6vw;
}
.mail-a {
right: 4.5vw;
}
.logo-a {
left: 4.5vw;
}
.i-e-c {
padding: 0 17vw;
}
.i-g-d {
padding-top: 0.9vw;
padding-bottom: 1vw;
padding-left: 2.2vw;
padding-right: 2.2vw;
}
.i-f-b {
width: 12vw;
height: 12vw;
}
.i-a, .i-g, .i-f {
padding-left: 4.5vw;
padding-right: 4.5vw;
}
.i-e {
padding-left: 0vw;
padding-right: 0vw;
}
.i-f-a {
margin-top: 3vw;
}
.i-f-c {
padding-top: 1.2vw;
padding-bottom: 1.4vw;
padding-left: 2.4vw;
padding-right: 2.4vw;
margin-top: 2.5vw;
}
.i-f-icon {
width: 1.4vw;
height: 1.4vw;
}
.i-e-a {
padding-top: 7.25vw;
border-radius: 2.6042vw 2.604167vw 0vw 0vw;
}
.a-c {
border-radius: 2.6042vw 2.604167vw 0vw 0vw;
}
.i-e-b {
top: -2.3vw;
}
.i-e-e {
width: 8.208vw;
height: 8.208vw;
top: -4vw;
left: 9vw;
}
.logo-a {
width: 10vw;
}
h1 {
font-size: 2.4vw;
line-height: 2.8vw;
}
h2 {
font-size: 1.85vw;
line-height: 2.3vw;
}
body {
font-size: 1.3vw;
line-height: 1.8vw;
}
}

@media screen and (max-width: 1024px) {
.datb {
width: 12.5vw;
}
.abstand-d {
margin-top: 2.5vw;
}
.liste-b {
background-position: left 0.8vw;
}
.i-f-icon {
width: 1.6vw;
height: 1.6vw;
top: 5px;
margin-left: 13px;
}
.t-n-danke {
width: 9.5vw;
height: 9.5vw;
}
.btn-send {
padding: 1.3vw 2.95vw 1.35vw 2.75vw;
}
.t-b-a {
padding-top: 7vw;
padding-bottom: 7vw;
}
.t-j-b {
width: 9vw;
}
.t-l {
margin-top: 3vw;
}
.t-b {
margin-top: 10vw;
}
.t-g, .t-i, .t-h {
margin-bottom: 3vw;
}
textarea {
font-size: 1.7vw;
line-height: 2.3vw;
height: 12vw;
}
input {
font-size: 1.7vw;
line-height: 1.7vw;
}
.t-c {
width: 12vw;
height: 12vw;
top: -6vw;
}
.accordion-content {
padding-top: 6vw;
}
.acc-d {
margin-top: 5vw;
}
.accordion-title.open, .accordion-title {
padding-top: 1.75vw;
padding-bottom: 1.75vw;
}
.plus-icon {
width: 2vw;
left: 2vw;
height: 2vw;
}
.acc-b {
width: 25vw;
height: 25vw;
}
.p-e-a {
top: 15vw;
}
.t-d, .a-d, .p-d {
width: 84.375vw;
}
.p-h-a, .p-h-b, .p-h-c, .p-h-d {
width: 21.093750vw;
}
.p-f-a {
top: -2.7vw;
}
.p-e {
top: -15vw;
}
.p-c {
margin-top: 22.5vw;
}
.p-f-b {
padding-right: 5vw;
}
.i-f-f {
width: 1.5vw;
}
.foo-d {
width: 10vw;
height: 10vw;
}
.i-g-d {
position: relative;
margin-top: 1vw;
display: inline-block;
padding-top: 1.1vw;
padding-bottom: 1.2vw;
padding-left: 2.5vw;
padding-right: 2.5vw;
}
.i-g-c {
width: 100%;
display: block;
}
.i-g-c > div {
margin-bottom: 3vw;
float: left;
}
.mail-d {
width: 0.8vw;
height: 0.8vw;
}
.mail-c {
width: 2.25vw;
height: 2.25vw;
left: 4.75vw;
}
.mail-a {
width: 6.5vw;
height: 6.5vw;
top: 3.5vw;
}
.mail-a-icon::after {
background-size: 2.25vw 2.25vw;
}
.mail-a-icon {
width: 6.5vw;
height: 6.5vw;
background-size: 2.25vw 2.25vw;
}
.i-e-e {
width: 11vw;
height: 11vw;
top: -6.5vw;
left: 7vw;
}
.i-e-b {
top: -3vw;
}
.i-e-a {
padding-top: 8.25vw;
}
.i-e-c {
padding: 0 11vw;
}
.i-e {
margin-top: 11vw;
}
.logo-a {
width: 12vw;
top: 3.5vw;
}
.nav-c {
margin-left: 1.5vw;
margin-right: 1.5vw;
}
nav {
top: 6.1vw;
}
.nav-a {
padding-top: 1.6vw;
padding-bottom: 1.6vw;
padding-left: 3vw;
padding-right: 3vw;
}
.aus1 {
display: none;
}
.i-c {
text-align: center;
}
.i-d {
width: 100%;
text-indent: 0vw;
padding-right: 0vw;
text-align: center;
margin-top: 2.5vw;
}
h1 {
font-size: 3.25vw;
line-height: 3.5vw;
}
h2 {
font-size: 2.25vw;
line-height: 2.9vw;
}
h3 {
font-size: 2vw;
line-height: 2.7vw;
}
body {
font-size: 1.7vw;
line-height: 2.3vw;
}
.a-e-spitze {
width: 20vw;
height: 12.5vw;
top: 6.95vw;
}
.a-c {
margin-top: 7.5vw;
padding-top: 7.5vw;
padding-bottom: 7.5vw;
}
}


@media screen and (max-width: 834px) {
.datb {
width: 15vw;
top: 5.5vw;
right: 6vw;
}
.liste-b {
background-position: left 0.9vw;
}
.acc-c {
margin-top: 5vw;
}
.accordion-content {
padding-bottom: 6vw;
}
.to-top {
background:#748259;
}
.t-n {
margin-top: 8vw;
}
.t-n-danke {
width: 12.5vw;
height: 12.5vw;
}
.t-b-a {
padding-top: 8vw;
padding-bottom: 8vw;
}
.t-c {
width: 15vw;
height: 15vw;
top: -7.5vw;
}
.btn-send {
padding: 1.8vw 3.6vw 1.95vw 3.7vw;
}
.t-l {
margin-top: 4vw;
}
.t-k {
padding-right: 4vw;
margin-top: 3.5vw;
}
.t-j-b {
width: 11vw;
}
.t-g, .t-i, .t-h {
margin-bottom: 4vw;
}
textarea {
font-size: 2vw;
line-height: 2.6vw;
height: 16vw;
border-radius: 1vw;
}
input {
font-size: 2vw;
line-height: 2vw;
border-radius: 1vw;
}
.a-e-spitze {
width: 17.5vw;
height: 12.5vw;
}
.a-c {
margin-top: 7.5vw;
}
.plus-icon {
width: 2.75vw;
left: 2.5vw;
height: 2.75vw;
}
.accordion-title.open, .accordion-title {
padding-top: 2.75vw;
padding-bottom: 2.75vw;
}
.acc-c {
width: 100%;
float: left;
margin-top: 7.5vw;
}
.acc-b {
width: 30vw;
height: 30vw;
left: 50%;
transform: translateX(-50%);
position: relative;
}
.p-e-a {
top: 15vw;
}
.p-b, .a-b {
margin-top: 3.5vw;
padding: 0 10vw;
}
.p-f-b {
padding-right: 3vw;
}
.foo-f {
padding-left: 4.5vw;
padding-right: 4.5vw;
}
.foo-d {
width: 12vw;
height: 12vw;
margin-top: 5vw;
}
.i-g-d {
padding-top: 1.6vw;
padding-bottom: 1.7vw;
padding-left: 3.5vw;
padding-right: 3.5vw;
}
.i-g-c > div {
margin-bottom: 4vw;
}
.i-g-c {
margin-top: 4.5vw;
}
.p-c, .a-c, .t-b-a, .i-e-a, .i-g-a {
border-radius: 3vw 3vw 0vw 0vw;
}
.i-e-a, .i-g-a {
padding-top: 7.25vw;
}
.i-g-a {
border-radius: 3vw;
padding-top: 6.25vw;
padding-bottom: 7.25vw;
}
.p-g-hinten, .p-g-mitte, .p-g-vorn {
border-radius: 2vw;
}
.i-f-icon {
width: 2.1vw;
height: 2.1vw;
top: 3px;
}
.i-f {
margin-top: 10vw;
}
.i-f-a {
margin-top: 4vw;
}
.abstand-a {
margin-top: 3.5vw;
}
.i-f-c {
padding-top: 1.7vw;
padding-bottom: 1.9vw;
padding-left: 3.4vw;
padding-right: 3.4vw;
margin-top: 4.5vw;
}
.i-f-b {
width: 15vw;
height: 15vw;
}
.i-e-spitze {
width: 15vw;
height: 8vw;
bottom: -7.9vw;
}
.i-f-a {
padding-left: 9vw;
padding-right: 9vw;
}
nav {
top: 7vw;
}
.mail-a {
width: 7.5vw;
height: 7.5vw;
top: 4.5vw;
}
.mail-a-icon::after {
background-size: 2.75vw 2.75vw;
}
.mail-a-icon {
width: 7.5vw;
height: 7.5vw;
background-size: 2.75vw 2.75vw;
}
.mail-c {
left: 5.75vw;
}
.i-e-a {
padding-top: 10vw;
padding-left: 0vw;
padding-right: 0vw;
}
.i-f-f {
width: 2vw;
}
.i-e-b {
top: -3.8vw;
}
.logo-a {
width: 15vw;
top: 4.5vw;
}
.i-b {
width: 70vw;
}
.i-d {
margin-top: 3.5vw;
}
h1 {
font-size: 3.75vw;
line-height: 4.2vw;
}
h2 {
font-size: 2.8vw;
line-height: 3.7vw;
}
h3 {
font-size: 2.5vw;
line-height: 2.5vw;
}
body {
font-size: 2vw;
line-height: 2.6vw;
}
.i-e-e {
display: none;
}
.acc-a {
width: 92%;
}
}

@media screen and (max-width: 500px) {
.abstand-e {
margin-top: 7.5vw;
}
.liste-a {
background-position: left 2vw;
}
.datb {
width: 30vw;
top: 5.5vw;
right: unset;
left: 50%;
transform: translateX(-50%);
}
.datc {
margin-top: 7.5vw;
}
.data {
padding-bottom: 17.5vw;
padding-top: 47.5vw;
}
.abstand-d {
margin-top: 7.5vw;
}
.liste-b {
background-position: left 1.8vw;
}
.accordion-content {
padding-top: 9vw;
padding-bottom: 8vw;
}
.t-n {
margin-top: 12vw;
}
.t-n-danke {
width: 25vw;
height: 25vw;
}
.t-d {
margin-top: 15vw;
}
.t-b {
margin-top: 22.5vw;
}
.t-c {
width: 30vw;
height: 30vw;
top: -15vw;
}
.t-e {
padding-right: 5vw;
text-align: center;
}
.t-f {
margin-top: 10vw;
}
.t-j-b {
width: 30vw;
}
.t-j {
width: 100%;
margin-top: 6vw;
}
textarea {
font-size: 3.95vw;
line-height: 5.1vw;
height: 40vw;
border-radius: 2vw;
}
input {
font-size: 3.95vw;
line-height: 3.95vw;
border-radius: 2vw;
}
.t-g, .t-i, .t-h {
margin-bottom: 6vw;
width: 100%;
float: left;
}
.btn-send {
padding: 3.8vw 6.8vw 3.95vw 6.7vw;
}
.t-l {
margin-top: 6vw;
width: 100%;
float: left;
}
.t-k {
padding-right: 0vw;
margin-top: 7.5vw;
float: left;
width: 100%;
}
.acc-a {
width: 85%;
}
br.br-mobil {
display: none;
}
.acc-b {
width: 50vw;
height: 50vw;
}
.accordion-title {
border-radius: 10px;
}
.plus-icon {
width: 4.75vw;
left: 4.5vw;
height: 4.75vw;
}
.a-f {
margin-bottom: 5vw;
letter-spacing: 3px;
padding-left: 15vw;
padding-right: 15vw;
}
.t-o {
margin-bottom: 5vw;
letter-spacing: 3px;
padding-left: 0vw;
padding-right: 0vw;
}

.accordion-title.open, .accordion-title {
padding-top: 5vw;
padding-bottom: 5vw;
padding-right: 5vw;
}
.a-e-spitze {
width: 27.5vw;
height: 17.5vw;
top: 11.95vw;
}
.a-c {
margin-top: 12.5vw;
padding-top: 10.5vw;
}
.p-f-c {
margin-top: 7.5vw;
}
.p-h-c {
clear: both;
}
.p-h-a, .p-h-b, .p-h-c, .p-h-d {
width: 50%;
margin-top: 0px;
}
.p-b, .a-b {
margin-top: 6.5vw;
padding: 0 5vw;
}
.p-h {
padding-top: 15vw;
}
.p-e-a-x {
margin-top: 12.5vw;
width: 72.5%;
}
.p-f-a {
top: unset;
}
.p-e {
top: -45vw;
}
.p-c {
margin-top: 57.5vw;
}
.t-d, .a-d, .p-d, .t-d  {
float: left;
width: 100%;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
}
.p-e {
width: 100%;
}
.p-f {
top: unset;
clear: both;
width: 100%;
margin-top: 32.5vw;
}
.i-d {
margin-top: 6.5vw;
}
.i-g-b {
letter-spacing: 1px;
}
.foo-d {
width: 25vw;
height: 25vw;
margin-top: 10vw;
}
.foo-f {
padding-left: 0vw;
padding-right: 0vw;
margin-top: 15vw;
padding-bottom: 5vw;
}
footer {
margin-top: 10vw;
padding-left: 6vw;
padding-right: 6vw;
}
.foo-a, .foo-b, .foo-c, .foo-c-a {
flex-wrap: wrap;
}
.foo-e-a, .foo-e-c {
width: 3px;
height: 3px;
margin-left: 4vw;
margin-right: 4vw;
}
.foo-e-b {
width: 0px;
height: 0px;
margin-left: 0vw;
margin-right: 0vw;
background-color: #fff;
}
.i-g-d {
padding-top: 3.6vw;
padding-bottom: 3.7vw;
padding-left: 6.5vw;
padding-right: 6.5vw;
}
.i-g-c > div {
margin-bottom: 8vw;
}
.i-g-c {
margin-top: 7.5vw;
}
.p-c, .a-c, .t-b-a, .i-e-a, .i-g-a {
border-radius: 5vw 5vw 0vw 0vw;
}
.i-g-a {
padding-top: 13.25vw;
padding-bottom: 13.25vw;
}
.i-g {
padding-left: 0vw;
padding-right: 0vw;
margin-top: 15vw;
}
.i-f-icon {
width: 5vw;
height: 5vw;
top: 1px;
}
.i-f-c {
padding-top: 4vw;
padding-bottom: 4.2vw;
padding-left: 7.4vw;
padding-right: 7.4vw;
margin-top: 6.5vw;
}
.abstand-a {
margin-top: 5.5vw;
}
.i-f-a {
padding-left: 4vw;
padding-right: 4vw;
}
.i-f-a {
margin-top: 11vw;
}
.i-f-b {
width: 30vw;
height: 30vw;
}
.i-f {
margin-top: 15vw;
}
.i-e-spitze {
width: 25vw;
height: 15vw;
bottom: -14.9vw;
}
.i-g-spitze {
width: 25vw;
height: 15vw;
}
.i-e-a {
padding-top: 17vw;
border-radius: 5vw 5vw 0vw 0vw;
padding-bottom: 11vw;
}
.i-f-f {
width: 3.5vw;
top: 6.5vw;
right: 5.5vw;
}
.i-e {
margin-top: 17.5vw;
}
.i-e-b {
top: -6.2vw;
}
.i-b {
width: 80vw;
}
body {
font-size: 3.95vw;
line-height: 5.1vw;
}
.i-a {
margin-top: 12.5vw;
}
.mail-a {
width: 12.5vw;
height: 12.5vw;
top: 5.5vw;
}
.mail-a-icon::after {
background-size: 5vw 5vw;
}
.mail-a-icon {
width: 12.5vw;
height: 12.5vw;
background-size: 5vw 5vw;
}
.mail-c {
left: 9.5vw;
width: 4vw;
height: 4vw;
}
.mail-d {
width: 1.4vw;
height: 1.4vw;
}
nav, .p-e-a {
display: none;
}
h1 {
font-size: 6.75vw;
line-height: 7.5vw;
}
h2 {
font-size: 4.7vw;
line-height: 6.25vw;
}
h3 {
font-size: 4.7vw;
line-height: 4.7vw;
}
.logo-a {
width: 30vw;
top: 5.5vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.to-top {
bottom: 5vw;
right: 4.5vw;
}
}