/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Schriftart Anfang  ----------------------------------------
----------------------------------------------------------------------------------------------------  */

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v20-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v20-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-regular - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v20-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-600 - latin */
  @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      src: url('fonts/open-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
           url('fonts/open-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
    }
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v20-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
/* 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-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* 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-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* 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-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}  

  
* {
    font-family: 'Open Sans', sans-serif;
}

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Schriftart Ende  ------------------------------------------
----------------------------------------------------------------------------------------------------  */

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Farben Anfang  --------------------------------------------
----------------------------------------------------------------------------------------------------  */

:root, ::before, ::after {
    --primary-color: #464646;
    --secondary-color: #464646;
    --secondary-transparent: rgba(238, 238, 238, .8);
    --text-color: #333;
    --text-invert: #fff;
    --farbverlauf: #28302a;
    --background: #fff;
    --background-transparent: rgba(255, 255, 255, 0.9);
    --background-dark: #333;
    --schrift: 1.6rem;
    --ueberschrift: 2rem;
  }

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Farben Ende  ----------------------------------------------
----------------------------------------------------------------------------------------------------  */

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Maße Anfang  --------------------------------------------
----------------------------------------------------------------------------------------------------  */

:root, ::before, ::after {
  --h1span-font-size: 3.5rem;
  --h1span-line-height: 1.1;
}

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Maße Ende  ----------------------------------------------
----------------------------------------------------------------------------------------------------  */


/* Leistungsboxen Anfang ----------------------------------------------------------------*/

section.leistungsboxen {
    background-image: url(/wp-content/uploads/2023/04/background-hightech.jpeg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

section.leistungsboxen h2 {
    flex-basis:100%;
    text-align:center;
    font-size: 3.5rem;;
    color: white;
    margin-top: 0;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}
section.leistungsboxen .container {
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    width: 95vw;
    padding-top:3rem;
    gap: 15px;
}
section.leistungsboxen .container > div {
    flex-basis: calc(100% / 3 - 15px);;
    position: relative;
    margin-bottom: 0rem;
    overflow: hidden;
    border: 1px solid white;
}
section.leistungsboxen.fuenfer-teilung .container > div {
    flex-basis: calc(100% / 5 - 15px);;
    position: relative;
    margin-bottom: 0rem;
    overflow: hidden;
    border: 1px solid white;
}
section.leistungsboxen.fuenfer-teilung .container > div div p {
    font-size: 1vw;
}
section.leistungsboxen.vierer-teilung .container > div {
    flex-basis: calc(100% / 4 - 15px);;
    position: relative;
    margin-bottom: 0rem;
    overflow: hidden;
    border: 1px solid white;
    
}
section.leistungsboxen.vierer-teilung .container > div div p {
    font-size: 1vw;
}


section.leistungsboxen.startseite .container > div {
    flex-basis: calc(100% / 4 - 15px);;
    position: relative;
    margin-bottom: 0rem;
    overflow: hidden;
    border: 1px solid white;
}
section.leistungsboxen.startseite .container > div:nth-of-type(1), section.leistungsboxen.startseite .container > div:nth-of-type(5) {
    border: 0px solid transparent;
    
}
section.leistungsboxen.startseite .container > div:nth-of-type(1) h3, section.leistungsboxen.startseite .container > div:nth-of-type(5) h3 {
    font-size: 1.6vw;
    color: white;
    text-transform: uppercase;
}

section.leistungsboxen .container > div a > img {
    width:100%;
    transform: rotate(0deg) scale(1);
   transition: all 0.5s ease;
}
section.leistungsboxen .container > div:hover a > img {
    transform: rotate(2deg) scale(1.1);
   transition: all 0.5s ease;
}
section.leistungsboxen .container > div div { 
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35%;
    margin-left: 0px;
    background-size:100% 100%;
    background-image: linear-gradient(to top, rgba(146, 135, 130, 0.7), transparent);
    transition: all 0.8s ease;
}
section.leistungsboxen .container > div:hover div { 
    background-size:100% 200%;
    transition: all 0.8s ease;    
}
section.leistungsboxen .container > div div img {
    width:1.6vw;
        transform: scale(1);
        transition: transform 0.5s ease;
}
section.leistungsboxen .container > div div img:hover {
    width:30px;
        transform: scale(1.2);
        transition: transform 0.5s ease;
        
}
section.leistungsboxen .container > div div p {
    bottom: 15px;
    width: calc(100% - 60px);
    position: absolute;
    color: white;
    line-height: 1.2;
    font-size: 1.4vw;
    margin-left: 30px;
    text-shadow: 1px 1px 4px RGBA(0,0,0,.8);
    font-weight: 400;
}
section.leistungsboxen .container > div div p:hover {
        color: #86b518;
        text-shadow: 2px 1px 1px RGBA(255,255,255,.8);
}
section.leistungsboxen .container > div div p span {
    float:right;
}



@media (max-width:767px) {
 section.leistungsboxen .container > div {
    flex-basis: calc(94% / 1);
    max-width: calc(194% / 1);
    position: relative;
    margin-bottom: 0rem;
    overflow:hidden;
}
section.leistungsboxen {
    background-image: url(/wp-content/uploads/2023/04/background-hightech.jpeg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
}
section.leistungsboxen .container {
    width:100vw;
    padding:0 1px 1px 1px;
}
section.leistungsboxen.fuenfer-teilung .container > div {
    flex-basis: 94% ;
    
}
section.leistungsboxen.fuenfer-teilung .container > div div p {
    font-size: 2rem;
}
section.leistungsboxen.vierer-teilung .container > div {
    flex-basis: 94% ;
    
}
section.leistungsboxen.vierer-teilung .container > div div p {
    font-size: 2rem;
}

section.leistungsboxen .container > div div img {
    width:22px;
        
}

section.leistungsboxen.startseite .container > div {
    flex-basis: 94%;
    position: relative;
    margin-bottom: 0rem;
    overflow: hidden;
    border: 1px solid white;
}

section.leistungsboxen .container > div div p {
    bottom: 0;
    width: calc(100% - 20px);
    position: absolute;
    font-size: 2rem;
    margin-left: 10px;
    line-height: 1.2;
    padding-bottom: 1rem;
    
}
section.leistungsboxen .container > div div {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70%;
    margin-left: 0px;
    
}

section.leistungsboxen h2 {
    flex-basis:100%;
    font-size:3rem;
    margin-top: 0;
    padding-bottom: 4rem;
}
section.leistungsboxen.startseite .container > div:nth-of-type(1) h3, section.leistungsboxen.startseite .container > div:nth-of-type(5) h3 {
    font-size: 3rem;
    color: white;
    font-family: 'Poppins', sans-serif;
}
}
/* Leistungsboxen Ende ---------------------------------------------------------------------------*/


/*  Zentrum Lageplan   Anfang */

section.zentrum-lageplan {
    background-image: url(/wp-content/uploads/2023/04/background-hightech.jpeg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
section.zentrum-lageplan .container {
    display:flex;
    flex-flow:row-reverse wrap;
    justify-content: space-between;    
}
section.zentrum-lageplan .container .lageplan-img {
    flex-basis: 65%;
    width: 65%;
    max-width: 65%;
}
section.zentrum-lageplan .container .lageplan-txt {
    flex-basis: 30%;
    width: 30%;
    max-width: 30%;
}
section.zentrum-lageplan .container .lageplan-img img {
    width: 100%;
    
}
section.zentrum-lageplan h2 {
    color:white;
    margin-bottom: 0;
}
section.zentrum-lageplan p {
    color:white;
}
section.zentrum-lageplan p strong {
    padding-right:1rem;
}

@media (max-width:767px) {
 section.zentrum-lageplan .container .lageplan-img {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
}
section.zentrum-lageplan .container .lageplan-txt {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    padding-bottom: 5rem;
}

}





/*  Zentrum Lageplan   Ende */

/*  Team Anfang  */

.page-id-110 > div > section:first-of-type {
    padding-bottom: 2.5rem;
    padding-top: 10rem;
}
.page-id-110 > div > section {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.page-id-110 > div > section:last-of-type {
    padding-bottom: 10rem;
    padding-top: 2.5rem;
}


/*  ONEFITSoNE Anfang  */

section.onefits-one {
        background-image: url(/wp-content/uploads/2023/05/back_grey-scaled.jpg);
        background-size: cover;
    background-repeat: no-repeat;
    
}
section.onefits-one p {
        color:white;
}
section.onefits-one h1 {
        color:white;
}
section.onefits-one h2 {
        color:white;
}
section.onefits-one h1:after {
        background-color:white;
}
section.onefits-one .spanteilung .linkeseite span {
        color:white;
}

.leistungen-onefitsone {
    background-color: rgba(255, 255, 255,0.3);
    background-blend-mode: color;
}
.leistungen-onefitsone img {
    width:100%;
}
section.leistungsboxen.vierer-teilung.leistungen-onefitsone .container > div {
    border:none;
    flex-basis: calc(100% / 6 - 15px);
}
section.leistungsboxen.vierer-teilung.leistungen-onefitsone .container {
    padding-top:0;
}
.onefits-one .spanteilung .linkeseite .trustelement {
    position:sticky;
    top:15rem;
}

@media (min-width:991px) {
.onefits-one .spanteilung .linkeseite {
    align-items: flex-start;
    justify-content: start;
}
.onefits-one .spanteilung .linkeseite.content > div {
          height: 107px;
}
section.leistungsboxen.vierer-teilung.leistungen-onefitsone .container > div {
    border:none;
    flex-basis: calc(100% / 6 - 15px);
}   
}
@media (max-width:991px) {
section.leistungsboxen.vierer-teilung.leistungen-onefitsone .container > div {
    border:none;
    flex-basis: calc(100% / 2 - 20px);
}   
}



/*  ONEFITSoNE Ende  */