.cmplz-accept{
	background: linear-gradient( var(--green1), var(--green2));
}

.cmplz-accept:hover{
	background: linear-gradient( var(--green2), var(--green1));
}


.videoYoutube iframe{	
  	width: 600px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoYoutube {
    position: relative;
    padding-bottom: 56.5%;
    height: 0;
    overflow: hidden;
}

.sidebooking {
    width: 89%;
}
   
.temp{
    display: inline;
}

.temp #infotext div:first-child{
    margin-left: 0px;
}

.temp #infotext div{
    margin-left: 30px;
}

.temp img{
    margin:0px;
    position: relative;
    top: 6px;
	width: 25px; 
}

#tv-button {
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
}

/* FIX: Doppelte Semikolons entfernt, die Stylus zum Absturz bringen */
.ausspucken {
  background: linear-gradient( var(--green1), var(--green2));
  color: var(--permaweiss);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.faqactive{
  background: linear-gradient( var(--green1), var(--green2));
  color: var(--permaweiss);
}

.faqactive:hover, .ausspucken:hover {
  background: linear-gradient(var(--green2), var(--green1));
  color: var(--permaweiss);
}

.faqcontent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: var(--hintergrund);
  color: var(--text);
}

.ab-item img {
    max-width: 22px;
    max-height: 14px;
}

.wp-list-table th[class*="column-language_"] img,
.wp-list-table td[class*="column-language_"] img {
    width: 22px !important;
    height: auto !important;
    max-height: 15px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}

/* =========================================================
   SEITEN-MENÜ (WABEN-BUTTON) - DAS ORIGINAL DESIGN
   ========================================================= */

#sidebuchen-menu {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  /* FIX: Kein verschachteltes min() mehr, das Stylus crasht */
  --hex-h: clamp(230px, 38vh, 420px);
  height: var(--hex-h);

  --hex-w: calc(var(--hex-h) * 0.5);
  width: var(--hex-w);

  /* FIX: Multiplikation statt Division (1 / 3.4641 = 0.28867) */
  --slant-x: calc(var(--hex-h) * 0.28867);

  background: var(--green2);

  clip-path: polygon(
    100% 0, 
    var(--slant-x) 0, 
    0% 50%, 
    var(--slant-x) 100%, 
    100% 100%
  );
  
  box-sizing: border-box;
  cursor: pointer;
}

#sidebuchen-menu::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--orange2);
  clip-path: polygon(
    100% 0, 
    var(--slant-x) 0, 
    0% 50%, 
    var(--slant-x) 100%, 
    100% 100%,
    100% calc(100% - 3px),
    var(--slant-x) calc(100% - 3px),
    5px 50%,
    var(--slant-x) 3px,
    100% 3px
  );
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 0;
}

#sidebuchen-menu:hover::after {
  opacity: 1;
}

#sidebuchen-menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em; 
  
  color: var(--permaweiss);
  text-decoration: none;
  font-family: sans-serif;
  font-weight: 700;

  font-size: calc(var(--hex-h) * 0.068);
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 1.45;
  white-space: normal;
  box-sizing: border-box;
  
  position: absolute;
  top: 50%;
  left: calc(50% + calc(var(--hex-h) * 0.07));
  
  width: var(--hex-h);
  padding: 0 calc(var(--hex-h) * 0.09);
  height: calc(var(--hex-w) * 2.5);

  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform 0.2s ease;
  
  flex-shrink: 0;
  cursor: pointer;
  z-index: 1;
}

#sidebuchen-menu a:hover,
#sidebuchen-menu a:focus {
  text-decoration: none;
}

#sidebuchen-menu:hover a {
  transform: translate(-50%, -50%) rotate(90deg) scale(0.93);
}

/* =========================================================
   SVGs: HINTERGRUND-BILDER
   ========================================================= */
#sidebuchen-menu a::before,
#sidebuchen-menu a::after {
  content: "";
  display: inline-block;

  width: calc(var(--hex-h) * 0.16);
  height: calc(var(--hex-h) * 0.16);
  margin-top: calc(var(--hex-h) * -0.105);
  flex-shrink: 0;

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  transition: transform 0.2s ease, background-image 0.2s ease;
}

/* Linkes Icon: Personengruppe (Weiß) */
#sidebuchen-menu a::before {
  margin-left: calc(var(--hex-h) * -0.066);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12.27 -20 140 140' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='28.87,0.5 86.6,0.5 114.97,50 86.6,99.5 28.87,99.5 0.5,50' stroke-width='3.5'/%3E%3Cg transform='translate(31.34 23.6) scale(2.2)' stroke-width='1.8'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/g%3E%3C/svg%3E");
}

/* Rechtes Icon: Kalender (Weiß) */
#sidebuchen-menu a::after {
  margin-right: calc(var(--hex-h) * -0.066);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12.27 -20 140 140' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='28.87,0.5 86.6,0.5 114.97,50 86.6,99.5 28.87,99.5 0.5,50' stroke-width='3.5'/%3E%3Cg transform='translate(31.34 23.6) scale(2.2)' stroke-width='1.8'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/g%3E%3C/svg%3E");
}

/* Hover: Linkes Icon (Personengruppe, Orange - bitte ggf. %23FF9900 anpassen) */
#sidebuchen-menu:hover a::before {
  transform: scale(0.85);
}

/* Hover: Rechtes Icon (Kalender, Orange - bitte ggf. %23FF9900 anpassen) */
#sidebuchen-menu:hover a::after {
  transform: scale(0.85);
}

#sidebuchen-menu.active-box {
    display: none !important;
}


/* =========================================================
   MEDIA QUERIES (DESKTOP FIX FÜR CONTENT-BEREICH)
   ========================================================= */

/* FIX: Über einen einfachen Media Query wird verhindert, dass Stylus crasht */
@media screen and (max-width: 1790px) and (min-width: 1616px) {
  #sidebuchen-menu {
    --hex-h: calc(100vw - 1370px);
  }
}

/* =========================================================
   MEDIA QUERY: WABE AM UNTEREN RAND (Max 1615px)
   ========================================================= */
@media screen and (max-width: 1615px) {

    #sidebuchen-menu {
        --hex-w: 380px;
        --hex-h: 160px;
        
        /* FIX: Multiplikation statt Division */
        --slant-x: calc(var(--hex-h) * 0.28867);

        width: var(--hex-w);
        height: var(--hex-h);

        top: auto;
        bottom: 0;

        /* FIX: Multiplikation statt Division (/2 wurde zu *0.5) */
        right: calc(max(10px, (100vw - 1350px) * 0.5) + 2px);

        transform: translateY(55%);
        
        clip-path: polygon(
            var(--slant-x) 0%, 
            calc(100% - var(--slant-x)) 0%, 
            100% 50%, 
            calc(100% - var(--slant-x)) 100%, 
            var(--slant-x) 100%, 
            0% 50%
        );
        
        background: linear-gradient(to bottom, var(--orange1), var(--orange2));
        transition: background 0.25s ease;
    }

    #sidebuchen-menu:hover {
        background: linear-gradient(to bottom, var(--orange2), var(--orange1));
    }

    #sidebuchen-menu a {
        position: absolute;
        top: 22%;
        left: 50%;
        width: 77%;
        height: auto;
        padding: 0;
        flex-direction: row;
        gap: 12px;
        transform: translate(-50%, -50%);
        font-size: 17px;
        white-space: normal;
        text-align: center;
        line-height: 1.15;
        z-index: 1;
    }

    #sidebuchen-menu:hover a {
        transform: translate(-50%, -50%);
    }

    #sidebuchen-menu a::before,
    #sidebuchen-menu a::after {
        width: 60px;
        height: 60px;
        margin: 0;
        flex-shrink: 0;
    }
}

@media screen and (max-width: 750px) {
    #sidebuchen-menu {
        /* FIX: Multiplikation statt Division */
        right: calc((100vw - var(--hex-w)) * 0.5);
    }
}

@media screen and (max-width: 400px) {
    #sidebuchen-menu {
        --hex-w: 300px;
        --hex-h: 150px;
    }
    
    #sidebuchen-menu a {
        font-size: 13px;
        gap: 8px;
    }
    
    #sidebuchen-menu a::before,
    #sidebuchen-menu a::after {
        width: 48px;
        height: 48px;
    }
}

/* =========================================================
   SONSTIGE MEDIA QUERIES
   ========================================================= */

@media screen and (max-width : 750px){
	.temp #infotext {
		display: inline-flex;
		margin-left: calc(50% - 110px );
	}

	.haustemp, .haustemp2{
		text-align: center;
	}
}

@media screen and (min-width : 751px){
	.mobile {
		display: none;
	}
	.temp #infotext {
		display: inline-flex;
		margin-left: calc(50% - 235px );
	}
	.haustemp{
		width: 220px;
		text-align: right;
	}
	.haustemp2{
		width: 220px;
		text-align: left;
	}
}

@media screen and (min-width : 550px){
	.mobile2 {
		display: none;
	}

	.tv-button{
		display: inline-flex;
		position: absolute;
		left: 2%;
	}
}

@media screen and (max-width : 549px){
	.tv-button{
		display: inline-flex;
		position: absolute;
		left: calc(50% - 12.5px);
	}
}

@media screen and (max-width : 1150px){
	#footer {
		padding-bottom: 70px
	}
}