/* ===== Headings: Expanded Bold ===== */
@font-face {
  font-family: "Supermolot Expanded";
  src: url("../fonts/TT_Supermolot_Neue_Expanded_Bold.woff2") format("woff2"),
       url("../fonts/TT_Supermolot_Neue_Expanded_Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ===== Body: Medium (Normalgewicht) ===== */
@font-face {
  font-family: "Supermolot Medium";
  src: url("../fonts/TT_Supermolot_Neue_Medium.woff2") format("woff2"),
       url("../fonts/TT_Supermolot_Neue_Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Optionale Hilfsklassen für den PageBuilder */
.font-head { font-family: "Supermolot Expanded", sans-serif; font-weight: 700; }
.font-body { font-family: "Supermolot Medium",   sans-serif; font-weight: 500; }

/* === Navbar === */
.uk-navbar-nav li{border:1px solid #02FDD4;background:rgba(29, 29, 27, 0.7)}
.uk-navbar-nav li{border-right:none}
.uk-navbar-nav li:last-child{border-right:1px solid #02FDD4;background:#fef300}
.uk-navbar-nav li a{color:#02FDD4;transition: color 0.4s ease}
.uk-navbar-nav li:last-child a{color:#052323}
.uk-navbar-nav li a:hover{color:#fff}
.uk-navbar-nav li:last-child:hover{background:#02FDD4;transition: background-color 0.4s ease}
.uk-navbar-nav li:last-child a:hover{color:#052323}
.uk-navbar-toggle svg{width:34px}

/* === Button mit Schrägen === */
.uk-button-primary,.uk-button-secondary{
	padding:15px 44px;
    --cut: 12px;
	clip-path: polygon(
	    var(--cut) 0,
	    100% 0,
	    100% calc(100% - var(--cut)),
	    calc(100% - var(--cut)) 100%,
	    0 100%,
	    0 var(--cut)
	);   
}

/* === Card Primary - Introtext === */
.findora-intro-panel{
	width:367px;
	padding:52px;
	margin-left:auto;
}
.uk-card-primary{
  border: 1px solid #FAF9F680;

  background-image:
    linear-gradient(0deg, rgba(250, 249, 246, 0.10), rgba(250, 249, 246, 0.10)),
    linear-gradient(0deg, rgba(5, 35, 35, 0.40), rgba(5, 35, 35, 0.40)),
    url("/images/frame-intro.svg");
    
  background-size: cover, cover, 329px;
  background-position: center, center, center;
  background-repeat: no-repeat, no-repeat, no-repeat;

  background-blend-mode: multiply, multiply, normal; 

  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
/* === Card Secondary - Geöffnet / Anfahrt === */
.findora-panel{
	width:430px;
	min-height:482px;
	padding:20px;
}
.findora-panel .el-title{
	padding-top:30px;
	padding-left:10px;
}
.findora-panel .el-meta{
	padding-top:0;
	padding-left:10px;
}
.findora-panel .el-content{
	padding-bottom:10px;
}
.uk-card-secondary{
	border: 1px solid #FAF9F680;

	background-image:
		linear-gradient(0deg, rgba(250, 249, 246, 0.10), rgba(250, 249, 246, 0.10)),
		linear-gradient(0deg, rgba(5, 35, 35, 0.40), rgba(5, 35, 35, 0.40)),
		url("/images/frame.svg");
	
	background-size: cover, cover, 398px;
	background-position: center, center, center;
	background-repeat: no-repeat, no-repeat, no-repeat;
	
	background-blend-mode: multiply, multiply, normal; 
	
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
}
/* === FS Teaser - Slider Angebote === */
.fs-teaser.slider-angebote .el-item{
	border: 1px solid #FAF9F680;

	background-image:
		linear-gradient(0deg, rgba(250, 249, 246, 0.10), rgba(250, 249, 246, 0.10)),
		linear-gradient(0deg, rgba(5, 35, 35, 0.40), rgba(5, 35, 35, 0.40))	

	background-size: cover, cover;
	background-position: center, center;
	background-repeat: no-repeat, no-repeat;
	
	background-blend-mode: multiply, multiply; 
	
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
}
.fs-teaser.slider-angebote .el-item .el-meta{margin-top:20px!important}

.fs-teaser.slider-angebote [class*="uk-position-center-left"],
.fs-teaser.slider-angebote [class*="uk-position-center-right"]
{
	top:100%;
	--uk-position-translate-y:-10%;
}
.fs-teaser.slider-angebote .uk-position-center-left-out{
	right:60%!important;
}
.fs-teaser.slider-angebote .uk-position-center-right-out{
	left:60%!important;
}
.fs-teaser.slider-angebote h3.uk-width-expand{flex:0}
/* === FS Teaser - Panels Angebote === */
.panel-angebote .el-content{font-size:20px}
.findora-panel-personen-anzahl{
	position:absolute;
	top:-60px;
    background:#052323;
    padding:3px 5px;
    border-radius:4px;
}
.findora-panel-personen-anzahl .uk-icon,.findora-panel-zeit .uk-icon{padding-left:5px}

.findora-panel-zeit{
	position:absolute;
	top:-60px;
    right:0;
    background:#052323;
    padding:3px 5px;
    border-radius:4px;
}
.findora-panel-preis{
	position:absolute;
	top:-25px;
    left:50%;
    transform: translate(-50%, calc(-50% - 2px));
    background:#02FDD4;
    padding:6px 10px;
    color:#052323;
    border-radius:4px;
}
.findora-panel-preis .uk-text-small{
    font-family:"Supermolot Expanded";
	font-size:24px;
    line-height:32px;
    font-weight:700;
}
.findora-personen{
    font-family:"Supermolot Medium";
	font-size:14px;
    line-height:20px;
    font-weight:500;
    text-align:center;
}

/* === Modal === */
.uk-modal-body{font-size:30px}

.uk-modal .uk-modal-close-default {
  top: 14px;
  right: 14px;
}
.uk-modal .uk-modal-close-default svg {
  width: 28px;
  height: 28px;
}
.uk-modal .uk-modal-close-default { color: #02FDD4; }
.uk-modal .uk-modal-close-default:hover { color: #FEF300; }
.uk-modal .uk-modal-close-default {
  padding: 8px;
  margin: -8px;
}

.fs-modal-container .uk-modal-dialog{border-radius:20px}

/* === Offcanvas / Mobilnav === */
#tm-dialog-mobile ul.uk-nav li{
	padding:20px;
    border-top:1px solid #02FDD4;
    border-left:1px solid #02FDD4;
    border-right:1px solid #02FDD4;
}
#tm-dialog-mobile ul.uk-nav li:last-child{
    border-bottom:1px solid #02FDD4;
    background:#FEF300;
}
#tm-dialog-mobile ul.uk-nav li.uk-active:last-child{
    background:#02FDD4;
}
#tm-dialog-mobile ul.uk-nav li:last-child:hover{
    background:#02FDD4;
}
#tm-dialog-mobile ul.uk-nav li a{
	color:#02FDD4;
}
#tm-dialog-mobile ul.uk-nav li:hover,
#tm-dialog-mobile ul.uk-nav li.uk-active{
	background:#02FDD4;
}
#tm-dialog-mobile ul.uk-nav li a:hover,
#tm-dialog-mobile ul.uk-nav li.uk-active a{
	color:#1D1D1B;
}
#tm-dialog-mobile ul.uk-nav li:last-child a{
    color:#052323;
}
.uk-navbar-toggle{padding:0}

#findora-logo{display:none}

/* --- YOOtheme Essentials (Zoolanders) Datepicker Icon einfärben --- */

input[type="date"] {
  position: relative;
  padding-right: 1px; /* Platz für Icon */
}

/* Standard-Browser-Icon ausblenden */
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  width: 40px;
}

/* eigenes Icon hinzufügen */
input[type="date"]::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  pointer-events: none;

  background-color: #02fdd4;

  /* Kalender-SVG als Mask */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect x='3' y='4' width='18' height='18' rx='2' ry='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect x='3' y='4' width='18' height='18' rx='2' ry='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>") center/contain no-repeat;
}



@media (max-width: 1540px) {
  .uk-logo img{display:none}
  #findora-logo{display:block}
}

@media (max-width: 959px) {
  .uk-logo img{display:block}
  #findora-logo{display:none}
  .uk-logo.uk-navbar-item{padding-left:0}
}
@media (max-width: 768px) {
	.tm-header-placeholder.uk-margin-remove-adjacent{height:10px!important}
	.findora-intro-panel{margin-left:inherit}
	.findora-intro-col2{margin-top:80px!important}
}
@media (max-width: 360px) {
	.uk-grid-column-large > .findora-intro-col2{
		padding-left:20px;
	}
}