@media screen and (max-width: 1500px) {
    body {
        font-size: 32px;
    }
    h1,
    h2 {
        font-size: 60px;
    }
    h3,
    h4 {
        font-size: 50px;
    }
    input,
    select,
    textarea {
        font-size: 50px;
    }
    .page-container,
    .page-header,
    .nav-full,
    .form-search__container,
    .page-footer {
        padding-left: 60px;
        padding-right: 60px;
    }
    .nav-full {
        padding: 0 28px;
    }
    .page-section,
    .page-section-secondary,
    .row-spacing {
        margin-bottom: 60px;
    }
    .page-container,
    .page-section--theme4,
    .page-section--theme5 {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .nav-main {
        font-size: 26px;
    }
    .title-promo {
        border: 40px solid #C1E9DA;
        border-radius: 100px 0 0 100px;
        border-right: 0;
        height: 200px;
    }
    .accordeon-headline::after {
        height: 40px;
        width: 40px;
    }
    .btn-more {
        font-size: 1em;
    }
    .form-search__input {
        margin-left: 60px;
    }
    .btn-search__submit {
        right: 60px;
    }
    .page-footer {
        font-size: 26px;
        padding-bottom: 60px;
    }   

}

@media screen and (max-width: 1400px) {
    body {
        font-size: 28px;
    }
}

@media screen and (max-width: 1200px) {
    body {
        font-size: 26px;
    }
    h1,
    h2 {
        font-size: 50px;
    }
    h3,
    h4 {
        font-size: 40px;
    }
    h5 {
        font-size: 32px;
    }
    input,
    select,
    textarea {
        font-size: 30px;
    }
    :root {
        --bs-gutter-x: 32px;
    }
    .page-container,
    .page-header,
    .nav-full,
    .form-search__container,
    .page-footer {
        padding-left: 30px;
        padding-right: 30px;
    }
    .nav-full {
        padding: 0 17px;
    }
    .page-section,
    .page-section-secondary,
    .row-spacing {
        margin-bottom: 60px;
    }
    .row-spacing-md {
        margin-bottom: 30px;
    }
    .page-container,
    .page-section--theme4,
    .page-section--theme5 {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .page-header {
        height: 180px;
    }
    .nav-main {
        font-size: 24px;
    }
    .nav-main>li {
        margin: 0 0 0 30px
    }
    .nav-main>li img {
        height: 40px;
    }
    .nav-secondary,
    .form-search {
        top: 180px;
    }
    .page-title {
        margin-top: -180px;
    }
    .title-promo {
        border: 30px solid #C1E9DA;
        border-radius: 90px 0 0 90px;
        border-right: 0;
        font-size: 28px;
        height: 180px;
        width: 300px;
    }
    .row-lg {
        margin-left: -30px;
        margin-right: -30px
    }
    .row-lg>* {
        padding-left: 30px;
        padding-right: 30px
    }
    .accordeon-headline::after {
        height: 30px;
        width: 30px;
    }
    .accordeon--large .accordeon-headline::after {
        /*top: 35px  */
    }
    .form-search__input {
        margin-left: 30px;
    }
    .btn-search__submit {
        right: 0;
    }
    .btn-search__close::before,
    .btn-search__submit::before {
        width: 30px;
    }
    .btn-scroll {
        padding: 20px 0
    }
    .btn-scroll img {
        width: 50px;
    }
    .list-unordered li:before {
        margin-top: -3px;
        top: 50%;
    }
    .page-footer {
        font-size: .9em;
        padding-bottom: 50px;
    }
    .footer-logo {
        margin-bottom: 30px;
        max-width: 460px;
    }
}

@media screen and (max-width: 992px) {
    body {
        font-size: 24px;
    }
    h1,
    h2 {
        font-size: 40px;
    }
    h3,
    h4 {
        font-size: 30px;
    }
    h5 {
        font-size: 28px;
    }
    input,
    select,
    textarea {
        font-size: 28px;
    }
    .header-logo {
        max-width: 260px;
    }
    .nav-secondary {
        padding-top: 20px;
    }
}
@media (max-width: 900px) {
    #calendar-col {
        order: 2;
    }
    .reservation-form {
        order: 1;
    }
    #calendar-row {
        display: flex;
        flex-direction: column;
    }
}
@media screen and (max-width: 890px) {
    .page-section,
    .page-section-secondary,
    .row-spacing,
    .row-spacing-md {
        margin-bottom: 30px;
    }
    .page-container,
    .intranet-page .page-container,
    .download-page .page-container,
    .page-section--theme4,
    .page-section--theme5 {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .page-header {
        height: 100px;
    }
    .header-logo {
        max-width: 200px;
    }
    .intranet-page .header-logo {
        max-width: 60px;
    }
     .download-page .header-logo {
        max-width: 60px;
    }
    .nav-main .nav-main__item {
        display: none;
    }
    .page-title {
        margin-top: -100px;
    }
    .nav-secondary,
    .form-search {
        top: 100px;
    }
    .accordeon-headline::after {
        height: 25px;
        width: 25px;
    }
    .accordeon--large .accordeon-headline::after {
        /*top: 30px  */
    }
    .intranet-page .form-search {
        padding-bottom: 28px;
        padding-top: 0;
    }
    .download-page .form-search {
        padding-bottom: 28px;
        padding-top: 0;
    }
    .page-footer {
        padding-bottom: 40px;
    }
    textarea#ersatzteile,
    textarea#schadensmeldung,
    #z2142 input[type="submit"],
    input#nachnamen,
    input#vornamen,
    input#vornamenachname,
    input#plze,
    input#orte,
    input#telefonprivat,
    input#besteller,
    input#adressen,
    input#schluesselnummer,
    input#namekinder,
    input#emaill,
    input#strasse,
    .CCSS394 input[type="file"],
    input#erreichbarkeit,
    input#telefon,
    input#katzentor,
    .CCSS395 .selectDropdown{
      min-width: 520px!important;
      max-width: 520px!important;
    }

}

@media screen and (max-width: 767px) {
    body {
        font-size: 22px;
    }
    h1,
    h2 {
        font-size: 34px;
    }
    h3,
    h4 {
        font-size: 30px;
    }
    h5 {
        font-size: 1.2em;
    }
    .page-container h1{
        margin: 0 auto;
        width: 100%;
        margin-bottom: 2em;
        margin-top: 1px
    }


    .page-section--theme4 {
        margin-bottom: 30px;
    }
    .intranet-page .page-top-bar,
    .intranet-page .page-bottom-bar {
        border-width: 30px;
    }
    .download-page .page-top-bar,
    .download-page .page-bottom-bar {
        border-width: 30px;
    }
    .header-logo {
        max-width: 150px;
    }
    .page-title {
        height: 300px;
    }
    .title-promo {
        border: 10px solid #C1E9DA;
        border-radius: 50px 0 0 50px;
        border-right: 0;
        bottom: 20px;
        font-size: 13px;
        height: 100px;
        width: 130px;
        padding: 5px 10px 5px 20px;
    }
    .title-promo a {
      margin-top: 0px;
    }

    .nav-main {
        font-size: 1em;
    }
    .nav-main li.btn-login,
    .nav-main li.btn-search {}
    .nav-main>li {
        margin: 0 0 0 20px
    }
    .nav-main>li img {
        height: 30px;
    }
    .nav-secondary li ul {
        margin-bottom: 30px;
    }
    .btn-scroll {
        padding: 10px 0
    }
    .btn-scroll img {
        width: 26px;
    }
    .pic-responsive,
    .pic-responsive .row-spacing-md {
        margin-bottom: 20px;
    }
    .btn-search__close::before,
    .btn-search__submit::before {
        height: 26px;
        width: 26px;
    }
    .page-footer {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .intranet-page .footer-logo {
        margin-top: 0;
    }
     .download-page .footer-logo {
        margin-top: 0;
    }
    .footer-logo {
        max-width: 75%;
    }
    .page-footer li,
    .page-footer li:last-child {
        margin: 0 0 20px;
    }
    .hamburger {
        height: 30px;
    }
    .hamburger-box {
        height: 30px;
        width: 30px
    }
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        height: 3px;
        top: 3px;
        width: 30px;
    }
    .hamburger-inner::before {
        top: 10px;
    }
    .hamburger-inner::after {
        content: "";
        top: 20px;
    }
    .hamburger.is-active .hamburger-inner {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }
    .hamburger.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-90deg);
    }
    .cms_content .text,
    .CCSS224 .cms_content .text,
    .CCSS225 .cms_content .text,
    .CCSS424 .cms_content .text,
    .CCSS441 .cms_content .text,
    .CCSS451 .cms_content .text,
    .col-12 p {
      width: 100% !important;
    }
    h3.lead {
      width: 100% !important;
}

}
 @media screen and (max-width: 580px) {
   textarea#ersatzteile,
   textarea#schadensmeldung,
   #z2142 input[type="submit"],
   input#nachnamen,
   input#vornamen,
   input#vornamenachname,
   input#plze,
   input#orte,
   input#telefonprivat,
   input#besteller,
   input#adressen,
   input#schluesselnummer,
   input#namekinder,
   input#emaill,
   input#strasse,
   .CCSS394 input[type="file"],
   input#erreichbarkeit,
   input#telefon,
   input#katzentor,
   .CCSS395 .selectDropdown{
      min-width: 320px!important;
      max-width: 320px!important;
   }

 }