/*
Theme Name:     PRETTY NASTY Child Theme
Theme URI:      n/a
Template:       kadence
Author:         PRETTY NASTY Agency Group
Author URI:     https://prettynasty.de/
Description:     
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/*-----------------------------------------------------------------------------------*/
/*---------------------GENERAL---------------------*/
/*-----------------------------------------------------------------------------------*/
:root {
    /* --global-kb-font-size-sm: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
    --global-kb-font-size-md: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    --global-kb-font-size-lg: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
    --global-kb-font-size-xl: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
    --global-kb-font-size-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 4rem);
    --global-kb-font-size-xxxl: clamp(2.75rem, 0.489rem + 7.065vw, 6rem); */
    --global-kb-font-size-sm: 16px !important;
    --global-kb-font-size-md: 20px !important;
    --global-kb-font-size-lg: 30px !important;
    --global-kb-font-size-xl: 50px !important;
    --global-kb-font-size-xxl: 80px !important;
    --global-kb-font-size-xxxl: 125px !important;
}

/* heading spacing */
.wp-singular .single-content h1, 
.wp-singular .single-content h2, 
.wp-singular .single-content h3, 
.wp-singular .single-content h4, 
.wp-singular .single-content h5, 
.wp-singular .single-content h6 {
    margin: 4rem 0 2rem;
}
.wp-singular .single-content h1 + *, 
.wp-singular .single-content h2 + *, 
.wp-singular .single-content h3 + *, 
.wp-singular .single-content h4 + *, 
.wp-singular .single-content h5 + *, 
.wp-singular .single-content h6 + * {
    margin-top: 0;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------MOBILE MENU---------------------*/
/*-----------------------------------------------------------------------------------*/
#mobile-toggle > * {
    display: none;
}
#mobile-toggle::before, #mobile-toggle::after {
    transition: all .2s ease-in-out;
} 
#mobile-toggle::before {
    content: "";
    display: block;
    position: relative;
    width: 2px;
    height: 1.5rem;
    background: white;
    left: 50%;
}
#mobile-toggle::after {
    content: "";
    display: block;
    position: relative;
    width: 1.5rem;
    height: 2px;
    background: white;
}
#mobile-toggle.open::before, #mobile-toggle.open::after {
    transform: rotate(135deg);
}

/* Offcanvas slider */
body .popup-drawer .drawer-inner {
    box-shadow: none;
}
body .popup-drawer .drawer-overlay {
    background-color: transparent;
    top: 100px;
}
body.admin-bar .popup-drawer .drawer-overlay {
    top: 146px;
}
body #mobile-drawer.active.popup-drawer {
    top: 100px;
}
#mobile-drawer.popup-drawer .drawer-header {
    display: none;
}

body #mobile-drawer.active.popup-drawer .drawer-inner {
    top: 100px;
}
body.admin-bar #mobile-drawer.active.popup-drawer {
    top: 146px;
}

body.admin-bar #mobile-drawer.active.popup-drawer .drawer-inner {
    top: 146px;
}
/* Popup Drawer Content */
.drawer-content .mobile-header-button-wrap {
    width: 100%;
}
.drawer-content .mobile-header-button-wrap > * {
    width: 100%;
}
.drawer-content .mobile-header-button-wrap a {
    display: flex;
    justify-content: center;
    font-size: 25px;
}
@media (min-width: 768px) {
    .drawer-content .mobile-header-button-wrap a {
        font-size: 40px;
    }
}

.mobile-navigation ul li:not(.menu-item-has-children):last-child a {
    border-bottom: none;
}
#mobile-drawer .drawer-content .site-header-item {
    margin-bottom: 0;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------FOOTER---------------------*/
/*-----------------------------------------------------------------------------------*/
.site-footer .footer-widget-area.content-align-right .footer-navigation {
    margin-top: 4rem;
}
.site-footer .widget_nav_menu ul {
    display: flex;
    gap: 1rem;
}

.footer-logo-intergast {
    width: 160px;
    display: block;
}
.footer-widget2 .widget_block {
    display: flex;
    justify-content: flex-end;
}

.site-footer-middle-section-2 {
    display: block !important;
    text-align: right !important;
}
.site-footer .site-footer-middle-section-2 .widget_nav_menu ul {
    justify-content: flex-end;
}
.site-footer .site-footer-middle-section-2 .widget_nav_menu ul.sub-menu {
    display: none;
}

.site-footer #block-7 {
    margin-top: 10px;
    margin-bottom: 25px;
}
.site-footer #block-8 {
    margin-bottom: 10px;
}
.site-footer {
    box-shadow: 0 -13px 25px rgba(5 11 26 / .25);
    font-size: 16px;
}
.site-footer #menu-jb-hauptmenue a {
    font-family: var(--global-heading-font-family);
    font-size: 25px;
}
.footer-html {
    margin: 8px 0 0 0 !important;
}
.ds-text {
    margin-top: 0;
}
@media (max-width: 1023px) {
    .site-footer .footer-widget-area.content-align-right .footer-navigation {

        justify-content: center;
    }
    .site-footer .footer-widget-area.content-align-right .footer-social-inner-wrap {
        justify-content: center;
    }
    .footer-widget2 .widget_block {
        display: flex;
        justify-content: center;
    }
    .site-footer .site-footer-middle-section-2 .widget_nav_menu ul {
        justify-content: center;
    }
    .site-footer * {
        text-align: center;
    }
    .site-footer-middle-section-2 {
        /* align-items: center; */
        text-align: center !important;
    }
}
@media (min-width: 1024px) {
    .site-footer .footer-widget-area.content-align-right .footer-navigation {
        margin-top: 6.5rem;
    }
    .footer-navigation .footer-menu-container #footer-menu li:last-of-type a {
        padding-right: 0;
    }
    .site-footer .site-footer-middle-section-1 .footer-widget-area {
        max-width: 640px;
    }
    .footer-html-inner {
        text-align: end;
    }
}
/*-----------------------------------------------------------------------------------*/
/*---------------------RÄUME---------------------*/
/*-----------------------------------------------------------------------------------*/

.sixty-deg-seperator-off-left {
    position: relative;
    transform: translateX(-40%) translateY(40px) rotate(75deg);
    z-index: -1;
}
.sixty-deg-seperator-off-right {
    position: relative;
    transform: translateX(40%) translateY(-40px) rotate(75deg);
    z-index: -1;
}
.minus-sixty-deg-seperator-off-right {
    position: relative;
    transform: translateX(40%) translateY(40px) rotate(-75deg);
    z-index: -1;
}
.room-graphics img {
    transition: all .2s ease-out;
}
.room-graphics:hover figure:first-child img, 
.room-graphics:focus-within figure:first-child img {
    transform: scale(1.1) translateY(-20px);
}
.room-graphics:hover figure:last-child img, 
.room-graphics:focus-within figure:last-child img {
    transform: scale(0.95);
    filter: blur(4px);
}
@media (min-width: 450px) {
    .sixty-deg-seperator-off-left {
        transform: translateX(-40%) translateY(95px) rotate(75deg);
    }
    .sixty-deg-seperator-off-right {
        transform: translateX(40%) translateY(-95px) rotate(75deg);
    }
    .minus-sixty-deg-seperator-off-right {
        transform: translateX(40%) translateY(95px) rotate(-75deg);
    }
    
}
@media (min-width: 768px) and (max-width: 1023px) {
    .sixty-deg-seperator-off-left {
        transform: translateX(-40%) translateY(70px) rotate(75deg);
    }
    .sixty-deg-seperator-off-right {
        transform: translateX(40%) translateY(-70px) rotate(75deg);
    }
    .minus-sixty-deg-seperator-off-right {
        transform: translateX(40%) translateY(70px) rotate(-75deg);
    }
    
}
@media (min-width: 1024px) {
    .sixty-deg-seperator-off-left {
        transform: translateX(-20%) translateY(40px) rotate(75deg);
    }
    .sixty-deg-seperator-off-right {
        transform: translateX(20%) translateY(-35px) rotate(75deg);

    }
    .minus-sixty-deg-seperator-off-right {
        transform: translateX(20%) translateY(40px) rotate(-75deg);
    }
    
}

/*-----------------------------------------------------------------------------------*/
/*---------------------CARDS-SLIDER---------------------*/
/*-----------------------------------------------------------------------------------*/
.vorteile-arrow {
    transform: rotate(-45deg);
    transition: all .2s ease-out;
}
div:has(+ .kb-section-link-overlay:hover, + .kb-section-link-overlay:focus) .vorteile-arrow {
    transform: rotate(0);
}
@media (max-width: 543px) {
    .kb-splide .splide__slide .kb-advanced-slide {
        transition: all .2s ease-out;
    }
    .kb-splide .splide__slide.is-active .kb-advanced-slide {
        transform: scale(1.08);
    }

}

/*-----------------------------------------------------------------------------------*/
/*---------------------HELPERS---------------------*/
/*-----------------------------------------------------------------------------------*/
.shadow-divider::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    height: 26px;
    background: linear-gradient(
        to bottom,
        rgba(5 11 26 / .25),
        rgba(5 11 26 / 0)
    );
    pointer-events: none;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------BUTTON---------------------*/
/*-----------------------------------------------------------------------------------*/
.kb-button.kt-btn-has-svg-true {
    gap: 0;
}
.kb-button.kt-btn-has-svg-true:hover, .kb-button.kt-btn-has-svg-true:focus-within {
    gap: .5em;
}

.kb-button.icon-reveal:focus-within .kb-svg-icon-wrap {
  width: var(--kb-button-icon-size, 24px);
  opacity: 1;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------IGON PHONE---------------------*/
/*-----------------------------------------------------------------------------------*/
.igon-phone {
    z-index: -1;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------NEWSLETTER FORM---------------------*/
/*-----------------------------------------------------------------------------------*/
.site-footer form input::placeholder {
    color: var(--global-palette3);
}
.site-footer form input:focus::placeholder {
    color: #ccc;
}
/* Form */
form input {
    font-family: var(--global-heading-font-family);
    font-size: 25px;
}
form input[type="text"], 
form input[type="email"], 
form input[type="url"], 
form input[type="password"], 
form input[type="search"], 
form input[type="number"], 
form input[type="tel"], 
form input[type="range"], 
form input[type="date"], 
form input[type="month"], 
form input[type="week"], 
form input[type="time"], 
form input[type="datetime"], 
form input[type="datetime-local"], 
form input[type="color"], 
form textarea {
    border-radius: 0;
    border: 2px solid white;
    color: var(--global-palette3);
    text-align: left;
    padding: 0.35em .5em;
}

form.kb-form .kadence-blocks-form-field .kb-forms-submit {
    padding: 10px 16px;
}
/* End Form */
@media (max-width: 1023px) {
    form.kb-form {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    form.kb-form .kadence-blocks-form-field.kb-submit-field {
        width: 80%;
    }
}
@media (max-width: 500px) {
    form.kb-form .kadence-blocks-form-field.kb-submit-field,
    form.kb-form .kadence-blocks-form-field.kb-field-desk-width-80 {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .site-footer .kb-form {
        flex-wrap: nowrap;
    }
    .site-footer .kb-form .kadence-blocks-form-field {
        margin-bottom: 0;
    }
    form.kb-form .kadence-blocks-form-field.kb-field-desk-width-80 {
        width: 60%;
    }
}
/* CF7 Form */
.wpcf7 form .wpcf7-response-output{
    margin: 0;
}
form .wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
}
.wpcf7-not-valid-tip {
    background: var(--global-palette13);
    padding: .5rem;
    color: var(--global-palette3);
}
@media (max-width: 1023px) {
    .site-footer .wpcf7-form  {
        width: 80%;
        margin: 0 auto;
    }
    .site-footer .form-input input, .site-footer .form-submit input {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .site-footer .wpcf7-form  {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .site-footer .form-group {
        display: flex;
        gap: 1rem;
    }
}
/*-----------------------------------------------------------------------------------*/
/*---------------------QUERY CARDS---------------------*/
/*-----------------------------------------------------------------------------------*/
.lightblue_card button.kt-blocks-modal-link span {
    color: var(--global-palette10);
}
.green_card button.kt-blocks-modal-link span {
    color: var(--global-palette6);
}
.darkblue_card button.kt-blocks-modal-link span {
    color: var(--global-palette5);
}
.purple_card button.kt-blocks-modal-link span {
    color: var(--global-palette2);
}
/*-----------------------------------------------------------------------------------*/
/*---------------------IFRAME---------------------*/
/*-----------------------------------------------------------------------------------*/
iframe {
    border: 0;
    max-height: 80vh;
}

/*-----------------------------------------------------------------------------------*/
/*---------------------FLIP CARDS---------------------*/
/*-----------------------------------------------------------------------------------*/
.flip-card {
  height:600px;
  max-height: 80vh;
  perspective:1000px;
  cursor: pointer;
}

.flip-card > *  {
  position:relative;
  width:100%;
  height:100%;
  transition:transform 0.7s ease;
  transform-style:preserve-3d;
}

@media (hover: hover) {
    .flip-card:hover > * {
      transform:rotateY(180deg);
    }
}
.flip-card.flipped > * {
  transform:rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position:absolute !important;
  width:100%;
  height:100%;
  backface-visibility:hidden;
  overflow:hidden;
}

.flip-card-back {
  transform:rotateY(180deg);
}
.single-content .flip-card-back ul {
  padding-left: 1em;
}