/*
Theme Name: Knittelsheimer Muehle oHG
Author:Locke
Author URI: https://marcdasing.de
Description: Mühlentheme
Version: 1.0
*/
/*Fonts*/
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/rubik-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-italic - 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: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/rubik-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/rubik-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-500italic - 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: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/rubik-v31-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Global */
html, body {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: Rubik, sans-serif;
  background-color: #99A28E;
}
main {
  background-color: #99A28E;
}
* {
  box-sizing: border-box;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: 500;
}
h2 {
  font-size: 50px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
h3 {
  font-size: 30px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
  margin-bottom: 0;
}
h3 a {
  color: black;
  text-decoration: none;
  transition: color 0.4s ease;
}
h3 a:hover {
  color: #fff;
}
strong {
  font-weight: 500;
}
::placeholder {
  color: #000;
}
input:focus::placeholder {
  color: #99A28E;
}
textarea:focus::placeholder {
  color: #99A28E;
}
button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  font-style: italic;
  color: inherit;
  cursor: pointer;
  font-size: 30px;
  transition: color 0.4s ease;
}
button:hover {
  color: #fff
}
.mobile-header {
  display: none;
}
/* Website Desktop Startseite */
@media (min-width: 1025px) {
  main.mobile {
    display: none;
  }
  #mobilefooter {
    display: none;
  }
  /*Header*/
  .ssc-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    display: flex;
    align-items: center;
    transition: transform .3s ease;
    border-bottom: 5px solid #000;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 7px 4%;
  }
  .menu-toggle, .mobile-menu {
    display: none;
  }
  .ssc-header ul {
    display: flex;
    justify-content: space-between;
    flex: 1;
    padding-left: 0px;
    margin: 0.8rem;
  }
  .ssc-header ul li {
    font-weight: 871;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 20px;
    list-style-type: none;
  }
  .ssc-header.hidden {
    transform: translateY(calc(-100% + 4px));
  }
  .ssc-logo {
    white-space: nowrap;
  }
  .logo svg {
    fill: #000;
    width: 385px;
    transition: color 0.2s ease;
  }
  .logo:hover svg {
    fill: #99A28E;
    width: 385px;
  }
  .logoactive svg {
    fill: #99A28E;
    width: 385px;
    transition: color 0.2s ease;
  }
  .logoactive:hover svg {
    fill: #000;
    width: 385px;
  }
  .ssc-header a {
    color: #000;
    text-decoration: none;
    position: relative;
    transition: color 0.2s ease;
  }
  .ssc-header a:hover {
    color: #99A28E;
  }
  .ssc-header a span {
    display: inline-block;
  }
  .ssc-header a.active {
    color: #99A28E !important;
  }
  /*Sticky Images*/
  .ssc {
    border-bottom: 5px solid black;
    background-color: #99A28E;
  }
  .ssc .sticky-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .ssc .carousel {
    position: sticky;
    top: 0;
    height: 100vh;
  }
  .ssc .carousel-inner {
    position: relative;
    height: 100%;
  }
  .ssc .carousel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  .ssc .carousel img.active {
    opacity: 1;
  }
  .ssc .content {
    background-color: #99A28E;
    margin-top: 65px;
    padding: 0 50px 0 50px;
  }
  .ssc .content-section {
    min-height: 100vh;
    border-bottom: 5px solid #000;
    font-weight: 400;
    color: #000;
    font-size: 30px
  }
  .ssc .content-section h2 {
    font-size: 50px;
    font-weight: 400;
    color: #000;
    margin: 50px 0 20px 0;
  }
  .ssc .content-section a {
    color: #024a3e;
    text-decoration: underline;
    text-decoration-thickness: 1.9px;
  }
  .ssc .content-section:first-child h2 {
    font-size: 50px
  }
  .ssc .content-section:last-child {
    border-bottom: none;
  }
  /*Ticker*/
  .ticker-outer {
    margin-top: -60px;
    background-color: #fff;
  }
  .ticker-wrapper {
    width: 100vw;
    overflow: hidden;
    height: 140px;
  }
  .ticker {
    background-color: #7e8b81;
    rotate: 1.5deg;
    padding: 25px;
    transform: translate(-5px, 30px);
    width: 110vw;
    overflow: hidden;
  }
  .ticker a {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .ticker-text a:hover span {
    color: #000;
    text-decoration: none;
  }
  .ticker a:hover {
    color: #000;
  }
  .ticker-track {
    display: flex;
    width: max-content;
    animation: scroll 18s linear infinite;
    align-items: center;
      will-change:transform;
    transform:translateZ(0);
    backface-visibility:hidden;
  }
  @keyframes scroll {
    from {
        transform: translate3d(0,0,0);
    }
    to {
        transform: translate3d(-50%,0,0);
    }
}
  .ticker span {
    white-space: nowrap;
    font-size: 30px;
    color: #fff;
    transition: color 0.2s ease;
  }
  .separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 25px;
    font-size: 0.8em;
  }
  .separator img {
    width: 50px;
    transform: translate(0, -2px);
  }
  /*HoverImagesMenu*/
  .hover-lines-header {
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 50px;
  }
  .hover-lines-header h2 {
    font-size: 50px;
    font-weight: 400;
    color: #000;
    margin: 0;
  }
  .hover-lines {
    width: 100vw;
    display: flex;
    flex-direction: column;
    font-size: 30px;
    font-weight: 400;
    padding: 0px 50px 30px 50px;
    background-color: #fff;
  }
  .line {
    padding: 16px 40px;
    background: #fff;
    color: #000;
    border-bottom: 5px solid #000;
    transition: background 0.4s ease;
    display: block;
    text-decoration: none;
  }
  .line:last-child {
    border-bottom: none;
  }
  .line:hover {
    background: #99A28E;
    color: #fff;
  }
  .preview {
    position: fixed;
    left: calc(100vw - 450px);
    width: 400px;
    height: 250px;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.4s ease, top 0.15s ease;
  }
  .preview img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .preview img.active {
    opacity: 1;
  }
  .more_lines {
    background-color: #fff;
    padding: 0 50px 50px 50px;
  }
  .more_lines p {
    font-size: 30px;
    margin: 0;
  }
  .more_lines p a {
    text-decoration: none;
    color: black;
    transition: color 0.2s ease;
  }
  .more_lines p a:hover {
    color: #99A28E
  }
  /*OpenStreetMaps*/
  #map {
    border-top: solid 5px black;
    height: 250px;
    font-family: Rubik;
  }
  /*Kontakt*/
  .kontakt {
    margin: 100px 50px 50px 50px;
  }
  .field {
    border: 0px;
  }
  .contact-section {
    padding: 0;
    background: #99A28E;
  }
  .contact-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
  .contact-bild img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .contact-form {
    margin: 65px 50px 0 50px;
  }
  .contact-text h2 {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .contact-text {
    font-weight: 400;
    color: #000;
    font-size: 30px;
    margin: 50px 0 50px 0;
  }
  .contact-form .wpcf7 {
    padding-right: 0px;
  }
  .wpcf7 input {
    color: black;
    width: 100%;
    padding: 16px 40px;
    border: 0;
    border-bottom: 5px solid black;
    background: #99A28E;
    font-size: 30px;
    margin: 0;
    font-weight: 400;
    transition: background 0.2s ease;
  }
  .wpcf7 textarea {
    resize: vertical;
    color: black;
    width: 100%;
    padding: 16px 40px;
    border: 0;
    border-bottom: 5px solid black;
    background: #99A28E;
    font-size: 30px;
    margin: 0;
    font-weight: 400;
    transition: background 0.2s ease;
    height: 200px;
  }
  .wpcf7 input:hover, .wpcf7 textarea:hover {
    background: #fff;
    outline: none;
  }
  .wpcf7 input:focus, .wpcf7 textarea:focus {
    color: #000;
    background: #fff;
    outline: none;
  }
  .wpcf7 input[type="submit"] {
    background: #99A28E;
    color: #000;
    border: none;
    cursor: pointer;
    font-weight: 500;
    padding: 14px 20px;
    transition: background 0.2s ease;
    text-align: left;
    padding: 16px 40px;
  }
  .wpcf7 input[type="submit"]:hover {
    background: #fff;
  }
  .wpcf7-not-valid-tip {
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    display: block !important;
    margin: 16px 40px;
  }
  .wpcf7-response-output {
    margin: 16px 0 50px 40px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 30px;
    font-weight: 400;
  }
  #main_einblicke {
    padding-top: 65px;
  }
  /*Einblicke*/
  .einblicke {
    padding: 0px 50px 0 50px;
    margin: 50px 0 0 0;
  }
  .highlight {
    margin: 50px;
    padding-bottom: 50px;
    background-color: #7e8b81;
  }
  .highlight-inner {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: start;
    padding: 50px 50px 0 50px;
  }
  .highlight-content {
    margin-left: 25px;
  }
  .highlight-label {
    font-size: 30px;
    font-weight: 400;
  }
  .highlight-label a {
    text-decoration: none;
    color: black;
    transition: color 0.2s ease;
  }
  .highlight-label a:hover {
    color: white;
  }
  .highlight-label h2 {
    font-size: 50px;
    font-weight: 400;
    margin: 0px 0 20px 0;
  }
  .highlight-card {
    display: block;
    text-decoration: none;
    color: inherit;
  }
  .highlight-card .image {
    width: 100%;
    height: 260px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }
  .highlight-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
  }
  .highlight-card:hover img {
    transform: scale(1.05);
  }
  .highlight-card h2 {
    font-size: 28px;
    line-height: 1.25;
  }
  .grid {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 50px;
    margin-bottom: -50px;
    position: relative;
  }
  .grid-item {
    width: 50%;
    padding: 0 25px 50px;
    box-sizing: border-box;
  }
  .divider {
    opacity: 1;
    height: 5px;
    background: #000d;
    margin-top: 50px;
  }
  .grid-item.last-row .divider {
    opacity: 0;
  }
  .grid-item.featured .image {
    width: 100%;
    height: 260px;
    overflow: hidden !important;
    margin-bottom: 25px;
  }
  .grid-item .image {
    width: 100%;
    height: 260px;
    margin-bottom: 25px;
    overflow: hidden;
  }
  .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform-origin: center center;
    transition: transform 0.4s ease;
  }
  .grid-item:hover img {
    transform: scale(1.05);
  }
  .card .content {
    padding-top: 0px;
  }
  .card .content h3 {
    color: black;
    transition: color 0.4s ease;
  }
  .card .content h3:hover {
    color: white;
  }
  .card .content h3 a {
    color: black;
    text-decoration: none;
    transition: color 0.4s ease;
  }
  .card .content h3 a:hover {
    color: white;
  }
  .meta {
    font-size: 12px;
    color: #888;
    margin-bottom: 5px;
  }
  .filter {
    margin: 0;
    font-size: 30px;
  }
    .pagination{
        padding: 50px;
  background-color: #fff;
  border-top: 5px solid black;
        text-align: center;
        font-size:30px;
        font-style: italic
    }
     .pagination a{
       text-decoration:none;
         color:black;
             transition: color 0.4s ease;

    }
     .pagination a:hover{
      color:#7e8b81;

    }
    .pagination .current{
color: #7e8b81;    }
  /*Über*/
  .ueber_wrapper {}
  .wir-section {
    margin: auto;
    padding: 115px 50px 50px 50px;
    position: relative;
  }
  .team {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 65px;
  }
  .team_bild {
    margin-top: 65px;
  }
  .team img {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
    transform: rotate(-3deg);
    z-index: 1;
    margin-bottom: 30px;
  }
  .team_text {
    position: relative;
  }
  .team_text_wrapper {
    font-size: 30px;
    color: #111;
    position: relative;
    z-index: 2;
  }
  .team_text_wrapper h2 {
    margin-bottom: 25px;
  }
  /*Slider Nachhaltigkeit*/
  .slider {
    position: relative;
    overflow: hidden;
    padding: 50px 0 50px 0;
    border-top: 5px solid black;
    background-color: #fff;
  }
  .slider h2 {
    margin-bottom: 50px;
    margin-left: 50px;
  }
  .slider-track {
    display: flex;
    transition: transform .8s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
    width: 100%;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
  }
  .slider-track:active {
    cursor: grabbing;
  }
  .slide {
    padding: 0px 50px 0px 50px;
    min-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 50px;
    user-select: none;
    -webkit-user-select: none;
  }
  .slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none
  }
  .slide-text {
    font-size: 30px;
    color: #111;
    position: relative;
    z-index: 2;
    transform: none;
    user-select: none;
    -webkit-user-select: none;
  }
  .slide-text h3 {
    margin-top: 0px;
  }
  .slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 50px;
  }
  .slider-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #99A28E;
    cursor: pointer;
    padding: 0;
  }
  .slider-dots button.active {
    background: #000;
  }
  .nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #99A28E;
    color: #fff;
    border: none;
    font-size: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
  }
  .slider button:hover {
    color: #000
  }
  .prev {
    left: 20px
  }
  .next {
    right: 20px
  }
  /*Angebote*/
  .section-wrap {
    height: 300vh;
    position: relative;
  }
  .horizontal-scroll {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
  }
  .angebote-track {
    height: 100%;
    display: flex;
    will-change: transform;
  }
  .angebote-track .panel {
    width: max-content;
    min-width: auto;
    flex: 0 0 auto;
    height: 100%;
    padding: 65px 50px 50px 50px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .angebote-track .panel:nth-child(1) {
    background: #99A28E;
  }
  .angebote-track .panel:nth-child(2) {
    background: #fff;
  }
  .angebote-track .panel:nth-child(3) {
    background: #99A28E;
  }
  .angebote-track .panel-label {
    position: relative;
    z-index: 2;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 50px;
  }
  .angebote-track .panel h2 {
    font-size: clamp(42px, 7vw, 110px);
    line-height: .95;
    max-width: 900px;
    margin-bottom: 120px;
    font-weight: 600;
    color: #bdb4a5;
  }
  .angebote-track .angebote-cards {
    position: relative;
    z-index: 1;
    align-items: stretch;
    display: flex;
    gap: 50px;
    overflow: visible;
  }
  .angebote-track .card {
    width: calc(50vw - 75px);
    min-height: 460px;
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: none;
  }
  .angebote-track .card:nth-child(even) {
    transform: none;
  }
  .card-image-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 260px;
    cursor: pointer;
  }
  .card-image-wrap img.card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .card-image-wrap img.card-image:hover {
    transform: scale(1.05);
  }
  .angebote-track .angebote-card-content {
    padding: 25px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
  }
  .angebote-track .card p {
    font-weight: 400;
    color: #000;
    font-size: 30px;
    margin-top: 25px;
  }
  .angebote-track .status {
    margin-top: 22px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .45;
  }
  .angebote-track .big-word h2 {
    font-size: 50px;
    font-weight: 400;
    color: #000;
    margin: 50px 0 25px 0;
  }
  .angebote-track .intro {
    position: absolute;
    top: 60px;
    left: 80px;
    max-width: 520px;
    line-height: 1.7;
    opacity: .7;
  }
  /*Footer*/
  #footer {
    display: flex;
    justify-content: space-between;
    padding: 50px;
    border-top: 5px solid #000;
    background: #99A28E;
  }
  #footer p {
    margin: 0 0 5px 0
  }
  #footer a {
    color: #000;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  #footer a:hover {
    color: #fff;
    transition: color 0.2s ease;
  }
  #footer_light {
    display: flex;
    justify-content: space-between;
    padding: 50px;
    border-top: 5px solid #000;
    background: #fff;
  }
  #footer_light p {
    margin: 0 0 5px 0
  }
  #footer_light a {
    color: #000;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  #footer_light a:hover {
    color: #99A28E;
    transition: color 0.2s ease;
  }
  .footer-left, .footer-right {
    font-size: 30px;
    white-space: nowrap;
  }
  /*Single Einblicke*/
  .einblick-single {
    background: #99A28E;
    color: #000;
    padding: 0px 50px 0px 50px;
  }
  .einblick-header {
    padding-top: 50px;
  }
  .einblick-header-image {
    display: block;
    width: 100%;
    height: 50vh;
    overflow: hidden;
  }
  .einblick-header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .einblick-header-image img:hover {
    transform: scale(1.05);
  }
  .einblick-header-content {
    margin-top: 50px
  }
  .einblick-header-content h2 {
    margin-bottom: 25px;
  }
  .einblick-header-content h2 a {
    font-size: 50px;
    color: black;
    text-decoration: none;
    transition: color 0.4s ease;
  }
  .einblick-header-content h2 a:hover {
    color: #fff;
  }
  .einblick-header-content h3 a {
    color: black;
    text-decoration: none;
    transition: color 0.4s ease;
  }
  .einblick-header-content h3 a:hover {
    color: #fff;
  }
  .einblick-meta {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .5;
    margin-bottom: 24px;
  }
  .einblick-title {
    font-size: clamp(48px, 8vw, 120px);
    line-height: .92;
    font-weight: 600;
  }
  .einblick-subtitle {
    margin-top: 40px;
    max-width: 720px;
    font-size: 22px;
    line-height: 1.5;
    opacity: .75;
  }
  /* CONTENT */
  .einblick-content-wrap {
    padding: 0 0 25px 0;
    font-size: 30px;
  }
  .einblick-content {
    max-width: 960px;
  }
      .einblick-content a{
font-size: 25px;
    color: black;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.4s ease;
  }
     .einblick-content a:hover{
    color: white;
  }
  .einblick-content p {
    margin: 0px 0 25px 0;
  }
  .einblick-content h2, .einblick-content h3 {
    margin: 2em 0 .7em;
    line-height: 1.1;
  }
  /* GALERIE */
  .einblick-gallery-wrap {
    padding: 50px 0 0 0;
    border-top: 5px solid black;
  }
  .einblick-gallery-wrap h3 {
    margin: 0 0 25px 0;
  }
  .einblick-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    margin: 0 0 50px 0;
  }
  .einblick-gallery-item {
    display: block;
    overflow: hidden;
  }
  .einblick-gallery-item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .einblick-gallery-item img:hover {
    transform: scale(1.05);
  }
  /* NAV */
  .einblick-nav-wrap {
    padding: 0;
    background-color: #fff;
  }
  .einblick-nav-wrap.mobile {
    display: none;
  }
  .einblick-nav-inner {
    margin: 0 auto;
    padding: 50px;
    border-top: 5px solid black;
    display: flex;
    justify-content: space-between;
    gap: 50px;
  }
  .einblick-nav-inner a {
    color: #000;
    text-decoration: none;
    font-size: 30px;
    transition: color 0.4s ease;
  }
  .einblick-nav-inner a:hover {
    color: #99A28E;
  }
  /*Single Angebot*/
  #main_angebot_single {
    padding-top: 0px;
  }
  .angebot-single {
    background: #99A28E;
    color: #000;
    padding: 0px;
  }
  .angebot-header {
    padding: 115px 50px 0px 50px;
  }
  .angebot-card-image-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 325px;
    cursor: pointer;
  }
  .angebot-card-image-wrap img.card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .angebot-header-image {
    display: block;
    width: 100%;
    height: 50vh;
    overflow: hidden;
  }
  .angebot-header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .angebot-header-image img:hover {
    transform: scale(1.05);
  }
  .angebot-header-content {
    margin: 50px 50px 0 0;
  }
  .angebot-header-content h2 {
    margin-bottom: 25px;
  }
  .angebot-header-content h2 a {
    font-size: 50px;
    color: black;
    text-decoration: none;
    transition: color 0.4s ease;
  }
  .angebot-header-content h2 a:hover {
    color: #fff;
  }
  .angebot-header-content h3 a {
    color: black;
    text-decoration: none;
    transition: color 0.4s ease;
  }
  .angebot-header-content h3 a:hover {
    color: #fff;
  }
  .angebot-meta {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .5;
    margin-bottom: 24px;
  }
  .angebot-title {
    font-size: clamp(48px, 8vw, 120px);
    line-height: .92;
    font-weight: 600;
  }
  .angebot-subtitle {
    margin-top: 40px;
    max-width: 720px;
    font-size: 22px;
    line-height: 1.5;
    opacity: .75;
  }
  /* CONTENT */
  .angebot-content-wrap {
    padding: 0 0 0 50px;
    font-size: 30px;
    margin: 0 0 50px 0
  }
  .angebot-content-wrap h2 {
    margin: 0 50px 25px 50px;
  }
  .angebot-content-wrap_2 {
    padding: 50px 0 0 0;
    font-size: 30px;
    margin: 0 50px 50px 50px;
    border-top: 5px solid black;
  }
  .angebot-content-wrap_2 h2 {
    margin: 0 50px 25px 0;
  }
  .angebot-content {
    max-width: 960px;
    margin: 0 50px 0 0;
  }
  .angebot-content a {
    color: #000;
    transition: color 0.4s ease;
  }
  .angebot-content a:hover {
    color: #fff
  }
  .angebot-content p {
    margin: 0px 0 25px 0;
  }
    .angebot-content p b{
   font-weight:500; 
  }
  .angebot-content h2, .angebot-content h3 {
    margin: 2em 0 .7em;
    line-height: 1.1;
  }
  /* GALERIE */
  .angebot-gallery-wrap {
    margin: 50px;
    border-top: 5px solid black;
    padding-top: 50px;
  }
  .angebot-gallery-wrap h3 {
    margin: 0 0 25px 0;
  }
  .angebot-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    margin: 0 0 50px 0;
  }
  .angebot-gallery-item {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 260px;
  }
  .card-image-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    color: white;
    font-size: 30px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
    z-index: 2;
  }
  .angebot-gallery-item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .angebot-gallery-item img:hover {
    transform: scale(1.05);
  }
  /* NAV */
  .angebot-nav-wrap {
    padding: 0;
    background-color: #fff;
  }
  .angebot-nav-inner {
    margin: 0 auto;
    padding: 50px;
    border-top: 5px solid black;
    display: flex;
    justify-content: space-between;
    gap: 50px;
  }
  .angebot-nav-inner a {
    color: #000;
    text-decoration: none;
    font-size: 30px;
    transition: color 0.4s ease;
  }
  .angebot-nav-inner a:hover {
    color: #99A28E;
  }
  /*Rechtliches*/
  .rechtliches-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin: 0 auto;
    background: #fff;
    color: #000;
  }
  .rechtliches-sidebar {
    height: 100%;
    padding: 0 0 50px 50px;
  }
  .rechtliches-sticky {
    position: sticky;
    top: 115px;
  }
  .rechtliches-box {
    font-size: 30px;
    margin-top: 25px;
  }
  .rechtliches-box p {
    margin-bottom: 25px;
    margin-top: 0px;
  }
  .rechtliches-box a {
    color: #111;
    text-decoration: none;
  }
  .rechtliches-content {
    padding: 115px 50px 0 50px;
  }
  .rechtliches-section {
    padding-bottom: 25px;
    margin-bottom: 50px;
    border-bottom: 5px solid black;
    margin-top: 25px;
  }
  .rechtliches-section:last-child {
    border-bottom: none;
  }
  .rechtliches-text {
    font-size: 30px;
  }
  .rechtliches-text p {
    margin-bottom: 25px;
    margin-top: 0px;
  }
  .rechtliches-text ul {
    padding-left: 20px;
    margin-bottom: 1.5em;
  }
  .rechtliches-text li {
    margin-bottom: .5em;
  }
    .rechtliches-website-text {
    font-size: 30px;
        margin-bottom:50px; 
        padding-bottom:50px;
        border-bottom:5px solid black;
  }
      .rechtliches-website-text a{
         color: #000;
    text-decoration: none;
    font-size: 30px;
    transition: color 0.4s ease;
  }
  .rechtliches-website-text a:hover {
    color: #fff; 
  }
}
/* Website Mobile Startseite */
@media (max-width:1024px) {
  /*Header*/
  .ssc-header {
    display: none
  }
  .mobile-header {
    --logo-width: 210px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 25px;
    border-bottom: 5px solid #000;
    margin: 0px;
    list-style-type: none;
  }
  .mobile-logo svg {
    width: var(--logo-width);
    height: auto;
    display: block;
  }
  button:hover {
    color: #000
  }
  .menu-toggle {
    padding: 0;
    margin: 0;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-toggle svg {
    width: calc(var(--logo-width) * 0.15);
    height: auto;
    display: block;
  }
  .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #99A28E;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease;
  }
  .mobile-menu.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .mobile-menu a {
    color: #000;
    text-decoration: none;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 5px solid black;
    padding-bottom: 15px;
    margin-bottom: 12px;
  }
  .mobile-menu a.active {
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 5px solid black;
    padding-bottom: 15px;
    margin-bottom: 12px;
  }
  .mobile-menu a:last-child {
    border-bottom: none;
  }
  body.menu-open {
    overflow: hidden;
  }
  .menu-close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 40px;
    cursor: pointer;
  }
  /*main*/
  main.desktop {
    display: none;
  }
  #footer {
    display: none;
  }
  /*Startslider*/
  .ssc-mobile-carousel {
    position: relative;
    width: 100%;
    height: 50vh;
    overflow: hidden;
    border-bottom: 5px solid black;
  }
  .ssc-mobile-track {
    display: flex;
    height: 100%;
    transition: transform .4s ease;
    touch-action: pan-y;
    will-change: transform;
  }
  .ssc-mobile-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .ssc-mobile-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
    z-index: 1;
  }
  .ssc-mobile-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
  }
  .ssc-mobile-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .5);
            cursor:pointer;

  }
  .ssc-mobile-dot.active {
    background: #fff;
  }
  .ssc-mobile-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0));
    z-index: 5;
  }
  .ssc-mobile-slide-content {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 40px;
    z-index: 10;
    color: #fff;
  }
  .ssc-mobile-slide-content h3 {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: 400;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
    color: #fff;
    white-space: normal;
  }
  .ssc-mobile-slide-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.35;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
    color: #fff
  }
  /*Ticker*/
  .ticker-outer {}
  .ticker-wrapper {
    width: 100vw;
    overflow: hidden;
  }
  .ticker {
    width: 100vw;
    overflow: hidden;
    position: relative;
    background-color: #7e8b81;
  }
  .ticker a {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s ease;
    font-size: 15px;
    font-weight: 500;
  }
  .ticker-text a:hover span {
    color: #000;
    text-decoration: none;
  }
  .ticker a:hover {
    color: #000;
  }
  .ticker-track {
    display: flex;
    width: max-content;
    animation: scroll 18s linear infinite;
    align-items: center;
    background-color: #7e8b81;
    padding: 15px 0 15px 0;
    will-change: transform;
    transform:translateZ(0);
    backface-visibility:hidden;
  }
  @keyframes scroll {
    from {
        transform: translate3d(0,0,0);
    }
    to {
        transform: translate3d(-50%,0,0);
    }
}
  .mobileticker span {
    white-space: nowrap;
    font-size: 30px;
    color: #fff;
    transition: color 0.2s ease;
  }
  .separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    font-size: 0.8em;
  }
  .separator img {
    width: 50px;
    transform: translate(0, 2px);
  }
  /*Einblicke*/
  .einblicke-headline {}
  .einblicke-headline h2 {
    padding: 25px 0 15px 25px;
    font-size: 25px;
    font-weight: 500;
    background-color: #fff;
  }
  .einblicke-headline h3 {
    font-size: 15px;
  }
  .einblicke-headline a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
  }
  ul.einblicke-wrapper {
    padding: 0;
    margin: 0;
    list-style-type: none;
    background-color: #fff
  }
  ul.einblicke-wrapper li {
    border-bottom: 5px solid black;
    margin: 0 25px 0 25px;
    padding: 15px 0 15px 0px;
  }
  ul.einblicke-wrapper li:nth-child(odd) {}
  ul.einblicke-wrapper li:nth-child(even) {}
  ul.einblicke-wrapper li:last-child {
    border-bottom: none;
    margin: 0 25px 0 25px;
  }
  .einblicke-image-wrapper img {
    width: 100%;
    object-fit: cover;
    height: 260px;
  }
  .more_lines {
    background-color: #fff;
    padding: 15px 25px 25px 25px;
    border-bottom: 5px solid black;
  }
  .more_lines p {
    margin: 0;
  }
  .more_lines p a {
    color: black;
    text-decoration: none;
  }
  /*Leaflet*/
  #mobilemap {
    height: 150px;
    font-family: Rubik;
    border-bottom: 5px solid black;
  }
  /*angebot*/
  .angebotwrapper {
    padding-top: 90px;
  }
  .angebot {
    padding: 25px 25px 0 25px;
    border-bottom: 5px solid black;
  }
  .angebot:nth-child(2) {
    background: #fff;
  }
  .angebot:last-child {
    margin: 0;
  }
  .big-word {
    margin-bottom: 25px;
  }
  .big-word h2 {
    font-size: 20px;
  }
  .card {
    margin-bottom: 25px;
    border-bottom: 5px solid black;
  }
  .card:last-child {
    border-bottom: none
  }
  .card-image-wrap {
    height: 160px;
    overflow: hidden;
  }
  .card-image {
    display: block;
  }
  .card-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
    .angebot-card-image-wrap{
        width:100%;
        height:260px;
        overflow:hidden;
    }
     .angebot-card-image-wrap img{
         width: 100%;
    height: 100%;
    object-fit: cover;
    }
  .angebote-card-content {
    margin: 15px 0 25px 0;
  }
  .angebote-card-content div p {
    margin: 0px 0 15px 0;
    font-weight: 500;
    font-size: 15px;
  }
  .angebote-card-content div h3 {
    margin: 0px 0 15px 0;
    font-size: 25px;
  }
  /*Single Angebot*/
  .angebot-header {
    margin: 115px 25px 25px 25px;
  }
  .angebot-gallery-item img {
    width: 100%
  }
  .angebot-header-content h3 {
    font-size: 25px;
    margin: 15px 0 15px 0;
  }
  .angebot-content-wrap {
    border-bottom: 5px solid black;
  }
  .angebot-content-wrap_2 {
    margin: 0;
    padding: 0;
    border-bottom: 5px solid black;
  }
  .angebot-content-wrap_2 a {
    color: #000
  }
  .angebot-content-wrap_2 h3 {
    white-space: normal;
    font-size: 25px;
    font-weight: 500;
    padding: 0 25px 0 25px;
    margin: 25px 0 15px 0;
  }
  .angebot-content {
    padding: 0px 25px 25px 25px;
    font-weight: 500;
    font-size: 15px;
  }
  .angebot-content p {
    margin: 0px 0 15px 0;
    font-weight: 500;
    font-size: 15px;
  }
  .angebot-content p:last-child {
    margin: 0;
  }
  .angebot-gallery-wrap {
    border-bottom: 5px solid black;
    background-color: #fff;
    padding-top: 25px;
  }
  .angebot-gallery-wrap h3 {
    font-size: 25px;
    margin: 0 25px 25px 25px;
    white-space: normal;
  }
  .angebot-gallery-wrap_2 {
    border-bottom: 5px solid black;
    background-color: #fff;
    padding-top: 25px;
  }
  .angebot-gallery-wrap_2 h3 {
    font-size: 25px;
    margin: 0 25px 25px 25px;
    white-space: normal;
  }
  .mobile-carousel {
    position: relative;
    overflow: hidden;
    margin: 25px;
  }
  .mobile-track {
    display: flex;
    touch-action: pan-y;
    will-change: transform;
  }
  .mobile-slide {
    flex: 0 0 100%;
    width: 100%;
    position: relative;
  }
  .mobile-slide img {
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
  }
  .mobile-caption {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 40px;
    z-index: 10;
    color: #fff;
    font-size: 15px;
    font-weight: 500
  }
  .mobile-dots {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
  }
  .mobile-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
  }
  .mobile-dot.active {
    background: #fff;
  }
  /*Einblicke*/
  .einblicke-wrapper {
    margin: 90px 0 0 0;
  }
  .einblicke {
    padding: 25px 25px 0 25px;
  }
  .highlight {
    padding: 25px 25px 25px 25px;
    border-bottom: 5px solid black;
    background-color: #7e8b81;
  }
  .highlight-content {
    margin-bottom: 15px;
  }
  .highlight h2 {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .highlight h3 {
    font-size: 25px;
    white-space: normal;
    margin: 5px 0 0 0;
  }
  .highlight .image {
    width: 100%;
    height: 160px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }
  .highlight .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .mobile-grid {
    display: block;
    box-sizing: border-box;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 25px;
    border-bottom: 5px solid black;
  }
  .mobile-grid-item {
    width: 100%;
    padding: 0 25px 25px 25px;
    box-sizing: border-box;
  }
  .mobile-divider {
    opacity: 1;
    height: 5px;
    background: #000;
    margin-top: 25px;
  }
  .mobile-grid-item.last-row {
  }
  .mobile-grid-item.last-row .mobile-divider {
      opacity:0;
    display: none;
  }
  .mobile-grid-item.featured .mobile-image {
    width: 100%;
    height: 160px;
    overflow: hidden !important;
    margin-bottom: 15px;
  }
  .mobile-grid-item .mobile-image {
    margin-bottom: 15px;
    width: 100%;
    height: 160px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }
  .mobile-grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform-origin: center center;
    object-position: center;
    transition: transform 0.4s ease;
  }
  .mobile-grid-item:hover img {
    transform: scale(1.05);
  }
  .mobile-card .mobile-content {
    padding-top: 0px;
  }
  .mobile-card .mobile-content h3 {
    font-size: 25px;
    color: black;
    transition: color 0.4s ease;
    white-space: normal;
  }
  .mobile-card .mobile-content h3:hover {
    color: white;
  }
  .mobile-card .mobile-content h3 a {
    color: black;
    text-decoration: none;
    transition: color 0.4s ease;
  }
  .mobile-card .mobile-content h3 a:hover {
    color: white;
  }
  .mobile-meta {
    font-size: 12px;
    color: #888;
    margin-bottom: 5px;
  }
  .mobile-filter {
    margin: 0;
    font-size: 20px;
  }
    .pagination{
text-align:center;
    padding:25px; 
        border-bottom: 5px solid black;
        background-color: #fff;
        font-size:15px;
        font-weight: 500; 
    }
     .pagination a{
color: black;
         text-decoration: none;
         font-weight:300;
         font-size:15px;
    } 
    .current{
color: #7e8b81;
        font-weight:500;
         font-size:15px;
    }
    .pagination .prev{
        font-weight:500;
    font-size:15px;
    }
  button {
    font-size: 20px;
  }
  /*Sinle Einblicke*/
  .einblick-nav-wrap.desktop {
    display: none;
  }
  .einblick-single {
    background: #99A28E;
    color: #000;
    padding: 90px 25px 0px 25px;
    border-bottom: 5px solid black;
  }
  .einblick-header {
    padding-top: 25px;
  }
  .einblick-header-image {
    display: block;
    width: 100%;
    height: 160px;
    overflow: hidden;
  }
  .einblick-header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .einblick-header-image img:hover {
    transform: scale(1.05);
  }
  .einblick-header-content {
    margin-top: 0px
  }
  .einblick-header-content h2 {
    margin-bottom: 25px;
  }
  .einblick-header-content h2 a {
    font-size: 25px;
    color: black;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.4s ease;
  }
  .einblick-header-content h2 a:hover {
    color: #fff;
  }
  .einblick-header-content h3 {
    color: black;
    font-size: 25px;
    text-decoration: none;
    transition: color 0.4s ease;
    margin-bottom: 15px;
    margin-top: 15px;
    white-space: normal;
  }
  .einblick-header-content h3 a:hover {
    color: #fff;
  }
  .einblick-meta {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .5;
    margin-bottom: 24px;
  }
  .einblick-title {
    font-size: clamp(48px, 8vw, 120px);
    line-height: .92;
    font-weight: 600;
  }
  .einblick-subtitle {
    margin-top: 40px;
    max-width: 720px;
    font-size: 22px;
    line-height: 1.5;
    opacity: .75;
  }
  /* CONTENT */
  .einblick-content-wrap {
    padding: 0 0 25px 0;
    font-size: 15px;
    font-weight: 500;
  }
  .einblick-content {
    max-width: 960px;
  }
    .einblick-content a{
font-size: 15px;
    color: black;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.4s ease;
  }
     .einblick-content a:hover{
    color: white;
  }
  .einblick-content p {
    margin: 0px 0 25px 0;
  }
  .einblick-content p:last-child {
    margin: 0;
  }
  .einblick-content h2, .einblick-content h3 {
    margin: 2em 0 .7em;
    line-height: 1.1;
  }
  /* GALERIE */
  .einblick-gallery-wrap {
    padding: 15px 0 0 0;
    border-top: 5px solid black;
  }
  .einblick-gallery-wrap h3 {
    margin: 0 0 15px 0;
    font-size: 25px;
  }
  .einblick-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin: 0;
    padding-bottom: 25px;
  }
  .einblick-gallery-item {
    display: block;
    overflow: hidden;
    height: 160px;
    width: calc(50vw - 40px);
  }
  .einblick-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .einblick-gallery-item img:hover {
    transform: scale(1.05);
  }
  /* NAV */
  .einblick-nav-wrap {
    padding: 0;
    background-color: #fff;
  }
  .einblick-nav-wrap.mobile {
    display: none;
  }
  .einblick-nav-inner {
    margin: 0 auto;
    padding: 50px;
    border-top: 5px solid black;
    display: flex;
    justify-content: space-between;
    gap: 50px;
  }
  .einblick-nav-inner a {
    color: #000;
    text-decoration: none;
    font-size: 30px;
    transition: color 0.4s ease;
  }
  .einblick-nav-inner a:hover {
    color: #99A28E;
  }
  /*Ueber*/
  .ueber_wrapper {
    padding: 90px 0px 0 0px;
  }
  .wir-section {
    padding: 0 25px 0 25px;
  }
  .team_bild {
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin-top: 25px
  }
  .team_bild img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .team {
    padding-bottom: 25px;
  }
  .team h3 {
    font-size: 25px;
    margin: 15px 0 15px 0;
  }
  .team_text_wrapper {
    font-size: 15px;
    font-weight: 500;
  }
  .slider {
    position: relative;
    overflow: hidden;
    border-top: 5px solid black;
    border-bottom: 5px solid black;
    background-color: #fff;
    width: 100%;
  }
  .slider h2 {
    margin: 25px 25px 0 25px;
    font-size: 20px;
  }
  .slider-track {
    display: flex;
    transition: transform .8s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
    width: 100%;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
  }
  .slider-track:active {
    cursor: grabbing;
  }
  .slide {
    padding: 0px 25px 0px 25px;
    min-width: 100%;
    user-select: none;
    -webkit-user-select: none;
  }
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none
  }
  .slide .imagewrapper {
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin-top: 25px
  }
  .slide-text {
    font-size: 15px;
    position: relative;
    font-weight: 500;
  }
  .slide-text h3 {
    margin: 15px 0 15px 0;
  }
  .slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 0 0 25px 0
  }
  .slider-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #99A28E;
    cursor: pointer;
    padding: 0;
  }
  .slider-dots button.active {
    background: #000;
  }
  .nav {
    position: absolute;
    top: 170px;
    background: #99A28E;
    color: #fff;
    border: none;
    font-size: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
  }
  .slider button:hover {
    color: #000
  }
  .prev {
    left: 50px
  }
  .next {
    right: 50px
  }
    /*Kontakt*/
    .contact-section{
        margin-top:115px; 
        padding:0 25px 0 25px;
        border-bottom:5px solid black;    }
    .contact-text{
        font-size:15px;
        font-weight:500;
        margin-bottom:25px;
    }
    .wpcf7 input{
      color: black;
    width: 100%;
    padding: 15px;
    border: 0;
    border-bottom: 5px solid black;
    background: #99A28E;
    font-size: 15px;
    margin: 0;
    font-weight: 500;
    transition: background 0.2s ease;
        font-family: Rubik, sans-serif;
    }
     .contact-form textarea{
        width:100%;
    }
     .wpcf7 textarea {
    resize: vertical;
    color: black;
    width: 100%;
    padding: 15px;
    border: 0;
    border-bottom: 5px solid black;
    background: #99A28E;
    font-size: 15px;
    margin: 0;
    font-weight: 500;
    transition: background 0.2s ease;
    height: 200px;
                 font-family: Rubik, sans-serif;
  }
    .wpcf7 input:hover, .wpcf7 textarea:hover {
    background: #fff;
    outline: none;
  }
  .wpcf7 input:focus, .wpcf7 textarea:focus {
    color: #000;
    background: #fff;
    outline: none;
  }
  .wpcf7 input[type="submit"] {
    background: #99A28E;
    color: #000;
    border: none;
    cursor: pointer;
    font-weight: 500;
    padding: 15px;
    transition: background 0.2s ease;
    text-align: left;
              font-family: Rubik, sans-serif;
      margin-bottom:25px;
  }
  .wpcf7 input[type="submit"]:hover {
    background: #fff;
  }
  .wpcf7-not-valid-tip {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    display: block !important;
    margin: 15px;
                    font-family: Rubik, sans-serif;

  }
  .wpcf7-response-output {
    margin: 15px 0 15px 15px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
                    font-family: Rubik, sans-serif;

  }
    /*Rechtliches*/
  .rechtliches-layout {
    display: block;
    margin:0;
    background: #99A28E;
    color: #000;
      padding: 115px 0px 0px 0px;
      font-size:15px;
      font-weight:500;
  }
  .rechtliches-sidebar {
    height: 100%;
      padding: 0 25px 0 25px;
      border-bottom:5px solid black;
  }
  .rechtliches-sticky h2{
      font-size:30px;
      font-weight:500
  }
  .rechtliches-box {
    font-size: 15px;
    margin-top: 25px;
  }
  .rechtliches-box p {
    margin-bottom: 25px;
    margin-top: 0px;
  }
  .rechtliches-box a {
    color: #111;
    text-decoration: none;
  }
  .rechtliches-content {
      background-color:#fff;
    padding: 25px 25px 0 25px;
      font-size:15px;
      border-bottom:5px solid black;
  }
    .rechtliches-content h2 {
   font-size:30px;
        font-weight: 500;
        margin-bottom:15px;
        white-space: normal;
  }
     .rechtliches-content h3 {
   font-size:30px;
        font-weight: 500;
         margin-bottom:15px;
                 white-space: normal;
         margin-top:0;
  }
  .rechtliches-section {
    margin-bottom:25px;
    border-bottom: 5px solid black;
  }
  .rechtliches-section:last-child {
    border-bottom: none;
  }
  .rechtliches-text {
    font-size: 15px;
  }
  .rechtliches-text p {
    margin-bottom: 15px;
    margin-top: 0px;
  }
    .rechtliches-text p:last-child {
    margin-bottom: 25px;
  }
  .rechtliches-text ul {
    padding-left: 25px;
    margin-bottom: 1.5em;
  }
  .rechtliches-text li {
    margin-bottom: .5em;
  }
    
  /*Footer*/
  #mobilefooter {
    padding: 25px;
  }
  #mobilefooter a {
    color: #000;
  }
  #mobilefooter p {
    margin: 0 0 5px 0
  }
  .footer-top {
    margin-bottom: 25px;
  }
}