@font-face{
	font-family: exo-bold;
	font-style: normal;
	font-weight: bolder;
	src: url(../Fonts/exo-bold.woff) format("woff");
	}
@font-face{
	font-family: exo-regular;
	font-style: normal;
	font-weight: normal;
	src: url(../Fonts/exo-regular.woff) format("woff");
	}
@font-face{
	font-family: exo-medium;
	font-style: normal;
	font-weight: medium;
	src: url(../Fonts/exo-medium.woff) format("woff");
	}
@font-face{
	font-family: escalador-medium;
	font-style: normal;
	font-weight: medium;
	src: url(../Fonts/escalador-medium.woff) format("woff");
	}

:root {
	--verlauf:linear-gradient(to right, rgba(237, 215, 189, 0.5) 0.84%, rgba(200, 147, 9, 0.5));
	--mobilmargin: 5vw;
	--secondary:#3d3d3a;
	--newscardcolor: #fff;
}
/*Überschriften--------------------------------------*/
.mainheader{
	margin-top:80px;
}
header {
	font-family: escalador-medium;
	padding-bottom: 40px;
}
/* Hintergrundmuster--------------------------------------*/
	body {
	background-image: url(css_assets/hg_pattern.png);
	background-repeat: repeat;
	background-size: 10px;
	background-attachment: fixed;
	}
#page-2 #page-content {
	background-image: linear-gradient(rgba(237, 215, 189, 0.18), rgba(75, 75, 70, 1) 89.92%);
}
/* Font Size im Main-Content ----------------------------------------*/
@media (min-width:992px) {
	.main-content {
	font-size: calc(1rem + .3vw);
	}
	.main-content .tx-powermail {
	font-size: 16px;
	}
}
/*submenu navigatin--------------------------------------*/
.list-group-item {
background-color: transparent;
border: none;
}
/* Wort-Trennung */
p, table { 
  -webkit-hyphens: auto; 
  hyphens: auto; 
}
/* div relativ um ::before ::after absolut zu setzen und z-index zu ermöglichen*/
div {
	position: relative;
}
/* Navigation --------------------------------------*/
#main-navbar {
	box-shadow: 0 0 16px 0 rgba(46, 45, 36, 0.8);
	/*height: 200px;
	transform: skewY(-3deg);
}
#main-navbar .container-fluid {
	transform: skewY(3deg);*/
}
.navbar-brand img {
width: calc(230px + 13vw);
height: 100px;
}
.nav-icon {
background-color: #e1b302 !important;
}
.nav-icon div, .nav-icon:after, .nav-icon:before {
margin: 4px 0 !important;
}
.navbar-toggler {
border-radius:0% 10% 50% 0%;
}
.nav-item {
	padding:0px 3vw 0px 0px
}
.nav-icon:after{
	width: 30px;
}
@media (min-width:992px){
.dropdown-menu {
    border: none;
	border-bottom-right-radius: 20px ;
	padding-bottom: 30px;
	rotate: -3deg;
}
.nav-link {
	font-size: 20px;
}
}
/*linker und rechter Rand für Mobils------------------------ */
@media (max-width:992px){
.main-content .container, #page-content .container {
	margin-left: var(--mobilmargin) !important;
	margin-right: var(--mobilmargin) !important;
	width: calc(100% - var(--mobilmargin) - var(--mobilmargin)) !important;
	}
}
/*Abstände zum Content--------------------------------------*/
#page-content {
	margin-top: 10vw;
	margin-bottom: 10vw;
}
#page-content div:last-child .frame-divider {
	margin-bottom: 20vw
}
.ce-textmedia {
	margin-bottom: 10vw !important;
}
/*expanded content top----------------------------------------*/
#expanded-content-top {
	background-color: var(--bs-secondary);
}
.frame-expanded-top {
	 background-color: #e1b302;
	 background: var(--verlauf);
	 margin-block: 12vh;
	 padding:100px 10vw 100px 10vw;
}
.frame-expanded-top h1{
	/*color: #5b5b5b;*/
	text-transform: uppercase;
	font-size: calc(30px + 2vw);
}
.frame-expanded-top .subheader{
	/*color: #5b5b5b;*/
	font-size: calc(20px + 1.5vw);
	margin-bottom: 40px;
}
.frame-expanded-top .bodytext{
	/*color: #5b5b5b;*/
	font-size: calc(16px + .5vw);
}
.frame-expanded-top .bodytext p:last-child{
	padding-bottom: 40px;
	/*border-bottom: 1px solid rgb(255, 255, 255);*/
}

/* Frame-Jumbotron ------------------------------------------------*/

.frame-jumbotron-escalador {
border-top-left-radius: 7% 10%;
border-top-right-radius: 7% 10%;
border-bottom-right-radius: 17% 24%;
border-bottom-left-radius: 7% 10%;
padding: 30px 77px 30px 30px !important;
margin:0px 7vw 0px 7vw;
background: var(--verlauf);
transform: rotateZ(-4deg);
}
.frame-jumbotron-escalador .local-video{
transform: rotateZ(4deg);
}
@media (max-width: 991.98px){
.local-video figure.video {
min-height: 10px;
	}
}
/*Frame-Technik und Technik Tabelle--------------------------------------*/
.frame-technik {
    /* min-height: 100vh; */
    background-color: #4a4a4a;
    box-shadow: 16px 19px 39px -1px rgba(74, 73, 73, 0.52);
    border-radius: 1%;
    overflow: hidden;
	margin-bottom: 25vh;
}
.frame-technik .gallery {
	rotate: -3deg;
}
.frame-technik table.table thead{
	background-color: #ffffff00 !important;
}
.frame-technik header {
	background:linear-gradient(to right, #edd7bd 0.84%, #c89309);
	padding-bottom: 0px;
}
.frame-technik .mainheader {
	font-size: calc(20px + 1vw);
	color: #e8e8e8;
	text-transform:uppercase;
	padding: 15px 0px 15px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.frame-technik table.table h4{
	font-size: 1.3rem;
}
.frame-technik table.table tr{
	display: flex;
	flex-wrap: wrap;
}
.frame-technik table.table th:first-child{
    font-size: 14px;
    background-color: rgba(36, 28, 2, 0.54);
    width: 100%;
    align-content: center;
    text-align: left;
}
.frame-technik table.table th{
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    flex: 0 0 auto;
    width: 100%;
    padding: 20px;
    text-align: justify;

}
@media (min-width:992px){
.frame-technik figure.table {
	margin-top: -60px;
}
.frame-technik table.table th{
	max-width: 66%;
	margin-top: 100px;
}
.frame-technik table.table th:first-child{
	max-width: 33%;
	margin-top: 0px;
}
.frame-technik img {
	margin-left: -40px;
}
}
/* model-viewer--------------------------------------*/
.frame-model-viewer {
	position: absolute;
	z-index: 20;
	bottom: 0;
	right: -6vw;
}
.model-viewer {
	height: 250px;
}
/* Frame-Bild-Anfuehrungstext--------------------------------------*/
.frame-anfuehrung {
	margin: 0px 5vw 0px;
}
@media (min-width:992px) {	
.frame-anfuehrung .bodytext {
	font-size: larger;
	color: #fff;
	margin-left: calc(-100px - .5vw);
	background-image: linear-gradient(to right, rgba(237, 215, 189, 1) 0.84%, rgba(200, 147, 9, 1));;
	border-radius: 6px;
	padding: 20px;
	padding-bottom: 0px;
	rotate: -3deg;
	}
}
.frame-anfuehrung img {
	border-radius: 20px 20px 70% 20px;
}
/* Frame-Maske --------------------------------------*/
.frame-maske-escalador img {
	object-fit: cover;
	aspect-ratio: 1/1;
	width:100%;
	clip-path: url(#escalador-mask);	
}
.masked-img {
	object-fit: cover;
	aspect-ratio: 1/1;
	width:100%;
}
.blocsapp-img-mask-svg{
	position:absolute;
}
.blocsapp-img-mask-svg path{
	transform:scale(0.0025);
}
.pebbles-2-mask{
	clip-path: url(#pebbles-2-mask);
}
.splat-mask{
	clip-path: url(#splat-mask);
}
.triangle-mask{
	clip-path: url(#triangle-mask);
}
.pebble-mask2{
	clip-path: url(#pebble-mask2);
}
/* Frame-Divider --------------------------------------*/
.frame-divider::before {
	/*content: url(css_assets/divider_1.svg);*/
	content: "";
	position: absolute;
	pointer-events: none;
	left: 0vw;
  	bottom: -70px;
	z-index: 10;
	width: 88vw;
	display: block;
	height: 20vh;
	background-color: #ffffff0f;
	/*background:linear-gradient(to right, rgba(237, 215, 189, 1) 0.84%, rgba(200, 147, 9, 1));*/
	transform: skewY(-2deg);
}
.frame-divider > div{
	position: absolute;
	pointer-events: none;
	right: 0vw;
  	bottom: -26px;
	z-index: 10;
	width: 100vw;
	display: block;
	height: 12vh;
	background-color: #e0b30024;
	/*background:linear-gradient(to right, rgba(237, 215, 189, 1) 0.84%, rgba(200, 147, 9, 1));*/
	transform: skewY(-2deg);
}
.frame-divider::after {
	/*content: url(css_assets/divider_1.svg);*/
	content: "";
	position: absolute;
	pointer-events: none;
	left: 0vw;
  	bottom: -70px;
	z-index: 10;
	width: 81vw;
	display: block;
	height: 25vh;
	background-color: #ffffff26;
	/*background:linear-gradient(to right, rgba(237, 215, 189, 1) 0.84%, rgba(200, 147, 9, 1));*/
	transform: skewY(-4deg);
}
.frame-signet-after::after {
	content: url(../Icons/escalador-signet-1.svg);
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 1;
	width: 21vw;
	z-index: 10;
}
/* Container mit HG-Farbe auf Fensterbreite ---------------*/
.frame-container-background {
	width: 100vw;
}
.frame-container-background .ce-textmedia {
	transform: skewY(-3deg);
}
.frame-container-background .ce-textmedia:nth-child(even) {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: var(--bs-light);
	background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(233, 233, 233, 1));
}
.frame-container-background .ce-textmedia >*{
	transform: skewY(3deg);
	padding-left: 15vw;
	padding-right: 15vw;
}
.frame-container-background img {
	border-radius: 5px;
}
/*footer--------------------------------------*/
footer {
	background-color: var(--bs-secondary);
	font-size: 14px;
	background-size: contain;
	box-shadow: 0 0 16px 0 rgba(46, 45, 36, 0.8);
}
footer .fsc-default{
	margin-bottom: 0px;
}
footer .ce-three_columns {
	margin-left: 10vw;
	margin-right: 10vw;
}
footer .background-image {
	background-size: contain;
}
/* FAQ Main Content--------------------------------------*/
#page-3 main {
	background-color: white;
	box-shadow: 1px 2px 6px 3px rgb(228, 226, 226);
}
.skew {
	transform: skewY(-4deg);
}
.skew > * {
	transform: skewY(4deg);
}
/* avif escalador rotation mit Hintergrundverlauf--------------------------------------*/
.frame-skew-hg-verlauf {
	transform: skewY(-4deg);
	min-height: 40vh;
	 /*background-color: #e1b302;*/
	 background:linear-gradient(to right, rgba(61, 61, 58, 0.5), rgba(255, 255, 255, 1) 18.49%, rgba(255, 255, 255, 1) 81.51%, rgba(61, 61, 51, 0.5));
}
/* News Card-Listenansicht--------------------------------------*/
.ce-news_newsliststicky .card {
	border: none;
	border-radius: 10px 10px 60px 10px;
	overflow: hidden;
	background-color: var(--bs-secondary);
	box-shadow: 7px 7px 6px -5px rgba(0, 0, 0, 0.37);
}
.ce-news_newsliststicky .card::after {
	content: url(css_assets/escalador-element-links.svg);
	position: absolute;
	width: 9%;
	height: 11%;
	bottom: 0;
	right: 24px;
	opacity: 1;
}
.ce-news_newsliststicky .card-body {
	color: var(--newscardcolor);
	text-decoration: none;
}
.ce-news_newsliststicky .news-list-date {
	color: var(--newscardcolor);
}
.ce-news_newsliststicky .fa-calendar-days {
	color: var(--newscardcolor);
}
.ce-news_newsliststicky .card-title {
	font-size: calc(1.7rem - .3vw);
}
.ce-news_newsliststicky .swiper .news-teaser {
	display: none;
}
.swiper-pagination-bullet-active {
	background: var(--bs-primary) !important;
}
.swiper .card::before {
	background: var(--bs-primary) !important;
}
.swiper .card::after {
	content:'';
}
/*.container .bodytext p::before {
	content: url(css_assets/escalador-pointing-right.svg);
	position: absolute;
	width: 33px;
	left: -33px;
	top:-1;
}*/
.bodytext p {
	text-align: justify;
}
.row {
    --bs-gutter-y: 1.5rem;
}