/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/

/* Import */
@import "css/accordion.css";
@import "css/modal.css";
@import "css/programm.css";
@import "css/masonry.css";
@import "css/snow.scss";
@import "css/tabelle.css";
@import "css/reservierungszeiten.css";
@import "css/aktionsbanner.css";


/* Fonts */
/* noto-serif-700 - latin */
h1, h2, h3, h4, .font-serif, 
.standard-menu-container.menu-skin-main ul.menu > li > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li a {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 600;
    src: url('/wp-content/themes/kalium-child/fonts/noto-serif-v22-latin/noto-serif-v22-latin-600.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/kalium-child/fonts/noto-serif-v22-latin/noto-serif-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/wp-content/themes/kalium-child/fonts/noto-serif-v22-latin/noto-serif-v22-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            url('/wp-content/themes/kalium-child/fonts/noto-serif-v22-latin/noto-serif-v22-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
            url('/wp-content/themes/kalium-child/fonts/noto-serif-v22-latin/noto-serif-v22-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
            url('/wp-content/themes/kalium-child/fonts/noto-serif-v22-latin/noto-serif-v22-latin-600.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

@media (min-width: 2000px){
	h2.headline--h1 {
    font-size: max(65px, 5vw);;
    line-height: 95%;
    margin-bottom: 3rem;
}
}


@media (max-width: 1999px){
	h2.headline--h1 {
    font-size: max(50px, 7.5vw);
    line-height: 95%;
    margin-bottom: 3rem;
}
}

.text-centred {
    text-align: center;
}

.txt-color {
    color: #CCA556;
}

.txt-white {
    color: #fff;
}


/* Allgemein */
@media (min-width:768px){
    .wpb-content-wrapper > .parent--content-row:not(:first-child) .content-row {
        padding: 80px 0;
    }

    .wpb-content-wrapper > .parent--content-row:first-child .content-row {
        padding-bottom: 80px;
    }
}

@media (max-width:767px){
    .wpb-content-wrapper > .parent--content-row:not(:first-child) .content-row {
        padding: 40px 0;
    }

    .wpb-content-wrapper > .parent--content-row:first-child .content-row {
        padding-bottom: 40px;
    }
}

@media (max-width:767px){
    .spacer-mobile {
        padding: 20px 0;
    }
}

.theme-dark {
    background-color: #000;
}

.theme-bright, 
.theme-bright p {
    background-color: #fffef2;
}

.theme-bright, 
.theme-bright p,
.theme-bright h2 {
    color: #0E0E0E;
}

@media (max-width:767px){
    .content-image img {
        aspect-ratio: 16/9;
        max-height: 250px;
        min-height: 150px;
        min-width: 200px;
    }
}

@media (min-width:768px){
    .content-image img {
        aspect-ratio: 1/1;
    }
}

.content-image img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

hr {
    height: 1px;
    width: 100%;
    opacity: 0.25;
    background: #0E0E0E;
}

.parent--content-row--inner-wrapper>div {
    --k-spacing: var(--k-container-spacing) !important;
    margin-inline: auto;
    max-width: calc(var(--k-max-width));
    padding-inline: var(--k-spacing);
}

@media (min-width:1570px) {
    #programm > div > div,
    #reservierung > div > div,
    #reservierung > div > div > div > div {
        padding: 0;
    }

    #programm > div > div > div.wpb_column.vc_column_container.vc_col-sm-12.vc_col-md-5 > div
    #reservierung > div > div > div.wpb_column.vc_column_container.vc_col-sm-12.vc_col-md-5 > div {
        padding-left: 0;
    }

    #programm > div > div > div.wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-offset-1.vc_col-md-6 > div,
    #reservierung > div > div > div.wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-offset-1.vc_col-md-6 > div {
        padding-right: 0;
    }
}

/*@media (max-width: 1460px) {
    #programm,
    #reservierung
     {
        padding: 60px 15px;
    }
}

@media (max-width: 1560px) {
    #programm,
    #reservierung
     {
        padding: 60px 15px;
    }
}*/



/* buttons */
.btn-primary, .checkout-button {
    background-color: #cca556 !important;
    color: #0e0e0e !important;
    padding: 10px 25px;
    font-weight: 700;
    border: none;
    margin-top: 2rem;
    text-decoration: none;
} 

.raw-text-widget .btn-primary {
    margin-top: 0 !important;
}

/* Menü */
#menu-reservierung a {
	background-color: #cca556 !important;
    color: #0e0e0e !important;
    padding: 10px 25px;
    font-weight: 700;
    border: none;
}

.link-style .menu .menu-item:is(.current-menu-item,.current-menu-parent,.current_page_item,.current-menu-ancestor,.current_page_ancestor)>a .link {
    --k-ls-hovered: none;
}

#menu-reservierung .active:after {
    display: none !important;
}

.header-block__items-row {
    gap: 25px;
}

.standard-menu-container.menu-skin-main ul.menu > li > a {
    color: #fffef2;
    transition: 0.4s;
}

.standard-menu-container .menu>ul>li+li, .standard-menu-container ul.menu>li+li {
    margin-left: 50px;
}

.standard-menu-container.menu-skin-main ul.menu > li > a:after {
    background-color: transparent !important;
}

.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a:hover, 
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a:hover, 
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a:focus, 
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a:focus, 
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a:active, 
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a:active {
    color: #cca556;
}

tr.headline--h3 td {
    padding-bottom: 2px;
    color: #cca456;
    border-bottom: 10px solid #000;
}

#menu-hauptmenue.menu.active:after, #menu-reservierung.menu.active:after {
    display: none !important;
}

/* Top Header Bar */
.top-header-bar {
    background: #fffef2;
}

.top-header-bar__row {
	align-content:center;
	-ms-flex-line-pack:center;
    justify-content:center;
	-ms-flex-pack:center;
}

.top-header-bar p {
	color: #0e0e0e;
	margin: 10px 0;
}

.top-header-bar__column {
	justify-content:center;
	-ms-flex-pack:center;
    align-items: center;
}


/* mobiles Menü */
.mobile-menu-container.ps {
    display: flex;
	display: -webkit-flex;
	display: -ms-flex;
    align-items: center;
    justify-content:center;
	-ms-flex-pack:center;
}

.mobile-menu-wrapper .mobile-menu-container ul li {
    text-align: center;
}

.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li a {
	font-size: 26px;
}

.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu>li.current_page_item>a:before {
	background-color: transparent;
}

.mobile-menu__content .header-block__item {
    align-items:center;
    -ms-flex-align:center;
    justify-content:center;
    -ms-flex-pack:center;
}


/* Legal Content */
.legal-content h3:not(:first-child) {
    margin-top: 75px;
}

.legal-content h4:not(:first-child) {
    margin-top: 25px;
}


/* Teaser */
@media (max-width:767px) {
    section.teaser {
        margin-bottom: 25px;
    }
}

@media (max-width:991px) {
    section.teaser {
        flex-direction: column;
    }
}

@media (min-width:992px) {
    section.teaser {
        flex-direction: row;
    }
}

section.teaser {
    border: 1px solid rgba(255, 254, 242, 0.20);
    padding: 25px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-content:center;
    -ms-flex-line-pack:center;
    gap: 25px;
}

section.teaser .teaser-image img {
    max-width: 100px;
}

section.teaser .teaser-content a {
    margin-top: 15px;
}

section.teaser h3 {
    margin-top: 0;
}

section.teaser p {
    margin-bottom: 0;
}


/* Störer */
.stoerer-wrapper {
    z-index: 10;
}

.stoerer-wrapper .wpb_text_column.wpb_content_element.post-formatting {
	display: none;
}

.stoerer-content p {
	font-size: clamp(18px, 0.9vw + 0.9rem, 23px);
    margin-bottom: 0;
}

@media (min-width:768px){
	.stoerer-wrapper {
		position: absolute;
        top: -20px;
		right: -20px;
		height: fit-content;
	}
	
	.stoerer-wrapper .stoerer-content {
		border-radius: 200.942px;
        background: #cca556;
		aspect-ratio: 1 / 1;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
        max-width: 200px;
        padding: 35px 20px;
	}

	.stoerer-wrapper .stoerer-content p {
		text-align: center;
		line-height: 125%;
		color: #0e0e0e;
	}
}

@media (max-width:767px){
	.stoerer-content {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		line-height: 120%;
		width: 100%;
		border-top: 2px solid;
		border-bottom: 2px solid;
		margin: 25px 0;
		padding: 10px 0;
	}
	
	.stoerer-content p {
		margin: 0;
		line-height: 125% !important;
	}
}