@import "fonts.css";

/* Menü */
#sp-header {
	background: #fff0;
	background-image: url("/images/shapes/torn_paper_bottom.png");
	background-size: cover;
	background-repeat: repeat-x;
	background-position: center;
	box-shadow: none;
}
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
	font-size: 19px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
	font-size: 18px;
}
@media (max-width: 1320px) {
	#offcanvas-toggler {
		display: flex !important;
	}
	.sp-megamenu-parent {
		display: none !important;
	}
}


/* Sprachauswahl */
#sp-logo .sp-module {
	position: absolute;
    top: 80px;
	background-image: url(/images/shapes/torn_paper_bottom.png);
    background-size: cover;
}
#sp-logo .sp-module li {
	margin: 0 4px 0 4px;
}


/* Footer */
#sp-footer {
	background: unset;
	background-image: url("/images/shapes/torn_paper_top_green.png"), linear-gradient(180deg, #fff0 50px, rgba(66, 129, 54, 1) 0);
	background-size: auto;
	background-repeat: repeat-x;
	background-position: center top;
	box-shadow: none;
	padding-top: 40px;
	position: relative;
	z-index: 1;
}
@media(min-width: 1680px) {
	#sp-header,
	#sp-footer {
		background-size: contain;
	}
}
#sp-footer .container-inner {
	border-top: none;
}


/* Partner Logos */
#sp-bottom {
	padding: 0;
	margin-bottom: -35px;
	color: inherit;
	background-color: inherit;
	background-image: url("/images/shapes/torn_paper_top.png");
	background-size: auto;
	background-repeat: repeat-x;
	background-position: center top;
}
#sp-bottom a, #sp-bottom a:hover {
	color: inherit;
}
#sp-bottom .sp-module {
	margin: 0;
}


/* Start Header */
#header-start {
	/* height: 80vh; */
	margin-top: -20px !important;
}
#header-start div.sppb-row {
	justify-content: flex-end;
}


/* runde Badges textbasiert (obsolet) */
.round-badge {
	container-type: inline-size;
}
#header-start .round-badge.aktion {
	transform: rotate(10deg);
	padding: 20% 5% 5% 5%;
}
#header-start .round-badge.aktion h3 {
	font-size: 20cqi;
}
#header-start .round-badge.aktion h6 {
	font-size: 11cqi;
}
#header-start .round-badge.aktion p {
	font-size: 7cqi;
}
#header-start .round-badge.restaurant {
	transform: rotate(-12deg);
	padding: 15% 0;
	padding-right: 7%;
}


/* H1 hochgestellt */
h1 span.super, h2 span.super, h3 span.super, h4 span.super, p span.super  {
	font-family: 'Adventures Unlimited';
	vertical-align: text-top;
	padding-left: 0.1em;
	line-height: 75%;
}
h1 sup, h2 sup, h3 sup, h4 sup, p sup, span sup  {
	font-family: 'Adventures Unlimited';
	vertical-align: text-top;
	padding-left: 0.1em;
	line-height: 75%;
	top: 0;
	font-size: inherit;
}


/* Startseite Kacheln */
#kacheln .overlay-image-title {
	height: unset;
	width: unset;
}
#kacheln .sppb-addon-text-block h3 {
	text-transform: uppercase;
	padding-left: 25px;
}
#kacheln .sppb-addon-text-block h5 {
	padding-left: 20px;
}
#kacheln .sppb-addon-text-block {
	background-image: url(/images/shapes/torn_paper_bottom.png), linear-gradient(180deg, #fff calc(100% - 50px), #fff0 0);
	background-size: auto;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: -20px;
	padding: 10px 30px 20px 30px;
}
#kacheln .addon-root-text-block .clearfix {
	filter: drop-shadow(0px 0px 5px #0003);
}
#kacheln .addon-root-text-block {
	position: relative;
	z-index: 2;
}
#kacheln .addon-root-image-overlay {
	position: relative;
	z-index: 1;
}
#kacheln .sppb-column-addons {
	padding-bottom: 25px;
}


/* Aktivitäten Kacheln */
#kacheln .addon-root-modal span.text {
	position: absolute;
	width: 100%;
	text-align: center;
	opacity: 0;
	margin-top: 15px;
	transition: 0.35s;
}
#kacheln .addon-root-modal:hover span.text {
	opacity: 1;
	margin-top: 0px;
}
#kacheln .addon-root-modal .sppb-modal-selector img {
	transition: 0.4s;
	margin-left: -50px;
	max-width: fit-content;
	max-width: calc(100% + 50px);
}
#kacheln .addon-root-modal:hover img {
	opacity: 0.55;
	margin-left: 0px;
}
#kacheln .sppb-modal-selector {
	background: rgba(66, 129, 54, 1);
	width: 100%;
	max-height: 300px;
}
#kacheln .sppb-addon:has(> .sppb-modal-selector) {
	overflow: clip;
	max-height: 300px;
}
.wf-mediabox {
	z-index: 10000000;
}


/* Papier-Kanten */
.torn-sides {
	position: relative;
	mask-image:
		url('/images/shapes/torn_paper_right.png'),
		url('/images/shapes/torn_paper_left.png'),
		linear-gradient(white, white);
	mask-repeat:
		repeat-y,
		repeat-y,
		no-repeat;
	mask-position:
		center right,
		center left,
		center;
	mask-size:
		auto auto,
		auto auto,
		calc(100% - 100px) 100%;
}


/* Startseite Aktuelles Slider */
.aktuelles-slider .sp-slider .sp-item .sp-background {
	/* top: auto;
	background-position: center top;
	background-size: contain; */
	margin: 15px;
	width: -webkit-fill-available;
	width: -moz-available;
	width: stretch;
}
.aktuelles-slider .sp-item .sppb-row {
	background-image: url(/images/shapes/torn_paper_bottom.png), linear-gradient(180deg, #fff calc(100% - 50px), #fff0 0) !important;
	background-size: auto !important;
	background-position: bottom !important;
	background-repeat: no-repeat !important;
	margin-bottom: -20px;
	mask-image:
		url('/images/shapes/torn_paper_right.png'),
		url('/images/shapes/torn_paper_left.png'),
		linear-gradient(white, white);
	mask-repeat:
		repeat-y,
		repeat-y,
		no-repeat;
	mask-position:
		center right,
		center left,
		center;
	mask-size:
		auto auto,
		auto auto,
		calc(100% - 100px) 100%;
}
.aktuelles-slider .sppb-container {
	filter: drop-shadow(0px 0px 5px #0003);
	margin-top: 8px;
}
.aktuelles-slider .sp-background {
  position: relative !important;
  margin-top: -20px !important;
}
.aktuelles-slider .sp-slider-outer-stage {
  height: 85vh !important;
  min-height: 650px;
}


/* Parallax Bilder neben Text */
.parallax-image {
	/*height: -webkit-fill-available;
	height: -moz-available;
	height: stretch;*/
}
.parallax-image.left {
	clip-path: polygon(0 0, 100% 0, 85% 85%, 0 100%);
	min-height: 400px;
	margin-bottom: -50% !important;
}
.parallax-image.right {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 85%);
	min-height: 400px;
	margin-bottom: -50% !important;
}
.sppb-column-addons:has(.parallax-image) {
  min-height: 400px;
}
/*.parallax-image.content {
	position: absolute !important;
}*/


/* Spalten Teiler */
@media (min-width: 768px) {
	.sppb-row-column:has(> .border-right) {
		border-right: #252525;
		border-right-style: solid;
		border-width: 1px;
	}
}


/* Slideshow */
.sppb-carousel-extended-item img {
	height: auto !important;
}
.sppb-carousel-extended-outer-stage {
	height: auto !important;
	max-height: 50vh;
	align-items: center;
}
.sppb-carousel-extended .nav-control {
  border: none;
}


/* Zoom Bilder Overflow visible */
.zoom-overflow .sppb-addon-single-image-container {
	overflow: visible !important;
}


/* PDF Link Icon */
img.wf_file_icon {
	display: inline;
}


/* Safari Parallax Images Fix */
@supports (-webkit-touch-callout: none) {
	div[data-sppb-parallax="on"] {
		background-attachment: scroll !important;
	}
}


/* Menü/Untermenü Dropdown Pfeil */
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > span::after {
  font-family: "Font Awesome 6 Free";
  content: "";
  float: right;
  margin-left: 7px;
  font-weight: 900;
}