/* +++++++++++++++++++++++++++++++++++++++++++++++
  Brechtken style.css Datei -- Copyright (C) 2022
 +++++++++++++++++++++++++++++++++++++++++++++++++ */

		@media screen and (min-width:960px)
		{
			h1{
			font-size:1.4em;
			}
			h2{
			font-size:1.1em;
			color: #003399;
			}
			#wrapper{
			width: 960px;
			margin: 0 auto;
			box-shadow: 0px 0px 85px 0px #000;
			background-image: url("https://www.prof-brechtken.de/images/VDE500.png");
			background-repeat: no-repeat;
			background-position: 50% 75%;
			background-color: white;
			margin-top: 1em;
			margin-bottom: 2em;
			}
			section{
			clear: both;
			width: 600px;
			font-size: 0.9em;
			float: left;
			margin: 1em -1em 0 0;
			padding-left: 3em;
			padding-top: 3em;
			padding-bottom: 4em;
			padding-right: 2em;
			}
			aside{
			display: block;
			width: 295px;
			float: left;
			padding-top: 3em;
			color: #333333;
			padding-left: 0.5em;
			padding-bottom: 2em;
			}
			.menue
			{
				float: left;
				width: 25%;
				height: 43px;
				text-align: center;
				position: relative;
				background: #999;
				opacity: 1;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
				-webkit-flex: 1;
				flex: 1;
				-webkit-order: 1;
				order: 1;
			}
			.menue a
			 {
				color: #ffffff;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 1em;
				font-weight: normal;
				line-height: 2.7em;
				text-decoration: none;
			}
			.menue ul{
				list-style: none;
				padding: 0;
			}
			.menue:hover
			 {
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
			}
			.menue a:hover
			 {
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
			}
			.menue a.active 
			{
				background-color: transparent;
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 1em;
				font-weight: normal;
				line-height: 2.7em;
				border-bottom: none;
				border-left: none;
			}
			.sub:link {
				width: 660px;
				color: #ffffff;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 0.8em;
				font-weight: normal;
				line-height: 1.4em;
				text-decoration: none;
				text-align: left;
				padding: 1em;
			}
			.sub:visited {text-decoration:none; color: light blue; }
			.sub a:hover {color:#ffffff; text-decoration:underline; }
			#unav ul {
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1;
				background-color:gray;
				z-index: 99999;
			}
			#unav li 
			{
				float: none;
				padding: 0;
			}
			#unav li ul li 
			{
				float: none;
				border-bottom: 1px dotted white;
				padding: 0;
			}
			#unav li ul {
				position: absolute;
				background: gray;
				left: -9999em;
				padding: 0;
			}
			#unav li:hover ul, #unav li.sfhover ul {
				color: #ffffff;
				left: 0px;
				padding: 0;
			}
			
			
			
			
			.datenschutzlinks
			{
				text-align: left;
			}
			.datenschutzlinks h1
			{
				color: #000000;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size:1.4em;
			}
			.datenschutzlinks h2
			{
				color: #000000;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size:1.2em;
			}
			.datenschutzlinks h3
			{
				color: #000000;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size:1.0em;
			}
			.datenschutzlinks h4
			{
				color: #000000;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size:0.8em;
			}
			
		}
		
		
		@media only screen and (min-device-width:601px) and (max-device-width:960px),(min-width:601px) and (max-width:960px) 
		{
			h1{
			font-size:1.5em;
			}
			h2{
			font-size:1.15em;
			color: #003399;
			}
			body{
			margin:0;
			padding:0;
			}
			#wrapper{
			width:100%;
			background-image: url("https://www.prof-brechtken.de/images/VDE500.png");
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-color: white;
			}
			section,aside{
			clear:both;
			margin:15px auto;
			padding:10px;
			width:90%;
			float:none;
			font-size:1em;
			color:#333333;
			}
					
			.menue
			{
				float: left;
				width: 100%;
				height: 40px;
				text-align: center;
				position:relative;
				background: gray;
				opacity: 1;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
				-webkit-flex: 1;
				flex: 1;
				-webkit-order:1;
				order:1;
				margin-top: 0.7em;
			}
			.menue a
			 {
				color: #ffffff;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 1.1em;
				font-weight: bold;
				line-height: 2.1em;
				text-decoration: none;
			}
			.menue ul{
				list-style: none;
				padding: 0;
			}
			.menue:hover
			 {
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
			}
			.menue a:hover
			 {
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
			}
			.menue a.active 
			{
				background-color: transparent;
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 1.1em;
				font-weight: bold;
				line-height: 2.1em;
				border-bottom: none;
			}


			.sub:link {
				width: 580px;
				color: #ffffff;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 0.9em;
				font-weight: bold;
				line-height: 1.3em;
				text-decoration: none;
				text-align: left;
				padding: 1em;
			}
			.sub:visited {text-decoration:none; color: light blue; }
			.sub a:hover {color:#ffffff; text-decoration:underline; }


			#unav ul {
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1;
				background-color:gray;
				z-index: 99999;
			}
			#unav li 
			{
				float: none;
				padding: 0;
			}
			#unav li ul li 
			{
				float: none;
				border-bottom: 1px dotted white;
				padding: 0;
			}
			#unav li ul {
				position: absolute;
				background: gray;
				left: -9999em;
				padding: 0;
			}
			#unav li:hover ul, #unav li.sfhover ul {
				color: #ffffff;
				left: 0px;
				padding: 0;
			}
		}
		
		
		@media only screen and (max-device-width:600px),(max-width:600px)
		{
			h1{
			font-size:1.2em;
			}
			h2{
			font-size:1.1em;
			color: #003399;
			}
			body{
			margin:0;
			padding:0;
			}
			#wrapper{
			width:100%;
			background-image: url("https://www.prof-brechtken.de/images/VDE350.png");
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-color: white;
			}
			section{
				font-size:0.9em;
				line-height: 1.4em;
			}
			aside{
			float:none;
			font-size:0.8em;
			color:#333333;
			}
			.menue
			{
				float: left;
				width: 100%;
				height: 40px;
				text-align: left;
				position:relative;
				background: gray;
				opacity: 1;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
				-webkit-flex: 1;
				flex: 1;
				-webkit-order:1;
				order:1;
				margin-top: 0.5em;
			}
			.menue a
			 {
				color: #ffffff;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 1em;
				font-weight: bold;
				line-height: 2.4em;
				text-decoration: none;
				padding-left: 1em;
			}
			.menue ul{
				list-style: none;
				padding: 0;
			}
			.menue:hover
			 {
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
			}
			.menue a:hover
			 {
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				-webkit-transition: all 0.23s ease-in;
				-moz-transition: all 0.23s ease-in;
				-o-transition: all 0.23s ease-in;
			}
			.menue a.active 
			{
				background-color: transparent;
				color: #003399;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 1em;
				font-weight: bold;
				line-height: 2.4em;
				border-bottom: none;
			}


			.sub:link {
				width: 100%;
				color: #ffffff;
				display: block;
				font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
				font-size: 0.75em;
				font-weight: bold;
				line-height: 1.7em;
				text-decoration: none;
				text-align: left;
				padding: 1em;
			}
			.sub:visited {text-decoration:none; color: light blue; }
			.sub a:hover {color:#ffffff; text-decoration:underline; }


			#unav ul {
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1em;
				background-color:gray;
				z-index: 99999;
			}
			#unav li 
			{
				float: none;
				padding: 0;
			}
			#unav li ul li 
			{
				float: none;
				border-bottom: 1px dotted white;
				padding: 0;
			}
			#unav li ul {
				position: absolute;
				background: gray;
				left: -9999em;
				padding: 0;
			}
			#unav li:hover ul, #unav li.sfhover ul {
				color: #ffffff;
				left: 0px;
				padding: 0;
			}
		}
		
*{
margin:0;
}
a{
	color: lightblue;
	font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 2em;
	text-decoration: underline;
}
img{
max-width: 100%;
}
body{
font-family:verdana;
font-size:100%;
background-color: #999;
}
header,footer,nav,#wrapper,figure,img{
display:block;
}
header{
background:#cccccc;
color:#fff;
height:0px;
margin-bottom:0px;
width:100%;
}
#logo{
height: 0px;
margin:0;
padding:0px;
font-size:1.8em;
font-weight:bold;
}
		

.slogan
{
	widht: 100%;
	height: auto;
	text-align: center;
	background: white;
	color: #444444;
	margin-bottom: 1em;
	opacity: 0.8;
	margin-top: -84px;
	text-shadow: 1px 1px white, 2px 2px #ccc;
	z-index:3;
}

.image_con
{
	height: auto;
	width: auto;
} 
.image_con ul
{
	list-style-type: square;
	list-style-position: inside;
}
.image_con img 
{
    display: inline;
    text-decoration: none;
    vertical-align: top;
}


.info_1
{
	width: 100%;
	height: 100%;
	background-image: url("https://www.prof-brechtken.de/images/Modern-electric-grid-lines-and-renewable-energy-concept-with-photovoltaic-panels-and-wind-turbines.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}


#nach-oben
{
	background: gray none repeat scroll 0 0;
	bottom: 2em;
	color: #003399;
	display: none;
	font-size: 1.5em;
	height: 1em;
	line-height: 0.9em;
	margin: 0.3em;
	padding: 0.5em;
	position: fixed;
	right: 1em;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	width: 1.5em;
	z-index: 9999;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	box-shadow: 0px 0px 5px 0px #232323;
	opacity: 0.7;
}
#nach-oben:hover 
{
    background: #ffffff;
}

#anschrift1 {
	font-size:1.4em;
	color:#000000;
	text-align: left;
}
#anschrift2 {
	font-size:1.4em;
	color:#000000;
	text-align: left;
}
#anschrift1 a {
	font-size:1em;
	color: #003399;
	text-align: left;
	font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
	font-weight: normal;
	line-height: 2em;
	text-decoration: none;
}
#anschrift1 a:hover 
{
    color: #000000;
}

p{
padding:10px 10px;
font-size:1em;
}
section {
min-height: 650px;
color: #333333;
line-height: 2em;
list-style-position:outside;
padding-left: 3em;
padding-top: 1em;
padding-bottom: 1em;
padding-right: 1em;
}
section img {
margin: 0 auto;
}
section a{
	color: #003399;
	text-decoration: none;
}
section a:hover{
	color: #000000;
}
figure{
font-size:0.75em;
text-align:center;
padding: 25px;
}
figure img:hover{
	transform: scale(1.05);
}
figure img{
margin: 0 auto;
}
.clear
{
	clear:both;
}
			
footer 
{
	background-color: #999;
	margin: 0 auto;
	color: #232323;
	font-size: 0.9em;
	width: 100%;
	float: left;
	box-sizing: border-box;
}
footer a
{
	color: #ffffff;
	font-family: Verdana,Arial,Lucida,"Lucida Sans",Helvetica,sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 2em;
	text-decoration: underline;
}
.footer-style
{
	text-align: center;
	padding: 2em;
}
#cookiebanner 
{
	position: fixed;
	top: 0px;
	bottom: auto;
	background: black;
	opacity: 0.8;
	z-index: 1000;
	width: 100%;
	height: auto;
	margin: 0 auto;
	color: white;
	line-height: 1.3em;
	padding: 0;
	font-size: 0.9em;
}
.cookiebanner-style
{
	padding: 0.8em;
}

#slider 
{
	margin: 0px auto 0;
	width: 100%;
	height: auto;
}
#slider1_container
{
	width: 960px;
	height: 450px;
	position: relative;
	margin: 0px auto 0;
	top: 0px; 
	left: 0px; 
	overflow: hidden;
}
.slider_load
{
	position: absolute;
	top: 0px;
	left: 0px;
}
.slider_load_d1
{
	filter: alpha(opacity=70); 
	opacity: 0.7; 
	position: absolute; 
	display: block; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;	
}
.slider_load_d2
{
	position: absolute; 
	display: block; 
	background: url(https://www.prof-brechtken.de/images/loading.gif) no-repeat center center; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;			
}
.slider_container
{
	cursor: grab; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 960px; 
	height: 450px; 
	overflow: hidden;				
}

.kontaktformular
{
	height: auto;
    padding: 5px;
    text-align: left;
    width: 100%;
	float: left;
}
.kontaktformular span
{
	margin: 0px;
    text-align: left;
    width: 120px;
	float:left;
}
.kontaktformular img
{
	float:left;
}

.fotoquelle
{
	text-align: right;
	color: gray;
}