@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* source-sans-pro-regular - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v21-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-italic - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v21-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-600 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v21-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-600italic - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v21-latin-600italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


body, html{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#48a52e+0,48a52e+2,80c217+2,80c217+11,a6bfa6+11,a6bfa6+24,ffffff+24,ffffff+94,ffffff+94,7c7c7c+94 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#48a52e+0,48a52e+2,80c217+2,80c217+11,a6bfa6+11,a6bfa6+36,ffffff+36,ffffff+94,ffffff+94,7c7c7c+94 */
/* background: linear-gradient(175deg,  rgb(72,165,46) 0%,rgb(72,165,46) 2%,rgb(128,194,23) 2%,rgb(128,194,23) 11%,rgb(166,191,166) 11%,rgb(166,191,166) 36%,rgb(255,255,255) 36%,rgb(255,255,255) 94%,rgb(255,255,255) 94%,rgb(124,124,124) 94%);  */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background-image: url('../img/bg.jpg');
background-repeat: no-repeat;
background-position: top center;
font-family: 'Source Sans Pro', sans-serif;
}
* {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}
.overtop{
    padding: 50px 5px 30px 5px;
}

.navigation{
    background-color: #7dd46a;
    font-weight: bolder;
    margin-top: 20px;
    border-top: rgba(238, 182, 0, 0.5) solid 1px;
    border-bottom: rgba(238, 182, 0, 0.5) solid 1px;
}
.navigation a{
    font-size: 1.4rem !important;
}
.header_text_box{
    height: 600px;
    letter-spacing: 5px;
    word-spacing: 4px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    color:  transparent;
}
.box_insert{
    position: absolute;
    top: 32%;
    left: 20%;
}
.header_text_box div{
    -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}
.header_text_box p{
    color: black;
    text-shadow: rgb(46, 46, 46) 3px 2px 4px;
}

@media (max-width: 767px) { 
    .box_insert{
        position: absolute;
        top: 32%;
        left: 8%;
    }
 }
.subtitel{
    font-weight: normal;
    color: rgb(100, 100, 100) !important;
    -webkit-text-stroke-color: rgb(100, 100, 100);
    text-shadow: none !important;
    text-transform:none;
}

.fitting-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.slider_image_zoom {
    animation: scale 40s ease-in-out infinite;
}

.effekt {
    visibility: hidden;
}

.fadein {
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

.visible {
    opacity: 1;
}

footer{
    background-image: url('../img/bg_footer.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
}
@media (max-width: 767px) { 
    footer{
        background-image: none;
        background-color: rgb(29, 36, 53);
        color: aliceblue;
    }
 }

 .flex_einfliegen{
    display: flex;
 }
 .img-hover-zoom {
    overflow: hidden;
}
 .img-hover-zoom:hover img {
    transform: scale(1.4) rotate(5deg);
}
.fitting-image {
    width: 100%;
    object-fit: cover;
}

 .icon{
    width: auto;
    background-color: #7dd46a;
    margin-top: 0px;
    margin-right: 35px;
    justify-content: center;
    align-items: center;
 }
 .serviceicon{
    height: 60px;    
 }

 /* .text_einfliegen{} */

.bg_drischel{
    background-color: rgb(223, 221, 221);
 }
  
 .pulse {
    animation: pulse-animation 2s infinite;
  } 
  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
  }