/*
Theme Name: ETTIX | Event-, Medien- & Projektmanagement		
Theme URI: https://ettix.at
Author: Ing. Michael Krichbaum
Author URI: https://www.disignx.com
Description: Das offizielle ETTIX | Event-, Medien- & Projektmanagement		

Version: 2025.1

ETTIX | Event-, Medien- & Projektmanagement © 2025
*/
		
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

*, *::after, *::before {box-sizing: border-box!important;}

*{
margin: 0;
padding: 0;
outline: none;
line-height: inherit;
min-width: 0;
min-height: 0;
}

*, *::before, *::after
{
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
}

:root {
  font-size: calc(100vw / 100);
  --fcolor:rgb(0,0,0);
  --white: rgb(255,255,255,1);
  --white-transparent: rgb(255,255,255,0.8);
  --crimson-flame: rgb(228, 25, 33);
  --burnt-ruby: rgb(167, 31, 30);
  --iron-grey: rgb(111, 111, 111);
  --soft-silver: rgb(188, 188, 188);
  --black:rgb(0,0,0);
  --midnight-purple:rgb(25, 25, 37);
  --burger-menu-transition: 300ms;
  --transition-duration-04: 0.4s;
}

@media(max-width: 1199.98px){:root {font-size: calc(100vw / 50);}}
@media(max-width: 767.98px){:root {font-size: calc(100vw / 30);}}



body, html
{
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
color:var(--fcolor);
font-size: 1.25rem;
background:var(--white);
}


.global-frame{position:relative;z-index:2;padding-left:10rem;padding-right:10rem;}
@media(max-width: 1199.98px){.global-frame{padding-left:4rem;padding-right:4rem;}}
@media(max-width: 767.98px){.global-frame{padding-left:2rem;padding-right:2rem;}}



/*
##########################################
TOOLKIT
##########################################
*/

[class^="col-"], [class*=" col-"] {margin-bottom:1.5rem;}

/*
##########################################
HEADINGS
##########################################
*/

h1,h2,h3,h4,h5,h6{line-height:1.2;}

h1{position:relative;display:inline-block;width:100%;font-size:4.7rem;padding-bottom:2rem;font-weight:700;color:var(--crimson-flame);}
@media(max-width: 767.98px){h1{font-size:3.5rem;}}
h2{position:relative;display:inline-block;width:100%;font-size:3rem;font-weight:700;padding-bottom:1rem;color:var(--crimson-flame);}

h3{position:relative;display:inline-block;width:100%;font-size:2rem;font-weight:600;padding-bottom:1rem;}


h4{position:relative;display:inline-block;min-width:15rem;font-size:1.6rem;font-weight:300;padding-bottom:0.7rem;margin-bottom:1rem;}
.h4-bordered{border-bottom:0.1rem solid var(--fcolor);}
.only-heading{padding-top:15rem;}
@media(max-width: 1199.98px){.only-heading{padding-top:0rem;}}

h5{display:inline-block;width:100%;font-size:1.4rem;color:var(--fcolor);font-weight:200;margin-bottom:1rem;}


h6{position:relative;display:inline-block;width:100%;color:white;font-weight:600;padding-bottom:1rem;margin-bottom:1rem;}
h6::after{content:'';position:absolute;width:2rem;height:2px;background:var(--white-transparent-middle);left:0.5rem;bottom:0rem;}

.supersize{font-size:12rem;font-weight:700;}

.gradient-animation{
background: linear-gradient(270deg, var(--jungle-green), var(--fcolor), var( --crimson-flame));
background-size: 800% 800%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient-animation 10s ease infinite;
}

@keyframes gradient-animation {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}



@media(max-width: 1199.98px){.supersize{font-size:10.3rem;}}
@media(max-width: 767.98px){.supersize{font-size:4.0rem;}}


.bg-icon-disignx{padding-top:2rem;padding-bottom:2rem;}
.bg-icon-disignx::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;display:block;background:url(img/icon-disignx.svg);background-size:auto 100%;background-repeat: no-repeat;opacity:0.1;}
@media(max-width: 767.98px){.bg-icon-disignx::before{background:url(img/icon-disignx.svg);background-size:auto 90%;background-repeat: no-repeat;}}


/*
##########################################
GENERAL TRANSITIONS
##########################################
*/
a, header, transition-04, .mobile-menu, .wrapper-toggle-button, #scroll-to-content, input, textarea, #mobile-navigation  .sub-menu li, #desktop-navigation .sub-menu li a, #mobile-navigation  .sub-menu li a, .gt04
{
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;
}

/*
##########################################
GLOBAL ELEMENTS
##########################################
*/
a{text-decoration: none;color:var(--fcolor);position: relative;z-index:10;font-weight:300;}
a:hover{color:var( --crimson-flame);}
b{font-weight:700!important;}

p{float:left;width:100%;line-height: 150%;font-weight:300;min-height:1rem;}
img{max-width:100%;height:auto;}
strong{font-weight:600;}

.hidden {display:none;}
.no-points{list-style-type:none;}

/* Standardmäßig das <br> ausblenden */
.desktop-break{display:block;}

/* Im Desktopmodus anzeigen (z.B. ab 992px Breite) */
@media(max-width: 1199.98px){.desktop-break {display:none;}}


/*RESPONSE POINTS
@media(max-width: 575.98px){}
@media(max-width: 767.98px){}
@media(max-width: 991.98px){}
@media(max-width: 1199.98px){}
@media(max-width:1600px){}
*/





/*
##########################################
SPACES
##########################################
*/
.padd-left{padding-left:5rem;}
@media(max-width: 1199.98px){.padd-left{padding-left:0rem;}}

.padd-right{padding-right:5rem;}
@media(max-width: 1199.98px){.padd-right{padding-left:0rem;}}

@media(max-width: 1199.98px){.margin-0-resp{margin:0;}}

.mt-2rem{margin-top:2rem!important;}
.nopt{padding-top:0rem;}
.nopb{padding-bottom:0rem;}
.nomb{margin-bottom:0rem!important;}
/*
##########################################
Z-Index
##########################################
*/
.z-index-1{z-index:1;}
.z-index-0{z-index:0;}

/*
##########################################
Aligments
##########################################
*/
.acenter{text-align:center;}
.aleft{text-align:left;}
.aright{text-align:right;}
.float-right{float:right;}


/*
##########################################
Elements
##########################################
*/
.relative-wrapper{position:relative;display:block;width:100%;height:100%;float:left;}
.section-arrow{position:absolute;top:-2.1rem;left:50%;width:4em;height:4rem;margin-left:-2rem;background:var(--white);transform:rotate(45deg);}


.fact-circle{position: relative;display: block;float: left;width:23rem;height:23rem;margin-left:-2.15rem;background: #fff;border-radius: 50%;}
@media(max-width: 1199.98px){.fact-circle{margin-left:-1.8rem;}}
@media(max-width: 767.98px){.fact-circle{margin-left:1rem;margin-top:-3rem;}}
.fact-circle.border-colored{border:0.2rem solid var( --crimson-flame);background:none;}
.fact-circle-content {position: absolute;top: 0;left: 0;width:100%;height:100%;display: block;text-align:center;padding-top:28%;}

/* TABLE  */
.table{display:block;float:left;height:100%;}
.table tr{display:block;float:left;width:100%;}
.table td, .table th{color:#fff;padding:2rem;float:left;width:100%;}


.table th{background-color:var(--white-transparent);}
.table  tr:nth-child(even){border-top:2px solid var(--white-transparent-middle);}

/*
##########################################
Images
##########################################
*/
.cover-image-container{position:relative;display:block;float:left;width:100%;height:100%;}
.cover-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}
@media(max-width: 1199.98px){.cover-image-container{height:20rem;}}


/* Cover Image Default Absolute */
.cover-image-container-absolute{position:absolute;top:0;left:0;display:block;float:left;width:100%;height:100%;}
.cover-image-container-absolute img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}

/* Cover Image Electric Frame */
.cover-image-container-frame{position:relative;display:block;float:left;width:100%;height:100%;}

.cover-image-container-frame::after{content:"";display:block;position:absolute;z-index:-1;top:0;width:90%;height:90%;border:0.2rem solid var( --crimson-flame);border-radius:2rem;}
.cover-image-container-frame img{position:absolute;bottom:0;width:90%;height:90%;object-fit: cover;}
.cover-image-container-frame.image-contain img{width:100%;height:100%;object-fit:contain;}

.cover-image-container-frame.frame-left::after{left:0;}
.cover-image-container-frame.frame-left img{right:calc(var(--bs-gutter-x) / 2);}

.cover-image-container-frame.frame-right::after{right:0;}
.cover-image-container-frame.frame-right img{left: calc(var(--bs-gutter-x) / 2);}

@media(max-width: 1199.98px){.cover-image-container-frame{width:100%;height:auto;padding-top:100%;margin-bottom:3rem;}}


/*
##########################################
Text Formating
##########################################
*/
.text-container-medium{position:relative;display:block;width:100%;float:left;padding:3rem;border-left:0.1rem solid var( --crimson-flame);border-bottom:0.1rem solid var( --crimson-flame);}
@media(max-width: 1199.98px){.text-container-medium{padding:0rem;border:0;}}

.text-container-medium-2{position:relative;display:block;width:100%;float:left;padding:3rem;padding-top:0rem;padding-bottom:0rem;}
@media(max-width: 1199.98px){.text-container-medium-2{padding:0rem;}}

.text-container-medium-green-line-right{position:relative;display:block;width:100%;float:left;padding-right:5rem;border-right:2px solid var( --crimson-flame);}
@media(max-width: 1199.98px){.text-container-medium-green-line-right{padding-right:0rem;border:none;}}


ul.wp-block-list{float:left;display:block;width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;}
ul.wp-block-list li{position:relative;float:left;display:inline-block;width:100%;padding-top:0.3rem;padding-bottom:0.3rem;padding-left:1rem;font-weight:300;}
ul.wp-block-list li::before{content:"";position:absolute;top:0rem;left:0rem;width:1rem;height:100%;background:url("img/list-style-point.svg");background-size:0.3rem auto;background-position:top 0.7rem left;background-repeat:no-repeat;}


/*
##########################################
SECTIONS
##########################################
*/
section{position:relative;display:block;float:left;width:100%;padding-top:6rem;padding-bottom:6rem;overflow: hidden;}
.section-start{position:relative;display:block;float:left;width:100%;padding-top:15rem;padding-bottom:6rem;overflow: hidden;}

/*
##########################################
COLORS
##########################################
*/
.light-gold{color:var(--burnt-ruby);}
/*
##########################################
GLOBAL SPACERS
##########################################
*/
.spacer-12rem{display:inline-block;width:100%;height:12rem;}
.spacer-9rem{display:inline-block;width:100%;height:9rem;}
.spacer-6rem{display:inline-block;width:100%;height:6rem;}
.spacer-5rem{display:inline-block;width:100%;height:5rem;}
.spacer-4rem{display:inline-block;width:100%;height:4rem;}
.spacer-3rem{display:inline-block;width:100%;height:2rem;}
.spacer-2rem{display:inline-block;width:100%;height:2rem;}
.spacer-1rem{display:inline-block;width:100%;height:1rem;}
.spacer-05rem{display:inline-block;width:100%;height:0.5rem;}

/*
##########################################
VISIBILITY
##########################################
*/
.resp-display{display:none;}
@media(max-width: 1199.98px){.resp-display{display:block;}}

.no-display-resp{display:block;}
@media(max-width: 1199.98px){.no-display-resp{display:none;}}

/*
##########################################
BUTTONS
##########################################
*/

.button-1{float:left;display:block;padding:1.5rem 3rem 1.5rem 3rem;margin-top:1rem;font-size:1.5rem;border-radius:5rem;border:0.2rem solid var( --crimson-flame);color:var( --crimson-flame);font-weight:700;}
.button-1:hover{border:0.2rem solid var( --crimson-flame);background:var( --crimson-flame);color:var(--fcolor);}

.button-2{display:inline-block;padding:1rem 2rem 1rem 2rem;margin-top:1rem;text-decoration:none;color:var(--fcolor);font-weight:700;border-radius:3rem;border:0.2rem solid var(--fcolor);}
.button-2:hover{color:var( --crimson-flame);border:0.2rem solid var( --crimson-flame);}

/*
##########################################
HEADER
##########################################
*/
header{position:fixed;z-index:1001;left:0px;top:0px;width:100%;height:auto;padding: 2rem 0rem 2rem 0rem;text-align:center;}

header.hasScrolled{background:var(--white);padding-top:1rem;padding-bottom:1rem;
-webkit-box-shadow: 0px 0px 5px 0px var(--fcolor);
-moz-box-shadow: 0px 0px 5px 0px var(--fcolor);
box-shadow: 0px 0px 5px 0px var(--fcolor);}

@media(max-width: 767.98px){header.hasScrolled{padding: 2rem 0rem 2rem 0rem;}}

.navigation-container{z-index:1000;}

.wrapper-logo-and-toggle{position:relative;z-index:1000;display:inline-block;padding-right:10rem;}
@media(max-width: 767.98px){.wrapper-logo-and-toggle{width:100%;padding-right:0rem;}}

.header-logo{position:relative;display:block;width:18rem;}
.header-logo img{display:block;width:100%;height:auto;}
@media(max-width: 767.98px){.header-logo{width:15rem;margin-right:2rem;}}

header.hasScrolled .wrapper-logo-and-toggle{padding-right:8rem;}
header.hasScrolled .header-logo{width:10rem;}
@media(max-width: 767.98px){header.hasScrolled .header-logo{width:15rem;}}



/*
##########################################
TOGGLE BUTTON
##########################################
*/

.wrapper-toggle-button{position:absolute;top:1rem;right:0;display:block;z-index:1000;width:5rem;height:5rem;background:var( --crimson-flame);border-radius:4rem;cursor:pointer;margin-bottom:2rem;user-select: none;}
@media(max-width: 767.98px){.wrapper-toggle-button{margin-bottom:1rem;}}
.wrapper-toggle-button:hover{background:var(--burnt-ruby);color:#fff;}
.wrapper-toggle-button span{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-weight:700;}
.wrapper-toggle-button .menu-trigger{position:absolute;display:block;top:0;left:0;width:100%;height:100%;}

header.hasScrolled .wrapper-toggle-button{top:-0.3rem;right:0;}
@media(max-width: 767.98px){header.hasScrolled .wrapper-toggle-button{top:1rem;}}

/*
##########################################
NAVIGATION RESPONSIV
##########################################
*/


/*MAIN NAVIGATION*/
.mobile-menu{position:fixed;z-index:999;top:0px;left:0px;float:left;width:100%;height:0%;opacity:0%;top:50%;overflow-y: scroll;
background:var(--white);
  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;
}


.show-mobile-navigation .mobile-menu{height:100%;top:0%;opacity:100%;}
#mobile-navigation{display:block;float:left;width:100%;}
#mobile-navigation ul{display:block;float:left;width:100%;margin:0px;padding:0px;padding-top:8rem;margin-top:5rem;background:var(--white-transparent);}

#mobile-navigation ul li{position:relative;display:block;float:left;width:100%;cursor:pointer;text-align:right;}
#mobile-navigation ul li a{display:inline-block;padding-top:1rem;padding-bottom:1rem;font-size:5rem;font-weight:700;color:var( --crimson-flame);user-select: none;}
@media(max-width: 1199.98px){#mobile-navigation ul li a{font-size:4rem;}}
@media(max-width: 767.98px){#mobile-navigation ul li a{font-size:3rem;}}

#mobile-navigation ul li a:hover{color:var(--burnt-ruby);}


#mobile-navigation ul li.menu-item-has-children::before{content:'\E147';font-family: 'Material Symbols Outlined';font-size:4rem;position:relative;float:left;padding-right:1rem;transition: all 0.5s ease;}
#mobile-navigation ul li.menu-item-has-children:hover::before{color:var(--light-blue);}
#mobile-navigation ul li.menu-item-has-children.expand-menu-button::before{content:'\e644';font-family: 'Material Symbols Outlined';transition: all 0.5s ease;}


#mobile-navigation ul li.menu-item-has-children.expand-menu-button .open-submenu{color:var(--light-blue);}
#mobile-navigation ul li.menu-item-has-children.expand-menu-button::before{padding-right:3rem;color:var(--light-blue);}

/* Sub-Menu */
#mobile-navigation  .sub-menu{display:block;float:left;width:100%;padding:0rem;min-height:auto;max-height:0rem;overflow:hidden;background:transparent; -webkit-transition: max-height 1s;
-moz-transition: max-height 0.5s;
-ms-transition: max-height 0.5s;
-o-transition: max-height 0.5s;
transition: max-height 0.5s;
}      
#mobile-navigation  .sub-menu li{display:block;float:left;width:100%;margin:0rem;border-bottom:2px solid var(--white-transparent);}
#mobile-navigation  .sub-menu li a{font-size:100%;width:100%;font-weight:300;padding-left:2rem;padding-right:2rem;padding-top:1rem;padding-bottom:1rem;}
#mobile-navigation  .sub-menu li a:hover{background:rgb(255,255,255,0.05);padding-left:4rem;}

#mobile-navigation  .sub-menu.open-submenu{max-height:100rem;}



/*
##########################################
FORMS
##########################################
*/
input, textarea{display:block;float:left;width:100%;padding:1.2rem 3rem 1.2rem 3rem;border:2px solid transparent;border-radius:2rem;margin-bottom:0.5rem;background:#fff;}
input:hover,input:focus, input:active{outline:0px;border:2px solid var( --crimson-flame);background:var(--pale-mint);}
textarea:hover,textarea:focus, textarea:active{outline:0px;border:2px solid var( --crimson-flame);background:var(--pale-mint);}

.desk50{width:49%;}
@media(max-width: 1199.98px){.desk50{width:100%;}}

.submit-button{float:left;cursor:pointer;}
input[type="submit"]:disabled { opacity: 0.2;}

.form-message{display:block;float:left;width:100%;padding-bottom:2rem;}
h3.success{color:var( --crimson-flame)!important;font-weight:600;}
h3.error{color:red;}

/*
##########################################
Pop-Ups
##########################################
*/

.popup {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color:var(--white);padding: 4rem;z-index: 1500;border-radius:2rem;}
@media(max-width: 767.98px){.popup{width:80%;}}

.dark-bg{position:fixed;z-index:1499;top:0;right:0;bottom:0;left:0rem;background:var(--fcolor-transparent);visibility:hidden;opacity:0;}
.dark-bg.active{visibility:visible;opacity:1;}


/*
##########################################
Cookie Consent by Osano
##########################################
*/

/* Cookie-Banner Container */
.cc-window {width: auto;max-width:20rem;bottom:0.5rem!important;left:auto!important;right:0.5rem!important;background-color: rgb(21,21,21,0.95)!important;color: #ffffff;font-family: inherit!important;font-size: 80%!important;padding: 2rem!important;border-radius: 0.5rem!important;box-shadow:none!important;flex-direction: column!important;}
@media(max-width: 767.98px){.cc-window {max-width: calc(100% - 1rem)!important;}}

.cc-message{display:block;float:left;width:100%;margin-right:0rem!important;margin-bottom:1rem;}
.cc-message a{color:var( --crimson-flame)!important;}
.cc-compliance a{color:var( --crimson-flame)!important;}
.allow.cookies{border:0.1rem solid var( --crimson-flame)!important;}
.cc-btn{border-radius: 0.5rem!important;}
.cc-btn:hover{color:#fff!important;}

.cc-compliance{display:block!important;float:left;width:100%;}
.cc-revoke{visibility:hidden!important;}

/*
##########################################
recaptcha-badge
##########################################
*/
.grecaptcha-badge{display:none;}

/*
##########################################
Lightbox
##########################################
*/
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{border-color:var( --crimson-flame)!important;}
.lg-outer .lg-thumb-item{border-radius:0!important;}

/*
##########################################
Footer
##########################################
*/
footer{position:relative;background:var( --crimson-flame);padding-top:5rem;padding-bottom:5rem;display:block;float:left;width:100%;color:var(--white);}

@media(max-width: 1199.98px){.footer-col{padding-bottom:3rem;}}

/*Footer MENUS*/

footer p{font-size:1rem;}

footer ul{padding:0px;margin:0px;}
footer ul li{display:inline-block;}

.dx-icon{display:block;float:left;width:1.5rem;height:1.5rem;margin-right:1rem;padding-top:0.5rem;}
.dx-icon.mail{background:url(img/icon_email.svg);background-size:100% auto;}
.dx-icon.call{background:url(img/icon_phone.svg);background-size:100% auto;}

.footer-logo{display:inline-block;width:12rem;padding-bottom:2rem;}
footer a{text-decoration:underline;font-size:1.0rem;color:var(--white);}
footer a:hover{color:var(--black);}

.logo-and-rights{text-align:right;}
@media(max-width: 1199.98px){.logo-and-rights{text-align:center;}}


.quicklinksmenue ul li{float:left;width:45%;margin-bottom:0.8rem;}
.quicklinksmenue ul li a{position:relative;padding-left:1rem;font-weight:700;text-decoration:none;}
.quicklinksmenue ul li a::before{position:absolute;top:0;left:0;content:"+";display:inline-block;}


.rights-text{float:left;width:100%;padding-top:1rem;font-size:0.8rem;}

#menu-footer-menue li{float:left;display:block;width:100%;margin-bottom:0.5rem;}
#menu-footer-menue li a{float:left;display:block;width:100%;padding: 1rem 2rem 1rem 2rem;border:0.1rem solid var(--white);font-weight:700;border-radius: 2rem;text-decoration: none;}
#menu-footer-menue li a:hover{border:0.1rem solid var(--black);color:var(--black);;}

.wrapper-social-icons{position:relative;width:100%;height:100%;text-align:center;border-left:0.1rem solid var(--white);border-right:0.1rem solid var(--white);}
.wrapper-social-icons span{display:inline-block;transform:rotate(-90deg);font-size:1.0rem;}
.wrapper-social-icons .social-link{display:inline-block;width:2rem;height:auto;}
.wrapper-social-icons .social-link.facebook{width:1.5rem;}
.wrapper-social-icons .social-link img{float:left;width:100%;}
.wrapper-social-icons .social-link:hover img{filter: brightness(0) invert(1);}

.social-row{position:relative;float:left;width:100%;padding-top:2rem;}
.social-row.description{padding-top:2rem;}
.social-row.facebook{padding-top:3rem;}
.social-row.instagram{padding-top:1.0rem;}
/*
##########################################
LIGHT GALLERY 
##########################################
*/


#lightgallery a{position:relative;float:left;display:block;overflow:hidden;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;}

.grid a.image-1-3{width:31.3%;height:34rem;margin-right:1%;margin-left:1%;margin-bottom:2%;}
.grid a.image-2-3{width:64.6%;height:34rem;margin-right:1%;margin-left:1%;margin-bottom:2%;}
.grid a.image-3-3{width:98%;height:34rem;margin-right:1%;margin-left:1%;margin-bottom:2%;}


@media(max-width: 1199.98px)
{
.grid a.image-1-3{width:48%;height:24rem;}
}

@media(max-width: 1199.98px)
{
.grid a.image-2-3{width:48%;height:24rem;}
}
@media(max-width: 1199.98px)
{
.grid a.image-3-3{width:98%;height:24rem;}
}


@media(max-width: 767.98px)
{
.grid a.image-1-3{width:98%;height:30rem;}
}

@media(max-width: 767.98px)
{
.grid a.image-2-3{width:98%;height:30rem;}
.grid a.image-2-3.pano{width:98%;height:15rem;}
}
@media(max-width: 767.98px)
{
.grid a.image-3-3{width:98%;height:30rem;}
.grid a.image-3-3.pano{width:98%;height:15rem;}
}


#lightgallery a img{position:relative;z-index:9;display:inline-block;width:100%;height:100%;object-fit: cover;
-o-transition:.6s;
-ms-transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
transition:.6s;}

#lightgallery a::before{content: '';position:absolute;z-index:101;top:0rem;left:0rem;bottom:0rem;right:0rem;
-o-transition:.6s;
-ms-transition:.6s;
-moz-transition:.6s;
-webkit-transition:.6s;
transition:.6s;}
#lightgallery a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.lightbox-bg-color-theme{position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:-1;}



/*
##########################################
LIGHT GALLERY SINGLE.php
##########################################
*/

#lightgallery-gallery{position:relative;display:inline-block;width:100%;margin-right:-1%;margin-left:-1%;}
#lightgallery-gallery a{position:relative;float:left;display:block;overflow:hidden;}
.grid-5 a{width:18.0%;height:12vw;margin-right:1%;margin-left:1%;margin-bottom:1vw;}
#lightgallery-gallery a img{position:relative;z-index:9;display:inline-block;width:100%;height:100%;object-fit: cover;}

#lightgallery-gallery a::before{content: '';position:absolute;z-index:10;top:0px;left:0px;width:100%;height:100%;background:rgb(211,169,76,0.2);background-image: url(img/plus-white.svg);background-repeat:no-repeat;background-position:50% 50%; background-image:none;  -o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;}
#lightgallery-gallery a:hover::before{background-color:rgb(211,169,76,0.8);background-image: url(img/plus-white.svg);}
#lightgallery-gallery a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}



/*
##########################################
LOADING SPINNER
##########################################
*/
#loading-page{position:fixed;z-index:5000;top:0px;left:0px;width:100%;height:100%;background:var( --crimson-flame);}
#loading-wrapper{position:absolute;top:50%;left:50%;margin-top:-5rem;margin-left:-5rem;}
#loading{display:inline-block; width: 10rem; height: 10rem;border: 0.5rem solid rgba(255,255,255,.3);border-radius: 50%;border-top-color:white;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin { to { -webkit-transform: rotate(360deg); }}
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); }}


/*
##########################################
Eventcalender
##########################################
*/
.event-thumbnail {display: block;position: relative;float: left;width: 100%;}

.event-background{display: block;position: relative;float: left;width: 100%;}
.event-background img{float: left;display: block;width:100%;height:auto;}

.event-thumbnail a{position:absolute!important;width:86%;left:7%;top:5%;height:86%;border:0.3rem solid #fff;}
.event-thumbnail a img{width:100%;object-fit: cover;}
.event-date{display:block;float:left;width:100%;font-size:3rem;font-weight:700;border-top:0.5rem solid var( --crimson-flame);border-left:0.5rem solid var( --crimson-flame);padding-left:1rem;margin-bottom:1rem;}
.event-link{display:block;float:left;width:100%;padding-top:0.5rem;margin-bottom:2rem;}
.event-link a{border-bottom:0.2rem solid var(--fcolor);border-left:0.2rem solid var(--fcolor);padding:1rem;font-weight:600;}
.event-link a:hover{border-bottom:0.2rem solid var( --crimson-flame);border-left:0.2rem solid var( --crimson-flame);}

.event-link .material-symbols-outlined{float:left;display:block;font-size:3rem;line-height:1rem;margin-right:1rem;}
.event-link .text{float:left;display:block;}
.event-link a:hover .material-symbols-outlined{margin-left:0.5rem;margin-right:0.5rem;}

/*
##########################################
Historic Eventlist
##########################################
*/
.event-article-link-wrapper{display:block;float:left;width:100%;border:0.5rem solid var( --crimson-flame);margin-bottom:1rem;padding:2rem;}
.event-article, .event-article a{height:100%;}
.event-date{display:block;float:left;width:100%;font-size:3rem;font-weight:700;border-top:0.5rem solid var( --crimson-flame);border-left:0.5rem solid var( --crimson-flame);padding-left:1rem;margin-bottom:1rem;}
.event-article-thumbnail{position:relative;float:left;display:block;width:100%;height:16rem;overflow:hidden;}
.event-article-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;opacity:0.7;}
.event-article-title{float:right;display:block;width:100%;font-size:1rem;margin-top:1rem;}

.event-article-link-wrapper:hover .event-article-thumbnail img{-webkit-transform: scale(1.1);transform: scale(1.1);opacity:1;}


/*
##########################################
SPONSORENLEISTE
##########################################
*/

.wrapper-sponsorenleiste{display:block;float:left;width:100%;text-align:center;padding-top:1rem;}

.hauptsponsoren, .sponsoren, .sponsorinfo{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

.sponsorinfo{font-size:1rem;font-weight:600;color:var(--fcolor);border-bottom:0.2rem solid var( --crimson-flame);padding-top:1rem;padding-bottom:1rem;margin-bottom:2rem;padding-left:3rem;padding-right:3rem;}

.hauptsponsoren a{display:block;width:8rem;margin-left:1rem;margin-right:1rem;margin-top:1rem;margin-bottom:1rem;}
.sponsoren a{display:block;width:6rem;margin-left:1rem;margin-right:1rem;margin-top:1rem;margin-bottom:1rem;}

.hauptsponsoren img, .sponsoren img{width:100%;float:left;}

.hauptsponsoren a:hover, .sponsoren a:hover{opacity:0.5;}

/*
##########################################
TICKETINFO
##########################################
*/
.wrapper-ticketinfo{display:block;float:left;width:100%;text-align:center;padding-top:4rem;padding-bottom:2rem;border-top:0.2rem solid var( --crimson-flame);}
.wrapper-ticketinfo .button-1{display:inline-block;float:none;}


/*
##########################################
LEAFLET MAP
##########################################
*/
.wrapper-map{display:block;float:left;width:90%;margin-top:3rem;}
.wrapper-map .leaflet-map{height: 26.2rem!important;}
@media(max-width: 1199.98px){.wrapper-map .leaflet-map{height: 35rem!important;}}

/*
##########################################
SCROLL TO CONTENT ARROW
##########################################
*/

#scroll-to-content{display:inline-block;width:6rem;height:3rem;background:var(--white-transparent-middle);border:1px solid #fff;margin-top:1.5rem;}
#scroll-to-content a::before{display:none;}

#scroll-to-content:hover{background:rgb(255,255,255,0.4);}
#scroll-to-content a{position:relative;z-index:100;display:inline-block;width:100%;height:100%;}
#scroll-to-content a span {
position: absolute;
top: 0;
left: 50%;
width: 1rem;
height: 1rem;
margin-left: -0.5rem;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb05 1.5s infinite;
animation: sdb05 1.5s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
0% {
  -webkit-transform: rotate(-45deg) translate(0, 0);
  opacity: 0;
}
50% {
  opacity: 1;
}
100% {
  -webkit-transform: rotate(-45deg) translate(-1rem, 1rem);
  opacity: 0;
}
}
@keyframes sdb05 {
0% {
  transform: rotate(-45deg) translate(0, 0);
  opacity: 0;
}
50% {
  opacity: 1;
}
100% {
  transform: rotate(-45deg) translate(-1rem, 1rem);
  opacity: 0;
}
}