@font-face {
  font-display: swap;
  font-family: 'Italiana';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../assets/fonts/italiana-v20-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../assets/fonts/montserrat-v30-latin-regular.woff2') format('woff2');
}
:root {
	--white:rgba(255,255,255,1);
	--black:rgba(0,0,0,0.9);
	--bgbody:rgba(240,240,240,1);
	--hcolor:rgb(104, 6, 76);
	--hcolorlinie:#920069; /*rgb(251, 110, 211);*/
	--h3456color:rgba(0,0,0,0.9);
	--fcolor:rgba(0,0,0,0.9);
}

* {border-radius: 0;}
html{font-size:100%;}
body{width:100%;margin:0 auto 0 auto;background:var(--bgbody);color:var(-fcolor);font-family:'Montserrat',sans-serif;font-size:1rem;line-height:1.5rem;letter-spacing:1px;font-weight:200;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:500;margin:0;}
h1{font-size:3rem;letter-spacing:2px;padding:15px 0 0 0;font-family:'Italiana',sans-serif;}
h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;} 
h2{font-size:2rem;padding:10px 0 0 0}
h3{font-size:1.25rem;padding:10px 0 0 0}
h4,h5,h6{font-size:1.1rem;padding:8px 0 0 0;}
p,li,li a,label {margin:0;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;font-size:1rem;line-height:1.5rem;font-weight:200;color:var(--black);}
h1.rosa,h2.rosa ,h3.rosa ,h4.rosa ,h5.rosa ,h6.rosa  {color:var(--hcolorlinie);}
.hcolor { color:var(--hcolor)}
.fontFamIt{font-family:'Italiana',sans-serif; }
a,a:focus,a:hover,a:active{outline: 0 !important;}
a:focus, a:hover {text-decoration: none;}
a.toscroll {color:var(--h3456color);}
.clearfix{clear:both}
.fs-10 { font-size:.7rem}
.fs-12 { font-size:.8rem}
.fs-14 { font-size:.9rem}
.fs-16 { font-size:1rem}
.fs-18 { font-size:1.1rem}
.fw-200{font-weight:200;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
hr {border-top: 1px solid rgba(0,0,0,0.1) !important;margin-bottom:20px !important;margin-top:20px !important;width:50%;}
.back-to-top {display:flex;align-items:center;justify-content:center;position:fixed;bottom:10px;right:10px;z-index: 100;width:50px;height:50px;background:#920069;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.back-to-top::before{color:var(--white);content:"\21E7";font-weight:300;font-size:48px;}
.modal-content p {padding:10px;}
.modal-p { margin:10px;padding:0;}
.flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes flipInX {
0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
@keyframes flipInX {
0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);}
} 
.flipOutX {-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-animation-duration: 2.75s;animation-duration: 2.75s;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes flipOutX {
0% {-webkit-transform: perspective(400px);transform: perspective(400px);}
30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}
}
@keyframes flipOutX {
0% {-webkit-transform: perspective(400px);transform: perspective(400px);}
30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}
}

#FooterBg{ display:inline;}	
#footer { width:100vw;background:rgba(20,20,20,1);min-height:380px;}
#footer h2, #footer h3{ font-size:1.3rem;color:#fff;line-height:1.7rem;padding:1rem 0 0.5rem 0;margin:1rem auto 0 auto;letter-spacing:4px;text-align:center;}
#footer h3{ font-size:1.1rem;line-height:1.4rem;}
#footer p{ font-size:0.8rem;line-height:1.2rem;padding:0 0 0 40px;text-align:left;color:#fff}
#footer .box {border:1px solid rgba(255,255,255,0.3);margin-top:40px;min-height:200px}
#footer ul{  list-style-type: none;}
#footer li a { color:#f1f1f1;font-weight:300;font-size:0.9rem;line-height:0.9rem;font-weight:200;}
#footer li:before{  content:'\00BB';margin-right:10px;color:#fff;font-weight:300}
#logo { }
#logo img {
	position: absolute;
    margin: auto;
    top: -20%;
    left: 0;
    right: 0;
	max-width:340px;
bottom: 0;z-index:100000}
	
	
	
	
	
/*	position: absolute;top: 20%;left: 50%;transform: translate(calc(-80% + 100px), -50%);width:340px;z-index:100000} */
#logo1 { position:absolute;top: 30%;left: 50%;transform: translate(-70%, -50%);z-index:100000}
#logo1 img { max-width:300px;}

@media only screen and (max-width:991px) and (orientation:portrait){
	#logo1 { position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 0.0);border-radius: 16px;box-shadow: 0 4px 30px rgba(0, 0, 0,0);z-index:1}
	#logo { }
	#logo img { top:0;max-width:240px;}
	#logo1 img { top:0;max-width:240px;}
	.back-to-top{display:none !important;}
	#footer { width:100vw;background:rgba(20,20,20,1);min-height:100px;padding-bottom:20px;padding-top:20px}
	#footer h2 { padding:1rem 0 0.5rem 0;text-align:left;padding-left:40px;}
	#footer .box {margin-top:4px;min-height:100px}
	#footer p{ padding-left:40px;}
	h1{ font-size:2rem;line-height:2.2rem;letter-spacing:1px;margin:0;padding:15px 0 10px 0;font-family:'Italiana',sans-serif;}
	h2{ font-size:1.4rem;line-height:1.6rem;margin:0;padding:15px 0 10px 0}
	h3 { font-size:1rem;}
	h4, h5, h6 { font-size:1rem;}
	p,li,li a,label {font-size:0.9rem;line-height:1.1rem;}

}
@media screen and (max-device-width:991px) and (orientation:landscape){
	#logo1 { position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 0.0);border-radius: 16px;box-shadow: 0 4px 30px rgba(0, 0, 0,0);z-index:1}
	#logo { }
	#logo img { top:0;max-width:240px;}
	#logo1 img { top:0;max-width:240px;}
	.back-to-top{display:none !important;}
	#footer { width:100vw;background:rgba(20,20,20,1);min-height:100px;padding-bottom:20px;padding-top:20px}
	#footer h2 { padding:1rem 0 0.5rem 0;text-align:left;padding-left:40px;}
	#footer .box {margin-top:4px;min-height:100px}
	#footer p{ padding-left:40px;}
	h1{ font-size:2rem;line-height:2.2rem;letter-spacing:1px;margin:0;padding:15px 0 10px 0;font-family:'Italiana',sans-serif;}
	h2{ font-size:1.4rem;line-height:1.6rem;margin:0;padding:15px 0 10px 0}
	h3 { font-size:1rem;}
	h4, h5, h6 { font-size:1rem;}
	p,li,li a,label {font-size:0.9rem;line-height:1.1rem;}
}
.parallax_wrapper { position: relative; margin-bottom: 25px;}
@media (max-width: 991px) { .parallax_wrapper { padding-left: 25%; }}
.parallax_wrapper .img_over { left: -25%; bottom: 10%; position: absolute; z-index: 99;}
@media (max-width: 991px) { .parallax_wrapper .img_over { left: 0; }}
.parallax_wrapper .img_over img { border: 4px solid #fff; width: 50%; height: auto; -webkit-box-shadow: 10px 10px 26px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow: 10px 10px 26px 0px rgba(0, 0, 0, 0.21); box-shadow: 10px 10px 26px 0px rgba(0, 0, 0, 0.21);}
@media (max-width: 991px) { .parallax_wrapper.inverted { padding-left: inherit; padding-right: 25%; }}
.parallax_wrapper.inverted .img_over { text-align: right; left: inherit; right: -25%;}
@media (max-width: 991px) { .parallax_wrapper.inverted .img_over { left: inherit; right: 0; }}
img.rounded-img { border-radius: 10px;}

.active { color:#fff; border: 2px solid #482001; }
.show-more { background-color: #007BFF; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; margin: 20px auto; display: block; }
.show-more:hover { background-color: #0056b3;}

.weiterlesen[aria-expanded="false"]:before{content:"[ weiterlesen ]";}
.weiterlesen[aria-expanded="true"]:before{content:"[ schließen ]";}
.btn.weiterlesen{color:#fff;background:rgb(146, 0, 105);margin-top:4px;}

.elem, .elem * {box-sizing: border-box;margin:0 !important;}
.elem {	display: inline-block;width:100%;font-size: 0;border: 1px solid transparent;border-bottom: none;background: transparent;padding: 1px;height: auto;	background-clip: padding-box;}
.elem > span, .elem > div {display: block;cursor: pointer;height: 0;padding-bottom:100%;background-position: center center;background-repeat:no-repeat}
.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {opacity: 0 !important;}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {-webkit-transition-delay: .15s !important;transition-delay: .15s !important;}

section {margin:0 auto 80px auto;}
.section-section{padding-top:10px;padding-bottom:12px;}
.section-section .header-section {hyphens:none;width:100%;text-align:center;font-size:2.4rem;font-weight:200;margin-bottom:35px;}
.section-section .header-section .title-section{max-width:700px;font-size:1.6rem;text-align:center;position: relative;margin:0 auto 20px auto;font-weight:300;}
.section-section .header-section .title-section:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:140px;height:1px;background-color:var(--hcolorlinie);}
.section-section .header-section .title-section:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:45px;height:3px;background-color:var(--hcolorlinie);}

.section-section .header-section h1{hyphens:none;font-size:3rem;position: relative;width:100%;text-align:center;font-weight:300;display:inline-block;}
.section-section .header-section h1:before{content:"";position:absolute;left: 25%;width: 50%;height: 1px;bottom: 0;left: 25%;background-color:var(--hcolorlinie);}
.section-section .header-section h1:after{content:"";position:absolute;left:50%;width: 10%;transform:translateX(-50%);height:3px;bottom:-1px;background-color:var(--hcolorlinie);}

.section-section .header-section h2{hyphens:none;font-size:2rem;position: relative;width:60%;margin:0 auto 0 auto;text-align:center;font-weight:300;display:inline-block;}
.section-section .header-section h2:before{content:"";position:absolute;left: 25%;width: 50%;height: 1px;bottom: 0;left: 25%;background-color:var(--hcolorlinie);}
.section-section .header-section h2:after{content:"";position:absolute;left:50%;width: 10%;transform:translateX(-50%);height:3px;bottom:-1px;background-color:var(--hcolorlinie);}

.section-section .header-section h3{hyphens:none;font-size:1.8rem;position: relative;width:60%;margin:0 auto 0 auto;text-align:center;font-weight:300;display:inline-block;}
.section-section .header-section h3:before{content:"";position:absolute;left: 25%;width: 50%;height: 1px;bottom: 0;left: 25%;background-color:var(--hcolorlinie);}
.section-section .header-section h3:after{content:"";position:absolute;left:50%;width: 10%;transform:translateX(-50%);height:3px;bottom:-1px;background-color:var(--hcolorlinie);}

.opa-0{opacity:0.0;}
.opa-1{opacity:0.1;}
.opa-2{opacity:0;}
.centered-top{position:absolute;width:100%;top:40px;left:50%;transform:translate(-50%, -50%);white-space: nowrap;text-align:center;font-size:1.8rem;font-weight:500;color:#fff;}
.centered-top.small{font-size:1.4rem;}
.centered-bottom {position:absolute;bottom:5%;left:50%;transform:translate(-50%, -50%);background-color:rgba(255,255,255,0.7);color:#333;font-size:1rem;padding:2px 6px 2px 6px;}
.centered-bottom.small{}
.myborder{position:absolute;left:10px;top:10px;bottom:10px;right:10px;margin:auto;border:1px solid rgba(255,255,0,0.5);}
.mycolbg{background-color:#fff;}
@media only screen and ( max-width: 651px ){
	.centered-top{position:absolute;width:100%;top:20px;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:1rem;text-align:center;font-weight:500;color:#fff;}
	.centered-top.small{font-size:0.8rem;}
	.centered-bottom {position:absolute;bottom:0;left:50%;transform:translate(-50%, -50%);color:#333;font-size:0.8rem;background-color:rgba(255,255,255,0.7);padding:2px 6px 2px 6px;}
	.centered-bottom.small{font-size:0.6rem;padding:2px 4px 2px 4px;}
	.myborder{position:absolute;left:10px;top:10px;bottom:10px;right:10px;margin:auto;border:1px solid rgba(255,255,255,0.7);}
}


.textfeld {display:flex;align-items: stretch;justify-content:center;width:50px;height:40px;color:#333;font-size:1.8rem;line-height:40px;border:1px solid #d1d1d1;}
.textfeld-zeichen::before{content:"\2630";}
.person {display:flex;align-items: stretch;justify-content:center;width:50px;height:40px;color:#333;font-size:1.8rem;line-height:40px;border:1px solid #d1d1d1;}
.person-zeichen::before{content:"\1F464";}
.email {display:flex;align-items: stretch;justify-content:center;width:50px;height:40px;color:#333;font-size:2rem;line-height:40px;border:1px solid #d1d1d1;}
.email-zeichen::before {content:"\2709";font-weight:200;}
.phone {display:flex;align-items:center;justify-content:center;width:50px;height:40px;color:#333;font-size:1.8rem;line-height:40px;border:1px solid #d1d1d1;}
.phone-zeichen::before {content:"\2706";}
.globe {display:flex;align-items:center;justify-content:center;width:50px;height:40px;color:#333;font-size:1.6rem;line-height:40px;border:1px solid #d1d1d1;}
.globe-zeichen::before {content:"\1F310";}
.food {display:flex;align-items:center;justify-content:center;width:50px;height:40px;color:#333;font-size:2.2rem;line-height:40px;border:1px solid #d1d1d1;}
.food-zeichen::before {content:"\1F37D";color:#fff}
.glas {display:flex;align-items:center;justify-content:center;width:50px;height:40px;color:#333;font-size:2.2rem;line-height:40px;border:1px solid #d1d1d1;}
.glas-zeichen::before {content:"\1F942";color:#fff}

.imgleft{clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%);width: 100%;object-fit: cover;transition: transform 0.3s ease;}
.imgright{clip-path: polygon(0 0, 100% 0, 100% 100%, 24% 100%);width: 100%;object-fit: cover;transition: transform 0.3s ease;}
ul.bluetenbarometer li {list-style:none;margin-left: 15px;}
ul.bluetenbarometer li::marker{content:"\2740";color:#fa6dd2;}
.btn.bluetenbarometer a {color:#fff;}
#h2_bluetenbarometer:before{content:"\2740";color:#fa6dd2;}
.aussteller-card {flex-wrap: wrap;display: flex;border-radius: 10px;margin: auto;overflow: hidden;position: relative;color: #000;background:#3f3d3d;}
.aussteller-card h1, .aussteller-card .h1 {margin-bottom: 0.5rem;font-weight: 500;line-height: 1.2;color:#fff;}
.aussteller-card h1.aussteller-card-title {font-size: 1.75rem;color:#fff;text-align:center;}
.aussteller-card .aussteller-card-text {padding: 4px;position: relative;display: flex;flex-direction: column;height:100%;color:#fff;}
.aussteller-card .aussteller-card-preview-txt {overflow: hidden;text-overflow: ellipsis;text-align: left;font-size:1rem;line-height:1.3rem;font-weight:200;margin-bottom:20px;color:#fff;padding-left:20px;}
div.tablecontainer {overflow-x: auto;}
table {border-collapse: collapse;width: 1000px;}
table, th, td {border: 1px solid #ddd;font-size:0.9rem;padding: 2px;text-align: left;}
.shuttlebus {position:absolute;top:80px;left:30px;z-index:999}
.shuttlebus img {transform: rotate(-20deg);max-width:200px;}
.flyer {position:absolute;top:200px;left:30px;z-index:999}
.flyer img {transform: rotate(-20deg);max-width:200px;}

@media screen and (max-width:769px) {
	.aussteller-card {flex-wrap: inherit;}
	.aussteller-card h1.aussteller-card-title {font-size: 1.5rem;}
	.aussteller-card .aussteller-card-text {padding: 1rem;width: 100%;}
	.aussteller-card .aussteller-card-preview-txt {font-size:0.8rem;line-height:1rem;font-weight:200;padding:0;}
	.imgleft{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);width: 100%;object-fit: cover;transition: transform 0.3s ease;}
	.imgright{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);width: 100%;object-fit: cover;transition: transform 0.3s ease;}
	ul.bluetenbarometer li {list-style:none;margin-left: 15px;}
	ul.bluetenbarometer li::marker{content:"\2740";color:#fa6dd2;}
	#h2_bluetenbarometer:before{content:"\2740";color:#fa6dd2;}
	.email {width:40px;height:40px;color:#333;font-size:2rem;color:#fff;line-height:100%;border:1px solid #d1d1d1;margin-right:20px;}
	.phone {width:40px;height:40px;color:#333;font-size:2rem;color:#fff;line-height:0;border:1px solid #d1d1d1;margin-right:20px;}
	.globe {width:40px;height:40px;color:#333;font-size:1.4rem;color:#fff;line-height:0;border:1px solid #d1d1d1;margin-right:20px;}
	.food {width:40px;height:40px;color:#333;font-size:2rem;color:#fff;line-height:0;border:1px solid #d1d1d1;}
	.glas {width:40px;height:40px;color:#333;font-size:2rem;color:#fff;line-height:0;border:1px solid #d1d1d1;}
	section {margin:0 auto 30px auto;}
	.section-section .header-section h1{font-size:1.8rem;width:100%;}
	.section-section .header-section h2{font-size:1.2rem;width:100%;}
	.section-section .header-section h3{font-size:1rem;width:100%;}
	.shuttlebus {position:absolute;top:50px;left:20px;z-index:999}
	.shuttlebus img {transform: rotate(-20deg);max-width:100px;}
	.flyer {position:absolute;top:120px;left:20px;z-index:999}
	.flyer img {transform: rotate(-20deg);max-width:100px;}

}
.border-bluete {border:1px solid #920069;}
.border-bluete p {background-color:#FB6ED3;font-size:.8rem;padding: 0 4px 0 4px;}
.btn.bluetenbarometer{ background:#920069;color:#fff;border:0;}
.btn.bluetenbarometer a:link{ color:#fff;border:0;text-decoration:none;}
.btn.bluetenbarometer:before{ content:"\2740";color:#fff;font-size:1.2rem;border:0;margin-right:10px}