#mobile {
	display:none;
}

@media screen and (max-width: 1780px) {
	.events6 section a {
        min-height: 130px;
    }

    .events-container .events6 section a {
        min-height: 0px;
    }
}

@media screen and (min-width:1080px) {
    body #m { font-size:1.1em !important; }
}

@media screen and (max-width:1450px) {
	header nav > ul > li > a {
		padding:45px 15px 44px 15px;
		font-size:1.1em;
	}
}

@media screen and (max-width:1400px) {
	footer{
		padding:50px 30px;
	}

	footer .add{
		width:200px;
		margin:0 15px 0 0;
	}

	footer > div, footer nav{
		margin:0 15px;
	}

	footer nav{
		width:360px;

	}
	footer nav li{overflow:hidden;text-overflow:ellipsis;}
	footer .rg{
		margin:0 15px 0 0;
	}

	.Abstand_Links_Rechts { padding:0 40px!important }

	.video-header video { margin-top:0px!important }
}

@media screen and (max-width:1280px) {

	body.no-header { padding-top:155px }

	header nav > ul > li > a{
		font-size:1em;

	}
	header nav.l{
		padding-right:80px;
	}
	header nav.r{
		padding-left:70px;
	}

	header .lg:before {
		width: 92px;
		height:120px;
	}


	.imagegallery .txtanim{transform:scale(.8);left:calc(50% - 440px);}
	html:not(.ie) .imagegallery.c1 .slick-slide img { height:100%; object-fit:cover; object-position:top; margin-top:-80px; }


	#m1 #M .modul-it:first-child .imagegallery, #m1 #M .newDiv + .modul-it .imagegallery{
		margin-top:0;
	}

	#m1 #M .modul-it:first-child .imagegallery .scrollEl, #m1 #M .newDiv + .modul-it .imagegallery .scrollEl{
		max-height:none;
	}
	#m1 #M .modul-it:first-child .imagegallery .scrollEl figure,
	#m1 #M .newDiv + .modul-it .imagegallery .scrollEl figure{
		height:580px;
	}
	.imagegallery.design6 figure a{
		display:block;
		width:100%;
		height:100%;
	}

	.testimonial-item{
		padding:30px 30px;
	}
	.Testimonials{
		padding:30px 60px;
	}
	.Testimonials .prev{
		left:-50px;
	}

	.Testimonials .next{
		right:-50px;
	}

	.contentlistTbl5 a{height:280px;}
	.Gelbe_Box { padding:20px 40px!important }

	.events-container {
        padding: 20px 40px;
    }

    .events-container .col-item:first-child {
        padding: 15px 30px 0 24px !important;
    }
}

@media screen and (max-width:1200px){


	header nav.l,header nav.r{display:none!important}
	header .h{
		padding:0 15px;
	}
	header .lg{
		left:15px;
		margin:0;

	}
	html.scroll-1 .lg{
		margin-left:0;
	}

	header nav.b{
		display:block;
		float:none;
		width:100%;
		margin:0 0 0 150px;
	}
	header nav.b > ul > li:last-of-type ul{
		left:auto!Important;
		right:0!Important;
	}

	header nav ul{
		float:none;
		display:inline-block;
		width:auto;
	}

	.Gelbe_Box{
		padding:40px 20px!Important;
	}
	.Gelbe_Box .Gelbe_Box{
		padding:10px 20px!Important;
	}
	.Gelbe_Box .Abstand_Links_Rechts{
		padding:0 20p!important;
	}

	.events6 {
		padding:0 30px 15px 30px;
	}

	.Boxen6 a:first-child { width:35% }
	.Boxen6 a:nth-child(2), .Boxen6 a:nth-child(3) { width:25%; left:35% }
	.Boxen6 a:nth-child(4) { width:41%; left:60%; }
	.Boxen6 a:nth-child(5) { left:60%; width:20%; }
	.Boxen6 a:nth-child(6) { left:80.5%;width:20%; }

	#m1 #M .big2 .imagegallery .descr { top:20%!important }

	h3[class^=icon-]:before { margin:0 0 12px 0; display:block; position:static; text-align:center;}
}

@media screen and (max-width:1080px) {
	.Abstand_Links_Rechts { padding:0 10px!important }
	.Weisse_Box { padding:20px!important }
	.Gelbe_Box_MaxWidth1200 { }
	.col-item .content_main { padding-left:10px; padding-right:10px }
	header .lng{ top:0; right:0;}

	.events-container {
        padding: 40px calc(40px + 1%) 20px calc(40px + 1%) ;
    }

    .events-container .col-item .content_main {
        padding: 0;
    }

    .events-container .col-item:last-child {
        padding: 0px 30px !important;
    }

	.event-detail .item .date,
	.event-detail .item .price {
		font-size: 1rem;
	}
}

@media screen and (max-width:1000px) {
	body {	padding: 66px 0 0 0;	}
	html.hasb body {	padding: 125px 0 0 0;	}
	html.meta-nav-open,
	html.meta-nav-open body {
		overflow:hidden;
	}

	header ul .sel-li ul { display:block!important; max-height:400px!important; border-bottom:1px solid #ddd; }

	#mobile{display:block;}

	header{
		background:#fff;
		height: 66px;
	}

	.imagegallery .scrollEl:hover img, .imagegallery a:hover img{transform:none;}

	html.hasb body { padding-top:170px }

	header .h{height:100%}

	header .lg{
		z-index:50;
	}
	header .mobile-wrap{
		z-index:49;
		position:absolute;
		top:calc(100% + 2px);
		left:0;
		right:0;
		width:100%;
		margin:0;
		background: rgba(255,255,255,.95);
		max-height:0;
		overflow:hidden;
		transition: all .6s ease;
		-webkit-transition: all .6s ease;
		-moz-transition: all .6s ease;
	}
	header nav.b{
		margin:0;
		overflow-y:scroll;
		height: calc(100vh - 66px);
	}

	html.meta-nav-open header .mobile-wrap{
		max-height:1000px;
	}

	header nav > ul{
		width:100%;
		display:block;
	}

	header nav > ul > li{
		display:block;
		width:100%;
	}

	header nav > ul > li > a{
		text-align:center;
	}

	header nav ul ul{
		position:static!Important;
		max-width:none!important;
		display:block!important;
		max-height:0!important;
		overflow:hidden!important;
		margin-top:0;
		background:none;
		width:100%;
	}

	header nav ul li.op ul{
		max-height:1000px!important;
	}

	header nav ul li.hasul{
		position:relative;
	}

	header nav ul li .arrow:before{
		content: "\ea1c";
		display: block;
		font-size: 2em;
		color: #ffd254;
		position:absolute;
		right:15px;
		top:18px;
		z-index:500;
		pointer-events:none;
	}

	header nav ul li a {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	header nav ul li ul{

	}
	header nav > ul > li:hover:before{content:none;}
	header nav ul li ul a{
		text-align:center;
		padding:15px 20px!Important;
	}
	header nav ul ul li:first-child a{padding-top:15px}

	header .lng{ display:none;}
	html.meta-nav-open header .lng { display:block; top:16px; left:146px; }

	html.scroll-1 .sb,
	html.scroll-2 .sb,
	#sb, .sb{
		position:fixed;	font-size:.9em;
		top:66px; left:0; display:block; width:100%; white-space:nowrap; overflow:auto; z-index:15; padding-left:155px;
	}
	html.hasb #sb  { background:#ffd254;}
	html #sb a:before { top:7px }
	html.scroll-1 #sb { padding-left:0 }
	.sb li { display:inline-block; margin-right:20px; }
	.sb ul { padding:10px 10px 10px 30px }

	footer:after{content:'';display:block;clear:both;}
	footer{
		position:static;
		height:auto;
	}
	
	body {
		margin-bottom: 0;
	}
	
	footer nav li a{
		text-overflow:ellipsis;
		overflow:hidden;
	}
	footer nav{
		margin-right:0;
		border-right:none;
		width:calc(100% - 290px);
	}
	footer .add{
		width:260px;
	}

	footer .rg{
		margin:0;
		padding:60px 0 0 0;
		width:auto;
		float:none;
		clear:left;
		height:auto;
	}

	.col2-has-profilemanager {
		margin-bottom: 0;
	}
	
	.AbstandOben { padding-top: 100px!important; }

	.container.cols .col-item{
		float:none;
		width:100%;
		padding:0 0 30px 0;
	}

	.container.cols .col-item.Abstand_Links_Rechts{
		padding:0 0 30px 0!Important;
	}

	.team figure{
		height:320px;
	}
	.team figure img{
		width:100%;
		height:100%;
		object-fit:cover;
	}

	#M > .content{
		padding:0 15px;
	}

	.container.cols .col-item.SchmaleGelbeBox:not(:last-of-type) {
		padding:0 0 60px 0;
	}

	.events6 section a {
		width:100%;
		float:none;
		margin:0 0 45px 0;
	}

	.contentlistTbl5 a {
		width:48.5%;
		height:380px;
	}

	.c-list .content { padding:0 10px 40px 10px }

	.video-header { margin-left:-15px; margin-right:-15px; }

	.social-buttons {
		top: 90px;
	}

	.events6 section a {
        min-height: 0px;
    }

    .events-container .events6 section a {
        width: 100%;
    }

    .container.events-container .col-item:first-child,
    .container.events-container .col-item:last-child {
        padding: 20px 0 !important;
    }
}

@media screen and (max-width:900px) {
	.Boxen6 { display:flex; height:auto; }
	.Boxen6 a { display:inline-block; width:49%!important; flex:1; height:260px!important; position:relative; left:auto!important; top:auto!important; overflow:hidden!important }
	.Boxen6 a figure { height:200px; overflow:hidden }
	.Boxen6 .text { display:block; padding:4px 4px; }
	html:not(.ie) .imagegallery.c1 .slick-slide img { margin-top:0 }
}

@media screen and (max-width:768px) {
	body.no-header { padding-top:110px }

	#m1 #M .modul-it:first-child .imagegallery .scrollEl figure, #m1 #M .newDiv + .modul-it .imagegallery .scrollEl figure, .imagegallery.design6 figure a.a1 {
		height:auto; min-height:300px;
	}
	.nextto_small .scrollEl figure { height:auto }
	html:not(.ie) .imagegallery.c1 .slick-slide img { min-height:300px }

	#m1 #M .modul-it:first-child .imagegallery, #m1 #M .newDiv + .modul-it .imagegallery{
		margin-bottom:40px;
	}

	h1, .event-detail h1 { font-size:2.0em; word-wrap:break-word; }

	.team{
		padding:40px 20px;
	}
	.team a{
		width:calc(50% - 30px);
		margin:15px;
	}

	.imagegallery .txtanim {    transform: scale(.5); }
	#m1 #M .big2 .imagegallery .descr {top:0%!important; }


	.content.modul-it .content_main { padding:20px }
	.video-header { margin-left:-35px; margin-right:-35px; }
	.Weisse_Box { margin:20px 0; padding:10px 20px!important }
	.AbstandRechts { padding-right:0!important }
	.AbstandLinks { padding-left:0!important }
	#cookie-bar a { padding-top:12px; padding-bottom:12px }

	.events-container .content_main {
        padding: 0px !important;
    }
}

@media screen and (max-width:680px) {
	header .lg:before { height:80px; width:64px; }

	footer nav,
    footer .add{
		width:100%;
		float:none;
		margin:0 0 30px 0;
		border:none;
		height:auto;
		padding:0;
	}

	footer nav li{
		width:48%;
		margin-right:2%;
		padding:0 30px 15px 0;
	}

	footer nav li a{
		padding:0;
	}
	footer .rg{
		padding:0;
	}

	.Boxen6 a:after, .Boxen6 a:before { display:none }
	.testimonial-item { padding:12px }
	html.hasb body { padding-top:115px }
	.video-header video { margin-top:80px!important }

	.form_inquire_tbl { width:90% }
	.form_inquire_tbl tr td { padding-bottom:0 }
	.form_inquire_tbl tr td, .form_inquire_tbl tr:first-child td:last-child span { display:block; text-align:left; width:100%; padding-left:0!important}
	.form_inquire_tbl tr:first-child td:last-child span { padding-top:8px!important }

	html.has-eventdetail .events-container {
		padding: 0;
	}

	.testim-item {
        padding: 0 5px 40px 5px;
    }

    .testim-item .testim-left,
    .testim-item .testim-right {
        width: 100%;
        float: none;
    }

    .testim-item .testim-left,
    .testim-item .testim-right {
        padding: 0;
    }

    .testim-item .testim-left {
        padding-bottom: 20px;
    }

	.event-detail .item {
		padding: 12px 14px 12px 55px;
	}

	.event-detail .item:before {
		width: 40px;
		background-size: 50%;
	}

	.event-detail .item .date,
	.event-detail .item .price {
		display: block;
		float: none;
	}

	.event-detail .item .price {
		text-align: right;
		padding: 10px 0 0 0;
	}
}

@media screen and (max-width:600px) {
	.team a {
		width:100%;
		float:none;
		margin:0 auto 45px auto;
		max-width:340px;
	}

	.team figure {
		height:auto;
	}

	.contentlistTbl5 a{
		width:100%;
		float:none;
		height:auto;
	}

	.imagegallery .txtanim { transform: scale(.3); }
	#m1 #M .big2 .imagegallery .descr {top:-5%!important; }

	#sb { display:none }
	.Gelbe_Box, .Gelbe_Box_MaxWidth1200 { margin:10px 0 }
	.Gelbe_Box { padding:12px!important }

	.registerform { margin-top:60px }
	.registerform .rw span, .registerform .rw input, .registerform .rw select{ display:block; width:100%!important; }
	.registerform .rw span { padding:8px 0 0 0!important }

	.google-map .map-direction { text-align:center}
	.google-map .map-direction input[type=text], .google-map .map-direction select { width:60% }
	.google-map .map-direction input { margin:4px 0 }

	.events-container {
        padding: 20px;
    }

	.events6 {
		padding: 0 10px 15px 10px;
	}

	.events6 section a {
		margin: 0 0 25px 0;
	}

	#m input.button, input[type=button] {
		padding: 6px 10px;
	}
}

@media screen and (max-width:500px) {
	h3[class^="icon-"]:before { position:relative; display:block; padding:10px 0; margin:0; text-align:center; }
	h3.right[class^=icon-]:before { right:auto }
	.Boxen6 { display:block }
	.Boxen6 a { width:100%!important; display:block; height:auto!important;text-align:center; margin-bottom:20px;}
	.Boxen6 a figure { height:250px }

	footer .shariff ul {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width:460px) {
	html.meta-nav-open header .lg:before{ animation:lgsmall 1s ease; height:40px; width:78px; background-size:66%; background-position:center top;}

	footer{
		padding:30px 15px;
	}

	footer nav li{
		width:100%;
		float:none;
		padding:0 0 8px 0;
	}

	footer nav li a{
		text-align:center;
	}
	
	footer .add {
		text-align: center;
	}

	#m1 #M .modul-it:not(.big2):first-child .imagegallery .scrollEl figure, #m1 #M .newDiv+.modul-it .imagegallery .scrollEl figure, .imagegallery.design6 figure a.a1 { min-height:290px }
	html:not(.ie) .modul-it:not(.big2) .imagegallery.c1 .slick-slide img { min-height:240px }

	.social-buttons {
		padding: 5px;
	}

	.social-buttons a {
		width: 30px;
		height: 30px;
	}

	.social-buttons a.fb {
		margin: 0 0 5px 0;
	}

	.testim-ov.c-list .content {
		padding: 0 0 40px 0;
	}

	.cur-spa,
    .cur-spa tbody,
    .cur-spa tbody tr,
    .cur-spa td {
        display: block;
        width: 100%;
    }

    .cur-spa .tr-content {
        display: block !important;
    }

    .cur-spa .tr-headings {
        display: none;
    }

    .cur-spa .tr-content .resp-only {
        display: block;
        background: #e28600;
        color: #fff;
    }

    .cur-spa .tr-content .resp-only + td {
        margin-bottom: 15px;
    }

    .cur-spa-desc,
    .cur-spa-desc tbody,
    .cur-spa-desc tr,
    .cur-spa-desc td {
        width: 100%;
        display: block;
    }

    .cur-spa td.resp-only,
    .cur-spa-desc td:first-child {
        border-bottom-width: 0px;
    }

    .cur-spa-desc tr {
        overflow: hidden;
        margin: 0 0 15px 0;
    }

	.event-detail .item .date,
	.event-detail .item .price {
		font-size: 0.94rem;
	}

	.event-detail .item .booking {
		margin: 8px 0 0 0;
		font-size: 0.95rem;
		display: block;
		text-align: right;
		clear: both;
	}

	.event-detail .item .booking:before {
		width: 8px;
		height: 8px;
	}
}

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

	#m1 #M .modul-it:not(.big2):first-child .imagegallery .scrollEl figure, #m1 #M .newDiv+.modul-it .imagegallery .scrollEl figure, .imagegallery.design6 figure a.a1 { min-height:270px }
	html:not(.ie) .modul-it:not(.big2) .imagegallery.c1 .slick-slide img { min-height:200px }

	#cookie-bar a {
		display: block;
		margin: 0 0 10px 0 !important;
	}
}

@media print {
    header,footer { display:none;}
    @page {size:landscape;}
}