:root {
	--colFont: #000;
	/*--colHigh1: orange;*/	
	--colHigh1: #00abff;
	--colHigh1Hover: #0184c4;
	--colHigh1Font: #fff;
	--colHigh1FontHover: goldenrod;
}

@font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('../files/fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url('../files/fonts/roboto-condensed-v27-latin-italic.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('../files/fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Oswald'; font-style: normal; font-weight: 700; src: url('../files/fonts/oswald-v53-latin-700.woff2') format('woff2'); }

@keyframes FadeIn
{
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes FadeOut
{
	0% { opacity: 1 }
	100% { opacity: 0 }
}


/* Overrides und Big Guys */
.row { max-width: 70rem; }
.fa.fa-external-link { font-size: .75em; }
.accordion-title { text-transform: uppercase; font-size: 1rem; font-weight: bold; color: var(--colHigh1); background:#f5f5f5; }
.accordion-title:hover, .accordion-title:focus { color: #777;  }
.accordion-title::before { color: var(--colFont); }
.orbit-slide { cursor: wait; }
ul.orbit-container { height: auto !important; } /* https://github.com/foundation/foundation-sites/issues/7815 */
li.orbit-slide { max-height: none !important; }
.callout.warning { background-color: #d9ebff }
.button { font-size: 1rem }

body { overflow-x: hidden /* ... */ ; font-family: 'Roboto Condensed', sans-serif; color: var(--colFont); background: no-repeat fixed; background-size: cover; background-color: #fff; }
h1, h2, h3, h4, h5, h6  { font-family: 'Oswald', sans-serif; font-weight: bold; text-transform: uppercase;  }
h2 { font-size: 2.4rem; }
h2.bigtime { font-size: 4.2rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.5rem;  letter-spacing: -.025em; }
h5 { font-size: 1.2rem;  letter-spacing: -.025em; }
p, section ul, section ol { font-size: 1.2rem; }
/*section ul, section ol { line-height: 1.4rem; }
section ul li, section ol li { margin-bottom: .6rem; }*/
a { color: maroon; }
hr { max-width: none; margin: initial; }
iframe { border: 0; }
picture { display: block; } /*fix*/
video { max-width: 100%; height: auto; }
video[poster]{ object-fit: cover; }

figure { margin: 0 auto 2.1rem; }
figcaption { color: #999; font-style: italic; margin-top: .3rem; }
figure.figcaption-inside { position: relative }
figure.figcaption-inside figcaption { position: absolute; bottom: 1rem; left: 0px; background: black; background: rgba(0,0,0,.65); color: #fff; padding: .3rem .6rem }
blockquote { border-left: 0; position: relative; padding-left: 3.6rem; }
blockquote::before { font-family: 'FontAwesome'; content: "\f10d"; position: absolute; left: 0; top: -.15rem; color: var(--colFont); font-size: 2.1rem; }

section p a img:hover, section p a img:focus, main a img:hover, main a img:focus { opacity: .9; }

/***/

body.page-privacy h2 { margin: 3rem 0 1.5rem; }
body.page-privacy h2:first-of-type { margin-top: 0; }

/***/

.hero { background: center center fixed; background-size: cover; height: 100vh;min-height: 100vh; text-align: center; }
.hero, .hero * { -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;  -ms-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }

.hero:before { content: ''; position: absolute; top: 0; right: 0; bottom: -90px; left: 0; background-image: linear-gradient(to bottom right, #000, #000); opacity: 0; }
.hero .intro { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); text-shadow: 3px 3px 0 #000; filter: drop-shadow( 0px 0px 10px rgba(0,0,0,.5)); letter-spacing: -0.025em; }

.hero h1 { color: #fff; font-size: 4.5rem; line-height: 1.2em; text-transform: uppercase; font-weight: 300; margin-bottom: 1rem;  }
.hero h2 { color: #fff; font-size: 1.5rem;  font-weight: 300; margin-bottom: 2.4rem;  }
.hero p { color: #fff; font-size: 1.8rem; line-height: 1.25em; }
.hero i { color: #fff; text-shadow: 0 0 5px #000; font-size: 3rem; margin-bottom: 1rem; }
.hero p i, .hero .button i { font-size: 1.25rem; color: #fff; margin-bottom: 0; }
.hero .button i { font-size: .65rem; margin-right: .5rem; }

.hero .button { background: #000; position: relative;}
.hero .button:hover { background: #000; }
.hero .button:after {content: ""; position: absolute; top: 0px; left: 0px; width: 0%; height: 100%; background-color: rgba(255,255,255,0.4); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.hero .button:hover:after { width: 100%;  background-color: rgba(255,255,255,0); -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;  -ms-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }  

.arrowdown { position: absolute; left: 50%; bottom: 10px; z-index: 8}
.arrowdown a:hover i { color: var(--colHigh1) }

@media screen and (max-width: 900px)
{
	.hero h1 { padding-top: 1rem; font-size: 3.5rem; }
	.hero h2 { font-size: 2.4rem; }
	.hero .large-6 img { max-width: 75%; height: auto; margin: 3rem 0 }
}
	
.badge1 { position: fixed; bottom: 0px; left: 0px; z-index:1000; }
.badge1 img { max-width:300px; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out;  -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }
body.scrolling .badge1 img { max-width: 100px; } 
body.scrolling .badge1:hover img { max-width: 300px; } 

.hero .badge, .eventBagdeInfo .badge { background: none; width: 120px; max-width: 140% }
.eventBagdeTitle { font-weight: 700; text-transform: uppercase; }
	
/***/

.socialIcons img { opacity: .8; margin-right: .6rem }
.socialIcons img:hover { opacity: 1; -webkit-box-shadow: 0px 0px 15px 0px rgba(255,255,255,.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(255,255,255,.5);
box-shadow: 0px 0px 15px 0px rgba(255,255,255,.5); }

/***/

.secFullHeight { min-height: 100%; background-size: cover }
#sec1 h2 { font-size: 1.8rem; }
#sec1 span.active { color: yellow;}
a.button i { margin-right: .6rem;}

.herotext p { font-size: 1.8rem; line-height: 1.25em; font-weight: 700; text-align: justify; letter-spacing: -0.025em;}
.text-shadow { text-shadow: 3px 3px 0 #000; }
.text-shadow a.button { text-shadow: none; }
.text-dark { color: var(--colFont); }

.sliderSection { max-height: 100%; }
.sliderSection img { max-height: 100%; }

.slick-prev::before, .slick-next::before, .slick-dots li.slick-active button::before { color: #fff; text-shadow: 0 0 5px black }

.slickSlider.Fullscreen .slick-next { right: 25px; }
.slickSlider.Fullscreen .slick-prev { left: 25px; z-index: 1; }
.slickSlider.Fullscreen.slick-dotted { margin-bottom: 0; }
.slickSlider.Fullscreen .slick-dots { bottom: 25px; }
.slickSlider.Fullscreen .slick-dots li button::before { font-size: 12px; opacity: .75; color: #fff }
.slickSlider.Fullscreen .slick-dots li.slick-active button::before { opacity: .95; color: var(--colHigh1); }

.slickSlider.no-dots .slick-dots { display: none !important }
/*
.fluxSlider, .fluxSlider * { max-width: 99vw }
.fluxSlider { overflow: hidden; }

.arrowdown2 { display: block; text-align: center; margin-top: 6rem; }
.arrowdown2 a { font-size: 3rem; color: #f7a900; }
*/
/***/

form.anmeldung .row { background: #e5e5e5; padding: 1rem; }
form.anmeldung .formFields { text-align: left; }
form.anmeldung .formPLZ, form.anmeldung .formMobilePre { width:calc(15% - 2px); display: inline; }
form.anmeldung .formOrt, form.anmeldung .formMobileNr { width:calc(85% - 2px); display: inline; }
form.anmeldung .formMobileNr { width:calc(85% - 13px); }
form.anmeldung .formIcq, form.anmeldung .formWebsite { display: none; }
form.anmeldung .radioCheck input { margin-left: .6rem; }
form.anmeldung .button.submit i { margin-right: .3rem; }
form.anmeldung label { font-size: 1rem }
form.anmeldung input::placeholder, form.anmeldung textarea::placeholder, form.anmeldung input:-ms-input-placeholder, form.anmeldung textarea:-ms-input-placeholder, form.anmeldung input::-ms-input-placeholder, form.anmeldung textarea::-ms-input-placeholder { opacity: 1; font-style: italic; }
form.anmeldung select option { color: #000; }
form.anmeldung select[required]:invalid, form.anmeldung select.placeholder-active, form.anmeldung select:has(option:checked[value=""]) { color: #999 !important; }

form.anmeldung .frist { padding:1rem; transform:rotate(-3deg); background: #777; color: #fff; border-radius: .6rem; margin-bottom: 2.1rem }
form.anmeldung .kleingedrucktes { font-size: .8rem; line-height: 1 }
form.anmeldung .kleingedrucktes input { margin-bottom: 0; }
form.anmeldung .kleingedrucktes label { display: inline; font-size: .875rem; }

form.login, .login-utils { width: 480px; max-width: 100%; margin: 0 auto; background: #222; background: rgba(34,34,34,.85); padding: 1.8rem; border-radius: .4rem; position: relative; z-index: 1; backdrop-filter: blur(5px); }
form.login { margin-top: calc(-100vw / 8.5);  }
form.login input { text-align: center }
form.login input::placeholder { color: #333; font-style: italic; }
form.login .formIcq, form.anmeldung .formWebsite { display: none; }
form.login button i { margin-right: .6rem }
form.login p { line-height: 1.25 }

.login-utils a { padding: 0 .6rem; white-space: nowrap }

form .checkerror { border-color: rgba(200,30,30,1);  }

form .form-error { background: rgba(200,30,30,1); color: #fff; padding: .3rem; text-shadow: none; font-weight: normal; margin: 0; text-align: center }
form fieldset.form-error { text-align: initial; background: transparent; color: inherit; border: 2px rgba(200,30,30,1) solid; padding: .6rem; }
form fieldset.form-error label { color: inherit; }
form .form-error p { margin: 0 }
form .form-error label { color: #fff; padding-left: .3rem}
form .alert.callout  p { text-shadow: none !important; font-size: .9rem !important; }

/***/

/*.sticky-container { background: #000; }*/
.title-bar { background: rgba(0,0,0,1); }
.title-bar img, .title-bar a { transition: .3s all; }
.title-bar img { max-height: 50px; width: auto; padding: .3rem }
body.page-index .title-bar img { max-height: 120px; width: auto; padding: .3rem .3rem .6rem }
.title-bar ul  > li > a, .title-bar ul  > li > a::after { color: #fff; }
.title-bar ul  > li  > a { padding: 1rem .9rem; font-family: 'Oswald', sans-serif; text-transform: uppercase}
.title-bar ul  > li.active  > a, .title-bar ul  > li > a:hover, .title-bar ul  > li > a:hover::after, .title-bar ul > li > a.active { background-color: var(--colHigh1); color: var(--colHigh1Font) }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: #fff transparent transparent; }
.is-dropdown-submenu { background: #333; border-color: var(--colFont); }

.title-bar.is-at-top.is-stuck { background-color: rgba(0,0,0,.75); }
.title-bar.is-at-top.is-stuck img { max-height: 50px; padding-bottom: .3rem}
.title-bar.is-at-top.is-stuck a { paddding: .3rem 1rem;}

.title-bar .toggle { display: none; margin-right: 1.5rem; }
body.page-index .title-bar.is-anchored .toggle { margin-top: 2.4rem; }
.title-bar .toggle a { color: #fff; font-size: 1.8rem; float: right}
.title-bar .toggle a i.fa-close { color: var(--colHigh1)}

.top-bar-right { -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;  -ms-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }
body.page-index .top-bar-right { margin-top: 45px; }
.title-bar.is-at-top.is-stuck .top-bar-right { margin-top: 0 ; }

/* Subnavi */
.title-bar ul > li > ul { display: none; position: absolute; list-style-type: none; margin: 0; background: black; padding: 1rem; margin-left: -1rem }
.title-bar ul > li:hover > ul { display: block }
/**/

/* Languages, User */
.title-bar ul > li.nav-languages a { padding: 0 }
.title-bar ul > li.nav-languages a:is(.active, :hover,:focus) { background: transparent }
.title-bar ul > li.nav-languages img { opacity: .9; filter: blur(1px); scale: .9 }
.title-bar ul > li.nav-languages a:is(.active, :hover, :focus) img { opacity: 1; filter: none; scale:1; }

.title-bar ul > li.nav-user { padding-left: 1rem }
.title-bar ul > li.nav-user-username { color: var(--colHigh1) }
.title-bar ul > li.nav-user a { padding: 0; font-family: 'Roboto Condensed'; text-transform: none; }
.title-bar ul > li.nav-user a:is(:hover,:focus), .title-bar ul > li.nav-user.active a { color: var(--colHigh1); background-color: transparent }
.title-bar ul > li.nav-user .fa-user-circle-o { font-size: 1.5rem }
.title-bar ul > li.nav-user ul { margin-left: -3rem; text-align: center }
.title-bar ul > li.nav-user ul li { border-top: 1px #fff dotted; padding: .45rem 0 }
.title-bar ul > li.nav-user ul li:first-child, .title-bar ul > li.nav-user ul li:last-child { border-top: 0 }
.title-bar ul > li.nav-user ul li.nav-user-logout .button { font-size: 1rem; background-color: #fff; color: var(--colFont); padding: .21rem .51rem }
.title-bar ul > li.nav-user ul li.nav-user-logout .button:is(:hover,:focus) { background-color: var(--colHigh1) }

/**/

.top-info { background:#ccc; width:100%; text-align: right; text-transform: uppercase; color: #333; font-size: .8rem; position: relative; z-index: 1000; padding: .3rem 0 }
.top-info a { color: #333; margin-left: 1.8rem; }
.top-info a:hover, .top-info a:focus { color: #fff; text-shadow: 0 0 5px #000; }
.top-info a::before { content: "\f138"; font-family: 'FontAwesome'; margin-right: .3rem; }
.top-info a.phone::before { content: ""; }

/*subnavi = secondary horiz. navi direkt unter der main */
#subnavi { position: fixed; top: 95px; text-align: right; width: 100vw; z-index: 9; text-transform: uppercase; font-size: .8rem }
body.scrolling #subnavi { top: 66px; background: rgba(0,0,0,.8) }
#subnavi ul { margin-bottom:0; padding: .45rem 1.5rem }
#subnavi li { display: inline-block;  }
#subnavi a { color: #fff; border-right: 1px #ccc solid; padding:  0 .45rem }
#subnavi a:last-child { border-right: 0; padding-right: 0 }
#subnavi a:hover/*, #subnavi a:focus*/ { color: var(--colHigh1); }

/***/

.button { background-color: var(--colFont); text-shadow: none; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.button.contra { background-color: #fff; color: #000 }
.button:hover, .button:active, .button:focus { background-color: maroon; }
.button.contra:hover, .button.contra:active, .button.contra:focus { background-color: darkgoldenrod; color: #fff }
.button.warning, .button.success { background-color: var(--colHigh1); color: var(--colHigh1Font) }
.button.warning:hover, .button.warning:focus,
.button.success:hover, .button.success:focus
	{ background-color: var(--colHigh1Hover) }

/***/

.eventliste .item { min-height: 450px; position: relative; }
.eventliste .item .featureImg1 { position: relative; margin-bottom: 1rem; margin-top:3rem; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out;  -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.eventliste .item .featureImg1 img { max-width:100%; height: auto;  }
.eventliste .item .featureImg1 picture img { object-fit: cover; height: 100%; width: 100%; }
.eventliste .item .featureImg1 h3 { position: absolute;  bottom: 35px; left: 0px; background: #fff; background: rgba(255,255,255,.75); max-width: 80%; white-space: nowrap; overflow: hidden; font-size: 1.6rem; text-overflow: ellipsis; color: #111; padding: .9rem 1.8rem; text-transform: uppercase; letter-spacing: .05em; display: inline-block; }
.eventliste .item .featureImg1 h3 img { max-height: 1em; width: auto; vetical-align: baseline; position: relative; top: -2px; margin-right: .3em }
.eventliste .item .featureChevron { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,.35); z-index: 8; display: none; }
.eventliste .item .featureChevron i { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); font-size: 12rem; color: var(--colHigh1); }

.eventliste .item .stamp { position: absolute; bottom: 0; right: 0 }
.eventliste .item .stamp.stamppos-TL { top: 5px; left: 5px; }
.eventliste .item .stamp.stamppos-TR { top: 5px; right: 5px; }
.eventliste .item .stamp.stamppos-BL { bottom: 5px; left: 5px; }
.eventliste .item .stamp.stamppos-BR { bottom: 5px; right: 5px; }
.eventliste3 .item .stamp { max-width: 25% }
.eventliste3 .item .stamp img { width: 100%; rotate: 9deg }

.eventliste .item:not(.posteronly):hover { cursor: pointer; }
.eventliste .item:not(.posteronly):hover img, .eventliste .item.posteronly a:hover img { opacity: .8; }
.eventliste .item:not(.posteronly):hover a { color: var(--colHigh1); text-shadow: 1px 1px 0 #ccc; }
/*.eventliste .item:hover .featureImg1 { transform: scale(1.01); }*/
.eventliste .item:not(.posteronly):hover .featureImg1 .featureChevron { display: block; }

.eventliste3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem }
.eventliste3 .item { min-height: auto; position: static; background: #222; transition: .2s all }
.eventliste3 .item:not(.posteronly):hover { background: #333 }
.eventliste3 .item .featureImg1 { margin: 0; }
.eventliste3 .item .teasertext {  padding: 1rem; text-align: justify; hyphens: auto }
.eventliste3 .item .teasertext p {  line-height: 1.2 }
.eventliste3 .item .date  {color: var(--colHigh1); }
.eventliste3 .item .date::before { font-family: 'FontAwesome'; content: '\f073'; margin-right: .45rem; }
.eventliste3 .item .date::after { font-family: 'FontAwesome'; content: '\f05a'; margin-left: .45rem; color: #aaa; }
.eventliste3 .item:not(.posteronly):hover a { color: var(--colHigh1Font); text-shadow: none; }

.eventliste3 .item.comingsoon { position: relative; overflow: hidden; }
.eventliste3 .item.comingsoon::after  { position: absolute; top: -75px; right: -125px; text-transform: uppercase; text-align: center; padding: 100px 100px 6px; content: 'Coming\Asoon'; white-space: pre; background: var(--colHigh1); transform: rotate(45deg); opacity: .9; transition: .035s scale }
.eventliste3 .item.comingsoon:hover::after { scale: 1.2; z-index: 10;  }

.x-logo1 { position: absolute; width:75px; top: -20px }
.x-logo1 + div { padding-left:75px }
@media screen and (max-width: 640px) { .x-logo1 { width:55px; } .x-logo1 + div { padding-left: 55px; position: relative; top: 3px; } }

@media (hover: none)
{
	.eventliste .item:not(.posteronly):hover .featureImg1 .featureChevron { display: none }
}

.hero .stamp, .mega .stamp { position: absolute; max-width: 35vw; max-height: 35vh }
.hero .stamp.stamppos-TL, .mega .stamp.stamppos-TL { top: 6rem; left: 3rem; }
.hero .stamp.stamppos-TR, .mega .stamp.stamppos-TR { top: 6rem; right: 3rem; }
.hero .stamp.stamppos-BL, .mega .stamp.stamppos-BL { bottom: 4.5rem; left: 1.8rem; }
.hero .stamp.stamppos-BR, .mega .stamp.stamppos-BR { bottom: 4.5rem; right: 1.8rem; }

.eventliste .item .stamp img, .hero .stamp img { -webkit-filter: drop-shadow(5px 5px 5px #000); filter: drop-shadow(5px 5px 5px #000); rotate: 9deg}

/* Jeep and friends: */
.hero .stamp.jeepandfriends { right: 3rem; top: 7.5rem; width: 360px; max-width: 100%; transform: rotate(9deg) }
@media screen and (max-width: 1440px) { .hero .stamp.jeepandfriends { width: 300px; } }
@media screen and (max-width: 1280px) { .hero .stamp.jeepandfriends { width: 270px; } }
@media screen and (max-width: 1024px) { .hero .stamp.jeepandfriends { width: 240px; } }
@media screen and (max-width: 800px) { .hero .stamp.jeepandfriends { width: 160px; } }
@media screen and (max-width: 640px) { .hero .stamp.jeepandfriends { top: 6rem; right: 1.5rem } }
@media screen and (max-height: 568px) { .hero .stamp.jeepandfriends { width: 140px; top: 4.8rem; right: .6rem } }
/**/

.eventDescription  { margin-top: 1.8rem; }
.eventDescription i { color: var(--colHigh1); width: 1.2em; text-align: center }
.eventDescription .button i { color: inherit; }
.eventKleingedrucktes, .eventKleingedrucktes p, .eventKleingedrucktes a { color: #999; font-size: .9rem; text-align: justify; }
.eventKleingedrucktes a:hover, .eventKleingedrucktes a:focus { color: #ccc; }
.eventDescription .compactInfos { line-height: 2.1rem }
.eventDescription ul.compactInfos { list-style-type: none; margin-left: 0; }
.eventDescription .compactInfos i { display: inline-block; width: 1.8rem; text-align: center;  }
.eventDescription .compactInfos i.fa-times::before { color: maroon  }
.eventDescription hr  { width:50%; margin: 3rem auto; display: block;  }
.eventDescription .date { background: #eee; padding: .45rem 1.2rem; display: inline-block; }

.eventRegisterPop { position: fixed; top: 50%; transform: translateY(-50%); left: 0; z-index: 100000;   text-transform: uppercase; font-weight: 700; }
.eventRegisterPop a { background: var(--colHigh1); color: var(--colHigh1Font); padding: 1rem; display: block; }
.eventRegisterPop a:hover, .eventRegisterPop a:focus { background: var(--colHigh1Hover) }
.registerform.inViewport .eventRegisterPop { animation: FadeOut .35s; opacity: 0; }
.registerform:not(.inViewport) .eventRegisterPop { animation: FadeIn .35s; opacity: 1; }

.eventAnsprechDaten { display:inline-block; padding: 2.4rem 3rem; border-radius: 3px }

.cat_filter > a { display: inline-block; background: var(--colHigh1); color: var(--colFont); padding: .6rem 1.8rem; font-size: 1.1rem; margin: 0 1rem 1rem 0; }
.cat_filter > a:hover { background-color: #555; color: white; }
.cat_filter > a:focus, .cat_filter > a:active { background-color: var(--colHigh1Hover); color: var(--colHigh1); }
.cat_filter_noHits { background: var(--colHigh1); color: var(--colHigh1Font); width: 800px; max-width: 100%; margin: 0 auto; padding: .9rem; }

/***/

.lasgalerias  { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.8rem; /*width: 1560px;*/ max-width: 100% }
.lasgalerias .item { min-width: 100px; /*max-width: 300px;*/ background: #000; cursor: pointer; transition: .1s all; position: relative }
.lasgalerias .item:hover  { background: #252525;  }
.lasgalerias img { width: 100%; max-width: 100% !important; height: auto; transition: .1s all }
.lasgalerias img:hover, .lasgalerias .item:hover img { opacity: .75;  }
.lasgalerias .bu { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:.3rem; font-style: italic; padding: .15rem .6rem }
.lasgalerias .datum::before, .lasgalerias .location::before, .galerie-info .datum::before, .galerie-info .location::before { font-family: 'FontAwesome'; color: var(--colHigh1); margin-right: .45rem; font-style: initial; }
.lasgalerias .datum::before, .galerie-info .datum::before  { content: '\f073' }
.lasgalerias .location::before, .galerie-info .location::before  { content: '\f041'; margin-left: .45rem; }
.galerie-info .datum::before, .galerie-info .location::before { font-size: 1.65rem; position: relative; top: -.45rem; margin-right: 1rem }
.galerie-info .location::before { margin-left: 1.5rem }
.galerie-help { font-size: 1rem; }
.galerie-help::before { font-family: 'FontAwesome'; content: '\f05a'; margin-right: .6rem; }

.lasgalerias .item .galcountryflag { position: absolute; bottom: 3rem; left: 1rem; }


.galerie img { margin: 0 !important; border: 6px solid transparent }
.galerie img:hover { border-color: var(--colHigh1); opacity: .9; transform: scale(1.3333)}

.galerieEvent { display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: 6rem; }
.galerieEvent img { width: 100%; }
.galerieEvent img:hover { opacity: .9; }

.youtubevids img { display: inline-block; border: 6px solid transparent;   }
.youtubevids img:hover { border-color: #fff; opacity: .9; transform: scale(1.3333)}

/***/

.angebote { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem 1.5rem; }
.angebote .item picture { position: relative; }
.angebote .item.soldout picture::after
{
	position: absolute; right: 0; bottom: -1rem;
	background: darkgoldenrod; border-radius: 50%; padding: 1.1667rem; color: #fff; font-weight: bold; text-align: center; line-height: 1;
	border: 3px white dotted;
	rotate: 9deg;
	content: 'SOLD\AOUT!';
	white-space: pre;  
}
.angebot-soldout { position: relative; }
.angebot-soldout::before {
	position: absolute; top: 0; right: 0; z-index: -1;
	background: darkgoldenrod; border-radius: 50%; padding: 2.1667rem; color: #fff; font-size: 1.8rem; font-weight: bold; text-align: center; line-height: 1;
	border: 3px white dotted;
	rotate: 9deg;
	content: 'SOLD\AOUT!';
	white-space: pre; 
}
.infobox-soldout { background: darkgoldenrod; color: #fff; font-weight: bold; border: 3px white dotted; border-radius: 12px; padding: 1.5rem; margin: 1.8rem 0 1.5rem; display: inline-block; }

/***/

.bildhinweis { font-size: .9rem; }

ul.icons { list-style-type: none; }
ul.icons li::before { font-family: 'FontAwesome'; margin: 0 5px 0 -1.2em; font-size: 90%;  }
ul.icons.checkers li:before { content: '\f00c'; color: #76b82a; }
ul.icons.square li:before { content: '\f0c8'; color: var(--colHigh1); }
ul.icons.times li:before { content: '\f00d'; color: red; }
ul.icons.pdf li:before { content: '\f1c1'; margin: 0 12px 0 -1.5em }
ul.icons.errors li:before { content: '\f00d'; color: red; margin: 0 1.2em 0 -1.5em }
ul.icons.pdf li { margin-bottom: .6em; }

ul.inline li { display: inline-block; }
ul.icons.inline li { margin-right: 3rem; }

/***/

section.eventPreise { background: url(../img/bg/bg3.jpg) center center fixed; background-size: cover; min-height: 50vh }

.pricing-table { background: #fff; width: 100%; text-align: center; list-style-type: none; -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.35); box-shadow: 0 0 10px rgba(10, 10, 10, 0.35); position: relative }
.pricing-table:hover { background: #f7f7f7; }
.pricing-table li { padding: 0.875rem 1.125rem; }
.pricing-table li.hr::after { content: ''; display: block; border-bottom: 1px #ddd solid; width: 80%; margin: 0 auto; padding-bottom: 1rem; }
.pricing-table li:last-child { border-bottom: 0; }
.pricing-table .title { background: var(--colHigh1); color: var(--colHigh1Font); font-weight: 700; border-bottom: 0; text-transform: uppercase; }
.pricing-table .price { font-size: 4rem; border-bottom: 0; font-weight: 400 }
.pricing-table .description { color: #888; font-size: 80%; }
.pricing-table :last-child { margin-bottom: 0; }
.pricing-table a.button { text-transform: uppercase; }

.pricing-table .price sup, .pricing-table .price .sup { display: inline-block; font-size: 32px; height: 1px; margin: 58px 0 0 -4px; position: relative;  vertical-align: top; width: 25px; }
.pricing-table .price .sup { font-size: 24px; margin-top:30px}
.pricing-table .price strong span sup { font-size: 18px; margin-top:40px}
.pricing-table .price small { color: #aaa; display: block; font-size: 1rem; margin-top: -11px; padding-bottom: 19px; }

.pricing-table hr { width: 75%; margin: 0 auto; }

/* Member Prices */
.pricing-table.mv { margin-top: -1rem; z-index: 8; padding-bottom: 2.1rem; }
.pricing-table.mv .title, .pricing-table.mv .button.success { background: darkgoldenrod; color: var(--colHigh1Font)  }
.pricing-table.mv .price { font-size: 5rem;  }
.pricing-table.mv .price strong span sup { font-size: 21px; margin-top:45px}
/**/

table.table1 tr:hover td { background: #d5d5d5; }

/***/

.bgimage { width: 100%; height: 100%; background-size:cover; background-repeat: no-repeat; }
.bgimage.bgcenter { background-position: 50% 50%; }
.bgimage.bgcontain { background-size: contain; background-position: center 40%; background-size: 90%; }
.bgimage img { display: none; }

/***/

.infobox { border-radius: 4px; padding: 2.1rem; }
.infobox1 { background: var(--colHigh1); color: var(--colHigh1Font); text-shadow: none }
.infobox1 p, .infobox1 h4, .eventDescription .infobox1 i { color: var(--colHigh1Font); }
.infobox1 ul.icons.checkers li:before { color: #ffe40a }
.infobox ul.icons.times li:before { color: darkred; margin-right: .6rem; }
.infobox1 a { color: var(--colHigh1Font) !important }
.infobox1 a:hover, .infobox1 a:focus { color: #ffe40a }
.infobox2, .infobox3 { padding-bottom: 1em; margin-bottom: 1rem; text-align: justify; }
.infobox2.info-difficulty { text-align: center; margin-bottom: 1.8rem }
.infobox2.info-difficulty img { margin: .6rem 0 0 ; width: 300px }
.info-overview i::before { color: #ffe40a; }
.infobox2 { background: #d9ebff; }
.infobox3 { background: #eee; }
.infobox4 { background: #000; color: #fff }
.infobox5 { background: transparent; border: 1px #ccc solid }
.infobox2 p, .infobox3 p, .infobox2 h4, .infobox3 h4 { color: var(--colFont); }
.infobox ul { margin-top: 1rem; margin-bottom: 1.5rem; }
.infobox ul li { line-height: 1.4rem; margin-bottom: .6rem }
.infoboxBig { font-weight: 700; font-size: 150% }

.stoerer1 { display:inline-block; text-align:center; text-transform: uppercase; font-weight:bold; width: 300px; max-width:100%; margin-left: auto; margin-right: auto; display: flex; justify-content: center;  align-items: center; transform: rotate(-3deg) }

.ansprechpartner i { width: 1em; }
.ansprechpartner a { display: block; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left }

.partner { overflow: hidden; }
.partner .item  { float: left; margin: 0 2.1rem 2.1rem 0; }
.partner .item  img { border: 1px #ccc solid; }
.partner .item  img:hover, .partner .item  img:focus { opacity: .85; }

fieldset.payment input[type="radio"]+span { text-transform: uppercase; }
fieldset.payment .payment_option_image { width: 100px; }

/***/

.teamcard { background: var(--colHigh1); color: var(--colHigh1Font); width: 600px; max-width: 100%; padding: 3rem; margin: 2.4rem auto; }
.teamcard.lead { width: 960px; margin-bottom: 0; }
.teamcard h2 { font-size: 1.2rem; display: inline-block; background: var(--colHigh1Font); color: var(--colHigh1); padding: .45rem 1.8rem; transform: rotate(-1.5deg);  }
.teamcard p { font-size: 1.2rem; text-align: justify; line-height: 1.3667 }
.teamcard p a { color: white }	
.teamcard p a:is(:hover,:focus) { color: orange }
.teamcard img { display: block; border: 1px #000 solid; margin: -1.2rem auto 1.8rem; width: 600px; }
.teamcard img, .teamcard h2 { -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,1); -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,1); box-shadow: 10px 10px 0px 0px rgba(0,0,0,1); }
@media screen and (max-width: 1200px) { .teamcard h2 { position: relative; top: -1.2rem; padding: .3rem 1.2rem;} }
@media screen and (max-width: 640px) { .teamcard p { hyphens: auto} }

/***/

footer a { color: var(--colHigh1); }
footer ul { list-style-type: square; }
footer .byline  { font-size: .8rem; display: inline-block; }
footer .byline::before  { content: " "; display: block; border-top: 1px #ccc solid; width: 75%; margin: 0 auto; padding-bottom: .75rem;  }

section.padme + footer { margin-top: -6rem; } /* lückenlos */

/***/

.floatbreaker { clear: both; }

.padme { padding: 6rem 0; }
.padding-top-0 { padding-top: 0; }
.padding-bottom-0 { padding-bottom: 0; }
.padding-left-0 { padding-left: 0; }
#sec1.padme { padding: 3rem 0; }
.spaceme { margin: 3rem auto; }
.centerme { text-align: center; }
.fixme { position: fixed; }
.hyphens { hyphens: auto; }
.rahmen, .rahmen1 { border: 1px var(--colFont) solid; }
.rahmen2 { border: 6px #333 solid; }
.rahmen3 { border: 6px var(--colHigh1) solid; }
.rahmen4 { border: 6px darkgoldenrod solid; }
.rounded-1 { border-radius: 3px }
.rounded-2 { border-radius: 4px }
.rounded-4 { border-radius: 6px }
.rounded-5 { border-radius: 9px }
.rounded-6 { border-radius: 12px }

img.fullwidth, img.expanded, picture.expanded img { width: 100%; height: auto; }

.row.broad { width: 1800px; max-width: 97.5% }
.row.full { width: 1920px; max-width: 100% }

.para { background: no-repeat fixed 50% 50%; background-size: cover; min-height: 600px; font-size: 6rem; color: #fff; }

	@media only screen and (max-width: 768px)
	{
		.para { display: none !important; }
	}

.bg-full { background-size: cover; height: 100vh; }
.bg-blue { background: #304ead;  background-image: linear-gradient(to bottom right, #304ead, #43841f); opacity: 1; color: white; position: relative }
.bg-gray { background: #eee; color: var(--colFont); text-shadow: none }
.bg-darkgray { background: #333; color: #fff; text-shadow: none }
.bg-lightgray { background: #e2e2e2; color: #222; text-shadow: none }
.bg-red { background: #304ead;  background-image: linear-gradient(to bottom right, #972b0e, #f5f3db); opacity: 1; color: white; position: relative; text-shadow: 2px 2px 1px #000; }
.bg-white { background: #fff; color: var(--colFont);}
.bg-creme { background: #f2ead9; }
.bg-lightred { background: #fbd9ca; }

.bg-black { background: #000; color: #fff; text-shadow: 2px 2px 1px #000 }
.bg-black a { color: var(--colHigh1); }
.bg-black a:hover, .bg-black a:focus { color:var(--colHigh1FontHover) ; }
.bg-black-trans { background: #000; background: rgba(0,0,0,.5); padding: 1rem; border-radius: 3px; }
.bg-black label { color: #fff; }

.bg-black * { text-shadow: none; }
.bg-black .cat_filter > a { color: var(--colFont); }
.bg-black .cat_filter > a:hover, .bg-black .cat_filter > a:focus, .bg-black .cat_filter > a:active { color: #fff; }

.bg-black .pricing-table { color: var(--colFont); }

.bg-padme { padding: 1.5rem }
.bg-roundme { border-radius: 1.2rem }
.bg-shortroundme { border-top-left-radius: 1.2rem; border-bottom-right-radius: 1.2rem;  }

.grid { display: grid; }
.grid-gap-1 { gap: 1rem; }
.grid-gap-2 { gap: 2rem; }
.grid-gap-3 { gap: 3rem; }
.grid-gap-4 { gap: 4rem; }
.grid-gap-5 { gap: 5rem; }
.grid-gap-6 { gap: 6rem; }
.grid-2  { grid-template-columns: 1fr 1fr }
.grid-3  { grid-template-columns: repeat(3,1fr) }
.grid-4  { grid-template-columns: repeat(4,1fr) }
.grid-5  { grid-template-columns: repeat(5,1fr) }
.grid-6  { grid-template-columns: repeat(6,1fr) }
.grid-7  { grid-template-columns: repeat(7,1fr) }
.grid-8  { grid-template-columns: repeat(8,1fr) }
.grid-9  { grid-template-columns: repeat(9,1fr) }
.grid-10  { grid-template-columns: repeat(10,1fr) }
.grid-11 { grid-template-columns: repeat(11,1fr) }
.grid-12  { grid-template-columns: repeat(12,1fr) }

.margin-top-0 { margin-top: 0 !important }
.margin-top-s { margin-top: 1rem !important }
.margin-top-m { margin-top: 2rem !important }
.margin-top-l { margin-top: 3rem !important }
.margin-top-xl { margin-top: 4.5rem !important }
.margin-top-xxl { margin-top: 6rem !important }
.margin-bottom-0 { margin-bottom: 0 !important }
.margin-bottom-s { margin-bottom: 1rem !important }
.margin-bottom-m { margin-bottom: 2rem !important }
.margin-bottom-l { margin-bottom: 3rem !important }
.margin-bottom-xl { margin-bottom: 4.5rem !important }
.margin-bottom-xxl { margin-bottom: 6rem !important }
.padding-top-0 { padding-top: 0 !important }
.padding-top-s { padding-top: 1rem !important }
.padding-top-m { padding-top: 2rem !important }
.padding-top-l { padding-top: 3rem !important }
.padding-top-xl { padding-top: 4.5rem !important }
.padding-top-xxl { padding-top: 6rem !important }
.padding-bottom-0 { padding-bottom: 0 !important }
.padding-bottom-s { padding-bottom: 1rem !important }
.padding-bottom-m { padding-bottom: 2rem !important }
.padding-bottom-l { padding-bottom: 3rem !important }
.padding-bottom-xl { padding-bottom: 4.5rem !important }
.padding-bottom-xxl { padding-bottom: 6rem !important }

.sticky { position: -webkit-sticky; position: sticky; }
.sticky-0 { top: 0; }
.sticky-1 { top: 1em; }
.sticky-2 { top: 2.1em; }
.sticky-3 { top: 3em; }
.sticky-4 { top: 4.2em; }
.sticky-5 { top: 5.4em; }
.sticky-6 { top: 6em; }

/***/

.mobile-only, .menu > li.mobile-only { display: none; }

@media screen and (min-width: 1620px)
{
	.galerieEvent { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
}
@media screen and (max-width: 1620px)
{
	/*.title-bar ul  > li:first-child { display:none; }*/
}

@media screen and (max-width: 1560px)
{
	body.page-index .title-bar.is-anchored img { max-height: 100px; margin-top:12px }
}

@media screen and (max-width: 1480px)
{
	.title-bar .top-bar-right a { padding: 1rem .6rem; font-size: .9rem }
	
	.eventliste .item .featureImg1 h3 { padding: .6rem 1.2rem }
	.eventliste3 .item .stamp { max-width: 30% }
	.eventRegisterPop { top: auto; bottom: 0px; }	
	
	.lasgalerias  { grid-template-columns: repeat(4, 1fr); }
}

@media screen and (max-width: 1480px) and (min-width: 1024px)
{
	footer .row.broad { /*width: 100%;*/ max-width: 100%; margin: 0 1rem;}
}

@media screen and (max-width: 1280px)
{
	.title-bar .top-bar-right a { padding: 1rem .45rem; font-size: .8rem }
	.eventliste3 { grid-template-columns: 1fr 1fr; }
}

@media screen and (max-width: 1024px) and (min-width: 900px)
{
	#sec1.hero  { padding-top: 60rem}
	.grid-3, .grid-4, .grid-5, .grid-6, .grid-7  { grid-template-columns: repeat(3,1fr) }
	.grid-8, .grid-9, .grid-10, .grid-11, .grid-12  { grid-template-columns: repeat(4,1fr) }
	.grid-gap-2, .grid-gap-3 { gap: 1rem; }
	.grid-gap-4, .grid-gap-5, .grid-gap-6 { gap: 2rem; }
}

@media screen and (max-width: 1024px) /* break medium */
{
	.mobile-only, .menu > li.mobile-only { display: block; }
	.arrowdown { display: none; }
	
	.title-bar { /*background: #2e2e2e;*/ z-index: 2000 !important; }
	.title-bar .toggle { display: block; }
	.title-bar .top-bar-left img  { max-height: 50px;}
	.title-bar .top-bar-left { margin-left: 1.5rem }
	.title-bar .top-bar-right { float: none; display: none; clear: both; }
	.title-bar .top-bar-right.visible { display: block; padding-top: 1rem; }
	.title-bar ul > li { display: block; }
	
	/* Neu 2025 */
	.top-bar-right .horizontal.menu { display: flex; flex-direction: column }
	
	/* Languages, User Subnavi */
	.title-bar ul > li.nav-languages > ul { display: block; position: static }
	.title-bar ul > li.nav-languages > ul > li { display: inline-block }
	.title-bar ul > li.nav-languages img { filter: none; scale: 1 }
	.title-bar ul > li.nav-languages > a > img:first-child { display: none }
	.title-bar ul > li.nav-user { padding: 1rem 0 .75rem .5rem; order: -1; border-bottom: 1px #fff dotted }
	.title-bar ul > li.nav-user i { margin: -.3rem .6rem 0 0 }
	.title-bar ul > li.nav-user a { font-size: 1rem }
	/**/
	
	.row, .row.broad { max-width: 90%; }
	.title-bar .row { max-width: 100%; }
	
	.hero { height: auto; background-color: #000 }
	
	.eventliste .item .featureImg1 h3 { font-size: 1.2rem; letter-spacing: .01em; padding: .6rem 1.2rem; }	
	
	.galerieEvent { grid-template-columns: repeat(4, 1fr); }
	.lasgalerias  { grid-template-columns: repeat(3, 1fr); }
	
	.angebote { grid-template-columns: 1fr 1fr; }
	
	.infobox2, .infobox3 { text-align: initial; }
	
	form.anmeldung .formPLZ, form.anmeldung .formMobilePre { width:calc(25% - 2px); display: inline; }
	form.anmeldung .formOrt, form.anmeldung .formMobileNr { width:calc(75% - 2px); display: inline; }
	form.anmeldung .formMobileNr { width:calc(75% - 13px); }
	
	.bgimage.bg-large { background-image: none !important; }
	.bgimage.bg-large img { display: block; }
	
	footer ul li { float: left; }
	footer ul li a { display: block; margin-right: 2rem; }
}

@media screen and (max-width: 800px)
{
	.top-info { text-align: initial; }
	.top-info .columns { padding-left: 0; }
	.top-info a { margin-left: 0; margin-right: 1rem; }
	
	.badge1 { display: none; }
	.hero { background-attachment: scroll; }
	.hero h1 { line-height: 1; margin-bottom: 1rem; -webkit-hyphens: auto; hyphens: auto }
	
	.eventliste3 { grid-template-columns: 1fr; }
	.eventliste .item .featureImg1 h3 { padding: .9rem 1.8rem }
	.eventliste3 .item .stamp { max-width: 40% }
	
	.eventAnsprechDaten { width: 100%; }
	
	.lasgalerias  { grid-template-columns: repeat(2, 1fr); }
	.galerieEvent { grid-template-columns: 1fr 1fr 1fr; }
	

}

@media screen and (max-width: 640px) /* break small */
{
	.hero:before { bottom: -60px; }
	
	.top-info { display: none; }
	
	h2.bigtime { font-size: 3rem; line-height: 1.2em }
	
	.bgimage { background-image: none !important; }
	.bgimage img { display: block; margin-bottom: 2.1rem; }
	
	
	.pricing-table { margin-left: 0; }
	
	ul.inline li { display: block; }
	
	.footerlogo { text-align: center; }
	.footerlogo img { max-width: 100%; }
	
	.slickSlider.Fullscreen .slick-dots { display: none !important; }
	
	.angebote { grid-template-columns: 1fr; }
	.galerie-info h2{ font-size: 1.8rem; }
	.galerie-info .datum::before, .galerie-info .location::before { font-size: 1.2rem; width: 1.2rem; display: inline-block }
	.galerie-info h2 .location { display: block }
	.galerie-info h2 .location::before { margin-left: 0 }
	
	.grid { grid-template-columns: 1fr 1fr }
	.grid-gap-4, .grid-gap-5, .grid-gap-6 { gap: 1rem; }
	
	footer .distance1 { margin-top: 3.6rem; }
	footer .distance2 { margin-top: 3.6rem; }
}

@media screen and (max-width: 600px)
{
	.galerieEvent { grid-template-columns: 1fr 1fr; }
	.lasgalerias  { grid-template-columns: 1fr; }
}

@media screen and (max-width: 460px)
{
	body.page-index .title-bar.is-anchored img { max-height: 60px;}
	body.page-index .title-bar.is-anchored .toggle { margin-top: 1.8rem; }
	
	.hero { background: url('../img/bg/bg-11600x1067-122.jpg') no-repeat center center scroll; }
	.hero .hide-for-small { display: none; }
	.footercolumns .columns { float: none; width: 100%; }
		
	form.anmeldung .formPLZ, form.anmeldung .formMobilePre { width:calc(30% - 2px); display: inline; }
	form.anmeldung .formOrt, form.anmeldung .formMobileNr { width:calc(70% - 2px); display: inline; }
	form.anmeldung .formMobileNr { width:calc(70% - 13px); }
	
	.cat_filter > a { font-weight: 700; text-transform: uppercase; padding: .3rem .6rem; font-size: .9rem; margin: 0; margin-bottom: .3rem }
	
	.pricing-table .price, .pricing-table.mv .price  { font-size: 3rem; }
	.pricing-table .price .sup { margin-top: 12px; }
	
}

@media screen and (max-width: 360px)
{
	.top-info a:first-child { display: none; }
	.galerieEvent { grid-template-columns: 1fr; }
	.grid { grid-template-columns: 1fr}
}