:root {
   --bs-primary-rgb: 227, 6, 19;
   --bs-secondary-color-rgb: 135, 135, 135;
   --bs-btn-close-bg: url('../images/close.png');
   /* --bs-modal-width: 900px; */
   /* --bs-emphasis-color-rgb: 227, 6, 19; */
}

body {
   position: relative;
   font-family: "Noto Sans Light", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Noto Sans Condensed", sans-serif;
}

h1,
h2 {
   color: rgb(135, 135, 135);
}


table tr td:first-child {
   vertical-align: top;
   padding-right: 1rem;
}

ul li::marker {
   color: rgb(var(--bs-primary-rgb));
}


a {
   color: rgb(18, 45, 121);
}

a:hover {
   background-color: rgb(230, 230, 230);
}

.language_de_selected {
   font-family: Noto Sans Bold;
   color: rgb(var(--bs-primary-rgb));
   padding: 0 5px;
}

.language_de_not_selected {
   font-family: Noto Sans Regular;
   color: black;
   padding: 0 5px;
}

a.language_de_not_selected {
   text-decoration: none;
}

.language_en_selected {
   font-family: Noto Sans Bold;
   color: rgb(var(--bs-primary-rgb));
   padding: 0 5px;
}

.language_en_not_selected {
   font-family: Noto Sans Regular;
   color: black;
   padding: 0 5px;
}

a.language_en_not_selected {
   text-decoration: none;
}

.language_de_not_selected:hover {
   background-color: white;
}

.language_en_not_selected:hover {
   background-color: white;
}

.experience {
   font-family: Noto Sans Condensed Bold;
   color: rgb(var(--bs-primary-rgb));
   font-size: 1.2rem;
   margin-bottom: 4rem;
}





#footerNavigation a {
   color: white;
}

#footerNavigation a:hover {
   background-color: rgb(var(--bs-primary-rgb));
}

#header {
   position: sticky;
   top: 0;
   z-index: 1;
}

.navbar-toggler-icon {
   background-image: url('../images/burger.png');
   border:none;
}

.navbar-toggler:focus {
   box-shadow: none;
}


.jv-btn-close {
   width: 6rem;
   /* height: 1rem; */
   /* padding: 0.4rem; */
   border: 0px;
   background: url('../images/close.svg');
   background-size: 15%;
   background-position: right;
   background-repeat: no-repeat;
   /* background-color: aquamarine; */
   text-align: left;
}



.active {
   background-color: #eeeeee;
}

.button {
   background-color: white;
   border: 1px solid rgb(var(--bs-primary-rgb));
   padding: 5px 30px;
   color: rgb(var(--bs-primary-rgb));
}

.button:hover {
   background-color: rgb(var(--bs-primary-rgb));
   color: white;
}

.content {
   display: block;
   background-color: white;
}

.first-section {
   padding-top:40px;
}

.section {
   padding-top: 30px;
}

.section-gray {
   padding-top: 80px;
   padding-bottom: 30px;
}

.section-white {
   padding-top: 80px;
}


.preheadline {
   font-family: Noto Sans Condensed Bold;
}


.subheadline {
   font-family: Noto Sans Condensed;
   font-size: 1.5rem;
}

.divider {
   width: 100%;
   max-width: none;
   text-align: center;
   border-top: 1px solid gray;
   margin-top: 4rem;
   margin-bottom: 1rem;
}

.dividerText {
   font-family: Noto Sans SemiBold;
   text-align: center;
   font-size: 1rem;
   background-color: white;
   margin-top: -1rem;
   margin-left: auto;
   margin-right: auto;
   padding: 0 10px;
}

.responsive-image {
   max-width: 100%;
   height: auto;
   /* display: block; */
   /* Verhindert zusätzliche Abstände unter dem Bild */
}

.kursiv {
   font-family: Noto Sans Light Italic;
}

.kursiv-bold {
   font-family: Noto Sans Condensed Bold Italic;
}

.kursiv-condensed {
   font-family: Noto Sans Condensed Italic;
}

.herztag-1 {
   font-family: Noto Sans Regular;
   font-size: 2rem;
}

.herztag-2 {
   font-family: Noto Sans Bold;
   font-size: 4rem;
}

.modal-dialog {
   max-width: 1200px;
}

.modal-dialog-small {
   max-width: 755px;
}

.form-modal {
   max-width: 600px;
   /* background-color: aquamarine; */
}

#kontaktmail-form label {
   padding-right: 1rem;
}

#kontaktmail-form input,
#kontaktmail-form textarea {
   margin-right: 0.5rem;
   border: 1px solid rgb(var(--bs-primary-rgb));
}

#kontaktmail-form textarea {
   width: 100%;
   height: 8rem;
}


.input-text {
   width: 100%;
}

.border-left-optional {
   border-left: 1px solid gray;
}

.phone {
   max-width: 400px;
}


/* +++++++++++++++ Media queries +++++++++++++++++ */


@media (max-width: 1199px) {
   .border-left-optional {
      border-left: 0px solid gray;
   }
}

.border-left-optional-modal {
   border-left: 1px solid gray;
}


@media (max-width: 767px) {
   .border-left-optional-modal {
      border-left: 0px solid gray;
   }

}

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

@media (max-width: 576px) {
   .align-dynamic {
      text-align: left;
   }

}


@media (max-width: 576px) {
   .trailer {
      margin-left: 1rem;
   }
}
@media (min-width: 577px) {
   .trailer {
      margin-left: 7rem;
   }
}


@media (max-width: 992px) {
   .trailer {
      margin-left: 1rem;
   }

   .mt-media-1 {
      margin-top: 1rem;
   }

   .mt-media-2 {
      margin-top: 2rem;
   }

   .mb-media-2 {
      margin-bottom: 2rem;
   }

   .responsive-reverse {
      display: flex;
   }

   .mobile-only {
      display:block;
      margin-top: 2rem;
   }

   .desktop-only {
      display:none  !important;
   }

   .claim-wrapper-media{
      justify-content: start;
   }
   
   .section-herztag {
      padding-top: 0px;
   }
}



@media (min-width: 993px) {
   .trailer {
      margin-left: 7rem;
   }

   
   .mt-media-2 {
      margin-top: 4rem;
   }

   .mobile-only {
      display:none !important;
   }

   .desktop-only {
      display:block;
   }

   .claim-wrapper-media{
      justify-content: end;
   }

}