:root{--hc-black: black;--hc-black-bis: hsl(0, 0%, 7%);--hc-black-ter: hsl(0, 0%, 14%);--hc-grey-darker: hsl(0, 0%, 21%);--hc-grey-dark: hsl(0, 0%, 29%);--hc-grey: hsl(0, 0%, 48%);--hc-white: white}.wcag-square,.wcag-size{transform:scale(0.4)}.wcag-size:visited{color:var(--hc-black)}.high-contrast a,.high-contrast a:visited{text-decoration:underline}.high-contrast .hc-invert:not(.hc-greyscale),.high-contrast .hc-invert-pictures:not(.hc-greyscale-pictures) img,.high-contrast .hc-invert-pictures:not(.hc-greyscale-pictures) svg{filter:invert(1)}.high-contrast .hc-greyscale:not(.hc-invert),.high-contrast .hc-greyscale-pictures:not(.hc-invert-pictures) img,.high-contrast .hc-greyscale-pictures:not(.hc-invert-pictures) svg{filter:grayscale(1)}.high-contrast .hc-invert.hc-greyscale,.high-contrast .hc-invert-pictures.hc-greyscale-pictures img,.high-contrast .hc-invert-pictures.hc-greyscale-pictures svg{filter:invert(1) grayscale(1)}.high-contrast .hc-bg-black{background:var(--hc-black) !important}.high-contrast .hc-bg-black,.high-contrast .hc-bg-black *{color:var(--hc-white) !important}.high-contrast .hc-bg-black-bis{background:var(--hc-black-bis) !important}.high-contrast .hc-bg-black-bis,.high-contrast .hc-bg-black-bis *{color:var(--hc-white) !important}.high-contrast .hc-bg-black-ter{background:var(--hc-black-ter) !important}.high-contrast .hc-bg-black-ter,.high-contrast .hc-bg-black-ter *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey-darker{background:var(--hc-grey-darker) !important}.high-contrast .hc-bg-grey-darker,.high-contrast .hc-bg-grey-darker *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey-dark{background:var(--hc-grey-dark) !important}.high-contrast .hc-bg-grey-dark,.high-contrast .hc-bg-grey-dark *{color:var(--hc-white) !important}.high-contrast .hc-bg-grey{background:var(--hc-grey) !important}.high-contrast .hc-bg-grey,.high-contrast .hc-bg-grey *{color:var(--hc-white) !important}.high-contrast .hc-bg-white{background:var(--hc-white) !important}.high-contrast .hc-bg-white,.high-contrast .hc-bg-white *{color:var(--hc-black) !important}.high-contrast .hc-text-white,.high-contrast .hc-text-white *{color:var(--hc-white) !important}.high-contrast .hc-hover-text-white:hover,.high-contrast .hc-hover-text-white:hover *{color:var(--hc-white) !important}.high-contrast .hc-text-black,.high-contrast .hc-text-black *{color:var(--hc-black) !important}.high-contrast .hc-hover-text-black:hover,.high-contrast .hc-hover-text-black:hover *{color:var(--hc-black) !important}.high-contrast .hc-hover-bg-black:hover{background:var(--hc-black) !important}.high-contrast .hc-hover-bg-black-bis:hover{background:var(--hc-black-bis) !important}.high-contrast .hc-hover-bg-black-ter:hover{background:var(--hc-black-ter) !important}.high-contrast .hc-hover-bg-grey-darker:hover{background:var(--hc-grey-darker) !important}.high-contrast .hc-hover-bg-grey-dark:hover{background:var(--hc-grey-dark) !important}.high-contrast .hc-hover-bg-grey:hover{background:var(--hc-grey) !important}.high-contrast .hc-hover-bg-white:hover{background:var(--hc-white) !important}.high-contrast .wcag-square,.high-contrast .wcag-size,.high-contrast .wcag-size:visited{color:#fff;fill:#fff}.high-contrast .text-decoration-none,.high-contrast .text-decoration-none a{text-decoration:none}.first-headline.block,.subheadline{font-size:0.7em;font-weight:300;display:block}.first-headline:not(.block){font-weight:300}.first-headline:not(.block)+.main-headline{font-weight:700}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
body{margin:0;font-family:"Montserrat", serif;line-height:125%}.only_mobile{display:none}@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;src:url("https://advetia.ch/files/fonts/montserrat-v25-latin-600.woff2") format("woff2")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:300;src:url("https://advetia.ch/files/fonts/montserrat-v25-latin-300.woff2") format("woff2")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;src:url("https://advetia.ch/files/fonts/montserrat-v25-latin-500.woff2") format("woff2")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:100;src:url("https://advetia.ch/files/fonts/montserrat-v25-latin-100.woff2") format("woff2")}.header_new{background-color:white;height:100px;display:flex;align-items:flex-start;padding:0 20px;position:fixed;top:0;left:0;width:100%;z-index:1000}.logo_ad{margin-top:20px;margin-bottom:30px;margin-left:10%}.logo_ad img{height:50px;width:auto}.responsive-image{width:100%;height:auto;object-fit:cover}.image-container_ad{position:relative;margin-bottom:25px;border-right:20px solid #FFFFFF;border-left:20px solid #FFFFFF}.overlay-text{position:absolute;top:50%;left:11%;transform:translateY(-40%);color:white;font-size:24px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.7);max-width:65%;text-align:left;line-height:125%;font-weight:500}h1{font-size:calc(28px + (1vw * 1));line-height:125%;width:95%;font-weight:300;font-family:"Montserrat", serif}h2{font-size:calc(7px + (1vw * 1));line-height:125%;font-weight:500;font-family:"Montserrat", serif}.box-container{display:flex;width:100%;margin-top:-10px}.box{flex:1;padding:0;color:white;font-size:calc(14px + (0.01vw));line-height:150%}.gray-box{background-color:#e63423;background-image:url("https://advetia.ch/files/convert/advetia/num1.png");background-size:auto;background-repeat:no-repeat;background-position:right bottom;padding-left:2.5%;padding-right:3%;padding-bottom:1%;padding-top:0.5%;text-align:left;border-right:20px solid #FFFFFF;border-left:20px solid #FFFFFF}.red-box{background-color:#000000;padding-left:2.5%;padding-right:3%;padding-bottom:1%;padding-top:0.5%;text-align:left;border-right:25px solid #FFFFFF;background-image:url("https://advetia.ch/files/convert/advetia/num2.png");background-size:auto;background-repeat:no-repeat;background-position:right bottom}.white-box{background-color:#8da3b0;padding-left:2.5%;padding-right:3%;padding-bottom:1%;padding-top:0.5%;text-align:left;border-right:20px solid #FFFFFF;border-left:20px solid #FFFFFF;background-image:url("https://advetia.ch/files/convert/advetia/num4.png");background-size:auto;background-repeat:no-repeat;background-position:right bottom}.black-box{background-color:#f3f7f9;color:#000000;padding-left:2.5%;padding-right:3%;padding-bottom:1%;padding-top:0.5%;text-align:left;background-image:url("https://advetia.ch/files/convert/advetia/num3.png");background-size:auto;background-repeat:no-repeat;background-position:right bottom}.box_container_2{display:flex;width:100%;margin-top:20px}.boxes_2{width:70%;display:flex;flex-direction:column;padding-left:15px}.box2{flex:1;padding:20px;color:white;margin-bottom:20px;margin-left:5px;margin-right:20px;margin-bottom:20px}.leistungen_image{width:30%;height:auto;max-height:100%;object-fit:cover;margin-right:20px;margin-bottom:20px}.gray-box2{background-color:#e63423;background-image:url("https://advetia.ch/files/convert/advetia/num1.png");background-size:auto;background-repeat:no-repeat;background-position:right bottom;padding-left:2.5%;padding-right:3%;padding-bottom:1%;padding-top:0.5%;text-align:left}.red-box2{background-color:#000000;padding-left:2.5%;padding-right:3%;padding-bottom:1%;padding-top:0.5%;text-align:left;background-image:url("https://advetia.ch/files/convert/advetia/num2.png");background-size:auto;background-repeat:no-repeat;background-position:right bottom}.white-box2{background-color:#8da3b0;padding-left:2.5%;padding-right:3%;padding-bottom:1%;padding-top:0.5%;text-align:left;background-image:url("https://advetia.ch/files/convert/advetia/num4.png");background-size:auto;background-repeat:no-repeat;background-position:right bottom}.black-box2{background-color:#f3f7f9;color:#000000;padding-left:2.5%;padding-right:3%;padding-bottom:1%;padding-top:0.5%;text-align:left;background-image:url("https://advetia.ch/files/convert/advetia/num3.png");background-size:auto;background-repeat:no-repeat;background-position:right bottom}.trenner{padding:0;overflow:hidden;margin-top:20px;margin-bottom:30px;border-right:20px solid #FFFFFF;border-left:20px solid #FFFFFF}.trenner img{width:100%;height:auto;margin-left:0;display:block}.ueber_text-block{margin-left:20px;margin-right:20px;margin-top:25px;text-align:left;padding-left:50px;padding-right:80px;padding-top:10px;padding-bottom:25px;background-color:#f3f7f9;font-size:22px;line-height:150%}.container_kontakt{display:flex;width:100%}.kontakt-box{width:50%;padding:20px;box-sizing:border-box;margin-left:20px;margin-top:25px;margin-right:20px;margin-bottom:100px;padding-left:50px;padding-right:80px;padding-top:0px;padding-bottom:25px;background-color:#e63423;font-size:22px;line-height:150%;color:#FFFFFF}.formular_kontakt{display:flex;flex-direction:column;background-color:#e63423}input[type="text"]{width:98%;margin-top:30px;margin-left:25px;padding:10px;border:none;box-sizing:border-box;font-size:20px;line-height:150%;color:#000000}.textarea{width:98%;margin-top:20px;margin-left:25px;padding:10px;border:none;box-sizing:border-box;font-size:20px;line-height:150%;color:#000000;height:8%}.submit{background-color:white;border:none;padding:10px;cursor:pointer;box-sizing:border-box;color:#8da3b0;padding:10px;width:50%;font-size:20px;line-height:150%;font-weight:700;margin-top:25px;margin-left:25px}.site-footer{background-color:#8da3b0;height:200px;width:100%;display:flex;justify-content:center;align-items:center;color:white}.footer-content{display:flex;justify-content:center;align-items:center}.footer-item{margin:0 10px;text-align:center;font-size:16px;line-height:125%}
@media screen and (max-width:580px)
{
     
     
     html, body {
    width: 100%; /* Webseite auf 100% der verfügbaren Breite einstellen */
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Verhindert horizontales Scrollen */
    box-sizing: border-box; /* Inklusive Padding/Borders in der Breitenberechnung */
}
     
     .only_mobile 

{
    display:block;
    
}

     

.header_new {
    background-color: white; /* Weißer Hintergrund */
    display: flex;
    flex-direction: column; /* Elemente untereinander anordnen */
    align-items: center; /* Zentriert die Elemente horizontal */
    position: relative; /* Positionierung für Kinder-Elemente */
    width: 100%; /* Breite auf 100% setzen */
    z-index: 1000; /* Damit der Header über anderem Inhalt bleibt */
}



.logo_ad {
    margin-bottom: 20px; /* Abstand zwischen Logo und Bild */
    margin-top: 20px;
    margin-left: -50px;
    width: auto; /* Breite automatisch anpassen */
    
}



.image-container_ad {
    position: relative; /* Positionierung für das Overlay */
    margin-bottom: 125px;
    border-right: 120px;
    border-left: 20px solid #FFFFFF;
}




.responsive-image {
    width: 100%; /* Bild über die gesamte Breite */
    margin-left:-25px;
    height: auto; /* Automatische Anpassung der Höhe */
    object-fit: cover;

}




.overlay-text {
        position: absolute; /* Absolute Positionierung */
    top: 35%; /* Vertikale Zentrierung */
    color: #000000; 
    font-size: 14px; /* Schriftgröße anpassen */
    line-height: 125%; /* Zeilenhöhe */
    font-weight: 500; /* Schriftgewicht */
    text-shadow: none;
    margin: 125px 20px; /* Oberer und unterer Abstand für den Text */
    
    }
    
    
    
    
    .no_mobile {
  display: none;
    
    
    
    }


h1 
{
font-size: calc(18px + (1vw * 1));
   line-height: 125%;
   width: 125%;
   font-weight: 300;
   font-family: 'Montserrat', serif; /* Roboto als Schriftart setzen */
}




 h2 
{
font-size: calc(12px + (1vw * 1));
   line-height: 125%;
   font-weight: 700;
   font-family: 'Montserrat', serif; /* Roboto als Schriftart setzen */
}





.box-container {
    display: flex;
    flex-direction: column; /* Boxen untereinander anordnen */
    width: 100%; /* Container auf volle Breite setzen */
    margin-top: 180px;
}




.box {
    width: 90%; /* Jede Box nimmt die volle Breite ein */
    color: white;
    font-size: calc(14px + (0.01vw));
    line-height: 150%;
    margin-bottom: 0px; /* Abstand zwischen den Boxen, optional */
}




.gray-box {
    background-color: #e63423; /* Fallback-Farbe, wenn das Bild nicht geladen wird */
    background-image: url('https://advetia.ch/files/convert/advetia/num1.png'); /* Pfad zum Hintergrundbild */
    background-size: auto; /* Keine Skalierung, Bild in Originalgröße */
    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
    background-position: right bottom; /* Plaziert das Bild unten rechts */
    border-right: none;
    border-left: none;
        }
        
        
        
        
        
        
.box p, .box h2

{
    padding-bottom: 1%; 
    padding-top: 0.5%; 
    padding-left: 5%;
    padding-right: 5%;
        text-align: left;
        line-height:125%;
        }





.red-box {
    background-color: #000000;

    padding-bottom: 1%; 
    padding-top: 0.5%; 
    text-align: left;
    background-image: url('https://advetia.ch/files/convert/advetia/num2.png'); /* Pfad zum Hintergrundbild */
    background-size: auto; /* Keine Skalierung, Bild in Originalgröße */
    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
    background-position: right bottom; /* Platziert das Bild unten rechts */
}




.white-box {
    background-color: #8da3b0;
    padding-bottom: 1%; 
    padding-top: 0.5%;  
    text-align: left;
    background-image: url('https://advetia.ch/files/convert/advetia/num4.png'); /* Pfad zum Hintergrundbild */
    background-size: auto; /* Keine Skalierung, Bild in Originalgröße */
    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
    background-position: right bottom; /* Plaziert das Bild unten rechts */
    border-right: none;
    border-left: none;
        }


.black-box {
    background-color: #f3f7f9;
    color: #000000;

    padding-bottom: 1%; 
    padding-top: 0.5%; 
    text-align: left;
    background-image: url('https://advetia.ch/files/convert/advetia/num3.png'); /* Pfad zum Hintergrundbild */
    background-size: auto; /* Keine Skalierung, Bild in Originalgröße */
    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
    background-position: right bottom; /* Plaziert das Bild unten rechts */
}




.trenner {
    padding: 0; /* Padding bleibt bei Bedarf auf 0 */
    overflow: hidden; /* Verhindert Überlaufen */
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0px; /* Weicher linker Rand, um Platz zu schaffen */
    margin-right: 0px; /* Weicher rechter Rand */
width: 95%;
      border: none; /* Entfernt die Ränder, die eigentlich Ränder sein sollten */
}


.box_container_2 {
    display: flex;
    width: 100%; /* Container auf volle Breite setzen */
    flex-wrap: wrap; /* Ermöglicht das Umfließen der Boxen */
    margin-top: 20px;
    margin-left: 0;
}

.boxes_2, .leistungen_image {
    width: 100%; /* Volle Breite für Boxen und Bild */
    display: flex;
    flex-direction: column; /* Boxen untereinander */
    padding-left: 0; /* Entfernt zusätzlichen Padding */
}

.box2 {
    padding: 20px; /* Innenabstand für bessere Lesbarkeit */
    color: white; /* Weißer Text */
    margin-bottom: 0px; /* Abstand zwischen den Boxen */
    margin-left: 0px; /* Weißer Rand links für jede Box */
    margin-right: 0px; /* Weißer Rand rechts */
  width: calc(100% - 60px);
        font-size: calc(14px + (0.01vw));
}

.leistungen_image {
display: none;
}

.gray-box2, .red-box2, .white-box2, .black-box2 {

    padding-bottom: 1%; 
    padding-top: 0.5%; 
    text-align: left;
    background-size: auto; /* Keine Skalierung notwendig */
    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
    background-position: right bottom; /* Platziert das Bild unten rechts */
}

.gray-box2 {
    background-color: #e63423; /* Fallback-Farbe */
    background-image: url('https://advetia.ch/files/convert/advetia/num1.png');
    border-right: none;
    border-left: none;
}

.red-box2 {
    background-color: #000000;
    background-image: url('https://advetia.ch/files/convert/advetia/num2.png');
}

.white-box2 {
    background-color: #8da3b0;
    background-image: url('https://advetia.ch/files/convert/advetia/num4.png');
}

.black-box2 {
    background-color: #f3f7f9;
    color: #000000;
    background-image: url('https://advetia.ch/files/convert/advetia/num3.png');
}



.ueber_text-block 


{
     
    margin-left: 0px; /* 25px Rand links */
    margin-right: 0px; /* 25px Rand rechts */
    margin-top: 25px;
    text-align: left; /* Text linksbündig */
    padding-left: 5%; /* Optional: Innenabstand für besseren Abstand zum Rand */
    padding-right: 5%; /* Optional: Innenabstand für besseren Abstand zum Rand */
    padding-top: 10px; /* Optional: Innenabstand für besseren Abstand zum Rand */
    padding-bottom: 25px; /* Optional: Innenabstand für besseren Abstand zum Rand */
    background-color:#f3f7f9;
    font-size: 15px; /* Schriftgröße anpassen */
    line-height: 125%;
  width: calc(100% - 60px);
   
}


.ueber_text-block h1, .ueber_text-block p

{ width:90%;}

.container_kontakt {
    display: flex; /* Flexbox verwenden */
    flex-direction: column; /* Boxen untereinander anordnen */
    width: 100%;
}

.kontakt-box {
    width: calc(100% - 50px); /* Anpassung für linken und rechten Margin */
    padding: 20px; /* Innenabstand für bessere Lesbarkeit */
    box-sizing: border-box; /* Padding in Breitenrechnung eingeschlossen */
    margin-left: 20px; /* Weißer Rand links für jede Box */
    margin-top: 25px; /* Weißer Rand oben für jede Box */
    margin-right: 0px; /* Weißer Rand rechts für jede Box */
    margin-bottom: -30px; /* Weißer Rand unten für jede Box */
    padding-left: 50px; /* Optional: Innenabstand für besseren Abstand zum Rand */
    padding-right: 80px; /* Optional: Innenabstand für besseren Abstand zum Rand */
    padding-top: 0px; /* Optional: Innenabstand für besseren Abstand zum Rand */
    padding-bottom: 25px; /* Optional: Innenabstand für besseren Abstand zum Rand */
    background-color: #e63423;
    font-size: 18px; /* Schriftgröße anpassen */
    line-height: 150%;
    color: #FFFFFF;
}

.formular_kontakt {
    display: flex;
    flex-direction: column; /* Formularelemente untereinander */
    background-color: #e63423;
    margin-bottom: 25px;
}


input[type="text"]

{
    
    width:110%;
    margin-top: 10px; /* Abstand zwischen den Formulareingaben */
    margin-left: 0px; /* Abstand zwischen den Formulareingaben */
    padding: 10px;
    border: none;
    box-sizing: border-box;
    font-size: 16px; /* Schriftgröße anpassen */
    line-height: 150%;
    color:#000000;
}


.textarea

{
    
    width:110%;
    margin-top: 10px; /* Abstand zwischen den Formulareingaben */
    margin-left: 0px; /* Abstand zwischen den Formulareingaben */
    padding: 10px;
    border: none;
    box-sizing: border-box;
    font-size: 16px; /* Schriftgröße anpassen */
    line-height: 150%;
    color:#000000;
    height: 8%;
}

.submit {
    background-color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    box-sizing: border-box;
    color:#8da3b0;
    padding: 10px;
    width:110%;
       font-size: 20px; /* Schriftgröße anpassen */
    line-height: 150%;
    font-weight:700;
     margin-top: 25px; /* Abstand zwischen den Formulareingaben */
    margin-left: 0px; /* Abstand zwischen den Formulareingaben */
    
}

.site-footer {
    background-color: #8da3b0; /* Graue Hintergrundfarbe */
    height: 200px; /* Feste Höhe für den Footer */
    width: 100%; /* Volle Breite */
    display: flex;
    justify-content: center; /* Zentriert die Inhalte horizontal im Footer */
    align-items: center; /* Zentriert die Inhalte vertikal im Footer */
    color: white; /* Weißer Text für besseren Kontrast */
}

.footer-content {
    display: flex; /* Flexbox für nebeneinander liegende Elemente */
    justify-content: center;
    align-items: center;
}

.footer-item {
    margin: 0 10px; /* Abstand zwischen den Textblöcken */
    font-size: 14px;
    margin-right: 20px;

    
}


}