/* responsive
--------------------------------------------- */

.mobile-only {
	display:none;
}	

.kopf .menuebutton {
	position:absolute;
	z-index:3;
	bottom:0;
	right:0;
	width:50px;
	height:50px;
	display:block;
	background:url(images/alpha-schwarz.png);
	display:none;
	cursor:pointer;
}
.kopf .menuebutton .menuebuttoninnen {
	position:relative;
	width:30px;
	height:30px;
	margin:10px 0px 0px 10px;
	font-size:2px;
	line-height:2px;
	display:block;
}

.kopf .menuebutton .menuebuttoninnen .strich {
	width:30px;
	height:2px;
	position:absolute;
	background:#fff;
	display:block;	
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.kopf .menuebutton .menuebuttoninnen .strich-1 {
	top:0px;
    transition-property: opacity;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.kopf .menuebutton .menuebuttoninnen .strich-2 {
	top:14px;
}
.kopf .menuebutton .menuebuttoninnen .strich-3 {
	top:14px;
}
.kopf .menuebutton .menuebuttoninnen .strich-4 {
	bottom:0px;
    transition-property: opacity;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.kopf .menuebutton .menuebuttoninnen.offen .strich-1,
.kopf .menuebutton .menuebuttoninnen.offen .strich-4 {
	opacity:0;
}
.kopf .menuebutton .menuebuttoninnen.offen .strich-2 {
	transform: rotate(-45deg);
}
.kopf .menuebutton .menuebuttoninnen.offen .strich-3 {
	transform: rotate(45deg);
}
	
.mobilenav {
	display:none;
	overflow:hidden;
}



@media only screen and (max-width: 1050px), screen and (max-height: 860px) {
	
	:root {
		xxfont-size:10px; /* = 1 rem */
		font-size:clamp(7px, 1.023vw, 10px);
	}


	/* Breiten und Hoehen */
	.konsole {
		width:80rem;
	}
	.kopf {
		width:100%;
	}
	.kopf .logo {
		width:11.5rem;
		height:11.5rem;
	}
	.hauptnav li {
 		padding:0px 0.5rem 0px 0.5rem;
	}
	.hauptnav a, .site-content .teaserwrapper a {
		font:2.1rem/2.4rem graublauweb-webfont, helvetica, sans-serif;
	}
	
	
	.site-content {
		padding-top:4rem;
	}
	.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content ul {
		max-width:100%;
	}

	/* teaser */
	.teaser {
		width:37.6rem;
		height:23.2rem;
		margin-right:4.8rem;
		margin-top:2.4rem;
		margin-bottom:2.4rem;
	}
	.teaser-2 {
		margin-right:0px;
	}
	
	
	/* philo */
	.textlinks {
		width:37.6rem;
		margin-right:4.8rem;
	}
	img.alignright {
		min-width:37.6rem;
		max-width:37.6rem;
		height:100%;
		height:auto;
	}		


}

@media only screen and (min-width: 611px) {
	.mobilenav {
		display:none;
		height:0px;
	}
}

/* mobile */
@media only screen and (max-width: 610px) {
	.mobile-only,
	.kopf .menuebutton {
		display:block;
	}	
	.hauptnav {
		display:none;
	}
	.konsole {
		width:100%;
		top:20px;
		padding:0px 20px 0px 20px;
	}
	.kopf .logo {
		width:14vw;
		height:14vw;
	}
	.teaserwrapper {
		position:relative;
		width:37.6rem;
		margin-left:auto;
		margin-right:auto;
	}
	.teaser {
		float:none;
		margin-right:0rem;
		margin-top:3rem;
		margin-bottom:3rem;
	}
	
	/* philo */
	td:has(.textlinks) {
		width:65%;
	}
	.textlinks {
		width:100%;
	}
	img.alignright {
		min-width:100%;
		max-width:100%;
		height:100%;
		height:auto;
	}
	@supports (hyphens: auto) or (-ms-hyphens: auto) or (-moz-hyphens: auto) or (-webkit-hyphens: auto) {

		p {
			
			/*safari*/
			-webkit-hyphens: auto;
			-webkit-hyphenate-limit-before: 3;
			-webkit-hyphenate-limit-after: 3;
			-webkit-hyphenate-limit-chars: 4 2 2;
			-webkit-hyphenate-limit-lines: 3;
			-webkit-hyphenate-limit-last: always;
			-webkit-hyphenate-limit-zone: 8%;
			
			/*firefox*/
			-moz-hyphens: auto;
			-moz-hyphenate-limit-chars: 4 2 2;
			-moz-hyphenate-limit-lines: 3;
			-moz-hyphenate-limit-last: always;
			-moz-hyphenate-limit-zone: 8%;
			
			/*ie 10, edge*/
			-ms-hyphens: auto;
			-ms-hyphenate-limit-chars: 4 2 2;
			-ms-hyphenate-limit-lines: 3;
			-ms-hyphenate-limit-last: always;
			-ms-hyphenate-limit-zone: 8%;
			
			/*normal*/
			hyphens: auto;
			hyphenate-limit-chars: 4 2 2;
			hyphenate-limit-lines: 3;
			hyphenate-limit-last: always;
			hyphenate-limit-zone: 8%;
		}
	}


}