/*
Theme Name: Mentalwings
Author: LEXO GmbH
Author URI: https://www.lexo.ch/
Version: 1.0
*/

/*
 *
 * REGULAR PAGE SETTINGS
 *
 */

@media (min-width: 1400px) {
    .container {
        width: var(--flexible-content-wrap);
    }
}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    min-height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    transition: padding 0.25s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

input {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

body.ios input,
body.ios textarea,
body.osx input,
body.osx textarea,
body.safari input,
body.safari textarea {
    /* -webkit-border-radius: 0;
    border-radius: 0; */
    box-shadow: none;
    /* background-clip: padding-box; */
}

#page-content {
    flex: 1 0 auto;
    word-break: break-word;
    position: relative;
    padding: 7.5rem 0;
}

/* .cards-hr {
    margin-left: 15px;
    margin-right: 15px;
} */

body:not(.page-template-template-home) #page-content::before{
    content: "";
    position: absolute;
    top: -100px;
    right: 0;
    width: 100%;
    height: 100px;
    background-image: url('images/white.svg');
    background-repeat: no-repeat;
    z-index: 1;
    background-size: 100% auto;
}

.page-template-template-home #home_slider_wrapper::before{
    content: "";
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 100%;
    height: 100px;
    background-image: url('images/white.svg');
    background-repeat: no-repeat;
    z-index: 1;
    background-size: 100% auto;
}

#page-content:not(.auto-hyphenation-disabled) {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
}

#flexible-content>.section,
.subpage-content>.section,
#section-password-protected {
    padding-top: var(--spacing-regular);
    padding-bottom: var(--spacing-regular);
}

#flexible-content>.section:is(.remove-padding-top),
.subpage-content>.section:is(.remove-padding-top) {
    padding-top: 0 !important;
}

#flexible-content>.section:is(.remove-padding-bottom),
.subpage-content>.section:is(.remove-padding-bottom) {
    padding-bottom: 0 !important;
}

.section-lightblue-top{
    background: linear-gradient(180deg, #EAF8FF 0%, #E9F8FF00 100%);
}

.section-lightblue-bottom{
    background: linear-gradient(0deg, #EAF8FF 0%, #E9F8FF00 100%);
}

#flexible-content>.repeat::before{
    background-repeat: repeat;
}

#flexible-content>.no-repeat::before{
    background-repeat: no-repeat;
}

#flexible-content>.center_text .row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#flexible-content>.section.section-have-background {
    position: relative;
}

#flexible-content>.section.section-have-background::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bg-image);
    background-size: var(--bg-size);
    background-position:right;
}

#flexible-content>.section.section-have-background.section-have-only-background-color {
    background-color: var(--bg-color);
}

.margin-regular {
    margin-bottom: calc(var(--spacing-regular) / 2);
}

.margin-small {
    margin-bottom: calc(var(--spacing-regular) / 8);
}

.margin-none {
    margin-bottom: 0;
}

/* Header */

.page-template-template-home header{
    /* background-image: url('images/hypnose_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative; */
    z-index: 3;
    position: fixed;
    width: 100%;
    top: -1px;
}


body:not(.page-template-template-home) .header-bg{
    background-image: url('images/Freie-Frau-Kopie.webp');
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative; 
    background-position: 50% 10%;
}

body:not(.page-template-template-home) header{
    z-index: 1000;
    position: fixed;
    width: 100%;
    top: -1px;
}


.headline {
    color: white;
    width: 100%;
    max-width: 781px;
    position: absolute;
    top: 60%;
    left: 0;
    -webkit-transform: translate(30%, -50%);
    -moz-transform: translate(30%, -50%);
    -ms-transform: translate(30%, -50%);
    -o-transform: translate(30%, -50%);
    transform: translate(30%, -50%);
    z-index: 999;
}

.headline h1{
    color: white;
}

#header-upper-inner{
    position: relative;
    justify-content: space-between;
}

.newsletter {
    background-image: url('images/blue_pattern.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 115px;
    flex-basis: 656px;
}

.newsletter > form {
  filter: drop-shadow(#00000029 0 0 12px);
}

.header-logo {
    background-image: url('images/white_pattern.svg');
    background-repeat: no-repeat;
    background-size: contain;
    flex-grow: 1;
    flex-shrink: 1;
    position: absolute;
    left: 50%;
    top: 0;
    height: 180px;
    width: calc(100% - (282px * 2));
    transform: translateX(-50%);
    background-size: contain;
    background-position: 50% 0;
}

.header-logo a{
    width: 491px;
    height: 110px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.header-logo img{
    width: 100%;
}

#header-action-menu {
    background-image: url('images/purple_pattern.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 115px;
    flex-basis: 656px;
    align-items: center;
    /* justify-content: flex-end; */
}

.newsletter-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-left: 27px;
}

.newsletter .email-icon{
    display: flex;
    align-items: center;
    cursor: pointer;
    max-width: 175px;
    z-index: 2;
}

.newsletter .email-icon .news-icon{
    font-size: 28px;
    background: var(--color-main);
    color: var(--color-blue);
    border-radius: 50%;
    padding: 9px;
    cursor: pointer;
    transition: all .25s ease-in-out;
}

.newsletter .email-icon .news-icon:hover{
    transform: scale(1.1);
}

.newsletter .email-icon .news-heading{
    text-transform: uppercase;
    color: var(--color-main);
    margin-left: 10px;
    cursor: pointer;
}

.newsletter #subscribe-form{
    margin-top: -20px;
    width: min(530px, 100%);
    position: relative;
    z-index: 3;
    margin-left: 27px;
    display: none;
}

.newsletter #news-email{
    background-color: var(--color-main);
    border-color: var(--color-main);
    border-style: solid;
    border-width: 1px 0 1px 1px;
    flex: 1;
    border-radius: 0px 0px 0px 30px;
    color:#989898;
    padding-left: 30px;
    padding: 15px;
    font-size: 18px;
}

.newsletter #news-email::placeholder{
    color:#989898;
    font-family: var(--main-font);
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -0.2px;
}

.newsletter .triangle{
    width: 0; 
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 15px solid var(--color-main);
    position: absolute;
    top: -15%;
    left: 10px;
}

.newsletter #news-subscribe{
    width: 180px;
    border: none;
    border-radius: 30px;
    margin-left: -25px;
    background-color: var(--color-blue);
    color: white;
    padding: 0;
    position: relative;
    font-family: var(--main-font);
    font-weight: 300;
    cursor: pointer;
}

/* Main Menu */
#header-lower {
    background-color: var(--color-main);
    background-image: url(images/Bird.svg);
    background-repeat: no-repeat;
    background-position: 100% 90%;
    background-size: 60%;
    color: #000;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2000;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out,
        transform 0.25s ease-in-out;
    padding-block: 100px;
    overflow: auto;
    height: 100vh;
}

body:is(.mm-active) #header-lower {
    visibility: visible;
    opacity: 1;
}

#header-lower #main-nav-wrapper{
    display: flex;
    align-items: center;
    height: 100%;
}

#main-menu .menu-ul-wrapper{
    text-align: center;
}

#header-menu .menu-item a{
    font-family: var(--main-font);
    font-weight: 300;
    color: #000;
    font-size: 5.2rem;
    transition: color .25s;
    position: relative;
    display: inline-block;
    text-decoration: none !important;
    line-height: 9rem;
}

#header-menu .current-menu-item a,
#header-menu a:hover {
    opacity: 40%;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
} 

.socials{
    z-index: 4000;
    align-items: center;
    height: 115px;
    position: absolute;
    left: 15px;
    visibility: hidden;
    opacity: 0;
}

.mm-active .socials{
    visibility: visible;
    opacity: 1;
}

.socials li a{
    margin-right: 30px;
    color: #A7A7A7;
    font-size: 20px;
    text-decoration: none;
}

.socials li a:hover{
    color: #000;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    text-decoration: none;
}

.bottom-menu{
    border-top: 1px solid #BABABA;
    color: #8C8C8C;
    display: flex;
    justify-content: center;
    position: relative;
    width: 95%;
    text-align: center;
    margin: auto;
}


.copyright{
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 35px;
    position: absolute;
} 

.copyright a{
    text-decoration: none;
    color: var(--color-blue);
}

/* Therapie page */

.single-cpt-testimonials .cards-image{
    display: none;
}

.single-cpt-testimonials .card-title {
    padding: 30px 30px 10px 25px;
}

#therapie-sidebar{
    max-width: 355px;
    width: 100%;
}

#therapie-content {
    margin-left: 30px;
    width: calc(100% - 355px - 30px);
}

.therapieform-items{
    font-size: 18px;
    font-weight: 500;
}

.therapieform-title-holder{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

.therapieform-title-holder a, .therapie-post{
    color:#1A2B3B;
}

.therapieform-title-holder .one-post{
    font-size: 18px;
    font-weight: 500;
}

.therapieform-title-holder:hover{
    color: var(--color-blue);
    cursor: pointer;
}

.therapieform-items::after{
    content: "";
    display: block;
    border-bottom: 1px solid #D0D1D1;
}

.menu-hr{
    height: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #40AEE0;
}

.item-hr{
    height: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #D0D1D1;
}

.therapie-menu-title{
    margin: 0px 0 14px 0;
}

.therapie-post{
    font-size: 1.6rem;
    font-weight: 300;
    text-decoration: none !important;
}

.subitems-titles{
    padding: 26px 0;
}

.subitems-titles li{
    line-height: 32px;
}

.therapie-post:hover{
    color: var(--color-blue);
}

#therapie-titles .subitem-holder.active .therapie-post, #therapie-titles .it-holder.active .therapieform-title-holder a,#therapie-titles .it-holder.active .therapieform-title-holder {
    color: var(--color-blue);
}

#therapie-titles .it-holder:not(.current) .subitems-titles {
    display: none;
}

/* 
#therapie-titles .it-holder:not(.current)::after{
    display: none;
    border-bottom: none;
} */


.single .cards-image img{
    border-radius: 12px;
    box-shadow: 0px 3px 40px #0000001A;
}

/* Cards */

.cards{ 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px;
    /* margin-left: 15px;
    margin-right: 15px; */
}

.archive .cards{
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(2, 1fr);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 25px;
}

.cards h4{
    line-height: 1em;
    font-weight: 500;
}

.cards h3{
    margin-bottom: -25px;
}

.single .card-holder{
    box-shadow: 0px 3px 40px #0000001A;
    max-width: 100%;
    border-radius: 30px;
}

.archive .card-holder{
    box-shadow: 0px 3px 40px #0000001A;
    max-width: 100%;
    border-radius: 30px;
    margin-top: 0px;
}

.archive .card-holder-adjust{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.single .card-holder-adjust{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-holder{
    max-width: 493px;
    flex: 0 0 49%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0px 0px 30px 30px;
}

.card-holder-round{
    border-radius: 30px 30px 0px 0px;
}

.card-content-holder{
    padding: 30px;
}

.card-excerpt{
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding: 0px 25px;
}

.page-template-template-kosten .card-excerpt{
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding: 0px;
}

.card-link-holder{
    padding: 20px 25px 30px 25px ;
}

.card-link{
    color: var(--color-blue);
    font-size: 1.8rem;
}

.card-link span{
    margin-left: 10px;
    font-size: 14px;
}

.card-title{
    padding: 30px 30px 10px 0px;
}

.single-cpt-therapie .card-title{
    padding: 30px 30px 10px 25px;
}

.card-title a , .card-link-holder a{
    text-decoration: none;
}

.card-title a {
    color:#2B333B;
}

.image-holder{
    aspect-ratio: calc(16/9);
    position: relative;
    overflow: hidden;
    border-radius: 30px 30px 0 0;
}

.card-image {
    box-shadow: 0px 3px 40px #0000001A;
    border-radius: 30px 30px 0px 0px;
    position: absolute;
    transition: opacity 0.25s ease, visibility 0.25s ease, filter 0.5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: white;
    top: 0;
    left: 0;
}

.cards-image a{
    border-radius: 30px;
    box-shadow: 0px 3px 40px #0000001A;
}

/* Erfahrungsbericht */
.tags-menu-title{
    padding-top: 50px;
}

#tags-filter{
    flex-wrap: wrap;
    margin-top: 25px;
}

.tag-keyword{
    margin-right: 5px;
    margin-bottom: 14px;
}

.tag-keyword a {
    border-radius: 4px;
    user-select: none;
    padding: 5px 10px;
    cursor: pointer;
    transition: all 0.25s ease;
    margin: 0;
    background-color: #E7E7E7;
    color: #2B333B;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
}

.tag-keyword a:is(:hover) {
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);
}

.tag-keyword .active {
    border-color: #49AFDE;
    background-color: #49AFDE;
    color: white;
}

/* Contact Page */
.contact-form-wrapper{
    padding-top: 0;
    padding-bottom: 115px;
}

.contact-form-wrapper .name{
    margin-top: 19px;
    margin-bottom: 0px;
}

.contact-info-wrapper{
    flex-wrap: wrap;
    padding-top: 62px;
}

.contact-page-info{
    flex: 0 0 35%;
}

.contact-info-sub-title{
    font-size: 2.6rem;
    margin-bottom: 29px;
    color:#2B333B;
}

.contact-page-map{
    flex: 0 0 65%;
    padding-left: 35px;
    z-index: 0;
}

.contact-page-form{
    padding-top: 85px;
    background: linear-gradient(180deg, #EAF8FF 0%, #E9F8FF00 100%);
    line-height: 2.8em;
}

.contact-info p, .contact-info table{
    font-size: 1.8rem;
}

.contact-info table{
    margin-bottom: 31px;
}

.table-info{
    width: 85px;
}

.bold-blue a{
    color: var(--color-blue);
    text-decoration: underline;
    font-weight: 500;
}

.upper-form{
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.upper-form div{
    flex: 0 0 100%;
}

.upper-form h6{
    color: #797979;
}

.form-data{
    flex-wrap: wrap;
    column-gap: 10px;
}

.mail-icon{
    font-size: 170px;    
    color: var(--color-blue);
    position: absolute;
    right: 0;
    z-index: -1;
}

#contact-form{
    padding-top: 40px;

}

.contact-grid-wrapper , .textarea-layer{
    flex:1;
}

.textarea-layer textarea {
    height: 100%;
    width: 100%;
}

.input-field:last-child{
    margin-bottom: 0px;
}

.input-field, textarea {
    width: 100%;
    border: 1px solid #DEDEDE;
    border-radius: 12px;
    color: #989898;
    font-size: 18px;
    padding-left: 20px;
    margin-bottom: 7.5px;
}

.send-info{
    margin-top: 28px;
    flex-wrap: wrap;
}

.send-info .contact-req-text{
    flex: 0 0 75%;
    font-size: 18px;
}

.send-info .send-wrapper{
    flex: 0 0 25%;
    justify-content: end;
}

.send-btn{
    padding: 0px 20px;
}

.data-link{
    color: var(--color-blue);
    font-weight: 500;
    text-decoration: underline;
}

.locations-map-container .leaflet-map {
    height: 596px;
}

/* Kosten */

.packages {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-flow: dense;
}

.package {
    background-color: white;
    box-sizing: border-box;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 3px 40px #0000001A;
}

.big-box {
    grid-column: span 3;
    grid-row: span 2;
}

.small-box {
    grid-column: span 2;
    grid-row: span 1;
}

.small-box .image-holder{
    display: none;
}

.package .card-excerpt{
    padding-top: 10px;
}

.package-info{
    justify-content: space-between;
    background-color: #F0F4F8;
    align-items: center;
    border: 1px solid #F7F7F7;
    border-radius: 12px;
    padding: 14px 24px;
    margin-top: 24px;
    margin-bottom: 30px;
}

.package-content {
    padding: 30px 30px 0 30px;
}

.package-content-holder{
    padding: 0px 30px 30px ;
}

.package-info h6{
    color: #282E3D;
    margin: 0; 
}

.package-info h6:last-child{
    font-weight: 500;
}

/* Archieve Page */
.archive  #therapie-inner .cards{
    margin-left: 50px;
}

.archive .card-title{
    padding: 30px 30px 10px 25px;
}

.no-post{
    line-height: 1em;
}

/* Slider */
#home_slider_wrapper {
    position: relative;
    margin-top: -75px;
}

#home_slider {
    margin: 0;
    background-color: #353535;
}

#home_slider .slide {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: top;
}

.slide_content {
    color: #fff;
    width: 100%;
    max-width: 696px;
    position: absolute;
    top: 50%;
    padding: 124px 0px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.slide_suptitle {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.slide_title {
    color: #fff;
    margin: 0;
}

.slide_title + .slide_description {
    margin-top: 24px;
}

.slide_description p:last-child {
    margin-bottom: 0;
}

.slide_description p:first-child{
    font-size: 2.6rem;
}

.slide .slide_container {
    height: 100%;
    position: relative;
    z-index: 3;
}

.slide_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: left top;
    background-size: 100%;
    z-index: 2;
}

.slide_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 1;
    background-repeat: no-repeat;
}

#home_slider .slick-dots {
    position: absolute;
    bottom: 70px;
    z-index: 2;
}

.slick-dots li button:before {
    font-size: 10px !important;
    color: white !important;
    opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
    font-size: 20px !important;
}


#slider-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 8;
}

.loader,
.loader:before,
.loader:after {
    background: var(--color-blue);
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader {
    color: var(--color-blue);
    text-indent: -9999em;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

#slider-loading span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Slider Home Page */

.h-slider .image-holder:hover .card-image {
    filter: brightness(120%) ; 
}

.h-slider .slick-dots li.slick-active button:before {
    font-size: 20px !important;
    color: #49AFDE !important;
    opacity: 1 !important;
}

.h-slider .slick-dots li button:before {
    font-size: 10px !important;
    color: #2B333B !important;
    opacity: 0.6 !important;
}

.h-slider .slick-dots{
    bottom: -50px !important;
}

.h-slider .card-holder {
    margin-left: 30px;
}

.h-slider .card-title{
    padding: 30px 30px 0px 25px;
}

.h-slider .slick-track{
    display: flex !important;
    justify-content: space-between !important;
}

.h-slider .card-holder{
    height: auto !important;
    margin-bottom: 10px;
}

.h-slider .card-holder-adjust{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 0 15px #0000001A;
    border-radius: 30px;
    transition: box-shadow 0.5s ease;
}

.h-slider .card-holder-adjust:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

#flexible-content .h-slider ul li:before {
    content: "";
}

/* Aktuelles */

.news-wrapper{
    display: flex;
    justify-content: space-between;
}

.news-holder-wrapper{
    flex: 0 0 31%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-holder {
    aspect-ratio: 1/1;
    position: relative;
}

.news-image {
    border-radius: 30px;
    position: absolute;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: white;
    top: 0;
    left: 0;
}

.news-date{
    color: #919191;
    font-size: 1.6rem;
    margin-top: 46px;
    margin-bottom: 12px;
}

.news-title{
    font-size: 2.6rem;
    font-weight: 300;
}

.news-title a{
    text-decoration: none;
    color: var(--color-heading);
}

.news-hr{
    background-color: #CCCCCC;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.news-link{
    color: var(--color-blue);
    font-size: 1.8rem;
    text-decoration: none;
}

.news-link:hover{
    text-decoration: none;
}

.news-link span{
    margin-left: 10px;
    font-size: 14px;
}

/* Medizinische Hypnosetherapie */

.medizinische-wrapper{
    display: flex;
    justify-content: space-between;
}

.medizinische-wrapper-holder{
    flex: 0 0 32%;
    background: white;
    border-radius: 30px;
    margin: 20px 0px;
    box-shadow: 0 0 40px #0000001A;
    cursor: pointer;
    transition: box-shadow 0.5s ease;
}

.medizinische-wrapper-holder:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}

.medicine-link-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    color: var(--color-heading);
}

.medizinische-holder {
    aspect-ratio: 1/1;
    position: relative;
}

/* .medizinische-holder::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0; 
    height: 100%;
    width: 100%; 
    background: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%);
    z-index: 1;
    transition: background 2s ease;
} */

.medizinische-image {
    border-radius: 30px 30px 0px 0px;
    position: absolute;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: white;
    top: 0;
    left: 0;
}

.medizinische-holder img {
    transition: filter 0.5s ease;
}

.medizinische-holder:hover img {
    filter: brightness(120%) ; 
}

.medizinische-title {
    padding: 10px 15px 0px 36px;
    margin: 0;
    position: relative;
    z-index: 1;
}

.medizinische-excerpt{
    padding: 20px 21px 20px 36px;
}

/* Therapieformen */
.therapieformen-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
}

.therapieformen-holder {
    display: flex;
    flex:  0 0 49%;
    border-radius: 30px;
    padding: 18px;
    background: white;
    box-shadow: 0 0 40px #0000001A;
    margin-bottom: 28px;
    align-items: center;
    cursor: pointer;
    transition: box-shadow 0.5s ease;
}

.therapieformen-holder:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}

.therapie_link-wrapper{
    display: flex;
    text-decoration: none;
    align-items: center;
    color: var(--color-heading);
}

.therapieformen-img  {
    width: 181px;
    height: 181px;
    object-fit: cover;
    border-radius: 30px;
    transition: filter 0.5s ease;
}

.therapieformen-holder:hover img {
    filter: brightness(120%);
}

.therapieformen-content{
    margin: 20px 37px 0px 25px;
}

/* Accordion */

.accordian_group .active .ae_header, .accordian_group .active .aeh_collapse {
    color: var(--color-blue);
}

.accordian_elem {
    border-radius: 16px;
    box-shadow: 0px 3px 40px #0000001A;
    margin-bottom: 10px;
    padding: 21px 25px 21px 28px;
    background: white;
}

.accordian_elem + .accordian_elem {
    border-top: 0;
}

.ae_header {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.aeh_collapse {
    position: absolute;
    right: 0;
    font-size: 38px;
    color:#1A2B3B;
    transform: rotate(0);
    transition: transform .25s ease-in-out;
}

.accordian_elem.active .aeh_collapse {
    transform: rotate(135deg);
}

.aeh_title {
    font-size: 2.6rem;
    padding-right: 65px;
}

.ae_body {
    display: none;
}

.ae_content_container {
    font-size: 1.8rem;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
}

.ae_content_container p{
    margin-top: 25px;
    margin-bottom: 0;
}

.accordian_elem.active .ae_content_container {
    opacity: 1;
    transform: translateY(0);
}

/* Diplomas */
.diplomas-wrap{
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(4, 1fr);
}

.diplomas{
    padding: 50px 70px;
    border-radius: 12px;
    border: 1px solid #EDEDED;
    background-color: white;
    display: flex;
    justify-content: center;
    height: 100%;
}

.diploma-image{
    max-width: none !important;
}

/* Footer */
footer {
    background-color:#434C95;
    color: var(--color-main);
    position: relative;
    padding-top: 15px;
    z-index: 1;
}

footer h6{
    color: var(--color-main);
}

.footer-wave{
    background-color:#434C95;
    background-image: url('images/svgexport.svg');
    height: 364px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

footer .footer-row{
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-row a{
    color: var(--color-main);
}

footer .map{
    margin-bottom: 80px;
}

#ll-map{
    border-radius: 16px;
}

footer .info{
    align-items: flex-end;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/Black_bird.svg);
    opacity: 0.2;
    background-size: contain;
    background-position: center right;
    z-index: 1;
    background-repeat: no-repeat;
}

footer .footer-link{
    font-size: 6.2rem;
    color: var(--color-main);
    margin-bottom: 0px;
}

footer .footer-columns{
    flex: 0 0 55%;
}

footer .footer-columns:nth-child(2){
    flex: 0 0 45%;
    display: flex;
    justify-content: space-between;
}

.footer-bold{
    font-weight: 500;
}

footer hr{
    background-color: #3B3F7E;
    height: 2px;
    margin: 94px 0px;
}

.map-address{
    text-decoration: none !important;
}

.email-info{
    text-decoration: none !important;
}

.email-info:hover{
    text-decoration: none;
}

.sitemap{
    flex: 0 0 39%;
    border-right: 1px solid #3B3F7E;
    padding-right: 50px;
}

.sitemap li.active a{
    color: lightsteelblue;
}

.therapie li.active a{
    color: lightsteelblue;
}

.sitemap h6,
.therapie h6{
    margin-bottom: 25px;
}

.therapie{
    flex: 0 0 55%;
}

#therapie-section{
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#therapie-section .container{
    max-width: 100%;
    padding-inline: 0;
}

.sitemap .column-list{
    column-count: 2;
    column-gap: 70px;
    margin-bottom: 0px;
}

.therapie .column-list{
    column-count: 3;
    column-gap: 70px;
    margin-bottom: 0px;
}

footer .column-list li {
    break-inside: avoid-column;
    display: block;
    line-height: 4.5rem;
}

footer .column-list li a{
    font-size: 2rem;
    text-decoration: none;
}

footer .footer-menu{
    background-color: #373B77;
    font-size: 1.8rem;
    padding: 20px 0;
}

.footer-socials{
    justify-content: flex-end !important;
}

.footer-socials .socials{
    position: relative;
    top: 0%;
    left: 31px;
    margin-bottom: 0px !important;
    visibility: visible;
    opacity: 1;
    height: auto;
}

.footer-socials .socials li a{
    color: var(--color-main);
}

.footer-socials .socials li a{
    font-size: 2rem;
}

.footer-rights p,
.footer-socials p{
    margin-bottom: 0px !important;
}

/* .svg-background {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background-image: url('images/Black_bird.svg');
    background-size: cover; 
    background-position: center center; 
    z-index: 1; 
    opacity: 0.2;
} */

/* Floating icons - Side Menu */

#side-menu {
    margin: 0;
    position: fixed;
    top: calc(100vh /2);
    transform: translate(0, -50%);
    right: 0;
    z-index: 2;
}

#side-menu .sm-popover-item a{
    text-decoration: none;
}

.email-class{
    flex: 0 0 100%;
}

.tooltip-email .text-hover{
    flex-wrap: wrap;
    display: flex;
}

.tooltip {
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.8rem;
    width: 250px;
    height: 78px;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    will-change: transform;
    -webkit-backdrop-filter: saturate(100%) blur(3px);
    -moz-backdrop-filter: saturate(100%) blur(3px);
    backdrop-filter: saturate(100%) blur(3px);
    border-radius: 23px 0px 0px 12px;
    background-color: #DFE8EB;
}

.icon-text:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

.icon-text:hover{
    transform: translateX(-150px);
}

.icon-text-hover{
    border-radius: 23px;
    width: 79px;
    height: 78px;
    background-color: var(--color-main);
    color: var(--color-blue);
    position: relative;
    position: relative;
    cursor: pointer;
    font-size: 3.4rem;
    display: block;
    border-radius: 12px 0px 0px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-hover{
    flex: 0 0 60%;
    color: black;
    font-family: var(--main-font);
}

.text-hover span:first-child{
    font-size: 1.6rem;
}

.bold-up{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2rem;
}

#side-menu .icon-holder{
    width: 79px;
    height: 78px;
    background-color: var(--color-main);
    color: var(--color-blue);
    position: relative;
    cursor: pointer;
    font-size: 3.4rem;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    display: block;
    margin-right: 0px;
    margin-bottom: 3px;
    border-radius: 12px 0px 0px 12px;
    box-shadow: 0px 0px 12px #00000029;
    order: 1;
}

#side-menu .icon-holder::before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.noclick {
    pointer-events: none;
}

/* #side-menu .sm-popover-item:hover .sm-menu-content-right{
    visibility: visible;
    opacity: 1;
    order: 2;
} */

/* Cookies */
#cookies-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgb(86 93 161/ 90%);
    color: #fff;
    display: flex;
    padding: 20px 30px;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    z-index: 1021;
    border-top: 1px solid rgb(255 255 255 / 46%);
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
}

#cookies-notice a {
    color: white;
    text-decoration: underline;
}

#cookies-notice a:hover {
    color: white;
    text-decoration: none;
}

#cookies-notice p {
    margin-bottom: 0;
}

#cookie-notice-button {
    margin-left: 20px !important;
}

/* --------------------------- */
/* --RESPONSIVE MEDIA UPDATE-- */
/* --------------------------- */

.youtube-container {
    margin-bottom: 1.3em;
}

.video-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin-top: 0;
}

.video-link:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(6 49 59 / 50%);
    z-index: 1;
}

.video-link:after {
    content: '';
    background-image: url(images/play.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.25s ease-in-out;
    z-index: 10;
    color: white;
    width: 120px;
    height: 120px;
}

.video-link:hover:after {
    transform: translate(-50%, -50%) scale(1.2);
}

.youtube-responsive-container {
    position: relative;
    padding-top: calc(9 / 16 * 100%);
    height: 0;
    overflow: hidden;
    margin-bottom: 1.3em;
}

.youtube-responsive-container iframe,
.youtube-responsive-container object,
.youtube-responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#page-content .wp_gallery_advanced_image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
    height: 100% !important;
    aspect-ratio: calc(16/9);
}

.wp_gallery_advanced_caption {
    color: white;
    background-color:var(--color-purple-button);
    font-size: 1.4rem;
    line-height: 1.4;
}

.wp_gallery_advanced_gal_item {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    padding-left: 5px;
}

.wp_gallery_advanced_type-slider .wp_gallery_advanced_caption {
    padding: 5px 15px;
    margin: 0;
    position: absolute;
    width: 100%;
    left: 5px;
    bottom: 0;
}

.wp_gallery_advanced_slider .slick-arrow {
    position: absolute;
    color: white;
    background-color: var(--color-purple-button);
    font-size: 2rem;
    padding: 15px;
    z-index: 1;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0.9;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    top: 50%;
    transform: translate(0px, -50%);
}

.wp_gallery_advanced_slider .slick-arrow:hover {
    opacity: 1;
}

.wp_gallery_advanced_slider .slick-arrow.slide_prev {
    left: 15px;
}

.wp_gallery_advanced_slider .slick-arrow.slide_next {
    right: 15px;
}

.section_regular .wp_gallery_advanced_slider_wrapper {
    padding: 0 0px;
}

.section_regular>.container>.row_children_1>.col-xs-12>.post_content_block>.wp_gallery_advanced_slider_wrapper {
    padding: 0;
}

.wp_gallery_advanced_gal_item_thumb {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 0%;
}

.wp_gallery_advanced_thumbnails:not(.captions-enabled) .wp_gallery_advanced_gal_item_thumb {
    margin-bottom: 18px;
}

.wp_gallery_advanced_gal_item_thumb:before {
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color:rgba(86, 93, 161,.8);
    z-index: 1;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.wp_gallery_advanced_gal_item_thumb:after {
    content: "\e900";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2rem;
    color: #fff;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    transform: translate(-50%, -50%);
    border: 2px solid white;
    border-radius: 50%;
    padding: 13px;
}

.wp_gallery_advanced_gal_item_thumb:hover:before,
.wp_gallery_advanced_gal_item_thumb:hover:after {
    opacity: 1;
}

.wp_gallery_advanced_thumbnails {
    flex-wrap: wrap;
    margin-left: -9px;
    margin-right: -9px;
}

.wp_gallery_advanced_single_thumb_wrapper {
    padding-right: 3px;
    padding-left: 5px;
    padding-top: 10px;
    margin-bottom: 0px;
}

.wp_gallery_advanced_single_thumb_wrapper .wp_gallery_advanced_caption {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 5px 15px;
}

.wp_gallery_advanced_gal_item {
    /* margin: 0 9px; */
}

.wp_gallery_advanced_slider .slick-list {
    /* margin: 0 -9px; */
}


/*
 * FORM STYLES
 *
 */

/* input,
textarea {
    border: 1px solid #c3c3c3;
    padding: 8px 15px;
    width: 100%;
    background-color: transparent;
} */

input:focus,
textarea:focus {
    border-color: var(--color-blue-bg-light);
}

textarea {
    resize: vertical;
    min-height: 210px;
}

textarea.error,
input.error,
select.error {
    border-color: red !important;
}

label.error {
    display: none !important;
}

/*FORM ERROR*/

span.error {
    max-height: 0px !important;
    max-width: 0px !important;
    overflow: hidden;
    display: inline-block !important;
    border: 0px !important;
}

form em {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
    font-style: normal;
    /*white-space: nowrap;*/
}

form em:before {
    content: "\f06a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #ffffff;
    color: red;
    font-weight: 700;
    font-size: 22px;
    width: 20px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    cursor: pointer;
    margin: 10px 10px 10px 0px;
}

span.error.hover-active {
    max-height: none !important;
    max-width: 300px !important;
    position: absolute;
    top: 7px;
    right: 40px;
    background: #ededed;
    padding: 6px 10px;
    line-height: 15px;
    border: 0px;
    z-index: 100;
    display: inline-block !important;
    font-size: 13px;
    color: #f90106;
    font-weight: 700;
    overflow: visible;
}

form em.hover-active {
    width: 90%;
    text-align: right;
}

span.error.hover-active:after {
    content: "";
    display: inline-block;
    border: 6px solid #ededed;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 7px;
    right: -12px;
}

/*GOOGLE CAPTCHA*/

#googlecaptcha_wrapper_af {
    position: absolute;
    top: 16px;
    right: -2px;
    opacity: 0.0001;
    visibility: hidden;
    -webkit-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out,
        visibility 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out,
        visibility 0.25s ease-in-out;
    -ms-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out,
        visibility 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out,
        visibility 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out,
        visibility 0.25s ease-in-out;
    -webkit-transform: translate(0, -150%);
    -moz-transform: translate(0, -150%);
    -ms-transform: translate(0, -150%);
    -o-transform: translate(0, -150%);
    transform: translate(0, -150%);
}

#googlecaptcha_wrapper_af.active {
    opacity: 0.9999;
    visibility: visible;
    -webkit-transform: translate(0, -110px);
    -moz-transform: translate(0, -110px);
    -ms-transform: translate(0, -110px);
    -o-transform: translate(0, -110px);
    transform: translate(0, -110px);
}

#googlecaptcha_wrapper_af:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 57%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 11px 0 11px;
    border-color: #d3d3d3 transparent transparent transparent;
}

#l-notify {
    position: fixed;
    bottom: 0;
    z-index: 1100;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(73, 175, 222, 0.85);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    -moz-backdrop-filter: saturate(180%) blur(12px);
    backdrop-filter: saturate(180%) blur(12px);
    border-top: 1px solid #dae0e3;
    padding: 25px 15px;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.3em;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    -moz-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    -ms-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
}

#l-notify.l-error {
    border-top: 1px solid white;
    background-color: red;
}

#l-notify.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

/*
 * General
 */

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.noclick {
    pointer-events: none;
}

p:empty {
    display: none;
}

#page-content img {
    max-width: 100%;
}

/*
 * Youtube video
 */

.ytv_wrapper {
    position: relative;
    margin-bottom: 30px;
}

.ytv_action_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ytv_play {
    position: relative;
    color: #fff;
    cursor: pointer;
    background: rgba(45, 108, 153, 0.4);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    transition: all 0.2s ease-in-out;
}

.ytv_play:after {
    content: "\e934";
    font-family: "Icomoon";
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out 0.3s;
}

.ytv_play:before {
    content: "";
    border: 1px solid white;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: all 0.25s ease-in-out;
    border-radius: 50%;
}

.ytv_play:hover {
    background: rgba(45, 108, 153, 0.7);
}

.ytv_play:hover:after {
    color: white;
    font-size: 3rem;
}

.ytv_play:hover:before {
    width: 100%;
    height: 100%;
}

.grecaptcha-badge {
    visibility: hidden;
}

.menu-heading{
    font-family: var(--main-font);
    text-transform: uppercase;
}

body.mm-active #burger .menu-heading {
    color: #000;
}

.icon-holder {
    color: var(--color-main);
    position: relative;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
    display: block;
    z-index: 2001;
    margin-right: 95px;
    margin-left: auto;
}

.toggle-icons {
    font-size: 4.6rem;
    margin-left: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -52%);
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, transform 0.25s ease-in-out, color 0.25s ease-in-out;
    will-change: transform;
}

.toggle-icon-close {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    visibility: hidden;
}

body.mm-active #burger .toggle-icon-default {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    visibility: hidden;
}

body.mm-active #burger .toggle-icon-close {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
    color: #000;
}

.custom-col-20,
.custom-col-60 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .custom-col-20 {
        width: 20%;
    }

    .custom-col-60 {
        width: 60%;
    }
}

/*
 *
 * MEDIA QUERY
 *
 */

/* LARGE SCREENS */

@media (min-width: 2840px){
    .page-template-template-home #home_slider_wrapper::before {
        height: 120px;
    }

    body:not(.page-template-template-home) #page-content::before{
        height: 120px;
    }

    #home_slider .slick-dots {
        position: absolute;
        bottom: 100px;
        z-index: 2;
    }

    body:not(.page-template-template-home, .mm-active) #page-content::before {
        background-repeat: repeat;
    }

    .footer-wave {
        height: 645px;
    }

    
    .headline {
        -webkit-transform: translate(100%, -50%);
        -moz-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
        -o-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
    }
}

@media (max-width: 1670px) {
    .header-logo{
        width: calc(100% - (60px * 2));
    }

    .header-logo a {
        width: 460px;
    }        

    
    .newsletter #subscribe-form {
        width: min(380px, 100%);
    }


    .newsletter #news-subscribe {
        width: 155px
        ;
    }

    .headline {
        left:15px;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
}

@media (max-width: 1400px) {

    .button {
        /* padding: 0px 20px; */
        font-size: 1.8rem;
    }

    footer .footer-link {
        font-size: 5.2rem;
    }

    #page-content {
        padding: 6rem 0;
    }

    :root {
        --spacing-regular: 6rem;
    }

    #home_slider_wrapper {
        margin-top: -60px;
    }


    h1, .h1{
        font-size: 6.2rem;
    }

    h3, .h3 {
        font-size: 3.8rem;
        line-height: 4.2rem;
        margin: 0 0 10px 0;
    }

    h2, .h2 {
        font-size: 4rem;
        line-height: 5rem;
    }

    h6,
    .h6{
        font-size: 2rem;
    }

    .ts-82 {
        font-size: 6.2rem;
        line-height: 5.8rem;
    }
    
    .ts-52 {
        font-size: 4.2rem;
        line-height: 4.8rem;
    }
    
    .ts-46 {
        font-size: 3.6rem;
        line-height: 4rem;
    }
    
    .ts-32 {
        font-size: 3rem;
    }
    
    .ts-28 {
        font-size: 2.6rem;
        line-height: 3.2rem;
    }
    
    .ts-26 {
        font-size: 2.4rem;
        line-height: 3.1rem;
    }
    
    .ts-24 {
        font-size: 2.2rem;
        line-height: 3rem;
    }
    
    .ts-20 {
        font-size: 2rem;
        line-height: 3rem;
    }
    

    blockquote p {
        line-height: 3rem;
        font-size: 2.4rem;
        text-align: left;
        padding-left: 30px;
    }

    footer hr {
        margin: 80px 0px;
    }

    footer .footer-row {
        align-items: baseline;
        padding-top: 10px;
    }

    .therapie .column-list {
        column-count: 2;
        column-gap: 40px;
    }

    .sitemap .column-list {
        column-gap: 40px;
    }

    .sitemap h6, .therapie h6 {
        margin-bottom: 20px;
    }

    footer .column-list li {
        line-height: 4.2rem;
    }

    footer .column-list li a {
        font-size: 1.8rem;
    }

    .footer-rights p, .footer-socials p {
        font-size: 1.6rem;
    }
    
    h5, .h5 {
        margin: 0 0 5px 0;
    }

    .therapieformen-content {
        margin:0px 0px 0px 8px;
    }

    #therapie-content {
        width: calc(100% - 355px - 15px);
    }

    .package-content-holder {
        padding: 0px 5px 30px;
    }

        
    .sitemap {
        padding-right: 0px; 
    }

    .therapie {
        margin-left: 35px;
    }

    .single .cards {
        margin-top: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .single hr{
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .single .menu-hr, .single .item-hr{
        margin-top: 5px;
        margin-bottom: 5px;
    }


    .subitems-titles {
        padding: 0px 0px 5px 0px; 
    }

    .diplomas-wrap{
        grid-gap: 15px;
        grid-template-columns: repeat(3, 1fr);
    }
    
}

@media (max-width: 1200px) {
    :root {
        --spacing-regular: 3rem;
    }

    #home_slider_wrapper {
        margin-top: -30px;
    }

    #page-content {
        padding: 3rem 0;
    }

    body {
        font-size: 1.6rem;
    }

    h1, .h1{
        font-size: 5.2rem;
        line-height: 6.2rem;
    }
    
    .ts-82 {
        font-size: 5rem;
        line-height: 5rem;
    }
    
    .ts-52 {
        font-size: 4rem;
        line-height: 4.5rem;
    }
    
    .ts-46 {
        font-size: 3.6rem;
        line-height: 4rem;
    }
    
    .ts-32 {
        font-size: 2.8rem;
    }
    
    .ts-28 {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    
    .ts-26 {
        font-size: 2.2rem;
        line-height: 3rem;
    }
    
    .ts-24 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
    
    .ts-20 {
        font-size: 1.9rem;
        line-height: 2.8rem;
    }

    blockquote p:after,
    blockquote p:before {
        font-size: 2.4rem;
    }

    blockquote p {
        line-height: 3rem;
        font-size: 1.9rem;
    }

    .slide_description p:first-child{
        font-size: 2.2rem;
    }


    #header-menu .menu-item a {
        font-size: 4.8rem;
        line-height: 8rem;
    }

    .header-logo{
        width: calc(100% - (40px * 2));
        height: 130px;
    }

    .header-logo a {
        width: 415px;
    }    

    .newsletter-content {
        z-index: 1;
        position: relative;
    }

    .contact-page-info {
        flex: 0 0 100%;
    }

    .contact-page-map {
        flex: 0 0 100%;
        padding-left: 0px;
    }

    .h-slider .card-holder {
        margin-left: 10px;
    }

    hr {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    #home_slider .slick-dots {
        bottom: 90px;
    }


}

@media (max-width: 1023px) {

    body {
        font-size: 1.6rem;
    }

    h3, .h3 {
        font-size: 3.8rem;
        line-height: 3.2rem;
        margin: 0 0 10px 0;
    }

    h2, .h2 {
        margin: 0px 0 15px 0;
    }

    h5, .h5{
        font-size: 2.4rem;
        line-height: 2.5rem;
    }

    .slide_description p:first-child{
        font-size: 2rem;
    }

    hr {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .therapie_link-wrapper {
        flex-direction: column;
    }

    #header-menu .menu-item a {
        font-size: 4rem;
        line-height: 7rem;
    }

    .header-logo a {
        width: 375px;
    }

    /* #header-action-menu {
        height: 115px;
    } */


    .newsletter .email-icon .news-icon {
        font-size: 22px;
        padding: 8px;
    }

    .newsletter #subscribe-form {
        margin-top: -25px;
        margin-left: 22px;
    }
/* 
    .icon-holder {
        margin-right: 75px;
    } */

    /* .toggle-icon-default {
        font-size: 4.2rem;
        margin-left: 75px;
        left: 15px;
        top:0%
    } */

    /* .toggle-icon-close{
        font-size: 4.2rem;
    } */

    #header-menu {
        padding-bottom: 50px;
    }

    #contact-form {
        padding-top: 20px;
    }

    .send-info .contact-req-text {
        font-size: 16px;
    }
    
    .contact-grid-wrapper, .textarea-layer {
        flex: 0 0 100%;
    }

    .textarea-layer textarea {
        margin-left: 0px;
        margin-top: 7.5px;
    }

    .send-info .contact-req-text {
        font-size: 14px;
    }

    .send-info .contact-req-text {
        flex: 0 0 70%;
    }

    .therapieformen-holder {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .therapieformen-title{
        padding-top: 15px;
    }

    .aeh_title {
        font-size: 2rem;
    }

    .small-box {
        grid-column: span 3;
        grid-row: span 1;
    }

    #therapie-inner{
        flex-wrap: wrap;
    }

    #therapie-sidebar {
        width: 100%;
        max-width: 100%;
    }

    #therapie-content {
        margin-left: 0;
        width: 100%;
        margin-right: 0;
        max-width: 100%;
    }

    #therapie-section{
        padding-inline: 0;
    }

    footer .footer-columns {
        flex: 0 0 50%;
    }

    footer .footer-columns:nth-child(2) {
        flex: 0 0 50%;
    }

    .info .footer-columns:nth-child(2) .footer-column{
        flex: 0 0 50%;
    }

    
    .archive .cards{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .diplomas-wrap{
        grid-template-columns: repeat(2, 1fr);
    }



}

@media (max-width: 991px) {

    .ts-82 {
        font-size: 4rem;
        line-height: 4.5rem;
    }
    
    .ts-52 {
        font-size: 3rem;
        line-height: 3.5rem;
    }
    
    .ts-46 {
        font-size: 2.6rem;
        line-height: 3rem;
    }
    
    .ts-32 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    
    .ts-28 {
        font-size: 2.2rem;
        line-height: 2.9rem;
    }
    
    .ts-26 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
    
    .ts-24 {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    
    .ts-20 {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }

    img:is(.rounded) {
        border-radius: 10px;
    }


    .header-logo a {
        width: 315px;
    }

    footer .footer-link {
        font-size: 5rem;
    }

    h6,
    .h6{
        font-size: 1.8rem;
    }

    .wp_gallery_advanced_gal_item {
        padding-left: 0px;
    }
    

    .wp_gallery_advanced_type-slider .wp_gallery_advanced_caption {
        left: 0;
    }

    footer hr {
        margin: 70px 0px;
    }

    .therapie .column-list, .sitemap .column-list {
        column-gap: 20px;
    }

    footer .column-list li {
        line-height: 3.5rem;
    }

    footer .column-list li a {
        font-size: 1.6rem;
    }

    .footer-rights p, .footer-socials p {
        font-size: 1.4rem;
    }

    footer .footer-columns:nth-child(2) {
        flex: 1 0 48%;
        justify-content: space-around;
    }

    footer .footer-columns {
        flex: 0 0 48%;
    }

    .sitemap {
        padding-right: 0px;
    }

    .therapie {
        padding-left: 0px;
    }

    .slick-track .card-holder{
        margin-top: 0px !important;
    }

    .therapieformen-img {
        width: 100%;
        height: auto;
        aspect-ratio: 1.5;
        border-radius: 10px;
    }

    .therapieformen-holder,
    .news-image,
    .medizinische-image,
    .medizinische-wrapper-holder  {
        border-radius: 10px;
    }

    .menu-heading{
        visibility: hidden;
        opacity: 0;
    }

    .toggle-icon-default {
        font-size: 4.2rem;
        margin-left: 75px;
        left: 15px;
        top: 0%;
    }

    .toggle-icon-close {
        font-size: 4.2rem;
    }

    .page-template-template-home #home_slider_wrapper::before {
        height: 79px;
    }

    body:not(.page-template-template-home) #page-content::before{
        top: -75px;
    }

}

@media (max-width:850px){
    .header-logo {
        height: 85px;
        width: 100%;
        background-size: inherit;
    }

    #header-action-menu {
        background-size: contain;
    }

    .newsletter,
    .menu-heading{
        visibility: hidden;
    }

    .header-logo::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -20px;
        left: -20px;
        right: -20px;
        height: 40px;
        background-color: #fff;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
    }

    .header-logo a {
        width: 365px;
        z-index: 1;
        top: 6%;
        left: inherit;
    }

    .icon-holder{
        color: black;
    }

    .copyright{
        margin-top: 20px;
    } 
}

@media (max-width: 767px) {

    body {
        font-size: 1.6rem;
    }

    h1, .h1 {
        font-size: 5.5rem;
        margin: 0px;
        line-height: 6rem;
    }

    h2, .h2 {
        font-size: 3.1rem;
        line-height: 3.5rem;
    }

    h3, .h3 {
        font-size: 3rem;
        line-height: 2.8rem;
        margin: 0 0 10px 0;
    }

    h5, .h5 {
        font-size: 2.1rem;
    }

    h6, .h6 {
        font-size: 1.8rem;
    }

    blockquote p {
        line-height: 2.5rem;
        font-size: 1.6rem;
        padding-left: 25px;
    }

    .ts-82 {
        font-size: 3rem;
        line-height: 3.8rem;
    }
    
    .ts-52 {
        font-size: 2.8rem;
        line-height: 3rem;
    }
    
    .ts-46 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }
    
    .ts-32 {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
    
    .ts-28 {
        font-size: 2rem;
        line-height: 2.7rem;
    }
    
    .ts-26 {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
    
    .ts-24 {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
    
    .ts-20 {
        font-size: 1.7rem;
        line-height: 2.5rem;
    }
    
    .ts-18 {
        font-size: 1.6rem;
        line-height: 2.5rem;
    }

    .mb-15 {
        margin-top: 5px;
    }
    
    .mb-30 {
        margin-top: 15px;
    } 
    
    .mb-50 {
        margin-top: 20px;
    }

    .page-template-template-home #home_slider_wrapper::before{
        height: 40px;
    }

    body:not(.page-template-template-home) #page-content::before {
        top: -38px;
    }

    .slide_description p:first-child{
        font-size: 1.8rem;
    }

    .button {
        font-size: 1.6rem;
    }

    #header-menu .menu-item a {
        font-size: 4rem;
        line-height: 7rem;
    }
    
    .copyright{
        margin-top: 15px;
        line-height: 30px;
    } 

    .header-logo {
        height: 80px;
        width: 100%;
        background-size: inherit;
    }

    .socials , #header-action-menu {
        height: 80px;
    }

    .toggle-icon-default {
        margin-left: 70px;
        top: 50%;
    }

    .header-logo::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -20px;
        left: 1px;
        right: -20px;
        height: 40px;
        background-color: #fff;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
    }

    .newsletter,
    .menu-heading{
        visibility: hidden;
    }

    .icon-holder{
        color: black;
    }

    .header-logo a {
        width: 335px;
        z-index: 1;
        top: 6%;
        left: inherit;
    }

    #side-menu {
        top: initial;
        right: 0;
        bottom: 0;
        transform: translate(0, 0);
        width: 100%;
        display: flex;
    }

    #side-menu .sm-menu-item {
        flex:1;
        height: 48px;
    }

    #side-menu > .sm-menu-item > .icon-holder {
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 0px;
    }

    #side-menu .sm-menu-item:not(:nth-child(3)):after {
        content: '';
        width: 1px;
        height: 100%;
        background-color: var(--color-blue);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    #home_slider .slick-dots {
        bottom: 50px;
    }

    .sm-popover-item .icon-text:hover{
        transform: none;
    }

    .sm-popover-item .icon-text-hover{
        flex: 0 0 100%;
        height: 100%;
    }

    .sm-popover-item .text-hover{
        display: none;        
    }

    .sm-popover-item .icon-holder{
        border-radius: 0px !important;
        width: auto !important;
        height: 48px !important;
    }

    .sm-popover-item a{
        text-decoration: none;
        flex: 1;
    }

    .icon-text:hover .tooltip{
        visibility: hidden;
        opacity: 0;
    }

    .tooltip{
        width: auto;
    }

    #side-menu .sm-popover-item .icon-holder::after {
        content: '';
        width: 1px;
        height: 100%;
        background-color: var(--color-blue);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    footer .container{
        text-align: center;
    }

    footer .footer-link {
        font-size: 4.5rem;
    }

    footer .footer-columns {
        flex: 0 0 100%;
    }

    footer .footer-row {
        padding-top: 0px;
        flex-wrap: wrap;
    }

    footer .footer-columns:nth-child(2) {
        flex: 0 0 100%;
        justify-content: center;
    }

    footer .footer-columns:nth-child(2) .footer-column:nth-child(2) {
        margin-left: 50px;
    }

    footer hr {
        margin: 35px 0px;
    }

    footer .footer-menu{
        padding: 10px 0 50px 0;
    }

    .sitemap {
        flex: 0 0 100%;
        border-right: none;
    }

    .sitemap .column-list {
        column-count: 3;
        column-gap: 0px;
    }

    footer .column-list li {
        line-height: 3rem;
    }

    .therapie {
        flex: 0 0 100%;
        padding-left: 0px;
        margin-top: 50px;
        border-top: 2px solid #3B3F7E;
        margin-left: 0px;
    }

    .therapie h6{
        padding-top: 25px;
    }

    .therapie .column-list {
        column-count: 3;
    }

    #therapie-section{
        padding-left: 15px;
        padding-right: 15px;
    }

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

    .footer-rights{
        flex: 0 0 100%;
        order: 1;
    }

    .footer-socials{
        display: none !important;
    }

    .footer-socials .socials li a {
        font-size: 1.8rem;
    }

    .input-field, textarea {
        font-size: 15px;
    }

    .send-info .contact-req-text {
        flex: 0 0 100%;
        order: 2;
    }

    .send-info .send-wrapper {
        flex: 0 0 100%;
    }

    .contact-info-wrapper {
        padding-top: 20px;
    }

    .contact-form-wrapper {
        padding-top: 20px;
        padding-bottom: 75px;
    }

    .contact-form-wrapper .name {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .contact-info-sub-title {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }

    .contact-info p, .contact-info table {
        font-size: 1.6rem;
    }

    .locations-map-container .leaflet-map {
        height: 296px;
    }

    .hide-on-mobile {
            display: none;
    }

    .medizinische-wrapper {
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .medizinische-wrapper-holder {
        flex: 0 0 48%;
        margin: 10px 0px;
    }

    .medizinische-excerpt {
        padding: 20px 21px;
    }

    .medizinische-title {
        padding: 10px 21px 0px 21px;
        z-index: 1;
    }

    #side-menu {
        z-index: 2;
    }

    ul, ol, p {
        margin-bottom: 1em;
        line-height: 2.3rem;
    }

    .news-wrapper{
        flex-wrap: wrap;
    }
    
    .news-holder-wrapper {
        flex: 0 0 49%;
        margin-bottom: 40px;
    }

    .news-title {
        font-size: 2rem;
    }

    .news-date {
        margin-top: 12px;
        font-size: 1.4rem;
    }

    .news-link {
        font-size: 1.4rem;
    }

    .footer-wave {
        height: 150px;
    }

    #page-title {
        padding-top: 25px;
    }

    .card-holder {
        flex: 0 0 49%;
        border-radius: 30px;
    }

    .cards-image, #page-title {
        margin-left: 0px;
    }

    .archive .cards {
        grid-gap: 15px;
    }

    .tag-keyword {
        margin-bottom: 15px;
    }

    .aeh_title {
        font-size: 1.8rem;
        padding-right: 45px;
    }

    .aeh_collapse {
        font-size: 30px;
    }

    .accordian_elem {
        padding: 15px 20px 15px 20px;
    }

    .small-box {
        grid-column: span 6;
        grid-row: span 1;
    }

    .socials li a {
        font-size: 17px;
    }

    .card-excerpt {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .h-slider .slick-dots li.slick-active button:before {
        font-size: 15px !important;
    }

    .h-slider .slick-dots {
        bottom: -25px !important;
    }

    .card-link {
        font-size: 1.5rem;
    }

    #tinymce ul li, #flexible-content ul li {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }

    .page-template-template-kosten .card-title{
        padding: 0px 30px 10px 0px;
    }

    .page-template-template-kosten  .package-info {
        margin-bottom: 0px;
    }

    .diplomas-wrap{
        grid-template-columns: repeat(1, 1fr);
    }

}

@media (max-width: 580px) {
    .toggle-icon-default {
        font-size: 3.8rem;
        left: 15px;
        margin-left: 0px;
    }

    body.mm-active #burger .toggle-icon-close {
        font-size: 3.8rem;
    }

    .icon-holder {
        margin-right: 0px;
    }


    footer .footer-link {
        font-size: 4rem;
    }

    
    h1, .h1 {
        font-size: 4rem;
        margin: 0px;
        line-height: 5rem;
    }

    h4, .h4{
        font-size: 3rem;
    }

    h2, .h2 {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }

    h6, .h6 {
        font-size: 1.6rem;
        margin: 0;
        line-height: 2.2rem;
    }

    .ts-82 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    
    .ts-52 {
        font-size: 2.3rem;
        line-height: 3rem;
    }
    
    .ts-46 {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
    
    .ts-32 {
        font-size: 2rem;
        line-height: 2.6rem;
    }
    
    .ts-28 {
        font-size: 2rem;
        line-height: 2.7rem;
    }
    
    .ts-26 {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
    
    .ts-24 {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
    
    .ts-20 {
        font-size: 1.7rem;
        line-height: 2.5rem;
    }
    
    .ts-18 {
        font-size: 1.6rem;
        line-height: 2.5rem;
    }

    footer .footer-link {
        padding-top: 25px;
    }

    .info h6{
        margin-top: 10px;
    }

    footer .footer-columns:nth-child(2) {
        margin-top: 20px;
    }

    footer hr {
        margin: 25px 0px;
    }

    .slide_content {
        width: 95%;
    }

    footer .footer-columns:nth-child(2) {
        flex-wrap: wrap;
    }

    footer .footer-columns:nth-child(2) .footer-column{
        flex: 0 0 100%;
    }

    footer .footer-columns:nth-child(2) .footer-column:nth-child(2){
        margin-left: 0px;
    }

    .therapie .column-list, .sitemap .column-list {
        column-count: 2;
    }

    .footer-socials p{
        display: none;
    }

    .footer-socials .socials li a {
        font-size: 1.6rem;
    }

    .contact-page-form {
        padding-top: 45px;
    }

    .mail-icon {
        font-size: 135px;
    }

    #contact-form {
        padding-top: 5px;
    }
    
    .contact-req-text{
        line-height: 2.4rem;
        margin-top: 28px;
    }

    .contact-form-wrapper {
        padding-top: 0px;
        padding-bottom: 55px;
    }

    .h-slider .slick-track {
        justify-content: flex-start !important;
    }

    .news-date {
        margin-top: 22px;
    }

    .news-holder-wrapper {
        flex: 0 0 48%;
    }

    #flexible-content ul li {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .therapieformen-holder {
        margin-bottom: 10px;
    }

    .header-logo a {
        top: 5%;
        left: 15px;
        transform: none;
        width: 300px;
    }

    .slick-dots li {
        margin: 0 0px !important;
    }

    .h-slider .card-holder {
        margin-left: 4px;
        flex: none !important;
        max-width: 100%;
    }

    
    .h-slider .card-holder-adjust{
        margin-left: 15px;
        margin-right: 15px;
    }

    /* .card-holder {
        flex:none;
    } */

    .single .card-holder{
        flex: 0 0 100%;
        border-radius: 30px;
    }

    .single .cards {
        margin-top: 50px;
    }

    .archive .card-holder{
        max-width: none;
        flex: 0 0 100%;
    }

    .page-template-template-kosten .package-content {
        padding: 15px 10px 0 10px;
    }

    .page-template-template-kosten  .card-link-holder {
        padding: 15px 10px 0px 10px;
    }

    .big-box {
        grid-column: span 6;
        grid-row: span 2;
    }

}

@media (max-width: 545px) {
    .archive .cards{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
    }

    .archive .card-holder{
        margin-bottom: 25px;
    }
    
}

@media (max-height:800px){
    #header-menu .menu-item a {
        font-size: 3.5rem;
        line-height: 7rem;
    }
}


@media (max-height:650px){
    #header-menu .menu-item a {
        font-size: 2.5rem;
        line-height: 5rem;}

    #header-lower{
        padding-block: 0;
        padding-top: 115px;
    }

    #header-menu{
        padding-bottom: 0;
    }

    #header-lower::before{
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 115px;
        background-color: white;
        position: fixed;
        z-index: 10;
    }

    .copyright{
        padding: 0px;
        margin-bottom: 0px;
        position:static;
        margin-top: 35px;
    } 

    #header-lower #main-nav-wrapper{
        display: block;
        height: auto;
    }

}

@media (max-width: 420px) {

    body {
        font-size: 1.4rem;
    }

    hr {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    p{
        font-size: 1.4rem;
    }

    .slide_description p:first-child{
        font-size: 1.6rem;
    }

    .ae_content_container p {
        margin-top: 15px;
    }

    .toggle-icon-default {
        margin-left: 80px;
        font-size: 3rem;
    }

    body.mm-active #burger .toggle-icon-close {
        font-size: 3rem;
    }

    h1, .h1 {
        font-size: 3.5rem;
        margin: 0px;
        line-height: 4.5rem;
    }

    h4, .h4{
        font-size: 2.5rem;
    }

    #header-menu{
        padding-bottom: 0px;
        padding-block: 0px;
    }

    #header-menu .menu-item a {
        font-size: 3.2rem;
        line-height: 6rem;
    }

    .header-logo a {
        width: 280px;
    }

    .header-logo{
        height: 60px;
    }

    footer .column-list li a {
        font-size: 1.5rem;
    }

    .medizinische-wrapper-holder {
        flex: 0 0 100%;
    }

    .news-holder-wrapper {
        flex: 0 0 100%;
    }

    .package-content {
        padding: 0px 10px 0 10px;
    }

    .package-content-holder {
        padding: 0px 10px 20px;
    }

    .package-info {
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .card-excerpt {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .card-link {
        color: var(--color-blue);
        font-size: 1.4rem;
    }

    .button {
        font-size: 1.6rem;
    }

    .send-info {
        flex-wrap: wrap;
    }

    .socials li a {
        margin-right: 20px;
        color: #A7A7A7;
        font-size: 15px;
    }

    .icon-holder {
        margin-right: 80px;
    }

    .medizinische-excerpt {
        padding: 10px 21px 20px 21px;
    }

    .therapieformen-wrapper {
        padding-top: 5px;
    }

    .therapieformen-holder {
        padding: 10px;
        flex: 0 0 100%;
    }

    .medizinische-title {
        padding: 10px 15px 0px 15px;
    }

    .medizinische-excerpt {
        padding: 10px 15px 20px 15px;
    }

    footer .map {
        margin-bottom: 35px;
    }

    .therapie .column-list, .sitemap .column-list {
        column-count: 1;
    }

    .single .cards h4{
        margin: 0;
    }

    .page-template-template-kosten .card-title {
        padding: 10px 30px 10px 0px;
    }

    .page-template-template-kosten .card-excerpt {
        padding: 10px 30px 10px 0px;
    }

    .aeh_title {
        font-size: 1.6rem;
        padding-right: 30px;
    }

    .accordian_elem {
        padding: 15px 5px 15px 5px;
    }

    .aeh_collapse {
        font-size: 20px;
    }

    .therapie {
        margin-top: 25px;
    }

    footer .footer-link {
        font-size: 3rem;
    }

    .card-link span {
        margin-left: 10px;
        font-size: 10px;
    }

}

@media (max-width: 376px) {
    .header-logo a {
        width: 248px;
        top:15%;
    }

    
    .page-template-template-home #home_slider_wrapper::before {
        height: 30px;
    }

    body:not(.page-template-template-home) #page-content::before{
        top: -30px;
    }

}

@media (max-width: 300px) {

    
    .page-template-template-home #home_slider_wrapper::before, body:not(.page-template-template-home) #page-content::before {
        display: none;
    }

}