/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/Roboto+Condensed/roboto-condensed-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/Roboto+Condensed/roboto-condensed-v25-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/Roboto+Condensed/roboto-condensed-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/Roboto+Condensed/roboto-condensed-v25-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/Roboto+Condensed/roboto-condensed-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/Roboto+Condensed/roboto-condensed-v25-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





html,body{font-family: 'Roboto Condensed', sans-serif;width:100%;color:#4a4a49;font-weight:300;font-size:18px;height: 100%;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0}
html,body{background-size: cover;}
img,embed{max-width:100%;height:auto;width:auto;display:block}
.video-slide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.flex-video-slide video{
  width: 100% !important;
  height: auto !important;
  cursor:pointer;
}

video[poster]{ object-fit:cover; } 

.header,.footer,.main{width:100%;}
.site-wrapper{max-width: 2000px;margin: 0 auto;width: 100%;position:relative;z-index:0}
h1{font-size:28px;font-weight:700;padding-bottom:0px;color:#fdd20b;}
.slider-black h1{font-size:2.5rem;font-weight:400;padding-bottom:0px;color:#fdd20b;}
.headline-flexbox{margin-bottom:20px;}
h2{font-size:28px;font-weight:700;padding-bottom:0px;color:#000;}
h3{font-size:26px;font-weight:700;padding-bottom:20px;color:#000;}
h4{font-size:26px;font-weight:700;padding-bottom:0px;color:#000;}
h5{font-size:26px}
h6{font-size:26px}
p,ul{line-height:1.5}
.font-light{font-weight:300}
.font-regular{font-weight:400}
.font-heavy{font-weight:700}
strong{font-weight:400}
.font-grey {
    color: #aeb1b2;
    font-weight: 300;
	font-size: 1.1em;margin-bottom:10px;
}
.stroke {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  -webkit-text-fill-color: #fdd20b;
  font-family: 'Roboto Condensed', sans-serif;
}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.justify{text-align:justify}
.container{width:100%;margin-left:auto;margin-right:auto;position:relative}
.container .container{width:100%;}
.row{position:relative;width:100%}
.row [class^="col"]{float:left;margin:.5rem 2%;}
.col-1,.col-2,.col-3,.col-3-0,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:96%}
.col-1-sm{width:4.33%}
.col-2-sm{width:12.66%}
.col-3-sm{width:21%}
.col-4-sm{width:29.33%}
.col-5-sm{width:37.66%}
.col-6-sm{width:46%}
.col-7-sm{width:54.33%}
.col-8-sm{width:62.66%}
.col-9-sm{width:71%}
.col-10-sm{width:79.33%}
.col-11-sm{width:87.66%}
.col-12-sm{width:96%}
.row::after{content:"";display:table;clear:both}
.hidden-sm{display:none}
.footer-right{margin-top:20px}
.footer-right img{max-width: 150px !important;
  margin: 8px 8px 0px 0px;
  border-radius: 5px !important;}
.calc-container{width:90%;margin-left:auto;margin-right:auto;}

.container-absolute {
    position: fixed;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    background:rgba(53,56,61,0.8);
	    z-index: 10000;
      top:0;	
      max-width: 2000px;
}

.sticky {

    transition: all 0.5s ease-out;
    background:rgba(53,56,61,1);

}

.sticky .logo img {
    max-height: 50px;
    transition: all 0.5s ease-out;
	padding: 5px 0px;
}




.text-header {
display:inline-block;
line-height: 30px;
min-height:30px;
	font-size:0.9em;
  margin-left:5%;
}

.logo-shop{display:none;}

.shop{width:60%;margin:0 auto;text-align:center;position:relative}
.button-shop{background:#fff;height:50px;position:relative;margin:0 auto;margin-top:20px;display:inline-block;padding-left:60px;padding-right:10px}
.button-shop a{font-weight:300;font-size:1.1em;line-height:50px;text-decoration:none;display:block;color:#4a4a49}
.button-shop a::before{position:absolute;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f054";background:#f07e3b;color:#fff;left:0;width:50px;line-height:50px;top:0}
.white{background: rgba(255,255,255,1);position: relative;}
.darkgrey-footer{background:rgba(53,56,61,1);position: relative;color:#fff}
.darkgrey{background:#3b3e44;position: relative;color:#fff}
.white-trans{background: rgba(255,255,255,0.8);position: relative;}
.darkgrey-trans{background:rgba(53,56,61,0.8);position: relative;}
.trans-all{background: rgba(255,255,255,0);position: relative;}
.orange{background:#00477e; -webkit-box-shadow:inset 0px 0px 0px 5px #fff; box-shadow:0px 0px 0px 5px #fff; }
.green{background:#f07e3b; -webkit-box-shadow:inset 0px 0px 0px 5px #fff; box-shadow:0px 0px 0px 5px #fff; }
.t-white{color:#fff}
.pd-20{padding:20px}
.pt-10{padding-top:10px}
.pt-30{padding-top:30px}
.pt-20{padding-top:20px}
.pt-50{padding-top:50px}
.pt-70{padding-top:70px}
.pt-190{padding-top:190px}
.pt-120{padding-top:120px}
.pb-10{padding-bottom:10px}
.pb-20{padding-bottom:20px}
.pb-30{padding-bottom:30px}
.pb-50{padding-bottom:50px}
.pb-70{padding-bottom:70px!important}
.p-all{padding:1rem}
.logo img{transition: all 0.5s ease-out;max-height:120px;padding: 10px 0px;}
.logo{display:block;margin-left: 1rem;max-width:fit-content;}
.text-orange{color:#f07e3b}
.text-green{color:#00477e}
.text-yellow{color:#fdd20b;}
.text-small{font-size:0.9em;}
.text-slider-big{font-size:1.5em;font-weight:700;color:#000}
.text-slider-big-white{font-size:1.5em;font-weight:700;}
.accordion-list{list-style:none;width:100%}
.cards.accordion-list{padding:1rem;}
.accordion-list .cards__item{display:block;padding:0px;margin-bottom:10px;}
.accordion-item,.accordion-body-item{position:relative;transition: all 0.3s;width: 100%;display: flex;flex-wrap: wrap;}
.accordion-body-item .accordion-thumb:before{position:absolute;left:20px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f078";transform:rotate(0deg);transition:transform .2s ease-out;}
.accordion-body-item .accordion-thumb{border-radius: 5px;color:#fff;}
.accordion-body-item .accordion-thumb:hover{background:#fdd20b;color:#000;}
.accordion-body-item .accordion-thumb:after{content:"";}
.accordion-body-item .accordion-thumb{background:#05b5ec;}
.accordion-body-item .accordion-panel{margin:0;display:none;padding:20px 20px 20px 20px;background:#fff;width: 100%;margin-top:10px;border-radius:5px;}
.accordion-thumb,.picture-thumb{margin:0;padding:15px 50px;cursor:pointer;font-weight:400;width: 100%;}
.accordion-thumb:after,.picture-thumb:after{position:absolute;right:20px;font-family:'Font Awesome 5 Free';font-weight:900;content:"";transform:rotate(0deg);transition:transform .2s ease-out;}
.accordion-body-item .accordion-thumb.active:before{content:"\f077";transform:rotate(0deg)}
.accordion-body-item .accordion-thumb.active{background:#fdd20b;color:#000;}
.accordion-panel{margin:0;display:none;padding:0}
.slider.s .slide-content{min-height:0px;}
.slider.m .slide-content{height: 85vh;}
.slider.l .slide-content{min-height:450px}
.slide-content{position:relative;overflow:hidden;max-width: 2500px;
margin: 0 auto;}
.video-slide{min-height:600px;transition: all 0.5s ease-out;}

#p5388 .slide-shadow{display:none;}

.button-slider {
    position: absolute;
    z-index: 1;
left: 0px;
right: 0px;
margin: 0 auto;
bottom: 30px;
	max-width: 1400px;
  width:100%;
  width: fit-content;
}

.white-logo {
  background: rgba(255,255,255,0.8);
  padding: 5px 10px;
  border-radius: 0px;
  border: 1px solid #000;
}

.darkgrey-logo {
  background:rgba(53,56,61,0.8); padding: 5px 10px;
  border-radius: 0px;
  border: 1px solid #fff;
}


.slider-black {
    display: block;
    color:#fff;
    font-weight: 300;
    font-size: 1.4em;
    text-align:left;
    text-align:center;
}

.slider-red {
    display: inline-block;
    background: #05b5ec;
    color: #fff;
    transition: all 0.2s ease-out;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 1.4em;
}
.slider-link{text-align: center;}

.slider-red a {
    display: block;
    color: rgba(255, 255, 255, 1);
}

.slider-red a:hover {
	color: rgba(255, 255, 255, 1);
}

.topslider-wrap, .video-wrap{
    position:relative;
    /* margin-top:120px;*/
    background: #fff;
}

.headline-slider{
    position: absolute;
    top: 110px;
    left: 0;
    z-index: 1;
	background: rgba(255, 255, 255, 0.8);
	text-align:center;
	width:100%;
padding: 20px 5% 0px 5%;
}

.arrow-white-trans{border-top: 20px solid #fff;opacity:0.8;}

@-webkit-keyframes trans {
from{right:-700px}
to{right:0}
}
@keyframes trans {
from{right:-700px}
to{right:0}
}



.bg-blue{background:#3b3e44;color:#fff !important;}
.bg-yellow{background:#ffc700;}
.bg-blue-arrow{background:#3b3e44;color:#FFF;position:relative;}
.bg-blue .card__content, .bg-blue-arrow .card__content{color:#fff !important;}
.bg-white, .bg-white-round{background:#fff;}
.bg-white-arrow{background:#fff;position:relative;}
.bg-blue h3,.bg-white h3, .bg-white-round h3{margin:0px 0px 0px 0px;padding:0px;}
.bg-blue h2,.bg-white h2, .bg-white-round h2{margin:0px 0px 0px 0px;padding:0px;}
.bg-blue h2, .bg-blue-arrow h2,.bg-blue h3, .bg-blue-arrow h3,.bg-blue h1, .bg-blue-arrow h1,.bg-blue h4, .bg-blue-arrow h4{color:#fff;}

.bg-white p, .bg-blue p, .bg-white-arrow p, .bg-white-round p, .bg-blue-arrow p, .bg-yellow p{
  margin: 0px 0px 0px 0px;
}

p.copy-small {margin:10px 0px 0px 0px !important; font-size:0.7em;}

.bg-blue ul, .bg-white ul {
  margin: 0px 20px;
	padding:0px;
}



.bg-white-arrow:after, .bg-white-arrow:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bg-white-arrow:after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.bg-white-arrow:before {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 11px;
	margin-left: -11px;
}

.bg-blue-arrow:after, .bg-blue-arrow:before {
	top: 100%;
	left: 30%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bg-blue-arrow:after {
	border-color: transparent;
	border-top-color: #35383d;
	border-width: 10px;
	margin-left: -10px;
}
.bg-blue-arrow:before {
	border-color: transparent;
	border-top-color: #35383d;
	border-width: 11px;
	margin-left: -11px;
}

.more-trigger{margin: 20px 0px 0px 0px;display:inline-block;}
.bg-blue .more-trigger, .bg-white .more-trigger{margin: 0px 0px 20px 20px;display:inline-block;}

a.flex-link .bg-white:hover, a.flex-link .bg-white-arrow:hover, a.flex-link .bg-white-round:hover, a.flex-link:hover .card__icons {
  background:#fff;
  box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3);
}

a.flex-link .bg-blue:hover {
  box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.3);
}


.col-icons, .card .col-icons, .card__icons .col-icons{
display: flex;
align-items: center;
justify-content: space-around;
box-sizing: border-box;
}

.card .col-icons{
width: 80px;
height: 80px;
margin: 0 auto;
border-radius: 50%;
margin-top: 10px;
margin-bottom: 20px;
font-size: 1.8em;
}

.card__icons .col-icons{
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  margin: 0rem 0rem 0rem 1rem;
  font-size: 35px;
  }

.icon-white{color: #fff;}
.icon-red{color:#fff;background: #05b5ec;}
.icon-grey{color:#4a4a49;background: #c9cdce;}
.icon-black{color: rgba(90,90,90,1);;
  background: #fff;
border: 1px solid rgba(90,90,90,1);}

.slider-link a{background:rgba(255,255,255,0.8);color:#4a4a49;padding:0.5rem 1rem;border-radius:2px;display:inline-block;color:#4a4a49;margin-top:10px;font-weight:400;transition: all 0.3s;}
.slider-link a:hover{background:rgba(255,255,255,1);}
.button-phone,.button-room,.button-red,.button-user,.button-price,.button-archiv,.button-checked,.button-truck,.button-mail,.button-down{background:#05b5ec;padding:0.5rem;border-radius:3px;display:inline-block;color:#fff;margin-top:10px;font-weight:300;transition: all 0.3s;}
.button-phone:hover,.button-room:hover,.button-red:hover,.button-user:hover,.button-price:hover,.button-archiv:hover, .button-checked:hover, .button-truck:hover, .button-mail:hover,.button-down:hover{background:#facf0a;color:#000;}

.booking{margin:0 auto;}

.card__button{padding: 0.5rem;width: fit-content;background:#05b5ec;border-radius:3px;display:inline-block;color:#fff;margin-top:10px;font-weight:300;transition: all 0.3s;}
.tour__button{padding: 0.5rem;width: fit-content;background:#454545;color:#fff;border-radius:3px;display:inline-block;margin-top:0px;font-weight:300;transition: all 0.3s;}
.tour__button:hover {
  background:#cccccc;color:#000;
    }
    

    .noevents{margin: 1rem;
      font-size: 30px;
      color: #facf0a;font-weight:700;}

.BtnOpen{display:inline-block}
.button-sort, .button-sort-bands{background:#fff;padding:0.5rem;display:inline-block;color:#454545;margin-top:0px;font-weight:300;transition: all 0.3s;}
.button-sort:hover, .button-sort-bands:hover{background:#05b5ec;padding:0.5rem;display:inline-block;color:#fff;margin-top:0px;font-weight:300;transition: all 0.3s;}

.button-event{background:#454545;padding:0.5rem;display:inline-block;color:#fff;font-weight:300;transition: all 0.3s;border-radius:3px;margin-top:10px;}
.button-event:hover{background:#ccc;padding:0.5rem;display:inline-block;color:#454545;font-weight:300;transition: all 0.3s;}

.button-event-more{background:#454545;padding:0.5rem;display:inline-block;color:#fff;font-weight:300;transition: all 0.3s;border-radius:3px;margin-top:10px;}
.button-event-more:hover{background:#ccc;padding:0.5rem;display:inline-block;color:#454545;font-weight:300;transition: all 0.3s;}

.button-sort:before, .button-sort-bands:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0dc";}
.button-down:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f019";}
.button-mail:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0e0";}
.button-truck:before, .button-event:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f08e";}
.button-checked:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f48b";}
.button-archiv:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f187";}
.button-phone:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f095";}
.button-room:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f466";}
.button-user:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f007";}
.button-price:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1ec";}
.button-red:before, .slider-red a:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f101";}
.card__button:before, .tour__button:before{padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f138";}
.button-event-more:before {padding-right:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f138";}

#post-content input[type="checkbox"] {
  margin: 0 10px 0 0;
  width: 1.3em;
  height: 1.3em;
  cursor: pointer;
	display:inline-block;
}

#post-content label {
	display:inline-block;
}

a{color:#05b5ec;text-decoration:none;font-weight:300}
a:hover{color:#ccc}


.more-trigger{color:#05b5ec;cursor:pointer;display:inline-block;font-weight:400;}
.more-trigger:hover{color:#4a4a49}
.more-text{}
.show-back{}
.show-back a{color:#4a4a49;font-weight:400}
.show-back a:hover{color:#000;font-weight:400}
.show-back a::before{content:"\f053";font-family:'Font Awesome 5 Free';margin-right:5px;font-weight:900;}
a.button-green,a.button-green-arrow{color:#00477e;font-weight:400}
a.button-green:hover,a.button-green-arrow:hover{color:#4a4a49}
a.button-green-arrow:after{position:absolute;padding-left:5px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f054";font-size:.6em;margin-top:5px}
.top-image img {-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.top-image {overflow:hidden;background: #fff;}

.box-link:hover .top-image img {transform:scale(1.2);opacity:0.9}
.fb{margin-top:10px}
.fb a{color:#fff;font-size:1.6em}
.fb a:hover{color:#f07e3b}
.overlay{position:absolute;top:60%;background:#f07e3b;transform:translate(-50%,-50%);padding:.5rem 1rem;display:block;margin:0 auto;width:auto;left:50%;box-sizing:border-box;min-width:65%}
.overlay a{color:#fff}
.overlay a:hover{color:#4a4a49}
.totop{position:fixed;right:20px;bottom:30px;z-index:100;font-size:1.5em}
.totop a{color:#51555b;}
.totop a:hover{color:#05b5ec;}
.blog-posts p{font-weight:300;}
.blog-posts {}
.downloads a{display:inline-block;margin-bottom:10px}
ul.normal{padding-top:0;padding-bottom:0;padding-left:.9em;margin-top:10px}
.normal li{list-style-type:disc;list-style-position:outside;padding-top:0;padding-bottom:10px}
ul.li-green,ul.li-orange,ul.li-white,ul.li-accordion{padding-top:10px;padding-bottom:10px;padding-left:0}
ul.li-green ul,ul.li-orange ul,ul.li-white ul,ul.li-accordion ul {margin:10px 0px;}
.li-green li,.li-orange li,.li-white li,.li-accordion li{padding-left:1.5em;padding-top:0px;padding-bottom:0px;list-style:none}
.li-green li::before,.li-orange li::before,.li-white li::before{content:"\f35a";font-family:'Font Awesome 5 Free';position:absolute;margin-left:-1.3em;width:1.3em;font-size:1em;padding-top:0px;font-weight:900}
.li-accordion li::before{content:"\f192";font-family:'Font Awesome 5 Free';display: inline-block;margin-left: -1.3em;width: 1.3em;font-size: 100%;color:#d4d7d8;font-weight:900}
.li-green li::before{color:#05b5ec}
.li-orange li::before{color:#35383d}
.li-white li::before{color:#fff}
ul.metamenu{padding:0;margin:0}
.metamenu li{list-style-type:none;padding:0;margin:0;line-height:1.4;margin-left:0}
.metamenu li a,.footer a{color: #aeb1b2;text-decoration:none;font-weight:300}
.metamenu li a:hover,.footer a:hover{color:#fff}
.metamenu li.active a{color:#fff}
.childnav ul{list-style:none;background:#fff}
.childnav li{margin:0;cursor:pointer;font-weight:300;list-style:none}
.childnav li a{color:#4a4a49;line-height:40px;padding-left:4%;position:relative;display:inline-block;width:96%}
.childnav li a::after{position:absolute;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f054";line-height:40px;right:20px}
.childnav li a:hover{background:#4a4a49;color:#fff}
.col-3 .sidebar-big{width:21%}

.arrow-white {
    border-top: 10px solid #fff;
}

.arrow-blue {
    border-top: 10px solid #35383d;}
    
    
    .bg-sign-1 {
      max-width: 400px;
      height: 50px;
    background: url("../../images/sign-long.svg");
background-size: contain;background-repeat: no-repeat;
background-position: 50% 50%;}

.bg-sign-middle1{
  max-width: 400px;
  height: 50px;
background: url("../../images/sign-middle1.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}

.bg-sign-round{
  max-width: 400px;
  height: 50px;
background: url("../../images/sign-round.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}



    

.arrow-down {
  margin: 0 auto;
  position: absolute;
  bottom: -25px;
  z-index: 1;
  left: 0;
  right: 0;
}


.arrow-down-events {
  margin: 0 auto;
  width:100%;
  text-align: center;
  margin: 0rem 1rem;
}

.sign-rotate{pointer-events:none}


a.button-list-more {
  color:#ffc700;font-size:22px;
  font-weight:700;
}

a.button-list-more:hover {
  color:#fff;font-size:22px;
  font-weight:700;
}

.button-list-more {
  overflow: hidden;
  text-align: center;
  width:100%;
  margin: 0rem 1rem;
  padding-top:20px;
}

.button-list-more::before,
.button-list-more::after {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 3px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.button-list-more::before {
  right: 0.5em;
  margin-left: -50%;
}

.button-list-more::after {
  left: 0.5em;
  margin-right: -50%;
}

.bg-arrow-down {
	transition: 0.5s;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	flex-wrap: wrap;
	width:50px;height:50px;align-content: center;
	-webkit-align-items: center;
  background: #fff;
border-radius: 50%;
}

.bg-arrow-down:before{font-family:'Font Awesome 5 Free';font-weight:900;content:"\f103";color:#35383d;}


.social-bar {
	background:#dee3e5;
	width: 100%;
display:inline-block;
	color:#fff;
}

.social-bar-footer {
float:left;
  width: 100%;
}



.icons a,.social-bar-footer a {
	transition: 0.5s;
	margin: 8px 8px 0px 0px;
display:inline-block;
}

.social-bar a {
color: #aeb1b2;
	background: rgba(255,255,255,0.7);
}

.social-bar-footer a {

}



.fa-facebook::before, .fa-external-link-square-alt::before, .fa-youtube::before{margin-right:5px;}

a.facebook {
background-color:none;
display:block;
width:fit-content;
}

a.facebook:hover {
	color:#3B5998;
}

a.iff {
background-color:none;
display:block;
width:fit-content;
}

a.iff:hover {
	color:#408d59;
}

a.ihb{
  background-color:none;
  display:block;
  width:fit-content;
  }

  a.ihb:hover {
    color:#de9514;
  }

.angebot {
background-color:none;
float:left;
}

.angebot:hover {
  background-color: #05b5ec;
	color:#fff;
}

a.youtube {
background-color:none;
display:block;
width:fit-content;
}

a.youtube:hover {
	color:#ff0001;
}

.xing {
background-color:none;
float:left;
}

.xing:hover {
  background-color: #007575;
	color:#fff;
}

.google {
  background-color:none;
  float:left;
  }
  
  .google:hover {
    background-color: #d64e42;
    color:#fff;
  }

  .vk {
    background-color:none;
    float:left;
    }
    
    .vk:hover {
      background-color: #0077ff;
      color:#fff;
    }


.shadow {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,1);
}
.service {
display: inline-block;
}

.service ul {
  list-style-type: none;
}


.service ul {

}

.service li {
  display: inline-block;
  text-align: center;
  margin: 0px;
	margin-right:20px;
  text-decoration: none;
	font-weight:300;

	text-transform: uppercase;
}

.service li {
	font-size: 1em;
	text-transform: none;
}
.service li a {
  color: #4a4a49;
	font-weight:700;
	background:#fff;
	padding: 5px;

}

.service li a:hover {
  color: #05b5ec;
}

.lang{margin-top:20px;}
.lang-slider .lang{margin-top:0px;}

.lang-slider ul.languages {
  float:right;
  }
  
  .lang-slider{float:right;
    padding-right: 1rem;transition: all 0.5s;margin-top:0px;}

   ul.languages {
      float:left;
      font-size:0.9em;
      }
      


    .lang-slider .lang-icon{  float: right;
    height: 25px;
    line-height: 25px;
    margin-right: 1px;background: rgba(255,255,255,0.3);padding:0 5px;}
    

    .lang-icon{  float: left;
      height: 25px;
      line-height: 25px;
      margin-right: 1px;background: rgba(255,255,255,0.3);padding:0 5px; color:#fff;font-size:0.8em;}
  
      .lang-slider .languages li {
        padding: 0px;
      list-style: none;
      display:inline-block;
      margin-right:1px;
      height: 25px;
  line-height: 25px;
  background: rgba(255,255,255,0.3);font-size:0.9em;
    }
  
  .languages li {
      padding: 0px;
    list-style: none;
    display:inline-block;
    margin-right:1px;
    height: 25px;
line-height: 25px;
background: rgba(255,255,255,0.3);
  }

  .lang-slider .languages li a {
    color:#fff;
    padding:5px;
  }
  
  .languages li a {
    color:#fff;
    padding:5px;
  }
  
  .languages li:hover {
    background: rgba(255,255,255,0.7);
  }

  .lang-slider .languages li:hover {
    background: rgba(255,255,255,0.7);
  }

/* CARDS */


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



.cards img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.btn {
  background-color: rgba(228,232,234,1);
border:none;
  padding: 0.5rem;
	border-radius: 0px;
  cursor:pointer;
  display:inline-block;
}

.btn-sort, .btn-band {
  background-color: rgba(228,232,234,1);
border:none;
  padding: 0.5rem;
	border-radius: 0px;
  cursor:pointer;
  display:inline-block;
  margin:5px 0px;
}

.btn-sort.active {
  color: #4a4a49;
}

.btn--block {
  display: block;
  width: 100%;
}
 
.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards__item, .cards__item__light, .picture__item, .sort__item {
  display: flex;
  padding: 1rem;
  flex-wrap: wrap;
}

.cards__item__light {
  display: flex;
  padding: 1rem;
  flex-grow:1;
}

.cards__item__light img {
width:100%
}

.flex-padding{padding: 0rem;border: none;}
.flex-padding-first{padding: 0.1rem 0.1rem 0.1rem 1rem;border: none;}
.flex-padding-second{padding: 0.1rem 0.1rem 0.1rem 0.1rem;border: none;}
.flex-padding-third{padding: 0.1rem 0.1rem 0.1rem 0.1rem;border: none;}
.flex-padding-last{padding: 0.1rem 1rem 0.1rem 0.1rem;border: none;}

	.cards__item, .w-25, .w-33, .w-50, .w-33-middle, .w-50-middle, .w-20, .w-66, .picture__item, .sort__item, .w-16   {
    width: 100%;}

.w-logo{width:250px;margin:0 auto;}


.w-100 {
  padding: 0rem 1rem;
}

.w-100-max {
  width:100%;max-width:1400px;margin: 0 auto;  
}

.card {
  display: flex;
	flex-grow: 1;
	flex-shrink:1;
  flex-direction: column;
  padding: 1rem;
}

.card__tour {
  display: flex;
	flex-grow: 1;
	flex-shrink:1;
  flex-direction: column;
  padding: 0rem 1rem 1rem 1rem;
}


.card__icons {
  display: flex;
	flex-grow: 1;
	flex-shrink:1;
align-items: center;
}

.card__icons .card__image, .card__icons .flex-image{
width:40% !important;
  }

  .card__icons .card__content{
    width:60% !important;
    display: flex;
  padding: 1rem;
      }

      .card__icons .card__image{
        height:100%;
        margin-bottom:0px;
          }




.card__content, .card__image__link, .picture__card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
	color:#4a4a49;

}

.card__content__light{padding: 10px 0px 0px 0px}



.card__image__light {
  position: relative;

}

.bg-white-round .card__image {
  width:350px;
  height:350px;
  border-radius:50%;
  margin: 20px auto;
    }

    .card__image__light::before {
      font-family:'Font Awesome 5 Free';
    content: "\f065";
    position:absolute;
  color: #fff;
  font-size: 30px;
  right: 20px;
  bottom: 20px;
  opacity:0.8;
    transition: all 0.3s;
    font-weight:900;
    pointer-events: none;
  }
  
  .cards__item__light:hover .card__image__light::before {
  opacity:1;
    font-size: 35px;
  }

.card__image {
  position: relative;
  overflow:hidden;
  margin-bottom:20px;
  transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);
  filter: contrast(100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.card__image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.blog-posts .card__image {
  position: relative;
  overflow:hidden;
  width:100%;
}

.bg-content-image{position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;}


/*.card-holder{transition: .3s ease-out;width:100%;height:100%;overflow:hidden;}
.card-holder img{transition: .3s ease-out;}*/



.card__image__hidden {
display:none;

}

.card__title {
  font-size: 1em;
  font-weight: 400;
}

.card__text {
  flex: 1 1 auto;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.card__teaser {
  background: rgba(0,0,0,0.5);
	color:#fff;
	padding: 15px 20px;
font-weight: 400;
border:1px solid #fff;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 0.1em;
max-width:80%;text-align:center;
}

.sort__item .card__teaser {
  background: rgba(0,0,0,0.5);
	color:#fff;
	padding: 15px 20px;
font-weight: 400;
border:1px solid #fff;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 0.1em;
max-width:80%;text-align:center;
}

.flex-picture {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}

.flex-picture img {
   width: 100%;
  padding: 1rem;
  max-width:250px;
}

a.flex-link{color:#4a4a49;font-weight:300;display: flex;
width: 100%;}

a.flex-link:hover .card {

}

a.flex-link:hover .card__image {
  filter: contrast(50%);
    }

a.flex-link:hover .card__button {
  background:#facf0a;color:#000;
    }

.slick-track { display: flex;}

.slick-slide { display: flex;flex: 1; }

.slick-slide > div
{
    display:flex;
	flex:1 1 auto;
	height:100%;
}

.footer{font-size:0.9em;}

.f-image{display:inline-block;margin-right:20px;}
.footer-image{float:left;width:100%;margin-top:20px;}

.den-besten {
  float:left;
  text-align:left;margin-top:30px;
}

.klick{ 
  pointer-events: none;opacity: 0.3;
}

.klick-me{ 
  pointer-events: all;opacity: 1;
}

#simpleDiv, #simpleBand{display:none;position: absolute;padding: 0.5rem;z-index: 10;width: 100%;left: 0;}
#simpleBand, #simpleDiv{background: #05b5ec;}
#simpleBtn, #bandBtn{cursor: pointer;margin-left: 1rem;}

.privacywire{position:fixed;width: 96%;margin:0 auto;bottom:-250%;left:0;right:0;box-shadow:0 -1px 3px rgba(0,0,0,.3);opacity:0;background:#fff;z-index:1;padding:1rem;transition:bottom .3s ease-in,opacity .3s ease}.show-banner .privacywire-banner,.show-message .privacywire-message,.show-options .privacywire-options{bottom:0;opacity:1}.privacywire-header,.privacywire-consent-message{font-weight:300;color:#ccc}.privacywire-ask-consent-blueprint,.privacywire button[hidden],[data-ask-consent-rendered="1"]{display:none}

button{font-family: 'Roboto Condensed', sans-serif;font-size:0.8rem;}
button.privacywire-consent-button,button.save,button.allow-all,button.allow-necessary,button.choose{background:#05b5ec;color:#fff;text-decoration:none;display:inline-block;padding:10px 20px;border-radius:5px;border:none;margin:0px 0px 10px 0px;cursor:pointer;font-weight:400;}
button.privacywire-consent-button:hover, button.save:hover, button.allow-all:hover, button.allow-necessary:hover, button.choose:hover{background:#fdd20b;color:#fff;}
button.privacywire-consent-button:before{font-family:'Font Awesome 5 Free';font-weight:900;content:"\f055";padding-right:10px}
button.privacywire-consent-button{margin-top:20px;margin-bottom:0px;font-size:1rem;}
.privacywire-ask-consent{display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;}

  .privacywire-ask-consent button.privacywire-consent-button{margin-top:0px;}

.privacywire-body li {list-style: none;
	}

.privacywire-text {margin-bottom: 20px;
	}

  .article-meta{}

/* Events */
.headline-event{display: flex;background:#f1f1f1;}

.date{background: #ffc700;
  padding: 0.5rem 0.5rem;
  width: fit-content;
  font-size: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;color:#fff;
  clip-path: polygon(94% 0, 100% 50%, 94% 100%, 0% 100%, 0 50%, 0% 0%);min-width: 250px;}

  .event-title{display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.5rem 0.5rem;
    background: #f1f1f1;
    flex-grow: 1;}

    .event-title h3, .event-title h1{font-weight:700; color:#000;font-size:30px}
    .location{font-weight:400; color:#454545;font-size:22px}
 .day{font-size:28px;font-weight:700}
.dayname, .time{font-weight:400}

.eventlist .bg-white p{margin: 10px 0px 0px 0px;}
.eventlist .cards__item{}

.infoblock{display: inline-block;}
.eventlist .morelink{display: inline-block;}
.eventlist .presale{display: inline-block;margin-top:10px}






@media only screen and (min-width: 33.75em) {
.container{width:100%}
	.container .container{width:100%;}
	
	.w-20 {
    width: 20%;}
	.w-25 {
    width: 25%;}

.w-33 {
    width: 33.333333333%;}

    

    .w-66 {
      width: 66.333333333%;}
	
      .w-33-middle {
        width: 80%;margin:0 auto;}



.w-50 {
    width: 50%;}
	
	.w-50-middle {
    width: 60%;margin:0 auto;}
}

@media only screen and (min-width: 60em) {
.col-1{width:4.33%}
.col-2{width:12.66%}
.col-3,.col-3-0{width:21%}
.col-4{width:29.33%}
.col-5{width:37.66%}
.col-6{width:46%}
.col-7{width:54.33%}
.col-8{width:62.66%}
.col-9{width:71%}
.col-10{width:79.33%}
.col-11{width:87.66%}
.col-12{width:96%}
.hidden-sm{display:block}
}
.container-left{width:70%;display:inline-block}
.container-right{width:25%;float:right}

@media only screen and (min-width: 1200px) {
.container{width:100%;max-width:1400px}
}
.big{width:100%;}
.nav-container{position:absolute;z-index:10;right:0;bottom:0;padding-right: 1rem;}
.toggle,[id^=drop]{display:none}
nav{margin:0;padding:0}
nav:after{content:"";display:table;clear:both}
nav ul{padding:0;margin:0;list-style:none;font-weight:400}
nav ul li{margin:0;display:inline-block;}
nav ul li a{display:block;color:#fff;font-size:16px;text-decoration:none;line-height:50px;height:50px;font-weight:400;padding:0px 10px;text-transform: uppercase;transition:all 300ms ease-out;
margin-right: 1px;}
nav a:hover{color:#000;background: rgba(255,255,255,0.9)}
nav ul ul{display:none;position:absolute;top:50px;}
nav ul li:hover > ul{display:none}
nav ul ul li{width:280px;float:none;display:list-item;position:relative;color:#4a4a49;}
nav ul ul li a{padding-left:10px;margin-right:0;line-height: unset;height:auto;
font-weight: 400;
padding-top: 10px;
padding-bottom: 10px;text-transform: none;transition:all 0ms ease-out;background: rgba(53,56,61,0.9);}
nav ul ul li a:hover{box-shadow: none;}
nav ul li.parent.active-parent.active a, nav ul li.active.parent a, nav ul li.active a{color:#000;background: rgba(255,255,255,0.9)}
nav ul li.parent.active-parent.active ul li a, nav ul li.active.parent ul li a{color:#fff;background: rgba(53,56,61,0.9);box-shadow: none;}
nav ul li.parent.active-parent.active ul li a:hover, nav ul li.active.parent ul li a:hover, nav ul ul li a:hover{color:#000;background: rgba(255,255,255,0.9)}
nav ul li.parent.active-parent.active ul li.active a{color:#000;background: rgba(255,255,255,0.9)}
nav ul ul li:last-child{border-bottom:none}
nav ul ul ul li{position:relative;top:-50px;left:280px}
nav li > a:before{font-family:'Font Awesome 5 Free';font-weight:900;content:"\f107";color:#fff;padding-right:8px;display:none}
nav li > a:hover:before{color:#000;}
nav ul li.parent.active-parent.active a:before, nav ul li.active a:before{color:#000;}
nav li > label:hover::before{color:#000;}
nav li > label::after{font-family:'Font Awesome 5 Free';font-weight:900;content:"\f107";color:#fff;position:absolute;right:1rem;display:none}
nav li:nth-child(8) a {margin-right:0px;}
nav li:nth-child(1) label::after{content:'';color:#414141;position:absolute;right:0}
nav ul ul li.parent.active-parent.active a:before, nav ul ul li.parent a:before{content:'';color:#4a4a49;padding-right:0px}

nav li:first-child a:before{content:'';color:#4a4a49;padding-right:0px}

nav li > a:only-child:before{content:'';padding-right:0}
nav ul ul li > a:only-child:after{content:''}

@media all and (max-width : 1500px){
	.logo img{max-height:120px;}
  .w-33-middle {
    width: 100%;}
}


@media all and (max-width : 1200px) {
.menu{width:100%;background:none;position:absolute;top:0px;box-shadow: 0 10px 10px -10px rgba(0,0,0,0.7);min-height: 100%;
  overflow-y: scroll !important;
  background: rgba(0,0,0,0.6);}
.nav-container{width:100%}
nav{margin:0}

#nav-toggle{width: 40px;
  height: 26px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;position:absolute;bottom:10px;right:1rem}

  #nav-toggle:hover{background:none;}
  
#nav-toggle span{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0px;
}

#nav-toggle span:nth-child(2) {
  top: 10px;
}

#nav-toggle span:nth-child(3) {
  top: 20px;
}

#nav-toggle.open span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-toggle.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-toggle.open span:nth-child(3) {
  top:12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#nav-toggle.active span:before{}
.toggle + a,.menu{display:none}
.toggle{display:block;transition:all 300ms ease-in-out;font-weight:400;cursor:pointer;text-transform:uppercase;}
.toggle:hover{background: rgba(255,255,255,1);color:#000}
[id^=drop]:checked + ul{display:block}
nav ul li{width:100%;padding:0;color:#fff;background: rgba(53,56,61,0.95);}
nav ul ul ul a{padding:0 80px}
	nav a{transition:all 0ms ease-out}
nav ul li a{color:#fff;font-weight:400;}
nav a:hover,nav ul ul ul a, nav ul ul li a.active{background: rgba(255,255,255,1);color:#000;box-shadow: none;}
nav ul ul{float:none;position:static;color:#000;}
nav ul ul li:hover > ul,nav ul li:hover > ul{display:none}
nav ul ul li.active a {color:#4a4a49;background:#d0d5d8;box-shadow: none;}
nav ul ul li{display:block;width:100%;padding:0;border-bottom:none}
nav ul li a,nav ul li label,nav ul li ul li a{line-height:unset;height:auto;padding: 10px 0px 10px 1rem}
nav ul ul ul li{position:static;}
nav li > a:after{content:''}
	nav ul ul li a{background: rgba(53,56,61,1);}
  nav ul ul li a:hover{background:#d0d5d8;color:#4a4a49}


  nav ul li.parent.active-parent.active, nav ul li.parent.active-parent.active .toggle, nav ul li.active a{color:#000;background: rgba(255,255,255,1);box-shadow:none;cursor: pointer;}
nav ul li.parent.active-parent.active ul li a, nav ul li.active.parent ul li a{background: rgba(53,56,61,1);}
nav ul li.parent.active-parent.active ul li a:hover, nav ul li.active.parent ul li a:hover, nav ul ul li a:hover{background: rgba(255,255,255,1);}
nav ul li.parent.active-parent.active ul li.active a{background: rgba(255,255,255,0.8);}

nav ul li.parent.active-parent.active > label::after{transform:rotate(90deg);color:#000}
nav li > label:hover::after{color:#000}
.on label{color:#000;background-color:#fff}
.on label::after{color:#000;transform:rotate(180deg)}
	
.social-bar-footer .icons {}


	
.logo-shop{display: block;
  position: absolute;
  bottom: 16px;
  left: 1rem;
}

.link-shop{font-size:1em;  background: #35383d;
  border-radius: 50%;
  width: 40px;
height: 40px;
color: #fff;
display: flex;
align-content: center;
align-items: center;
text-align: center;
line-height: 40px;
justify-content: center;
}

.link-shop:hover{color:#05b5ec
}
	
	.pair{display:inline-block;width:100%}
	.pair .col-3{width:46%}
	.sidebar-big{width:96%}
  

.w-25 {
    width: 50%;}

.w-33, .w-66 {
    width: 50%;}

.cards__item__light.w-33{width: 33.3333333333333333333%;}
	
    .w-20 {
      width: 25%;}

      .flex-padding-first{padding: 0.1rem 0.1rem 0.1rem 1rem;border: none;}
.flex-padding-second{padding: 0.1rem 1rem 0.1rem 0.1rem;border: none;}
.flex-padding-third{padding: 0.1rem 0.1rem 0.1rem 1rem;border: none;}
.flex-padding-last{padding: 0.1rem 1rem 0.1rem 0.1rem;border: none;}

}

@media all and (max-width : 960px) {
		.cards__item__light.w-33 {
    width: 50%;}
    .w-20 {
      width: 33.333333333333333333333333%;}
      .bg-white-round .card__image {
        width:280px;
        height:280px;
          }
          .w-50-middle {
            width: 100%;margin:0 auto;}

    .event-title h3{font-size:26px}
    .location{font-size:22px}
 .day{font-size:24px;}
.date{font-size:18px;}

.sort__item .card__teaser, .card__teaser {
font-size: 18px;
}
	}

@media all and (max-width : 768px) {
.pair .col-3{width:96%}	
	.cards__item, .sort__item  {
    width: 100%;}
      .slider.m .slide-content, .video-slide{min-height:300px;}
      .slider.l .slide-content{min-height:300px}
      .w-20 {
        width: 50%;}
        .slider-black {
          font-size: 1.2em;
      }
      
      .slider-red {
          font-size: 1em;
      }
      
      .headline-event{flex-direction:column;}
      .date, .event-title{width:100%}

      .date{clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);}

      .event-title h3{font-size:24px}
.location{font-size:18px}
.day{font-size:20px;}
.date{font-size:18px;}


    .topslider-wrap, .video-wrap {

    }

    .logo-shop{
      bottom: 10px;
    }

    .w-logo{width:250px;margin:0 auto;}

    .flex-padding-first, .flex-padding-second, .flex-padding-third, .flex-padding-last{padding: 0.1rem 1rem;border: none;}

    .cards__item, .cards__item__light, .picture__item, .sort__item {
      padding: 1rem 0rem;
    }
    .cards__item__light.w-33, .cards__item__light.w-50, .cards__item__light.w-25{
      width: 100%;}

      .card__icons {
        flex-direction: column;
      }
      
      .card__icons .card__image, .card__icons .flex-image{
      width:100% !important;
        }
      
        .card__icons .card__content{
          width:100% !important;
            }

            .card__icons .col-icons {
              margin: 1rem 0rem;
            }

            #mleafletmap1{height:450px !important;}
}

@media all and (max-width : 550px) {
.social-bar .icons {
display:none;
}

.service li {
  margin: 5px 5px 5px 0px;
}


	}

@media all and (max-width : 400px) {

    .w-20 {
      width: 100%;}

}

@media all and (max-width : 330px) {
nav ul li{display:block;width:100%}
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


input[type=text], select {
  width: 100%;
  padding: 10px 20px;
  border: none;
	font-size: 16px;
	font-family: 'Roboto+Condensed', sans-serif;font-weight:300;
	border-radius: 5px;
background:#fff;
border: 1px solid #ccc;
margin-bottom:10px;
}

input[type=date] {
  width: 100%;
  padding: 10px 20px;
  border: none;
	font-size: 16px;
	font-family: 'Roboto+Condensed', sans-serif;font-weight:300;
	border-radius: 5px;
background:#fff;
border: 1px solid #ccc;
margin-bottom:10px;
}


button[type=submit], button {

  padding: 10px 20px;
  cursor: pointer;
	font-size: 16px;
	font-family: 'Roboto+Condensed', sans-serif;
  background:#05b5ec;border-radius:3px;display:inline-block;color:#fff;font-weight:300;transition: all 0.3s;border:none;
  margin-right: 10px;
  margin-top: 10px;
}

button[type=submit]:hover, button:hover {
  background:#facf0a;color:#000;border:none;
}

#eventSearchForm label {color:#fff}