@media only screen and (min-width: 961px) and (max-width: 1200px) {
			.u-repeater {
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 15px;
			}
    }

@media (max-width: 992px) {
	.toggler span {
		padding-right: 0;
		float: none;
		display: block;
	}

	.toggler:after {
		top: 30px;
	}
}

@media (max-width: 960px) {
	
/*.cr-web-form input.datum {padding-top: 18px !important; padding-bottom: 18px !important;}*/
	
			.u-repeater {
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 15px;
			}
			.u-list-item {
				margin-bottom: 20px;
				padding: 10px 30px 25px 30px;
			}
	
	.einleitung.karriere figure,
	.einleitung figure,
	.einleitung .bg-text,
	.container figure,
	.container .bg-text,
	footer .container-newsletter,
	footer .container-infos,
	footer .col-33,
	footer .col-33:first-child {
		width: 100%;
		float: none;
	}
	
	.einleitung.karriere .bg-text {
		width: 100%;
		float: none;
		margin: 0;
		position: relative;
	}
	
	.einleitung .bg-text,
	.container .bild-rechts .bg-text,
	.container .bild-links .bg-text,
	footer .col-33 {
		left: auto;
		right: auto;
		margin: 0;
	}
	
	footer .col-33 {
		margin-bottom: 40px;
		overflow: hidden;
	}

	footer .col-33.last {
		margin-bottom: 0;
	}
	
	.einleitung h1, .rezensionen h1, .einleitung.newsletter h2 {
		font-size: 5.5vw;
	}
		
	.einleitung h2, .container h2, footer .container-newsletter h4, footer .container-infos h4 {
    	font-size: 4vw;
    }
        
    .container .bg-text p, footer .container-newsletter p, footer .container-infos p {
    	font-size: 3vw;
    }
    
	body.das-aunhamer header .rsts-view:after {
		/* width: 55%; */
	}

	footer .container-infos,
	footer .container-infos a {
		font-size: 1.1rem;
	}

	.ce_table td {
		padding-right: 35px;
		font-size: .95rem;
	}
	
	.container .bild-rechts, .container .bild-links {
    	margin-bottom: 25px;
	}
	
	/* .hot-stone-behandlung .einleitung figure a:after, */
	.spa-wellness .bild-rechts figure a:after,
	.golf .bild-rechts figure a:after,
	.golf .bild-links figure a:after,
	.zimmer .bild-rechts figure a:after,
	.zimmer .bild-links figure a:after,
	.angebote-arrangements-zimmer .einleitung figure a:after, .treatments .einleitung figure a:after, .angebote-arrangements-golf .einleitung figure a:after,
	.suiten .einleitung figure a:after, .unsere-doppelzimmer .einleitung figure a:after, .unsere-kuschelzimmer .einleitung figure a:after {
		content: "";
		background: url(../img/ico-booking-b.svg) no-repeat center center;
		/* margin-top: 50px; */
		position: relative;
		/* margin-left: 40%; */
		/* margin-bottom: 57px; */
		background-size: 60px;
		height: 60px;
		line-height: 60px;
		padding-left: 0;
		text-transform: uppercase;
		display: block;
		text-decoration: none;
		border: 0 none;
		margin: 50px auto;
		text-align: center;
	}
	
	.en.spa-wellness .bild-rechts figure a:after,
	.en.golf .bild-rechts figure a:after,
	.en.golf .bild-links figure a:after,
	.en.zimmer .bild-rechts figure a:after,
	.en.zimmer .bild-links figure a:after {
		content: "";
	}
	
	body.das-aunhamer header .rsts-view:after {
		width: 30%;
	}
}

@media 
only screen and (max-width: 768px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	#corner-slider td.big-strong,
	#corner-genuss td.big-strong {
        text-align: left;
	}
	
	#corner-slider td.big-strong strong,
	#corner-genuss td.big-strong strong {
		font-size: 2.5rem;
	}
	
			.u-repeater {
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 15px;
			}
}

@media (max-width: 768px) {
	.schriftzug, .hotelstars {
		display: none;
	}
	
	.en.btn-open:after,
	.en.btn-gift:after,
	.btn-career:after,
	.btn-gift:after,
	.btn-open:after,
	.call-btn .btn-call:after,
	.btn-book:after {
		content: "";
		margin-left: 0;
	}
	
	.booking-btn {
		right: 30px;
	}
	
	.gift-btn {
		right: 90px;
	}
	
	.en.gift-btn {
		right: 90px;
	}
	
	.career-btn {
		right: 90px;
	}
	
	.call-btn {
		right: 148px;
	}
	
	.en.call-btn {
		right: 148px;
	}
	
	/* .opening-special {
		left: 7%;
	} */
	/* .extravaganza-special {
		left: 7%;
	} */
	
	body.das-aunhamer header .rsts-view:after {
		width: 35%;
	}
	
	#corner-slider,
	#corner-genuss {
		/* right: 38px !important; */
		padding: 20px;
	}

	#corner-slider td.big-strong,
	#corner-genuss td.big-strong {
        text-align: left;
	}

	#corner-slider h2,
	#corner-genuss h2 {
    	font-size: 2rem;
    }
    
	#corner-slider p,
	#corner-genuss p {
		font-size: 18px;
	}
	
	#corner-slider td.big-strong strong,
	#corner-genuss td.big-strong strong {
		font-size: 2rem;
	}

	.nov {
		width: 40%;
	}
}

@media (max-width: 576px) {
	
			.u-repeater {
				grid-template-columns: repeat(1, 1fr);
				grid-gap: 0;
			}
	
	.nov {
		width: 45%;
	}
	
	.einleitung h1, .rezensionen h1, .einleitung.newsletter h2 {
		font-size: 8.5vw;
	}
	
	.einleitung h2, .container h2, footer .container-newsletter h4, footer .container-infos h4 {
    	font-size: 8vw;
	}
	
	.container .bg-text p, footer .container-newsletter p, footer .container-infos p {
		font-size: 6.4vw;
	}
	
	.einleitung.startseite figure,
	.einleitung.blau figure {
		padding: 50px;
	}
	
	.einleitung .bg-text {
		padding: 30px;
	}
	
	footer .col-50 {
		width: 100%;
		float: none;
	}
	
	.ce_text-last {
		padding: 40px;
	}
	
	.ce_text-last .ico-flower {
		margin-bottom: 0;
	}
	
	header .mod_rocksolid_slider img {
		height: 55vh !important;
	}

	.overlay {
		overflow: hidden;
		width: 100%;
		border: 13px solid #eeeded;
	}
	
	.overlay .menu ul ul li a {
		color: #eeeded;
		font-weight: 300;
		font-size: 5vw;
	}
	
	#euf_overlay h2 {
    	font-size: 1.8rem;
	}
	
	/* .overlay .menu ul ul ul.level_3 li a {
		font-size: 3.5vw;
	} */
	
	.overlay nav {
		transform: translateY(10%);
		overflow: scroll;
	}

	body.das-aunhamer header .rsts-view:after {
		/* width: 45%; */
		width: 35%;
	}
	
	.schriftzug
	/* .das-aunhamer .blobs-container */ {
		display: none;
	}
	
	.opening-special {
		/* height: 60px;
		width: 60px;
		bottom: auto;
		top: 105px;
		left: auto;
		right: 25px;
		z-index: 9; */
		
        height: 95px;
        width: 95px;
        bottom: auto;
        top: 30px;
        left: auto;
        right: 25px;
        z-index: 9;
	}

	.das-aunhamer .opening-special.room-check,
	.opening-special.room-check {
		top: 260px;
		bottom: 40px;
		position: absolute;
	}
	
	.ico-facebook {
		display: none;
		position: absolute;
		right: 37px;
		bottom: 85px;
	}
	
	.ico-instagram,
	.booking-btn {
		display: none;
	}
	
	.call-btn {
        right: auto;
        left: 30px;
        top: 90px;
    }
	
	.gift-btn {
		display: none;
	}
	
	.mod_changelanguage {
		display: block;
		position: absolute;
		left: 36px;
		top: auto;
		bottom: 40px;
	}
	
	.mod_changelanguage a {
		width: 30px;
		height: 30px;
		background: url(../img/ico-bg-grey.svg) no-repeat;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: rgba(20, 40, 70, 1);
		font-weight: 300;
		font-size: 10px;
	}
	
	/* .extravaganza-special {
		height: 150px;
		width: 150px;
		bottom: 165px;
		left: 6%;
		position: absolute;
		z-index: 9;
	} */
	
	.extravaganza-special,
	.angebot-special {
		height: 135px;
		width: 135px;
		position: absolute;
	}
	
	.textbox {
		height: 100px;
		width: 100px;
		font-size: 8px;
		bottom: 30px;
		top: auto;
		left: 25px;
	}
	
	.textbox .button {
		border-top: 1px solid rgba(20, 40, 70, 1);
		padding-top: 5px;
		margin-top: 5px;
	}
	
	#quicknav {
		font-size: 14px;
	}
	
	#corner-slider,
	#corner-genuss {
		padding: 15px;
		width: 100%;
	}
	
	#corner-slider h2,
	#corner-genuss h2 {
    	font-size: 1.8rem;
    }
    
	#corner-slider table tr td,
	#corner-slider p,
	#corner-genuss table tr td,
	#corner-genuss p {
		font-size: 14px;
	}
	
	#corner-slider tr td:last-child strong, #corner-genuss tr td:last-child strong {
		font-size: 16px;
	}
	
	#corner-slider strong,
	#corner-genuss strong {
		font-size: 1.2rem;
	}

	#corner-slider td.big-strong strong,
	#corner-genuss td.big-strong strong {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 400 !important;
        color: #fff;
	}

.angebote-arrangements-zimmer .einleitung figure a:after, .treatments .einleitung figure a:after, .angebote-arrangements-golf .einleitung figure a:after,
	.suiten .einleitung figure a:after, .unsere-doppelzimmer .einleitung figure a:after, .unsere-kuschelzimmer .einleitung figure a:after, .wandern .einleitung figure a:after, .yoga .einleitung figure a:after, .fitness .einleitung figure a:after {
		content: "";
		background: url(../img/ico-booking-b.svg) no-repeat center center;
		/* margin-top: 50px; */
		position: relative;
		/* margin-left: 40%; */
		/* margin-bottom: 57px; */
		background-size: 60px;
		height: 60px;
		line-height: 60px;
		padding-left: 0;
		text-transform: uppercase;
		display: block;
		text-decoration: none;
		border: 0 none;
		margin: 50px auto;
		text-align: center;
	}

.ce_text.bild-rechts p:nth-child(2),
.ce_text.bild-links p:nth-child(2) {
	line-height: 35px;
}
	
	.ce_form .col-50 {
		width: 100%;
		float: none;
	}

	.ce_form .col-50.first {
		margin-right: auto;
	}
	
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	body.das-aunhamer header .rsts-view:after {
		width: 45%;
	}
	
}


@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}

	
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		/* table tr:first-child { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		} */
		
		tr { border-bottom: 1px solid rgba(0,0,0, .2); }
		tr:last-child { border-bottom: 0; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			/*top: 6px;*/
			left: 6px;
			width: 45%; 
			padding-right: 10px;
			white-space: nowrap;
			font-weight: bold;
		}
		.ce_table tr {
			border-bottom: 5px solid #eeeded;
		}
		.ce_table tr .col_0.col_first {
			background-color: rgba(100,200,200,1);
			font-size: 1rem;
		}
	}

/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {

	#corner-slider td.big-strong,
	#corner-genuss td.big-strong {
		text-align: left;
	}
	
	#corner-slider,
	#corner-genuss {
		width: 55%;
	}
	
	#corner-slider td.big-strong strong,
	#corner-genuss td.big-strong strong {
		font-size: 2.5rem;
	}

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
			.u-repeater {
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 15px;
			}
}