@media screen and (min-width: 1600px) {
    .gallery.slick-slider {
        max-height:580px
    }
}

@media screen and (max-width: 1600px) {
	
	.imagegallery.design6 .slick-slide.links_unten .descr,
	.imagegallery.design6 .slick-slide.rechts_unten .descr {
		bottom: 180px;
	}
	
}

@media screen and (max-width: 1450px) {
	.room-quick-search{
		padding:10px 30px;
	}
	.room-quick-search .fromto{
		min-width:300px;
	}
	
	.slick-slide .descr .title {
		font-size: 2.20em;
	}

}

@media screen and (max-width: 1300px) {
    .package .btns .b1,.package .btns .b2, .package .btns .b3 {
        padding: 12px;
    }

    .package .btns .b1:before,.package .btns .b2:before,.package .btns .b3:before {
        content: none;
    }
	
	footer article:after{content:'';display:block;cleaR:both;}
	footer article{
		width: calc(100% - 62px);
		padding: 0 31px;	
	}
	
}

@media screen and (max-width: 1270px) {
    header nav#mm2 ul ul li {
        padding-left:0
    }
}

@media screen and (max-width: 1220px) {
    #c7 .rw a.gutschein {
        padding:10px 20px;
    }
	header nav ul ul li {
        padding-left:0%;
    }

    .nav .reservation .form {
        left: 270px
    }
	
}

@media screen and (max-width:1220px) and (min-width:901px){
	.room-quick-search{
		/*top:-60px;*/
		padding-top:70px;
		/*margin-bottom:-60px;*/
		top: 0;
		margin: 0;
	}
	.room-quick-search:before{
		top:7px;
		left:104px;
		position:absolute;
	}
	.room-quick-search:after{
		position:absolute;
		top:8px;
		left:30px;
	}
	.room-quick-search .voucher-input{
		position:absolute;
		left:360px;
		top:24px;
	}
	.room-quick-search .voucher-input{
		top:9px;
	}
}

@media screen and (max-width: 1200px) {
    .imagegallery.design3, .imagegallery.design6 {
        min-height:60px;
    }
	
	.skd-widget-container-xs,
	.skd-widget-container-md{
		overflow:hidden;
	}
	
	.seekda-alternatives{
		height:145px;
	}
	.seekda-alternatives .title{
		margin-bottom:10px;
		padding:4px 0 3px 0;
	}
	.seekda-alternatives h4, .seekda-alternatives h5{font-size:.8rem;}
	.seekda-alternatives .alternatives-items .item{height:100px;}
	.seekda-alternatives .slick-dots{display:none!important;}
	.seekda-alternatives .alternatives-items h3{font-size:1.1em}
	.seekda-alternatives .alternatives-items .date{font-size:.8rem}
	.seekda-alternatives.hide{bottom:-154px;}
	
	.rooms.individualtemplate .item{
		padding-right:30px;
	}
}



@media screen and (max-width: 1100px) {
    .package .mode3 .btns a.a, .package .mode3 .btns a.r {
        width:100%!important;
    }

    h1 {
        font-size: 1.6em;
    }
	
	
	
}


@media screen and (max-width: 1050px) {
    #c7 .rw a.gutschein {
        padding:10px
    }

    #c7 .rw a.gutschein .print {
        position: absolute;
        right: 20px;
        bottom: 70px
    }

    #c7 .rw a.gutschein h2 {
        font-size: 1em
    }
}

@media screen and (max-width: 1020px) {
    #c7 .r .mo div.image img, #c7 .r .mo div.video .youtube, #c7 .r .mo div.video img {
        width:auto;
        max-width: none;
        height: 100%
    }

    .kulinarik .r {
        height: 100%!important;
    }

    .kulinarik .r a {
        position: static!important;
        display: inline;
    }

    .kulinarik .r a:before {
        content: none;
    }

    .tbl-packages.c2 .d2 span {
        display: inline-block;
        width: 100%;
        position: relative;
    }

    .tbl-packages .d2 .notici a {
        display: inline-block;
        width: 100%;
    }

    .tbl-packages1.cells.c2 .np {
        position: relative;
        bottom: 0;
    }

    .tbl-packages1 .d2 span.notici {
        display: inline-block;
        width: 100%;
        position: relative!important;
        margin-right: 0;
        bottom: 0px!important;
    }

    .tbl-packages1 .d2 a.more {
        position: relative!important;
        display: inline-block;
        width: 45%;
    }
	
	header nav#mm2 ul ul{
		padding:15px;
	}
	header nav#mm2 ul ul{
		
	}
	
	header nav#mm2 ul ul li{
		display:inline-block;
		margin-right:15px;
	}
	
	.nav .reservation .form{
		top:65px;
		left:15px;
		border-left:none;
		border-top: 1px solid #fbe074;
		width:100%;
		padding:15px 0 0 0;
	}
	
	
	.room-detail.view3 .room .images{width:40%;}
	.room-detail.view3 .room .txt{width:60%;}
	
	
	html.p #h2 .packages2 .scrollEl{
		height:360px;
	}
	#h2 .packages2 .scrollEl img{
		position:absolute;
		left:0;
		top:0;
		height:100%;
		width:auto;
	}
	#h2 .packages2 .controls{
		bottom:-60px;
	}
	
	/*
	.imagegallery.design6 .slick-slide.links_unten .descr,
	.imagegallery.design6 .slick-slide.rechts_unten .descr {
		bottom: auto;
		top: 375px;
	*/
	
}

@media screen and (max-width: 900px) {
    h1 {
        font-size:1.4em;
    }

	html.p #h2 .packages2 {
		max-height: 350px;
	}
	html.p #h2 .packages2 .scrollEl{height:380px;}
	
    #h2 .packages2 .slick-dots {
        left: -8px!important;
        margin: 0!important;
        right: 261px;
        padding: 0 calc(50% - 150px);
        width: 100vw;
        box-sizing: border-box;
    }

    #h2 .packages2 .slick-dots li {
        vertical-align: top;
    }

    #h2 .packages2 .controls {
        left: 0;
        width: auto;
        right: 0;
        bottom: -38px;
    }

    #h2 .packages2 .scrollEl {
        height: 350px
    }

    #h2 .packages2 .controls .prev {
        position: absolute;
        left: 0;
        margin: 0 0 0 calc(50% - 150px);
    }

    #h2 .packages2 .controls .next {
        margin: 0 calc(50% - 150px) 0 0;
        position: absolute;
        right: 0;
    }
	
	#h #hm:hover .controls .next, #h #hm:hover .controls .prev { display:none!important }


	.room-quick-search{
		display:block;
		height:auto;
		top:0;
		padding:55px 10px 15px 10px;
		position:relative;
		top:auto;	
		margin:0;			
	}
	.room-quick-search:before{
		margin:0;
	}
	
	.room-quick-search:after{
		position:absolute;
		top:10px;
		left:0;		
		right:0;		
		margin:0 auto;
	}
	.room-quick-search .fromto{
		margin:0 auto;
		max-width:320px;
	}
	.room-quick-search .room-count{
		margin:15px auto 15px auto;
		max-width:320px;
		width:auto;
	}
	.room-quick-search .voucher-input{
		max-width:320px;
		margin:0 auto;
		height:30px;
	}
	.room-quick-search .search{
		margin:40px 0 0 0;
		display:inline-block;
	}
	
	
	@keyframes peep{
		0%{bottom: -145px;}
		30%{bottom:0}
		70%{bottom:0}
		100%{bottom: -145px;}
	}
	@-webkit-keyframes peep{
		0%{bottom: -145px;}
		30%{bottom:0}
		70%{bottom:0}
		100%{bottom: -145px;}
	}
	.seekda-alternatives.hide{
		bottom:-145px;
	}
	.seekda-alternatives.active {		
		bottom:-145px;		
	}
	
	.seekda-alternatives.active:not(.noanim){
		-webkit-animation:peep 2s 1;
		animation:peep 2s 1;		
		animation-delay:3s;
		-webkit-animation-delay:3s;
	}
	
	.seekda-alternatives .title:before {
		content: '';
		display: block;
		width: 120px;
		height: 26px;
		background: #D8B526;
		position: absolute;
		left: calc(50% - 60px);
		top: -26px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
	}
	.seekda-alternatives .title:after {
		content: '';
		display: block;
		width:16px;
		height:16px;
		border-left:3px solid #fff;
		border-top:3px solid #fff;
		
		position: absolute;
		left: calc(50% - 8px);
		
		transform:rotateZ(-135deg);
		top:-26px;
	}
	.seekda-alternatives:not(.hide) .title:after {
		top: -15px;		
		transform:rotateZ(45deg);
	}


	.seekda-alternatives{
		transition-delay:0s;
		-webkit-transition-delay:0s;
	}

	.seekda-alternatives.hide{
		bottom:0;
	}
	.seekda-alternatives .alternatives-items .item{
		border-right:none;
	}
	
	#h #hm .imagegallery.design6 .controls .next,
	#h #hm .imagegallery.design6 .controls .prev {
		display: none !important;
	}
	
	.slick-slide .descr .title {
		font-size: 1.80em;
	}
	
}


@media screen and (max-width: 1100px) and (min-width:880px) {
	
	html.fix header nav#mm2{
		margin-left:0;
		margin-right:4px;
		float:right;
	}
	
	
    html.fix header nav#mm2 > ul > li:nth-of-type(1) {
		margin: 2px 0 0 25px;	
    }
	
	html.fix header nav#mm2 > ul > li:nth-of-type(1) > a:link,
	html.fix header nav#mm2 > ul > li:nth-of-type(1) > a:visited{
		width: 90px;		
		height: 36px;
		vertical-align: top;		
	}
	html.fix header nav#mm2 > ul > li:nth-of-type(1) > a br,
	html.fix header nav#mm2 > ul > li:nth-of-type(1) > a span{
		display:none
	}
	html.fix header nav#mm2 > ul > li:nth-of-type(2) > a:link,
	html.fix header nav#mm2 > ul > li:nth-of-type(2) > a:visited{
		height:48px;
		box-sizing:border-box;
	}*/
	html.fix header #mm1 li[id*='395_477']{display:none;}
}


@media screen and (max-width: 1000px) {
	
	.imagegallery.design6 .scrollEl figure
	.imagegallery.design6 .scrollEl .a1,
	.imagegallery.design6 .scrollEl img {
		min-height: 600px;
	}
	
	.imagegallery.design6 .scrollEl img {
		object-fit: cover;
	}

	.imagegallery.design6 .scrollEl .compat-object-fit {
		display: block;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
	}
	
	.imagegallery.design6 .scrollEl .compat-object-fit > img {
		opacity: 0;
	}
	
}


@media screen and (max-width: 880px) {
    header #mt, #mm1, #mm2, #h #hm .controls .next, #h #hm .controls .prev, #sub, #mm2, .hidemobile, header hr {
        display:none!important
    }

    header .mobilenav {
        display: inline-block;
        position: absolute;
        right: 15px;
        z-index: 900000
    }

    header .mobilenav a {
        display: inline-block;
        position: relative;
        margin: 8px 2px 0 2px;
        background: #fff;
        border: 1px solid #006da3;
        border-radius: 50px;
        width: 40px;
        height: 40px
    }

    header .mobilenav a:before {
        background: url(i/s.png) no-repeat -84px -926px;
        width: 24px;
        height: 26px;
        display: block;
        content: ' ';
        position: absolute;
        left: 8px;
        top: 8px;
    }

    header .mobilenav a.m-mm1:before {
        background-position: -48px -928px
    }

    header .lg {
        background-position: -266px 0;
        width: 130px;
        height: 20px;
        font-size: 6px;
        padding-top: 38px;
        position: absolute;
        left: 14px;
        top: 14px
    }

    header nav ul ul {
        padding: 10px;
        box-sizing: border-box
    }

    header nav ul li {
        display: block;
        text-align: left;
    }

    header nav ul li a:link, header nav ul li a:visited {
        border-bottom: 1px solid #e4e4e4;
        display: block;
        padding: 8px 0 8px 20px
    }

    header nav#mm2 ul ul .button:link, header nav#mm2 ul ul .button:visited {
        display: block!important;
        margin-top: 8px!important
    }

    html.m-mm1 #mm1, html.m-mm2 #mm2 {
        display: block!important;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        background: rgba(255,255,255,.95);
        overflow: auto
    }

    html.m-mm2 #mm2 {
        top: -25px;
        height: 100vh;
    }

    html.m-mm2 #mm2 ul ul {
        display: block!important;
    }

    html.m-mm2 #mm2 li li, html.m-mm2 #mm2 li a {
        display: none
    }

    html.m-mm2 #mm2 li li.reservation {
        display: block
    }

    html.m-mm2 header.lg {
        display: none
    }

    .nav .reservation .form {
        position: relative;
        left: auto!important;
        width: auto;
        top: auto;
        padding: 32px 0;
        border-left: none;
        padding-left: 0
    }

    .nav .reservation .calendar {
        float: none;
        width: auto;
        margin-right: 0
    }

    .nav .reservation .nights-btns {
        float: none;
        width: auto
    }

    header nav#mm2 ul ul li {
        padding-left: 0
    }

    body {
        padding-top: 70px!important
    }

    header {
        height: 70px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9000;
        -webkit-box-shadow: 0 0 8px 0 #6B6B6B;
        box-shadow: 0 0 8px 0 #6B6B6B;
    }

    header #h1 {
        height: 74px
    }

    #h1 .lg {
        left: 2%;
        margin-left: auto;
        background-position: -304px -966px;
        width: 132px;
        height: 54px
    }

    #h1 h4 {
        left: 2%;
        margin-left: 16px;
        top: 47px;
        font-size: 8px;
        letter-spacing: 2px
    }

    header #Header {
        position: static;
        top: 0
    }

    header .reservation-preview {
        position: absolute;
        right: 8px;
        top: 8px;
    }

    header .reservation-preview, header .reservation-preview p {
        width: auto;
        height: auto;
        background: none
    }

    header .reservation-preview h3, header .reservation-preview span, header .reservation-preview label, header .reservation-preview input {
        display: none!important
    }

    header .reservation-preview .next, header #mt1, header .tel {
        background: #fff;
        border: 1px solid #197bad;
        width: 54px;
        height: 54px;
        top: 0;
        right: 0;
        border-radius: 50px;
        position: relative
    }

    header .reservation-preview .next:before, header #mt1:before, header .tel:before {
        background: url(i/s.png) no-repeat -84px -925px;
        width: 24px;
        height: 26px;
        display: block;
        content: ' ';
        position: absolute;
        left: 14px;
        top: 13px;
    }
	
	header .log {
		display: none;
	}
	
	header #mm1 {
		margin-top: 30px;
	}
	
	.fix header #mm1 > ul {
		border-top: 1px solid #e4e4e4;
	}
	
	header #mm1 > ul {
		padding: 0;
		border-top: 1px solid #e4e4e4;
	}
	
	header #mm1 {
		padding: 0;
	}

	header #mm1 .nav li a {
		padding: 15px 0 15px 22px;
	}
	
    header #shopcartprw {
        display: none!important
    }

    header #mt1, header .tel {
        cursor: pointer;
        position: absolute;
        right: 144px;
        top: 14px;
        left: auto;
        display: block;
    }

    header #mt1:before {
        background-position: -48px -928px;
        top: 15px
    }

    header .tel {
        right: 80px
    }

    header .tel:before {
        background-position: -120px -928px;
        top: 16px;
        left: 15px
    }

    #tabmen ul {
        display: none
    }

    #tabmen:before {
        display: block;
        text-align: center;
        content: 'BITTE WÄHLEN';
        background: #006da3;
        color: #fff;
        padding: 8px;
        font-style: italic;
        border-radius: 4px;
        margin-bottom: 4px
    }

    .mobilenav {
        display: block
    }

    .packages4 .img img {
        width: auto;
        max-width: none;
        height: 100%
    }
		
	.rooms.individualtemplate .item{width:100%}
	.rooms.individualtemplate .gallery .next, 
	.rooms.individualtemplate .gallery .prev{visibility:visible;opacity:1;}
	.tabmenus{display:none;}
		
	.room-detail.view3 .room .images{
		width:100%;
		padding-right:0;
		float:none;
	}
	
	.room-detail.view3 .room .txt{
		width:100%;
		float:none;
		margin:30px 0 0 0;
	}
	
	.room-detail.view3 .room .images .image,
	.room-detail.view3 .room .images .image.img0{
		width:calc(50% - 4px)!important;
		floaT:left;
		height:200px;
		margin:0 4px 4px 0!important;
	}
	
	.room-detail.view3 .room .images .image.img0 img{object-fit:cover;height:100%;}
	
	
	.imagegallery.design6 .slick-slide.links_unten .descr,
	.imagegallery.design6 .slick-slide.rechts_unten .descr {
		bottom: 120px;
	}
	
}

@media screen and (max-width: 820px) {
    #c7 .l, #c7 .r {
        clear:both;
        margin: 0;
        width: auto;
        float: none;
        min-height: 280px
    }

    #c7 .l {
        margin-bottom: 20px
    }
	

}

@media screen and (max-width: 800px) {
    #h #hm .controls .prev, #h #hm .controls .next {
        top: 70%;
    }

    h1 {
        font-size: 1.2em;
    }
	
	#fixedBottom{display:block;}
	body#bdy{margin-bottom:100px;}
	
	.shop_loginreg .shop_loginreg1,
	.shop_loginreg .shop_loginreg2 {
		width: 100%;
		float: none;
	}
	
	.shop_loginreg .shop_loginreg2 {
		border-left: 0;
		padding-left: 0;
		padding-top: 40px;
	}
	
}

@media screen and (max-width: 750px) {
    .package .btns .b1, .package .btns .b2, .package .btns .b3 {
        text-align:center;
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    h1 {
        font-size:1em;
    }

    #h2 .packages2 .controls, #h2 .packages2 .slick-dots {
        display: none!important;
    }

    html.p #h2 .packages2 {
        max-height: none;
		padding-bottom:30px;
    }
	
	#h2 .packages2 .scrollEl img{
		position:static;
		left:auto;
		top:auto;
		height:auto;
		width:100%;
	}

    #h2 .packages2 .slick-slider {
        margin-bottom: 0;
    }

    html.p #h2 .packages2 .scrollEl {
        height: auto;
        padding: 0 10px!important;
        box-sizing: border-box;
    }

    #m {
        margin-top: 20px;
    }

    #h2 .packages2 .scrollEl .txt {
        padding-top: 8px!important;
    }

    html.p #h2 .packages2 .scrollEl figure {
        height: 300px;
    }
	html.p #h2 .packages2 .scrollEl .price,
	html.p #h2 .packages2 .scrollEl:hover .price{
        left: 26px!important;
        top: 240px!Important;
        font-size: 1.7em;
        line-height: 100%;
    }
	
	html.ie #h2 .packages2 .scrollEl .price,
	html.ie #h2 .packages2 .scrollEl:hover .price{
        top: 220px!Important;
    }
	
	html.dev #h2 .packages2 .scrollEl:hover figure:after,
	html.p #h2 .packages2 figure:after {
		bottom: -190px;
		left: -220px;
		width: 500px;
		height: 300px;
    }

    html.dev #h2 .packages2 .scrollEl .tooltip {
        opacity: 1;
    }
	
	.slick-slide .descr .title {
		font-size: 1.40em;
		line-height: 100%;
	}
	
}

@media screen and (max-width: 640px) {
		
	.imagegallery.design6 .scrollEl figure
	.imagegallery.design6 .scrollEl .a1,
	.imagegallery.design6 .scrollEl img {
		height: 70vw;
		min-height: 240px;
	}
	
	.imagegallery.design6 .gallery.slick-slider {
		margin-bottom: 0;
	}
	
	.imagegallery.design6 .slick-dots {
		bottom: 0;
	}
	
	.imagegallery.design6 .slick-slide.links_unten .descr,
	.imagegallery.design6 .slick-slide.rechts_unten .descr {
		bottom: 40px;
	}
	
}


@media screen and (max-width: 600px) {
	body {
		padding-top: 80px!important;
	}
    h1 {
        font-size:1.1em
    }

    body, html {
		-ms-overflow-style: none !important;
    }

    #m {
        margin-top: 0
    }

    .packages4.c3 article,.packages4.c3 article:first-child,.packages4.c3 article:last-child {
        float: none;
        width: auto;
        margin: 0 0 12px 0;
        overflow: hidden;
        height: 240px
    }

    .packages4 {
        height: auto
    }

    #c7 {
        display: none
    }

    footer #fl,footer #fr, footer #fr nav {
        float: none;
        width: auto;
        padding-left: 4%;
        width: 96%;
    }

    footer #fr nav {
        padding-left: 0
    }

    footer #fr nav.fn2 {
        margin: 0;
        width: auto
    }

    #mt li {
        width: auto;
        display: block
    }

    #c4 #c41, #c4 #c42 {
        float: none;
        padding: 0;
        width: auto
    }

    #c4 #c42 {
        padding: 0 8px
    }

    #sub {
        display: block!important;
        position: static;
        overflow: auto;		
    }
	#sub ul{
		white-space:nowrap;
	}	
	#sub li{
		display:inline-block;		
		width:auto;
	}

    .kulinarik section {
        width: auto;
        padding: 0 0 12px 0
    }

    .kulinarik .row {
        background: none
    }

    .company.view6 .l, .company.view6 .r {
        width: auto;
        padding: 0 0 8px 0;
        float: none
    }

    .company.view6 .back {
        position: static;
        padding: 8px;
        background: #006da3;
        color: #fff;
        border-radius: 4px;
        margin: 8px 0
    }

    .shop_overview1 tr td {
        display: block
    }

    .shop_overview1 tr td td {
        display: table-cell
    }

    #c1 #MainLeft, #c1 #Main, #c2 #MainLeft, #c2 #Main {
        margin: 0;
        float: none;
        width: auto;
        padding: 0 0 8px 0
    }

    .form_inquire_tbl td {
        display: block;
        text-align: left
    }

    .form_inquire_tbl td input, .form_inquire_tbl td textarea, .form_inquire_tbl td select {
        width: 100%!important
    }

    .tbl-packages1.cells.c2 article {
        float: none;
        width: auto;
        margin: 0 0 8px 0
    }

    .tbl-packages1.cells.c2 .more {
        left: auto;
        right: 0
    }

    .tbl-packages1.cells.c2 .d1 {
        width: 20%
    }

    .tbl-packages1.cells.c2 .d2 {
        width: 76%
    }

    .package .mode3 .l, .package .mode3 .r {
        float: none;
        width: auto;
        padding: 0
    }

    .package .paging {
        font-size: .8em
    }

    .package .mode3 .moretxt {
        display: none
    }

    .package .mode3 .btns a {
        display: block;
        float: none!important;
        margin: 4px 0!important;
        text-align: left;
        padding: 6px 8px 7px 18px;
    }

    .package .mode3 .btns a:before {
        top: 10px
    }

    .packages-filter .nights {
        margin-left: 5px
    }

    .packages-filter .prices .price, .packages-filter .nights .night {
        margin-left: 24px;
    }

    .package .tbl-prices.rooms .btns a {
        margin-top: 2px
    }

    .noticing a {
        display: block;
        padding: 5px 0;
        white-space: nowrap
    }

    .noticing {
        padding: 0 0 0 26px
    }

    .packages1 .paging-result {
        font-size: .9em
    }

    .packages1 .paging-result .td2, .packages1 .paging-result .td3, .packages1 .paging-result .td4, .packages1 .paging-result .td5 {
        display: none
    }

    .packages1 .paging-result .td6, .packages1 .paging-result .td7 {
        font-size: 1.2em
    }

    .tabelle-preise {
        font-size: .8em
    }

    .saison .legend {
        font-size: .8em;
        position: static;
    }

    .saison .legend span {
        padding: 2px;
    }

    .packages-filter .parameter {
        padding-top: 8px
    }

    .packages-filter .parameter .checkbox {
        width: 45%;
        display: inline-block;
        margin: 0;
        padding: 6px 0
    }

    .google-map .map {
        max-height: 300px;
        margin-right: 6%;
        width: 94%!important
    }

    .companies_overview_tbl7 .item {
        width: 98%;
        padding: 1%
    }

    .listmenuitems {
        width: 100%
    }

    .listmenuitems td {
        display: block;
        padding: 0 0 20px 0
    }

    .map-contentfilter {
        height: auto;
        overflow: hidden
    }

    .radweg-item .li, .radweg-item .ri {
        float: none;
        width: auto
    }

    .radweg-item .li img {
        width: 100%;
    }

    .voucher .r, .voucher .preview {
        float: none;
        width: auto
    }

    .voucher .preview {
        padding: 20px;
        margin-bottom: 20px
    }

    .voucher .button {
        padding: 15px 30px
    }

    .reservationform span {
        display: block;
        margin-top: 4px
    }

    .reservationform input, .reservationform select {
        padding: 10px 5px
    }

    .reservationform .variante2 .it label {
        margin-left: 0
    }

    .reservationform .variante2 .it label.lb2 {
        margin-left: 20px
    }

    .line.personal div {
        float: none;
        width: auto
    }

    .reservationform .personal span {
        display: block;
        width: auto;
        padding-top: 8px
    }

    .reservationform .btn .button {
        padding: 18px 0;
        width: 100%
    }

    .reservationform .al {
        font-size: 1.1em;
        display: block;
        padding-top: 12px
    }

    .reservationform .alternate {
        margin: 0
    }

    .packages4 .img img {
        width: 100%;
        max-width: 100%;
        height: auto
    }

    #h #hm .controls .prev, #h #hm .controls .next {
        top: 20px!important;
    }

    .slick-dots li button {
        margin: 0 8px
    }

    .packages4 article {
        margin: 25px 0!important
    }

    .google-map .map-buttons a {
        padding: 8px 12px
    }

    .tbl-packages1.cells.c2 .shorttext {
        min-height: 70px;
    }
	
	.slick-slide .descr {
		font-size: 0.90em;
	}

    .slick-dots {
        width: 40%;
        margin: 0!important;
        bottom: -70px!important;
        left: 50%!Important;
        margin-left: -63px!important;
    }
	
	.imagegallery.design6 .slick-dots {
		bottom: 15px !important;
		left: 0 !important;
		margin: 0 !important;
		width: 100%;
	}
	
	.imagegallery.design6 .slick-dots button {
		margin: 0 4px;
	}

    .packages2 .controls {
        bottom: -85px!important;
    }

    .packages2 .controls .prev,.packages2 .controls .next {
        margin: 0 70px!important;
    }

    #h .controls .next,#h .controls .prev {
        height: 60px!important
    }

    #h .controls .next:before,#h .controls .prev:before {
        margin: 15px auto 0 auto!Important;
    }

    .company_detail2 {
        overflow: hidden
    }

    .company_detail2 .map-direction .address-mode,.company_detail2 .map-direction .button {
        width: 49%!important;
        box-sizing: border-box;
        display: inline-block;
        margin: 15px 1% 15px 0;
        box-sizing: border-box
    }

    .company_detail2 .map-direction span:first-child {
        padding-right: 12px
    }

    .company_detail2 .map-direction .address {
        min-width: 51%;
        width: auto;
        box-sizing: border-box;
        margin: 0
    }
	
	#fixedBottom a:link, #fixedBottom a:visited{
		font-size:.95rem;
	}	
	
	#m{
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
	}
	
	footer article {
		width: calc(100% - 18px);
		padding: 0 9px;
	}
	
}

@media screen and (max-width: 500px) {
	#fixedBottom a:link, #fixedBottom a:visited{
		font-size:1.1rem;
	}	
	
	#fixedBottom li:last-child{
		display:none;
	}
	#fixedBottom li:nth-of-type(1) a:link, 
	#fixedBottom li:nth-of-type(1) a:visited{border-right:2px solid #fff;}
	#fixedBottom li:nth-of-type(2) a:link, 
	#fixedBottom li:nth-of-type(2) a:visited{border-right:none;border-left:2px solid #fff;}
	
	
	.rooms.individualtemplate .item{padding-right:0;}
	
	.tbl-packages1.cells.c2 .d1{
		width:100%;
		float:none;
		padding:0;		
	}
	
	.tbl-packages1.cells.c2 .d2{
		position:absolute;
		bottom:0;
		left:0;
		background: rgba(255,255,255,.8);
		padding:15px;
		width:auto;
		box-sizing:border-box;
		margin:0;
	}
	.tbl-packages1 .row{
		background:none;
		margin:0 0 0 0;
		padding:0;
	}
	.tbl-packages1.cells.c2 article{
		margin:0 0 45px 0;
	}
}



@media screen and (max-width: 420px) {
	.tbl-packages1.cells.c2 .d2{
		position:static;
	}


    .packages1 .paging-result .td1, .companies_overview_tbl7 .paging-result .td1 {
        display:none
    }

    .voucher .printsend div.package img {
        width: 100%;
    }

    .package h3 {
        font-family: GothamM;
        overflow: hidden;
        display: inline-block;
        width: 100%;
    }

    .voucher .r .p .packages span.pv {
        display: inline-block;
        width: 100%;
    }

    .voucher .r input.price.txtbox {
        height: 18px;
    }

    .companies_overview_tbl7 .item {
        height: auto;
        margin: 10px 0
    }

    .companies_overview_tbl7 .item .img {
        height: auto;
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .companies_overview_tbl7 .item .r {
        display: block;
        width: 100%;
        padding: 0;
        position: static;
        height: auto;
        margin: 15px 0 0 0
    }

    .companies_overview_tbl7 .item .r a.more {
        position: relative!important;
        margin: 10px auto;
        display: block!important;
        max-width: 150px;
        width: 100%;
        left: 0!important
    }

    .companies_overview_tbl7 .item .img img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        width: auto
    }

    #m .company_detail2 .pntabs ul li {
        display: block;
        float: none;
        width: 100%
    }

    .ui-tabs .ui-tabs-nav li a {
        float: none;
        text-align: center;
        margin: 0 auto;
        display: block
    }

    .companies-filter .compname input[type="text"] {
        display: block;
        width: 100%
    }

    .company_detail2 .map-direction .address {
        width: 100%
    }
	
	
	#fixedBottom a:link, #fixedBottom a:visited{
		font-size:.9rem;
	}
	
	html.dev #h2 .packages2 .scrollEl:hover figure:after,
	html.p #h2 .packages2 figure:after {
		bottom: -230px;		
    }
	html.p #h2 .packages2 .scrollEl figure{
		height:200px;
	}
	html.p #h2 .packages2 .scrollEl .price, html.p #h2 .packages2 .scrollEl:hover .price{
		top:149px!important;
		font-size:1.5em;
	}
	
	footer #pl{
		width: calc(100% - 30px);
		padding: 0 15px;
	}
	
	.rooms.individualtemplate .gallery{
		width:100%;
		float:none;
		padding:0 0 15px 0;
		margin-bottom:0;
	}
	.rooms.individualtemplate .txt{width:100%;float:none;}
	.rooms.individualtemplate .gallery .next{right:0;}
	
	
	.room-detail.view3 .room .images .image, .room-detail.view3 .room .images .image.img0{
		width:100%!important;
		margin:0 0 4px 0!Important;
		height:auto!Important;
	}
	.room-detail.view3 .room .images img{height:auto!Important;object-fit:unset!Important;}
	.room-detail.view3 .button{display:block;margin:0 0 15px 0;}
	
	.seekda-alternatives .alternatives-items .item{
		padding:0 15px 0 15px;
	}
	.seekda-alternatives .alternatives-items .room:nth-of-type(1){
		width:calc(50% - 10px);
		margin:0 10px 0 0;
	}
	.seekda-alternatives .alternatives-items .room:nth-of-type(2){
		width:calc(50% - 10px);
		margin:0 0 0 10px;
	}
	.seekda-alternatives .alternatives-items .rooms .room:nth-of-type(3){display:none;}
	
	html.ie #h2 .packages2 .scrollEl .price, html.ie #h2 .packages2 .scrollEl:hover .price{
		top:132px!important;
	}
}

@media screen and (max-width: 360px) {
    header .reservation-preview .next, header #mt1, header .tel {
        width:40px;
        height: 40px
    }

    header .reservation-preview .next:before, header #mt1:before, header .tel:before {
        left: 8px;
        top: 6px
    }

    header .tel:before {
        top: 9px;
        left: 9px
    }

    header #mt1:before {
        top: 9px
    }

    header .tel {
        right: 64px
    }

    header #mt1 {
        right: 114px
    }

    .tbl-packages1.cells.c2 .np {
        position: static!important;
    }

    .tbl-packages1.cells.c2 .shorttext {
        min-height: 70px;
    }

    .Mobileview_Ausblenden {
        display: none;
    }

    .Nur_bei_Mobileview {
        display: block;
    }

    #h2 .packages2 .scrollEl .txt {
        padding-top: 8px!important
    }

    #h2 .packages2 .scrollEl figure {
        height: 200px;
    }

    #h2 .packages2 .scrollEl .price, #h2 .packages2 .scrollEl:hover .price {
        top: 140px!Important;		
    }

    #ht .scrollEl .tooltip .tooltip-txt {
        font-size: .6em;
        width: 260px;
    }
	
	.room-quick-search{		
		
	}
	.room-quick-search .fromto{
		max-width:320px;
		flex:0;
		width:100%;
		min-width:0;
	}
	
	/*
	form[action='/?LNG=de'] .imagegallery.design6 {
		max-height:170px;
	}*/
	
	.tbl_login td,
	.tbl_login input[type='text'],
	.tbl_login input[type='password'] {
		display: block;
		width: 100%;
	}
		
	.tbl_login input[type='text'],
	.tbl_login input[type='password'] {
		padding: 4px;
	}
	
	.tbl_login .tr2 + tr td:first-child {
		display: none;
	}
	
}

@media screen and (max-height: 800px) {
    .google-map .map {
        height:280px;
    }
}

@media screen and (max-height: 600px) {
    .google-map .map {
        height:250px;
    }
}

@media screen and (max-height: 500px) {
    .google-map .map {
        height: 150px;
    }
}

@media screen and (max-height: 400px) {
    .google-map .map {
        height: 50px;
    }
}