/*
 Theme Name:   beargzit-ferienwohnungen
 Theme URI:    http://www.beargzit.de
 Description:  Child theme for Twenty Twenty-Four
 Author:       Alina Gehring
 Template:     twentytwentyfour
 Version:      1.0.0
 Text Domain: twentytwentyfour-child
*/


/*FONTS*/

/* AS Chateau */
@font-face {

  font-family: 'AS Chateau', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ASChateau-Normal.woff') format('woff');
}

/* Karla */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(fonts/Karla.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* oooh-baby-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Oooh Baby';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oooh-baby-v4-latin-regular.woff2') format('woff2');
}


.hide {
	display:none;
}

.foreground {
	position:relative;
        z-index:1;
}


*:focus {
    outline: 0;
    border: none;
}

.wp-block-tiptip-hyperlink-group-block {
	text-decoration:none;
}


body {
	font-size: clamp(1rem, 1.5vw, 1.5rem);
	font-family: 'Karla', sans serif !important;
	background-color:#FAF9F6;
}

.home main {
	overflow:hidden;
}

h1, h2 {
	font-family: 'AS Chateau', sans-serif;
}

h3 {
	font-family: 'Oooh Baby';
}

.font-extra {
	hyphens:none;
	white-space:nowrap;
	z-index:1;
	position:relative;
}

@media screen and (max-width: 768px) {
  .font-extra {
	font-size:2.75rem !important;
	}
}


.bg-mountainline {
	position:absolute;
	bottom:0;
	width:100vw;
	left:0;
}


.anchor {
  position: absolute;
  margin-top: -75px;
}


/* HEADER */

header {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    transition: all 0.3s ease-in-out;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.page:not(.scrolled) header {
    box-shadow: none;
    padding: 1em 0 0;
    background:transparent;
}

@media screen and (min-width: 1311px) {
    .page:not(.scrolled) header {
        padding: 3em 0 0;

    }
}


#beargzit-b {
	width:60px;
}

@media screen and (max-width: 550px) {
    #beargzit-b {
        display:none;

    }
}

.page:not(.scrolled) #beargzit-b .signet-b {
  fill: #fff;
}

.home:not(.scrolled) .site-logo {
	visibility:hidden;
}

.page:not(.scrolled) .site-logo .wp-block-site-title a {
	color:#fff;
}

@media screen and (max-width: 1024px) {
	.hero.wp-block-cover * {
		max-width:none;
	}

	.hero.wp-block-cover {
		align-items:center !important;
	}
}

/*Zoom Effect on Cover Block Background Image*/
.hero.wp-block-cover .wp-block-cover__image-background {
    animation: zoomInOut 25s infinite ease-in-out;
}


@keyframes zoomInOut {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
}

/*MAIN CONTENT*/

main {
	margin-top:100px;
}

.content-edge img {
margin-bottom:-1px;

 position:relative;
  width: 100vw;
}

.subtitle,
.skewed-font {
	transform: rotate(-11deg);
	z-index:-1;
	position:relative;
}

.hero-offset {
	margin-top:-10em !important;
}

@media screen and (max-width: 781px) {
	.hero-offset {
		margin-top:-7em !important;
	}

.hero-offset h3 {
	text-align:center;
	transform:none;
}

.hero-offset img {
	border:none;
}

}


/*MENÜ*/

.nav-icon {
	border-radius:.33rem;
}

    .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
        width: 60px;
        height: 60px;
    }



/*HOME: CTA BOXES*/


.b-letter {
	margin-bottom:-111px;
	position:relative;
	z-index:1;
}

.cta-boxes .wp-block-cover .wp-block-cover__image-background {
	transition: all 0.3s ease-in-out;
}

.cta-boxes .wp-block-cover:hover .wp-block-cover__image-background {
	transform: scale(1.2);
}

.cta-boxes a {
	text-decoration:none;
}

/* Layout Offset */


.home .layout-offset > .wp-block-columns > .wp-block-column:nth-child(odd) {
    margin: 10vh auto 0;
}

/*TABLE STYLE*/

.is-style-zero.wp-block-table td,
.is-style-zero.wp-block-table th {
    border: none;
    vertical-align: top;

}

.table-facts.wp-block-table td, .table-facts.wp-block-table th {
    border: 2px solid var(--wp--preset--color--custom-emerald);
    border-width: 0 0 2px 0;

}

.wp-block-table th {

    text-transform: uppercase;
    color: var(--wp--preset--color--custom-rauchblau);
    font-weight: 700;

}


.wp-block-table td, .wp-block-table th {
    padding: 1em 0;
    border: none;
}

.wp-block-table thead {
    border-color: var(--wp--preset--color--custom-rauchblau);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
    background: transparent;
}


/*LAYOUT SPALTEN Bild/Text*/

@media screen and (max-width: 781px) {
    .wp-block-columns.odd > .wp-block-column:first-of-type {
        order: 2;
    }

    .wp-block-columns .wp-block-separator.style-offset {
        margin-top: var(--wp--preset--spacing--40) !important;
        margin-bottom: var(--wp--preset--spacing--40) !important;
    }

    .wp-block-columns.odd .wp-block-separator.style-offset {
        margin-left: -6.5rem;
        margin-right: auto;

    }

}

/*Preise Seite*/




.wp-block-table.table-preise thead tr th:first-child {
        font-family: 'AS Chateau', sans-serif;
        color: var(--wp--preset--color--custom-emerald);
        font-size: 2.5rem;
    }

@media screen and (max-width: 1023px) {
    .wp-block-table.table-preise thead tr th {
	padding:0x;
	hyphens:auto;
    }

.wp-block-table.table-preise thead tr th:first-child {
        font-size: 1.5rem;
    }


.table-saisonzeiten thead tr {
	display:flex;
	flex-wrap:wrap;
}

.table-saisonzeiten thead tr th {
	font-weight:400;
	color:var(--wp--preset--color--custom-braun);
	flex-basis:100%;
	text-align:center;
}

.table-saisonzeiten thead tr th:not(:first-of-type) strong {
color: var(--wp--preset--color--custom-rauchblau);
  font-weight: 700;
}

}


@media screen and (min-width: 1024px) {

.wp-block-table.table-preise {
	padding:2em 0;
	border:2em solid #fff;
	background:#fff;
}


    .wp-block-table.table-preise tbody tr:nth-child(1) td:not(:first-of-type) {
        font-family: 'AS Chateau', sans-serif;
        color: var(--wp--preset--color--custom-emerald);
        font-size: 2.5rem;
        padding: 2em 0;
    }

    .wp-block-table.table-preise thead tr th:not(:first-child) {
        font-weight:400;
	text-transform:none;
    }

}


/*CTA Details / Urlaubtipps*/

.cta-details .wp-block-details {
	border-bottom:none;
	text-align:center;
	padding:0;
}

@media screen and (min-width: 782px) and (max-width: 1280px) {
	.cta-details .wp-block-cover__inner-container h3 {
		font-size:1.8em !important;
	}

	.cta-details .wp-block-cover__inner-container p {
		font-size:1.8em !important;
		margin-top:0.5em !important;
	}
}

.cta-details .wp-block-details summary {
	font-size:3em;
	list-style-type:"↓";
}

.cta-details .wp-block-cover {
	padding:2em;
}

.cta-details a {
	text-decoration:underline;
}

/*Fluent Form Kontaktformular*/

select {
	-webkit-appearance: none;
}

.ff-default .ff-el-form-control {
    background: #fff;
	border-color:var(--wp--preset--color--custom-emerald);
}

.ff-btn-submit {
line-height:inherit;
    color: #fff;
	background:var(--wp--preset--color--custom-emerald);
    border-radius: .33rem;
border-width:0;
font-size: clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.737), 1.5rem);
	font-family: 'AS Chateau',sans-serif;
    padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
}

.ff-btn-submit:hover {
    colro: #974159;
    cursor: pointer;
}

.ff-el-input--label {
	font-size:1rem!important;

}

.ff-default .ff-el-form-control {
    border-radius: .33rem;
}

.ff-message-success {
    padding: 2em;
    color: #fff;
	border:none;
    background: var(--wp--preset--color--custom-rauchblau);
}


/*BUTTON*/

.wp-block-button a {
	white-space:nowrap;
}

/*FOOTER*/

ul.icon-list {
    padding: 0;
    list-style-type:none;
}

ul.icon-list li {
  position: relative;
  padding-left: 1.5em;
}

ul.icon-list li::before {
  width: 1em;
  height: 1em;
  content: "";
  left: 0;
  top: 0.25em;
  position: absolute;
}

footer ul.icon-list li.footer-icon-phone:before {
    background: url(assets/icons/phone-grey.svg) no-repeat center;
}

footer ul.icon-list li.footer-icon-mail:before {
    background: url(assets/icons/envelope-grey.svg) no-repeat center;
}

footer .wp-block-gallery.has-nested-images.aligncenter {
	flex-wrap:nowrap;
}



/*MENÜ*/

header .wp-block-navigation__responsive-container:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    right: 0px;
    background-image: url(https://beargzit.de/wp-content/uploads/2025/09/bg-mountainline-white.svg);
    background-repeat: no-repeat;
	background-size:contain;
	background-position:bottom right;
    opacity:0.1;
border:10px solid red;
}

header .wp-block-navigation__container {
	font-size:clamp(1.6rem, 1.5vw, 2.75rem);

}

header .wp-block-navigation__submenu-container {
  	font-family: 'Karla';
	font-size:1.5rem;
	padding: 1em 0;
}

.wp-block-navigation__responsive-container-close {
	padding-top:calc(2rem + 24px);
}

header .wp-block-button a {
	height:60px;
	font-size:clamp(1.2rem, 1.5vw, 1.5rem);
}