/*
Theme Name: hoffmann-firmengruppe-neue
Template: zakra
Author: Child Theme Configurator
Version: 1.0.0.1710846005
Updated: 2024-03-19 12:00:05

*/

/* manrope-200 - 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: 'Manrope';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/manrope-v15-latin-200.eot'); /* IE9 Compat Modes */
    src: url('fonts/manrope-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/manrope-v15-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/manrope-v15-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('fonts/manrope-v15-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('fonts/manrope-v15-latin-200.svg#Manrope') format('svg'); /* Legacy iOS */
  }
  
  /* manrope-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: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/manrope-v15-latin-300.eot'); /* IE9 Compat Modes */
    src: url('fonts/manrope-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/manrope-v15-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/manrope-v15-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('fonts/manrope-v15-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('fonts/manrope-v15-latin-300.svg#Manrope') format('svg'); /* Legacy iOS */
  }
  
  /* manrope-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: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/manrope-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/manrope-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/manrope-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/manrope-v15-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('fonts/manrope-v15-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('fonts/manrope-v15-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */
  }
  
  /* manrope-500 - 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: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/manrope-v15-latin-500.eot'); /* IE9 Compat Modes */
    src: url('fonts/manrope-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/manrope-v15-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/manrope-v15-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('fonts/manrope-v15-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('fonts/manrope-v15-latin-500.svg#Manrope') format('svg'); /* Legacy iOS */
  }
  
  /* manrope-600 - 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: 'Manrope';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/manrope-v15-latin-600.eot'); /* IE9 Compat Modes */
    src: url('fonts/manrope-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/manrope-v15-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/manrope-v15-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('fonts/manrope-v15-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('fonts/manrope-v15-latin-600.svg#Manrope') format('svg'); /* Legacy iOS */
  }
  
  /* manrope-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: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/manrope-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: url('fonts/manrope-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/manrope-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/manrope-v15-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('fonts/manrope-v15-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('fonts/manrope-v15-latin-700.svg#Manrope') format('svg'); /* Legacy iOS */
  }
  
  /* manrope-800 - 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: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/manrope-v15-latin-800.eot'); /* IE9 Compat Modes */
    src: url('fonts/manrope-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/manrope-v15-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/manrope-v15-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('fonts/manrope-v15-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('fonts/manrope-v15-latin-800.svg#Manrope') format('svg'); /* Legacy iOS */
  }
  

img {
    image-rendering: -webkit-optimize-contrast;
}
body {
    font-family: 'Manrope', museo-sans,sans-serif !important;
}

.zak-content {
    background-color: #000 !important;
}

.zak-content .zak-primary {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.zak-main-header .zak-container {
    max-width: 100% !important;
}
.zak-main-header, .zak-footer-bar {
    display: none;
}

h1, h2, h3 {
    color: #fff;
    font-weight: 300;
 }
 h1 {
    padding-bottom: 7%;
 }

 .homebox {
    background: rgba(255,255,255,0.3);
	padding: 30px 20px 30px 20px;
    margin: 10px 5px 0 5px !important;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
 }

 .linkrot {
    background: #98272b;
    padding: 0 10px;
    color: #fff !important;
    border-radius: 20px;
    width: 250px;
    display: block;
    margin: 60px auto 0;
    text-align: center;
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 600;
} 
.linkrot:hover {
    background: #000;
} 
.linkblau {
    background: #3866b0;
    padding: 0 10px;
    color: #fff !important;
    border-radius: 20px;
    width: 250px;
    display: block;
    margin: 60px auto 0;
    text-align: center;
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 600;
}
.linkrot:hover, .linkblau:hover {
    background: #000;
} 
.linkrot:hover, .linkblau:hover {
    background: #000;
} 
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    width: 2em !important;
    height: 2em !important;
}
.vc_col-sm-6 {
    width: 50% !important;
    float: left !important;
}
.desktop {
    display: block;
 }
 .mobil {
    display: none;
 }

 #buttons img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
 #buttons img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

@media screen and (max-width: 768px) {
    .linkrot, .linkblau {
        margin-top: 10px;
    }
    h1 {
        font-size: 2.75rem;
    }
    .homebox {
        border-radius: 20px;
        margin: 0px 20px 20px 20px !important;
     }
     .desktop {
        display: none;
     }
     .mobil {
        display: block;
     }
    
}