/* 1900 */
	@media only screen and (max-width: 1900px) { }
	
	/* 1600 */
	@media only screen and (max-width: 1599px) { 
	
		/* ------------------------------- 
		TEASER */
		#teaser .image,
		#teaser #textbox { height: 400px; }
		
		#teaser .image img {transform: scale(.9) translate(-50%, -20%);}
		#teaser #textbox {transform: translate(-50%, -25%);}
	}
	
	/* < 1440 */
	@media only screen and (max-width: 1439px) { 
		
		/* ------------------------------- 
		ALL FOR ALL */
		section { margin-bottom: 3rem; }
		
		/* ------------------------------- 
		TOPHEADER */
		#topheader #logo { width: 700px;}
		
		/* ------------------------------- 
		ABOUT */
		#about #contentbox {padding-top: 1rem;}

		.portrait {width: 300px;}
		.portrait:after, 
		.portrait img {
			width: 300px;
			height: 300px;
		}
		#about .copy {width: calc(100% - 300px);}
		
		/* ------------------------------- 
		ANGEBOT */
		#angebot #copy-repeater { padding-top: 2rem; }
		
		/* ------------------------------- 
		TEASER */
		#teaser .image,
		#teaser #textbox { height: 300px; }
		#teaser .image img {transform: scale(.9) translate(-50%, -20%);}

		/* ------------------------------- 
		KONTAKT */
		#kontakt .subline {padding-top: 0px;}	
		
	}
		
	/* 1280 */
	@media only screen and (max-width: 1279px) { 
	
		/* ------------------------------- 
		GRID*/
		section .col-10 {width: 90%;}
		
		/* ------------------------------- 
		TOPHEADER */
		#topheader #logo { width: 650px;}
		
		/* ------------------------------- 
		DATA */
		.data .col-1 {width: 6%;}
		.data .col-8 {width: 88%;}
			
	}
	
	/* 1160 */
	@media only screen and (max-width: 1159px) { 
	
		/* ------------------------------- 
		ANGEBOT */
		#angebot #kachel-repeater .col-4 {
			width: 50%; 
			padding: 1rem;
		}
		#angebot #kachel-repeater .col-4 .inner {
			min-height: auto; 
			padding: 1.5rem 1.5rem 2.5rem;
		}
	}
	
	/* 1024 */
	@media only screen and (max-width: 1023px) { 
	
		/* ------------------------------- 
		ABOUT */
		.portrait {width: 250px;}
		.portrait:after, 
		.portrait img {
			width: 250px;
			height: 250px;
		}
		#about .copy {width: calc(100% - 250px);}
		
		/* ------------------------------- 
		TEASER */
		#teaser .image,
		#teaser #textbox { height: 250px; }
		#teaser .image img {transform: scale(.9) translate(-50%, -20%);}
		
		/* ------------------------------- 
		FOOTER Cookies */
		footer .cookies {
		  position: relative;
		  top: auto;
		  right: 0;
		  text-align: left;
		  margin: -15px 0 0px 20px;
		  padding-bottom: 10px;
		  clear: both;
		}
		
		footer .cookies img {height: 40px;}
		footer .cookies p {padding-left: 5px;}
		
	}
	
	/* 940 */
	@media only screen and (max-width: 939px) { 

		/* ------------------------------- 
		ABOUT */
		#quoteslider .quote {margin: 20px 0;}
		
		
		
	}
	
	/* 850 */
	@media only screen and (max-width: 850px) { 
	
		/* ------------------------------- 
		TOPHEADER */
		#topheader #logo {width: 90%;}

		/* ------------------------------- 
		ABOUT */
		#about .copy {
			width: 100%;
  			padding-left: 0px;
		}

		.portrait {
			margin: 0px auto 30px;
			display: block; 
		}
		.portrait,
		.portrait:after, 
		.portrait img {
			width: 220px;
			height: 220px;
		}
		
		/* ------------------------------- 
		TEASER */
		#teaser .image, 
		#teaser #textbox {height: 200px;}
		
		/* ------------------------------- 
		KALENDER */
		#termine #contentbox p br { display: none; }
		
		#terminbox #topline #uhrzeit,
		#terminbox #zeiten { width: 90px;}
		#terminbox #topline #tage,
		#terminbox #termine { width: calc(100% - 90px);}
		
		#topline #tage p {
			text-indent: -9999px;
  			line-height: 0;
   		}
		#topline #tage p:after {
			display: block;
			line-height: initial;
			
			font-size: 1.05rem; 
			font-family: 'museo-sans-700';
			text-indent: 0;  
		}
		
		#terminbox #zeiten .box, #terminbox #termine .box {min-height: 50px; }
		p.name,
		#zeiten p {font-size: .95rem;}
		
		#topline #tage .mo p:after {content: 'Mo.'; }
		#topline #tage .di p:after {content: 'Di.'; }
		#topline #tage .mi p:after {content: 'Mi.'; }
		#topline #tage .do p:after {content: 'Do.'; }
		#topline #tage .fr p:after {content: 'Fr.'; }
		#topline #tage .sa p:after {content: 'Sa.'; }
		
		/* ------------------------------- 
		FOOTER */
		/*footer { height: 60px; }*/
		footer ul {float: right; padding: 15px 30px 15px;}
		
		footer .copyright {left: 5%;}
		footer .cookies {margin-left: 5%;}
		
		/* ------------------------------- 
		DATA */
		.data #logo-small,
		.error404 #logo-small {padding-left: 1rem;}
		
		.data .col-1 {width: 5%;}
		.data .col-8 {width: 90%;}
		
		.data p { text-align: left; }
		
		/*close*/
		#close {right: 3%;}
		
	}
	
	/* 767 */
	@media only screen and (max-width: 766px) { 
		/* ------------------------------- 
		ANEGBOT */
		#angebot #kachel-repeater .col-4 {width: 100%; }
	}
	
	/* 600 */
	@media only screen and (max-width: 599px) { 
		/* ------------------------------- 
		TOPHEADER */
		.logo.desktop { display: none; }
		.logo.mobile { display: block; }
		section#topheader {height: 100vh;}
		
		/* ------------------------------- 
		TEASER */
		#teaser .image, 
		#teaser #textbox {height: 170px;}
		
		/* ------------------------------- 
		KALENDER / BRAKE */
		#terminbox #topline,
		#terminbox #topline #tage, 
		#terminbox #topline #uhrzeit, 
		#terminbox #zeiten { display: none;}
		
		#terminbox #topline #tage, 
		#terminbox #termine,
		#terminbox #termine .col-2 {width: 100%;}
		#terminbox {border: 0px;}

		#terminbox #termine .box { 
			display: none;  
			vertical-align: top;
			width: 33.33%;
			border: 1px solid #000;
			margin: -1px -1px 0 0;
			min-height: 70px;
		}
		#terminbox #termine .box:last-child { border-bottom: 1px solid #000; }
		#terminbox #termine .box.bg-pf-green,
		#terminbox #termine .box.bg-pf-lightgreen { display: inline-block; }
		
		 #terminbox #termine .box:before {
			line-height: initial;
			font-size: .95rem; 
			font-family: 'museo-sans-700';
			text-indent: 0;  
		}
		#terminbox #termine .box:nth-child(2):before {content: '8:00 - 9:00'; }
		#terminbox #termine .box:nth-child(3):before {content: '9:00 - 10:00'; }
		#terminbox #termine .box:nth-child(4):before {content: '10:00 - 11:00'; }
		#terminbox #termine .box:nth-child(5):before {content: '11:00 - 12:00'; }
		#terminbox #termine .box:nth-child(6):before {content: '12:00 - 13:00'; }
		#terminbox #termine .box:nth-child(7):before {content: '13:00 - 14:00'; }
		#terminbox #termine .box:nth-child(8):before {content: '14:00 - 15:00'; }
		#terminbox #termine .box:nth-child(9):before {content: '15:00 - 16:00'; }
		#terminbox #termine .box:nth-child(10):before {content: '16:00 - 17:00'; }
		#terminbox #termine .box:nth-child(11):before {content: '17:00 - 18:00'; }
		#terminbox #termine .box:nth-child(12):before {content: '18:00 - 19:00'; }
		#terminbox #termine .box:nth-child(13):before {content: '19:00 - 20:00'; }
		#terminbox #termine .box:nth-child(14):before {content: '20:00 - 21:00'; }
		#terminbox #termine .box:nth-child(15):before {content: '21:00 - 22:00'; }
		
		#terminbox #termine p.m-day {
			padding: 10px 0; 
			display: block; 
			font-family: 'museo-sans-700'; 
		}
		
		
		/* ------------------------------- 
		AGB / ERROR */
		.data #tp-grid,
		.error404 #tp-grid { min-height: calc(100vh - 250px);}
		
	}
	
	/* 480 (bis iPhone8 Portrait) */
	@media only screen and (max-width: 479px) { 
		
		/* ------------------------------- 
		TEASER */
		/*#teaser .image, 
		#teaser #textbox {height: 150px;}*/
		#teaser .image img {transform: scale(.8) translate(-50%, -15%);}
		
		#teaser h1 br { display:none; }
		
		 /* ------------------------------- 
		 KALENDER */
		 #terminbox #termine .box { width: 50%;}
		 
		 /* ------------------------------- 
		FOOTER */
		footer { height: 140px; }
		footer ul {
			float: none;
			padding: 45px 10px 25px;
			text-align: left;
		}
		
		footer .cookies {margin-left: 8%;}
		footer .cookies {margin-top: -10px;}
		footer .cookies img {height: 35px;}
		
		
	}
	
	/* 360 (SE Portrait) */
	@media only screen and (max-width: 359px) { }