/*
Theme Name: Neues aus dem Kopf
Theme URI: http://www.manuelstahlberger.ch
Author: Manuel Märklin Programmierung
Author URI: http://www-m-maerklin.ch/
Description: Wordpressthema für die Website des Manuel Stahlberger Programms "Neues aus dem Kopf"".
Tags: black, dark, one-columns, responsive-layout
*/

@charset "UTF-8";

@media all { 

	* {
		margin: 0;
		padding: 0
	}
	
	body {
		font-family: Times, serif;
		font-size: 20px;
		background-color: #000000;
	}
	
	a {
		color: #000000;
	}
	
	h1, h2 {
		font-size: 32px;
		font-weight: normal;
		text-transform: uppercase;
	}

	h2:after {
		content: '– – – – – – – –';
		display: block;
		line-height: 0;
    	margin-bottom: 10px;
	}

	h3, h4 {
		font-weight: normal;
	}
	
	h3 {
		font-size: 27px;
		line-height: 30px;
	}
	
	h4 {
		font-size: 21px;
		line-height: 24px;
	}
	
	iframe {
		max-width: 100%;
	}
	
	img {
		border: 0;
		max-width: 100%;
		height: auto;
	}

	input {
		font-family: Times, serif;
		font-size: 20px;
		padding: 5px;
		border: 1px solid #000000;
		box-sizing: border-box;
		background-color: transparent;
		text-align: left;
		width: 100%;
	}

	input[type="text"] {
		background-color: #00ffff;
	   	-webkit-appearance: none;
    	border-radius: 0;
    	margin-bottom: 10px;
    	margin-top: 10px;
	}
	
	input[type="submit"] {
		color: #0099ff;
		border: none;
		text-decoration: underline;
		padding: 0;
	}
		
	p {
		margin: 0;
	}
	
	ol, ul {
		margin: 0;
		padding: 0;
	}
	
	ul {
		list-style: none;
	}
	
	td, th {
		vertical-align: top;
	}

	#main {
		padding: 20px;
	}

	#main .error {
		color: #ffffff;
	}
	
	#main .error a {
		color: #ffffff;
	}
	
	#pages {
		position: relative;
	}

	.page_content {
		padding: 0 10px;
		height: 100%;
		overflow: auto;
	}
	
	.page_content h2 {
		margin-top: 10px;
	}
	
	.page .content {
		line-height: 23px;
	}
	
	.page .line {
		margin-top: 5px;
		font-size: 16px;
		line-height: 16px;
	}

	.page .small {
		font-size: 18px;
		line-height: 18px;
	}

	.page.manuel-stahlberger {
		font-size: 32px;
		background-color: #ff0000;
		width: 600px;
		margin-bottom: 10px;
		margin-left: 20px;
	}

	.page.manuel-stahlberger .content {
		line-height: 35px;
		font-style: italic;
	}
	
	.page.tourplan {
		background-color: #ffff00;
		width: 260px;
		height: 860px;
	}

	.page.tourplan a {
		color: #0099ff;
	}
	
	.page.fotos {
		background-color: #ffffff;
	    position: absolute;
		left: 280px;
	    top: 115px;
		width: 320px;
		height: 510px;
	}

	.page.fotos a {
		color: #ff0000;
	}
	
	.page.fotos img {
		width: 290px;
	}

	.page.pressestimmen {
		background-color: #00ff00;
	    position: absolute;
		left: 270px;
	    top: 640px;
		width: 340px;
		height: 270px;
	}

	.page.pressestimmen a {
		color: #ff00ff;
	}
	
	.page.kontakt {
		background-color: #0099ff;
	    position: absolute;
		left: 630px;
	    top: -10px;
		width: 290px;
		height: 250px;
	}

	.page.kontakt a {
		color: #ffff00;
	}
	
	.page.text {
		background-color: #ffffff;
	    position: absolute;
		left: 615px;
	    top: 260px;
		width: 320px;
		height: 680px;
	}

	.page.text a {
		color: #ff0000;
	}
	
	.page.text .content {
		font-size: 16px;
		line-height: 19px;
	}
	
	.page.shop {
		background-color: #00ff00;
	    position: absolute;
		left: 930px;
	    top: 0px;
		width: 280px;
		overflow-y: hidden;
	}

	.page.shop .page_content {
		overflow-y: hidden;
	}

	.page.shop.open {
		z-index: 1;
		overflow-y: scroll;
	}

	.page.shop.open .page_content {
		height: unset;
		overflow-y: scroll;
	}

	.page.shop .closeShop {
		display: none;
	}

	.page.shop .closeShop, .page.shop .openShop {
		font-size: 20px;
		line-height: 23px;
	}

	.page.shop .shopContent {
		display: none;
		height: 0;
	}

	.page.shop.open .shopContent {
		display: block;
		height: unset;
		background: white;
		margin: 10px -10px;
		padding: 10px;
	}

	.page.shop a {
		color: #ff00ff;
	}

	.page.shop * {
		font-size: 16px;
		line-height: 20px;
	}

	.page.shop .smaller {
		font-size: 13px;
		line-height: 15px;
	}
	
	.page.shop h2 {
		font-size: 32px;
		line-height: 32px;
	}

	.page.shop h3 {
		/* font-size: 20px;
		line-height: 23px; */
		margin-top: 20px;
	}

	.page.shop h4 {
		/* font-size: 20px;
		line-height: 23px; */
		margin-top: 15px;
	}

	.page.shop h3:after {
		content: '– – – – – – – – – – – – – – – – – – – –';
		display: block;
		line-height: 0;
		margin-bottom: 15px;
	}

	.page.shop table:after {
		content: '– – – – – – – – – – – – – – – – – – – –';
		display: block;
		line-height: 0;
		margin-bottom: 10px;
		margin-top: 10px;
		position: absolute;
		left: 10px;
	}

	@media screen AND (min-width: 760px) {
		.page.shop .page_content {
			height: 120px;
		}

		.page.shop.open {
			height: 600px;
		}

		.page.shop {
			height: 120px;
		}
	}

	.wpcf7-list-item {
	margin: 0;
}

	.wpcf7 input {
		width: max-content;
		max-width: 100%;
	}

	.wpcf7 input[type="number"] {
		width: 50px;
	}

	span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
		margin-top: 8px;
		display: inline-block;
	}


	.page.newsletter {
		background-color: #ffff00;
	    position: absolute;
		left: 950px;
	    top: 130px;
		width: 240px;
		height: 200px;
		line-height
	}

	.page.newsletter a {
		color: #0099ff;
	}
	
	.page.videos {
		background-color: #ff0000;
	    position: absolute;
		left: 960px;
	    top: 340px;
		width: 260px;
		height: 460px;
	}

	.page.links {
		background-color: #ff00ff;
	    position: absolute;
		left: 940px;
	    top: 810px;
		width: 260px;
		height: 120px;
		overflow-x: show;
	}

	.page.links .page_content .content {
		width: 400px;
	}
	

	.page.links a {
		color: #00ff00;
		margin-right: 10px;
	}
	
	#bktest {
		color: #ffffff;
		font-size: 14px;
		position: absolute;
		bottom: -10px;
		right: 0;
		cursor: pointer;
	}

	#bktest.bktest {
		color: #000000;
	}

	body.bktest {
		font-family: Arial, sans-serif;
		background-color: #ffffff;
	}

	img.bktest {
		-webkit-filter: grayscale(1);
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");
		filter: gray;
	}

	.page.manuel-stahlberger.bktest,
	.page.tourplan.bktest,
	.page.fotos.bktest,
	.page.kontakt.bktest,
	.page.text.bktest,
	.page.videos.bktest,
	.page.pressestimmen.bktest ,
	.page.newsletter.bktest,
	.page.shop.bktest,
	.page.links.bktest {
		background-color: #ffffff;
		border: 1px solid #000000;
	}

	.page.manuel-stahlberger.bktest a,
	.page.tourplan.bktest a,
	.page.fotos.bktest a,
	.page.kontakt.bktest a,
	.page.text.bktest a,
	.page.videos.bktest a,
	.page.pressestimmen.bktest a ,
	.page.newsletter.bktest a,
	.page.shop.bktest a,
	.page.links.bktest a {
		color: #000000;
	}

	.page.newsletter.bktest input {
		font-family: Arial, sans-serif;
	}

	.page.newsletter.bktest input[type="text"] {
		background-color: #ffffff;
	}
	
	.page.newsletter.bktest input[type="submit"] {
		color: #000000;
	}
		

	#onecolindicator {
		display: none;
	}
}


@media screen and (max-width:1270px)
{
	.page.manuel-stahlberger {
		width: 560px;
	}

	.page.fotos {
		width: 280px;
	}

	.page.fotos img {
		width: 250px;
	}

	.page.pressestimmen {
		width: 300px;
	}

	.page.kontakt {
		left: 590px;
		width: 270px;
	}

	.page.text {
		left: 575px;
		width: 300px;
	}

	.page.shop {
		left: 870px;
		width: 260px;
	}

	.page.newsletter {
		left: 880px;
	}

	.page.videos {
		left: 900px;
		width: 240px;
	}

	.page.links {
		left: 880px;
		width: 250px;
	}


}


@media screen and (max-width:1180px)
{
	.page.manuel-stahlberger {
		width: 600px;
	}

	.page.tourplan {
		height: 950px;
	}

	.page.fotos {
		width: 320px;
	}

	.page.fotos img {
		width: 290px;
	}

	.page.pressestimmen {
		left: 290px;
	    top: 1340px;
		width: 300px;
	}

	.page.kontakt {
		left: 10px;
	    top: 1070px;
		width: 260px;
	}

	.page.text {
		left: 290px;
	    top: 640px;
		width: 320px;
	}

	.page.shop {
		left: 20px;
	    top: 1800px;
		width: 280px;
	}

	.page.newsletter {
		left: 310px;
	    top: 1620px;
	}

	.page.videos {
		left: 20px;
	    top: 1330px;
		width: 260px;
	}

	.page.links {
		left: 330px;
	    top: 1830px;
		width: 260px;
	}
	
	#bktest {
		padding-bottom: 20px;
    	top: 1980px;
	}
}

@media screen and (max-width:760px)
{
	.page.manuel-stahlberger,
	.page.tourplan,
	.page.fotos,
	.page.kontakt,
	.page.text,
	.page.videos,
	.page.pressestimmen,
	.page.newsletter,
	.page.shop,
	.page.links {
		width: auto;
		height: auto;
	}

	.page.manuel-stahlberger {
		margin-left: 0;
	}

	.page h2 {
		cursor: pointer;
	}	
	
	.page .content {
		display: none;
	}	
	
	.page.manuel-stahlberger .content {
		display: block
	}

	.page.tourplan,
	.page.fotos,
	.page.kontakt,
	.page.text,
	.page.videos,
	.page.pressestimmen ,
	.page.newsletter,
	.page.shop,
	.page.links,
	#bktest {
		position: relative;
		left: 0px;
	    top: auto;
	    margin-bottom: 10px;
	}
	
	.page_content {
		overflow: hidden;
	}	
	
	#onecolindicator {
		display: block;
		height: 0;
	}
}

@media screen and (max-width:450px)
{
	.page.manuel-stahlberger,
	.page.manuel-stahlberger h2 {
		font-size: 24px;
	}
}

@media screen and (max-width:340px)
{
	.page.manuel-stahlberger,
	.page.manuel-stahlberger h2 {
		font-size: 20px;
	}
}