/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

:root {
  --black: #000;
  --white: #FFF;
  --red: #CC1F2F;
  --blue: #0058AF;
  --gray: #434343;

}

@font-face {
    font-family: "Frutiger Light";
    src: url("fonts/Frutiger_LT_45_Light.ttf");
    font-display: swap;
}

/*@font-face {
    font-family: "Frutiger Light 700";
    font-weight: 700;
    src: url("fonts/Frutiger_LT_45_Light.ttf");
    font-display: swap;
}*/

@font-face {
    font-family: "Frutiger Roman";
    font-weight: 400;
    src: url("fonts/Frutiger_LT_55_Roman.ttf");
    font-display: swap;
}

@font-face {
    font-family: "Avocado";
    font-weight: 400;
    src: url("fonts/LTAvocado-Regular.ttf");
    font-display: swap;
}

/* DEAKTIVIEREN VON STANDARD THEMES */

#top-bar-wrap { display: none;}
.page-header { display: none;}


/* ABSTÄNDE / SCHRIFTGROESE */

#hero h1 {
  color: var(--white);
  font-size: 64px;
  font-family: "Avocado";
  font-style: normal;
  font-weight: 400;
  line-height: 70px; /* 109.375% */
  letter-spacing: -2.56px;
}

@media(max-width: 591px) {
  #hero h1 { line-height: 50px;}
}

#hero p {
  color: var(--white);
  font-size: 24px;
  font-style: normal;
  font-family: "Frutiger Light" !important;
  font-weight: 700 !important;
  line-height: 24px; /* 100% */
}

.icon-headline {
  font-family: "Frutiger Light" !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  letter-spacing: -0.48px;
}

.ansprechpartner-box {}


#navbar-buttons {
  width: fit-content;
}

h2 {
  color: var(--black);
  font-family: "Frutiger Light" !important;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  letter-spacing: -0.64px;
}

p {
  font-family: "Frutiger Roman";
  font-weight: 400;
  font-style: normal;
}

.elementor-icon-list-text {
  font-family: "Frutiger Light" !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  letter-spacing: -0.48px;
}

.elementor-icon-box-title {
  font-family: "Frutiger Light" !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  letter-spacing: -0.48px;
}

.elementor-button {
  padding: 12px 20px;
}

#gallery .gallery-box h2 {
  font-family: "Frutiger Light" !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  letter-spacing: -0.48px;
}

#gallery .gallery-box p {
  font-family: "Frutiger Light" !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  letter-spacing: -0.4px;
}

#raster-ablauf .elementor-icon-list-text, .leistungen .elementor-icon-list-text {
  font-family: "Frutiger Light" !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
}

.leistungen-headline .elementor-icon-list-text{
  font-family: "Frutiger Light" !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
}

/* NAVIGATION */
#site-header {
    position: absolute;
    width: 100%;
    background-color: transparent;
    border-bottom: none;
    z-index: 1000;
}


/* ZEITABLAUF */

#raster-ablauf .raster-number:after {
    content: "";
    border-right: 3px solid var(--red);
    width: 0;
    height: 180px;
    position: absolute;
    bottom: -150px;
    transform: translateX(-50%);
    right: 48%;
    z-index: -1;
}

@media(max-width: 769px) {

#raster-ablauf .raster-number:after {
    content: "";
    height: 210px;
    bottom: -165px;
 }
}

@media(max-width: 592px) {

#raster-ablauf .raster-number:after {
    content: none;
 }
}

#raster-ablauf .elementor-element:last-child > .raster-number:after {
   content: none;
}



/*  CTA BEREICH - VERSCHWOMMEN */
#beratung-blur, #beratung-blur .e-con-inner { overflow: hidden;}

#beratung-blur .blur-background::after {
    content: "";
    background-image: url(/wp-content/uploads/2026/03/Main-muster.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    width: 620px;
    height: 400px;
    position: absolute;
    right: 0px;
    z-index: 100;
    transform: rotate(19deg);
    top: -77px;
    z-index: -1;
}

#beratung-blur .blur-overlay {
   background: rgba(255, 255, 255, 0.31);
   border-radius: 16px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5.7px);
   -webkit-backdrop-filter: blur(5.7px);
   border: 2px solid var(--gray);
   padding: 30px;
   overflow: hidden;
}


/* KARRIERE */
.karriere-blur {
   background: rgba(255, 255, 255, 0.11);
   border-radius: 0 16px 16px 0;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(3.7px);
   -webkit-backdrop-filter: blur(3.7px);
   padding: 30px;
}


/* LEISTUNGEN */
.leistungen, .leistungen-headline { 
  padding-left: 5% !important;
  padding-right: 5% !important;
}

/* CONTACT FORM */

.wpforms-container {
  margin-top: 0;
}
#contact-form button {
  background: var(--red);
  display: block;
  width: 100%;
}

#contact-form input[type="text"] {
  width: 100%;
  min-width: 100%;
}

#contact-form textarea { resize: none;}


/* MEDIA QUERIES */

@media(min-width: 1920px) {
  #hero {
    min-height: 700px !important;
  }

  p {
   font-size: 1.2em;
   line-height: 1.5em;
  }
  #raster-ablauf .raster-number:after {
    height: 197px;
    bottom: -145px;
  }

 .elementor-4100 .elementor-element.elementor-element-c554616 { margin-top: 3%;}
}

@media(max-width: 591px) {
  .elementor-4482 .elementor-element.elementor-element-7f295aad {
    padding-left: 2em;
  }
  #hero h1 {
    font-size: 53px;
  }
}