@import url(bootstrap.min.css);
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 @font-face {
     font-family: 'didot_lt_stdbold';
     src: url('../font/didot_lt_std_bold-webfont.woff2') format('woff2'),
         url('../font/didot_lt_std_bold-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;

 }


html {
    scroll-behavior: smooth;;
}
 /* Custom Reset */


 body {
     font-family: 'Poppins', sans-serif;

 }

 a.active,
 a:focus,
 button:focus,
 button.active {
     outline: none;
 }

 a {
     text-decoration: none;
 }

 a:focus,
 a:hover,
 a:active {
     outline: 0;
     box-shadow: none;
 }

 a:focus,
 a:hover {
     text-decoration: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0;
     padding: 0;
     font-family: 'Visby CF';
 }

 a {
     text-decoration: none;
     transition: all 0.5s ease-in-out;
 }

 a:hover {
     text-decoration: none;
 }

 ul,
 ol {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 ul li {
     list-style: none;
 }

 p {
     margin: 0;
     padding: 0;
 }

 input:focus,
 select:focus,
 textarea:focus {
     outline: none;
 }

 img {
     border-style: none;
     display: inline-block;
     max-width: 100%;
     height: auto;
 }

 .wrapper {
     overflow: hidden;
     position: relative;
 }

 .custom-link {
    color: inherit;  /* Das nimmt die Farbe des umgebenden Textes an */
    text-decoration: none;  /* Entfernt die Unterstreichung */
}

.custom-link:hover {
    text-decoration: underline;  /* Fügt eine Unterstreichung hinzu, wenn der Mauszeiger darüber schwebt */
}

 /* ========= header ===== */
 .logo {
     margin: 40px auto 35px;
 }

 header .navbar {
     padding: 20px 0px;
 }

 .navbar .nav-item .nav-link {
     color: #000;
     font-size: 20px;
     font-weight: 300;
     letter-spacing: 8px;
     text-transform: uppercase;
     padding: 0px 29px;
     border-right: 1px solid #000;
     transition: all 0.5s ease;
 }

 .navbar .nav-item .nav-link:hover span {
     opacity: 1;
 }

 .navbar .nav-item .nav-link span {
     background-color: #000;
     width: 91%;
     height: 1px;
     display: block;
     margin-top: -7px;
     opacity: 0;
 }

 .navbar .nav-item2 .nav-link span {
     width: 94%;
 }

 .navbar .nav-item3 .nav-link span {
     width: 96%;
 }



 /* ====== hero-sec ======= */
 .text-box h2 {
     color: #C5AE91;
     font-family: 'didot_lt_stdbold';
     font-size: 32px;
     font-weight: 700;
     line-height: normal;
     margin-bottom: 30px;
     letter-spacing: 3.2px;
     text-transform: uppercase;
 }

 .text-box p {
     color: #000;
     font-size: 20px;
     font-weight: 400;
     letter-spacing: 2px;
     
 }

 .text-box h3 {
     color: #C5AE91;
     font-family: 'didot_lt_stdbold';
     font-size: 24px;
     font-weight: 700;
     letter-spacing: 2.4px;
     margin-bottom: 19px;
 }

 .media-sec {
     margin: 120px 0px 94px;
 }

 .text-box .bottom-space {
     margin-bottom: 66px;
 }

 .media-sec .text-box h3 {
     min-height: 62px;
 }

 .media-sec .media-inner .text-box {
     max-width: 320px;
 }

 .media-sec .img-holder {
     margin-top: 50px;
 }

 .warum-sec .text-box p {
     margin-bottom: 29px;
 }

 .top-sapce {
     margin-top: 100px;
     margin-bottom: 145px;
 }

 .warum-sec .top-sapce .text-box p {
     max-width: 580px;
     margin-left: 16px;
 }

 .btn-default {
     color: #C5AE91;
     font-family: 'didot_lt_stdbold';
     font-size: 24px;
     font-weight: 700;
     line-height: normal;
     background: #D9D9D9;
     display: flex;
     width: 250px;
     height: 50px;
     justify-content: center;
     align-items: center;
     letter-spacing: 2.4px;
     border-radius: 0px;
     margin-top: 21px;
 }

 .wir-sec .text-box h3 {
     min-height: 57px;
     text-transform: uppercase;
 }

 .wir-sec .text-box p {
     min-height: 450px;
     height: 100%;
 }

 .allin-sec {
     margin: 50px 0px 30px;
 }

 .allin-sec .text-box p {
     max-width: 100%;
 }

 .allin-sec .text-box h2 {
     margin-bottom: 18px;
 }

 footer ul li svg {
     opacity: 0.6;
 }

 footer ul li svg:hover {
     opacity: 1;
 }

 .footer-list li a {
     color: #000;
     font-size: 12px;
     letter-spacing: 1.2px;
     display: flex;
     max-width: fit-content;
     margin-bottom: 15px;
 }

 .footer-list li a:hover {
     text-decoration: underline;
 }

 .footer-list li a span {
     font-weight: bold;
 }

 footer .copy-right {
     color: #000;
     margin-top: 15px;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: 1.2px;
 }

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

 /* ======== contact-page ==== */
 .contact-sec {
     margin: 40px 0px;
 }

 .contact-sec .text-box h2 {
     letter-spacing: normal;
     text-transform: capitalize;
     margin: 10px 0;
 }

 .contact-sec .text-box {
     max-width: 520px;
 }

 .contact-sec .text-box ul {
     margin: 33px 0px;
 }

 .contact-sec .text-box ul li {
     list-style-type: disc;
     margin-left: 10px;
 }

 .contact-form {
     background: rgba(109, 104, 134, 0.20);
     padding: 50px 40px;
     margin-left: -50px;
 }

 .contact-form .text-box h2 {
     margin: 0px 0px 20px;
 }

 .contact-form form .form-group label {
     color: var(--black-black-30, #77808B);
     font-family: Poppins;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     margin: 20px 0px 16px;
 }

 .contact-form form .form-group .form-control {
     border-radius: 8px;
     border: 1px solid #C5AE91;
     background-color: var(--z-white-fff, #FFF);
     color: var(--black-black-10, #A2A9B0);
     font-family: 'Raleway', sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 22px;
     height: 56px;
     padding-left: 14px;

 }

 .contact-form form .form-group .form-control::placeholder {
     color: var(--black-black-10, #A2A9B0);
 }

 .form-control:focus {
     box-shadow: none;
 }

 .form-select {
     background-image: url(../images/drop-arrow.svg);
     background-position: right 14px center;
     background-size: 25px 13px;
 }

 .contact-form form .form-group .msg-input {
     height: 150px;
 }

 .btn-absenden {
     color: #C5AE91;
     font-family: 'didot_lt_stdbold';
     font-size: 24px;
     border-radius: 6px;
     border: 1px solid #C5AE91;
     width: 128px;
     height: 53px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 700;
     line-height: 150%;
     margin-top: 20px;
 }