@charset "UTF-8";
@font-face {
    font-family: Inter;
    src: url("fonts/Inter/static/Inter-Black.ttf");
    src: url("fonts/Inter/static/Inter-Medium.ttf");
    src: url("fonts/Inter/static/Inter-Regular.ttf");
}
/*# sourceMappingURL=style.css.map */
h1 {
  font-family: 'Inter';
  animation: slideInLeft 3s;
  color: #262001 !important;
  font-weight: 800 !important;
  font-size: 60px !important;
  margin-top: 20px !important; }

h2 {
  animation: slideInLeft 2s;
  font-size: 24px !important;
  font-family: 'Inter';
  font-weight: 500 !important; }

p {
  animation: fadeIn 5s;
  font-family: 'Inter';
  font-size: 20px; }

img{
    animation: fadeIn 4s;
}

.fa{
    font-size: 40px !important;
    color: #262001;
}

.row-padding {
  padding: 0px 50px 0px 50px; }

.navbar {
  animation: fadeIn 3s;
  margin-top: 40px;
  padding: 10px 20px 10px 20px !important;
  border-bottom: 1px solid; }

.navbar a {
  font-family: 'Inter';
  font-size: 20px;
  color: #212529; }

.nav-link {
  font-family: 'Inter';
  font-size: 18px;
  color: #212529; }

.colored-nav-link {
  background-color: #262001 !important;
  color: #fff !important;
  margin-left: 50px;
  padding: 0px 10px 0px 10px; }

.navbar-text {
  font-family: 'Inter';
  font-size: 20px;
  color: #212529 !important; }

.navbar-brand img {
  width: 20px; }

.navbar-brand{
    color: #A6927B !important;
}

.about-section{
    margin-top: 50px;
}

.header-image img {
  animation: fadeIn 5s;
  width: -webkit-fill-available; }

.header-section {
  padding: 100px 0px 50px 0px; }

.header-description .mt-4 {
  margin-top: unset; }

.header-description p {
  padding: 20px 0px 20px 0px; }

.header-description .p-5 {
  padding-left: 0px; }

.thread1{
    animation: slideInLeft 3s;
}

.btn {
  background-color: #262001 !important;
  color: #fff !important;
  animation: fadeIn 4s;
  border-radius: 0px !important;
  margin-top: 50px;
  font-family: 'Inter' !important;
  border: 1px solid #262626 !important;
  font-size: 18px !important; }

.benefits-section {
  padding: 50px 0px 50px 0px; }

.contact-section {
  padding: 50px 0px 100px 0px;
  margin: 50px 0px 50px 0px; }

.card-body img {
  width: 60px; }

.card {
  animation: fadeIn 4s;
  border: unset !important;
  border-radius: unset !important; }

.card-title {
  font-family: 'Inter';
  font-size: 24px;
  margin: 10px 0px 10px 0px;
  font-weight: 600; }

.row-padding .service-image ul li{
    font-size: 20px;
}

.service-image img {
  width: -webkit-fill-available; }

.info-card{
    padding: 20px;
    animation: fadeIn 4s;
    text-align: center;
    margin: 20px 0px;
}

.info-card span{
    color: #403D10;
    padding: 10px;
}

.info-card img{
    height: 60px;
}

.text-align-right {
  text-align: right; }

.image-center {
  padding: 100px 0px 100px 0px; }

.service-section {
  padding: 100px 0px 50px 0px; }

.service-section-one {
  padding: 20px 0px 0px 50px; }

.text-padding {
  padding: 0px 0px 0px 100px; }

.input-padding {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

.input-padding label {
  font-family: 'Inter';
  font-size: 20px;
  color: #403D10;
  margin: 10px 0px 10px 0px;
  font-weight: 600; }

.form-label{
    color: #403D10;
}

.form-control {
  border-left: 0px !important;
  padding-left: 0px !important;
  border-top: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
  border-bottom: 1px solid #403D10 !important;
  padding: 20px !important; }

.card-header {
  font-family: 'Inter';
  font-size: 24px;
  margin: 10px 0px 10px 0px;
  font-weight: 600; }

.footer {
  padding: 50px 0px 50px 0px; }

.footer-section {
  padding: 100px 0px 50px 0px; }

.footer-pad {
  padding: 50px 0px 50px 0px; }

.footer-pad h2 {
  font-size: 24px; }

.footer-pad ul {
  margin-top: 20px;
  padding-left: 0px; }

.footer-pad ul li {
  font-family: 'Inter';
  font-size: 20px;
  text-decoration: none;
  list-style: none;
  text-align: left; }

.faq-section {
  margin-top: 100px;
  padding: 50px 0px 50px 0px; }

.row-contact {
  display: flex;
  flex-direction: row; }

.row-contact img {
  width: 40px; }

.benefits-section .card-title {
  color: #403D10;
  margin: 30px 0px 30px 0px; }

.image-center {
  padding: 50px 0px 50px 0px; }

.text-service p {
  margin-top: 50px;
  margin-left: 16px; }

.text-service a {
  text-decoration: underline;
  font-weight: 600;
  color: #403D10; }

.service-section .card-title {
  margin-bottom: 20px;
  padding-left: 10px; }

.service-section .card-text {
  padding-bottom: 10px; }

.service-card ul li {
  margin: 10px 0px 10px 0px;
  font-family: 'Inter'; }

.service-card ul {
  list-style: none; }

.service-card ul li::before {
  content: "•";
  color: #F2E0BD;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

.deco-image {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: right; }

.deco-image img {
  width: 100px;
  position: relative;
  right: 150px;
  top: 100px; }

.deco-image-2 {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: left; }

.deco-image-2 img {
  width: 60px;
  position: relative;
  left: 150px;
  top: 100px; }

.process .process-image {
  width: -webkit-fill-available;
  padding: 80px 20px 80px 20px; }

.contact-row-section-1 {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.contact-row-section-1 label {
  font-family: 'Inter';
  font-size: 24px;
  margin: 10px 0px 10px 0px;
  font-weight: 600; }

.info-input img {
  width: -webkit-fill-available; }

.info-input {
  margin: 100px 0px 100px 0px;
  padding: 50px 0px 50px 0px; }

.info-input-text {
  margin-top: 100px; }

.one-in-a-row img {
  width: 60px; }

.margin-info-call {
  margin-left: 20px; }

.accordion {
  padding: 50px 0px 50px 0px; }

.accordion-button {
  padding:20px 0px !important;
  color: #403D10 !important;
  font-size: 20px !important; }

.accordion-body{
  padding: 50px 0px 50px 20px !important;
}

.image-holder-part-two .imgimg img{
    width: -webkit-fill-available;
}

.galerie-section{
    margin-top: 100px;
}

.galerie-section .padding-gallery{
    margin-top: 100px;
}

.card-grey ul li a{
    text-decoration: none;
    color: #262626ff;
    font-size: 20px;
}

.footer-pad{
    padding-left: 50px;
    border-top: 1px solid #403D10;
}

.footer-section h2{
    color: #262001 !important;
    font-weight: 600 !important;
}

.footer-section ul{
    margin-top: 50px;
}

.footer-section ul li{
    margin: 5px 0px;
}
.footer-section ul li a:hover{
    color: #403D10 !important;
}

.accordion-body{
    font-size: 20px;
    font-family: 'Inter';
}

.accordion-button{
    font-weight: 600;
}

.info-input-text{
    font-size: 20px;
}

.card-text{
    font-size: 20px;
}

.two-rows{
    display: flex;
}

.call-button a{
    text-decoration: none;
    color: #fff;
}

.call-button{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #fff;
}

.colored-nav-link{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.contact-information ul li{
    font-family: 'Inter';
    list-style: none;
    font-size: 20px;
    padding-left: 17px;
    margin: 10px;
}

.two-in-a-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.btn-primary{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.form-control{
    font-size: 20px;
    font-family: 'Inter';
}

.contact-section-impressum{
    padding-right: 50px;
    padding-left: 50px;
}

.contact-section-impressum p{
    padding: 0px 50px 0px 50px;
}

.contact-section-datenschutz ul li{
    font-size: 20px;
    font-family: 'Inter';
}

.contact-section-datenschutz .row{
    padding: 0px 50px 0px 50px;
}

.colored-link-orange{
    text-decoration: underline;
    color: #403D10;
}

.text-align-center{
    text-align: center;
}

.padding-card{
    display: flex;
    flex-direction: column;
    border: 1px solid;
}

.padding-card:hover{
    transition: 4s;
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.about-section h1{
    color: #403D10 !important;
}

.padding-card img{
    margin-bottom: 20px;
}

.padding-card{
    background-color: #262001;
    padding: 30px 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.padding-card span{
    font-family: 'Inter';
    color: #fff;
}

.gallery-padding{
    margin-top: 100px !important;
}

.service-page h1{
    color: #403d10 !important;
}

.some-cities ul{
    display: flex;
    padding-left: 0px;
    overflow: overlay;
    padding: 0px 0px 30px 0px;
}

.some-cities ul li{
    font-family: 'Inter';
    font-size: 20px;
    list-style: none;
    color: #fff;
    background-color: #262001;
    padding: 10px 20px;
    margin: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.first-elem{
    margin-left: 0px !important;
}

.service-section-one .service-card h5{
    color: #403D10;
}

.faq-unterseite{
    margin-top: 50px;
}

.webkit-fill img{
    width: 50%;
}

.webkit-fill-half img{
    width: 70%;
}

.webkit-fill{
    display: flex;
    justify-content: center;
}

.webkit-fill-half{
    display: flex;
    justify-content: center;
}

.wapp-container{
    display: flex;
    flex-direction: column;
}

.inner-wapp-container{
    display: flex;
    justify-content: flex-end;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 900;
}

/*Some Animations*/

/*Slide in Left*/
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/*Slide in*/
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/*Zoom on hover*/
.zoomOnHover{
    padding: 50px;
    background-color: green;
    transition: transform .2s; /* Animation */
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.zoomOnHover:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Media Query - mobile changes*/

@media only screen and (max-width: 600px) {
    h1{
        font-size: 34px !important;
    }
    h2{
        font-size: 20px !important;
    }
    p{
        font-size: 18px;
    }
    .navbar-toggler{
        border: unset !important;
    }
    .colored-nav-link{
        margin-left: 0;
        padding-left: 20px !important;
    }
    .navbar-expand-lg .container-fluid{
        margin-bottom: 20px;
    }
    .button-row .btn{
        margin-top: 20px;
    }
    .header-image{
        margin-top: 30px !important;
    }
    .benefits-section{
        padding: 0;
    }
    .card-text{
        font-size: 18px;
    }
    .card-body{
        margin-bottom: 20px;
    }
    .about-section .text-align-center{
        text-align: left;
    }
    .card-grey{
        background-color: #e6e6fa1c !important;
    }
    .service-section-one{
        padding: 0;
    }
    .galerie-section{
        margin-top: 0;
    }
    .inner-wapp-container{
        background-color: #fff !important;
    }
    .galerie-section img{
        width: 70%;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }
    .galerie-section .col-sm-4{
        display: flex;
        justify-content: center;
    }
    .faq-section{
        margin: 0;
    }
    .faq-section .text-align-right{
        text-align: left;
    }
    .footer-section{
        padding: 0;
    }
    .card-grey ul li a{
        font-size: 18px;
    }
    .footer-pad ul li{
        font-size: 18px;
    }
    .footer-section ul{
        margin: 30px 0;
    }
    .header-section {
        padding: 20px 0px 50px 0px; }
}