/* ALLGEMEIN */
/* ---------------------------------------------------------------------------------------------- */
body, html {height: 75%; background: url(bilder/hintergrundgrafik.png); repeat;}

* {
	box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;	
	word-wrap: break-word;
}

header, article, aside {
	width: 100%;
}	

h1, p {
    margin: 0 0 0.5em 0;
}

	/* großer Einleitungstext */
	p.big {    
		margin: 0.5em 0 0.5em 0;
		font-size: 1.1em;
		line-height: 1.4em
	}

	.bigaufz {
		margin: 0.5em 0 0.5em 5em;
		font-size: 1.2em;
		line-height: 1.8em;
		list-style: none;
		padding: 0 0 0 1em;
		text-indent: -1em;
	}
		
	.bigaufz li {
		
		padding: 0;
		margin: 0 0 0.25em 0;
		}
		
	.bigaufz li::before {
		content: "\00BB \0020";				
	}	

	p.bigleft {
		margin: 0.5em 0 0.5em 0;
		font-size: 1.3em;
		line-height: 1.4em;
	}

h1 {	
	text-align: center;
	font-size: 1.8em;
	padding: 0.9em 0.9em 0.6em 0.9em; 
	background-color: #dfdfdf;
	margin-bottom: 1.4em;
	color: #575859;
}

	h1.profil {
		margin-bottom: 0;
	}

h2 {
    margin: 0.5em 0 0.5em 0;
	font-size: 1.3em;
	color: #237be8;
	font-weight: bold;	
	padding: 1em 0 0.3em 0;
}

h2.publikationen {
	margin-top: 50px;
    border-bottom: 1px solid #237be8;
}

h2.hintergrund {    
	font-size: 1.3em;
	color: #ffffff;
	font-weight: bold;	
	padding: 0.3em;
	background-color: #237be8;
	text-align: center;
}

h2.hintergrund_klein {    
	font-size: 1.1em;
	color: #ffffff;
	font-weight: bold;	
	padding: 0.3em;
	background-color: #237be8;
	text-align: center;
}

	/* für Impressum */
	section.nebeneinander {
		display: flex;
		align-items: end;
		justify-content: space-between;
		flex-wrap : wrap
	}
	
	/* für Startseite - blauer Hintergrund für Button */
	div.hintergrund {
		display:flex;
		align-items: end;
		justify-content: end;
	}
	
	div.rechts { 
		width:14.0em;
		height:2.0em;   
		font-size: 1.1em;
		color: #ffffff;
		font-weight: bold;	
		background-color: #237be8;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;	
	}
	
h2.kleiner {  
	font-size: 1.0em;
	margin-top: 30px;
}

h2.kleiner2 {  
	font-size: 1.0em;
	margin-top: 10px;
}

h3 {  
	font-size: 1.0em;
	margin-top: 30px;
	margin-bottom: 10px;
}

h4 {  
	font-size: 1.0em;
	margin: 10px 0 0 16px;
}


.punktinfo {
	vertical-align: -2px;
	font-size: 20px;
	color: #237be8;
}


/* Links */
a {
	color: #237be8;
	font-weight: bold;
}

a:hover {
	color: #84b1e8;
	font-weight: bold;
}

a.light {
	color: #237be8;
	font-weight: normal;
}

a.light:hover {
	color: #84b1e8;
	font-weight: normal;
}


/* MAIN umfasst Inhalt (article) und Sidebar (aside) */
/* ---------------------------------------------------------------------------------------------- */
main {
    max-width: 100%;
    margin: 0 auto;
	height: 80%;
	}  
	
article {	
	padding: 0 25px 25px 25px;
	margin-bottom: 5em;
	font-size: 1.0em;
	color: #303131;	
	background-color: #ebf0f3;	
    background-color: hsla(210, 100%, 100%, 0.1);
}

    /* für Kontaktseite */
	article.ohnesidebar {		
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}

aside {
	margin-top: 0;
	padding: 25px;	
	border-left: 2px solid #84d1f9;
	border-radius: 0px;
	color: #575859;	
	font-size: 1.1em;
	line-height: 1.3em;	
}

footer {
	clear: both;		
	margin-bottom: 0;
	padding: 0.6em;	
	background-color: #237be8;	
	max-width: 100%;
	height: 10%;
}


/* HEADERBILDER */
/* ---------------------------------------------------------------------------------------------- */

.startheader {
	background:url(bilder/header/startbild.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;	
}
.kontaktheader {
	background:url(bilder/header/startbild-kontakt.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}
.blmschvheader {
	background:url(bilder/header/startbild-blmschv.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}
.buecherheader {
	background:url(bilder/header/startbild-buecher.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}
.luftundklimaheader {
	background:url(bilder/header/startbild-luftundklima.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}
.rauchheader {
	background:url(bilder/header/startbild-rauch.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}

.energetischeheader {
	background:url(bilder/header/startbild-energetische.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}

.informationenheader {
	background:url(bilder/header/startbild-informationen.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}

.kontaktheader {
	background:url(bilder/header/startbild-kontakt.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}

.profilheader {
	background:url(bilder/header/startbild-profil.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}

.impressumheader {
	background:url(bilder/header/startbild-impressum.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}

.datenschutzheader {
	background:url(bilder/header/startbild-datenschutz.jpg) 50% 50% no-repeat; 
	background-size:cover;
	padding:0;		
}






/* BILDER IM TEXT */
/* ---------------------------------------------------------------------------------------------- */
/* Abstand der Bilder (Gestaltungsbilder im Text) zum Inhalt (oben + unten) */

article p {	
	margin: 10px 0 10px 0;
}

img {
	max-width: 100%;
	height: auto;
	margin-bottom: 0;
	border: 0;
}

.bildrechts {
	margin: 30px 0 10px 0;
	padding: 0;
    display: flex;
    justify-content: end;	
	align-items: end;
	border-left: 10px solid #dfdfdf;
}

#bildprofil {
	margin: 0 0 10px 0;
	padding: 0;
    display: flex;
    justify-content: end;	
	align-items: end;
	border-left: 10px solid #dfdfdf;
}

#bildprofil img {
	max-width: 160px;
}

.bu {
	margin: 50px auto 5px auto;
	color: #085abf;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
}

.bu_hintergrund {    
	font-size: 1.1em;
	line-height: 1.4em;	
	color: #ffffff;
	font-weight: bold;	
	padding: 0.4em;
	background-color: #237be8;
	text-align: center;
}

	/* für "dichtheitsprüfung" */
	.textrechts {
		margin: 0 0 20px 0;
		padding: 5px 5px 0 0;
		display: flex;
		justify-content: center;	
		align-items: start;
		border-left: 10px solid #dfdfdf;
		background-color: #dfdfdf;		
		width:1200px;
	}

	.abstand_ul {
		margin-top:-0.2em;
	}

	.bildneben {
		margin: 0 0 0 0;
		padding: 0;
		display:flex; 
		justify-content:space-between;	
		align-items: start;	
		width:1200px;
	}

	.bildabstand {
		margin-right: 50px;
	}
	
	.buflex {
	margin: 10px 0 20px 0;
	color: #085abf;
	font-weight:bold;
	font-size:0.9em;
	}
	
	.mittig {
		margin: 20px 0;
		display:flex; 
		justify-content:center;	
		width:100%;
	}





/* AUFZÄHLUNGEN im Text (article) - Formatierung Text */
/* ---------------------------------------------------------------------------------------------- */
article ul {
    list-style-image: url(bilder/allgemein/square.png);
	padding-left: 1.5em;
    margin-bottom: 1.3em;
    line-height: 1.3em;
	margin-top: 0.9em;
}

article ul li { 
	margin-top: 0.9em;
	padding-left: 0.5em;
}

article ul li ul {
    list-style-image: none;
	padding-left: .9em;
    margin-bottom: 1.0em;
    line-height: 1.4em;
}

article ul li ul li {
	margin-top: 0.1em;
}

article ol {
    padding-left: 1.5em;
    margin-bottom: 1.3em;
    line-height: 1.3em;
	margin-top: 0.9em;
}

article ol li { 
	margin-top: 0.9em;
	padding-left: 0.5em;
}


/* KASTEN hellgrau hinterlegt im Text (article) - Formatierung Text und Bilderhintergrund */
/* ---------------------------------------------------------------------------------------------- */
section.hellgrau {
	background-color: #dfdede;
	padding: 5px 10px 10px 10px;	
	margin: 5px 0 20px 0;
}

.einzug {	
	margin-left: 40px;
}

section.hellgrau ul {
    list-style-image: url(bilder/allgemein/square-smaller.png);
    margin-bottom: 0;
	font-size: 1.0em;
	font-weight: bold;
}

section.hellgrau ul li {
	padding-left: 8px;
	margin-left: 10px;
}

div.einzugbreit ul {	
	margin-left: 20px;
	font-weight: normal;
}

/* KASTEN hellblau hinterlegt im Text (article) - Formatierung Text und Bilderhintergrund */
/* ---------------------------------------------------------------------------------------------- */
.hellblau {
	background-color: #d9e8f8;
	padding: 5px 20px 10px 20px;	
	margin: 5px 0 20px 0;
}

p.einzug {	
	margin-left: 40px;
}

.hellblau ul {
    list-style-image: url(bilder/allgemein/square-smaller.png);
    margin-bottom: 0;
	font-size: 1.0em;
	font-weight: bold;
}

.hellblau ul li {
	padding-left: 8px;
	margin-left: 10px;
}


/* KONTAKTFORMULAR */
/* ---------------------------------------------------------------------------------------------- */
	.kontakt {
	  display: flex;
	  vertical-align: center;
	}
	.a {
	  width: 10px;
	}
	.b {
	  width: 220px;
	}	
	.c {
	  width: 70%;
	}	
	.cc {
	  width: 70%;
	  height: 15em;
	}
	
	.fehler {
	background-color:#f2220c;
	color: white;
	padding: 5px;
}
	
#kontaktformular input  {
	width: 80%;
	margin-left: 10px; 
	border: 1px solid #84b1e8;	
	height: 2em;
	color: #737e9b;
	font-size: 1.0em;
}
	
#kontaktformular textarea  {
	width: 80%;
	margin-left: 10px; 
	border: 1px solid #84b1e8;	
	height: 2em;
	color: #737e9b;
	height: 15em;
	font-size: 1.0em;
}

#kontaktformular input.datenschutz {
	margin-left: 0;
	margin-top:0;
	width: 20px;	  
}
	
.kontaktback {
	text-align: center;
	line-height: 2em;
	font-size: 1.2em;
	margin-top: 2em;
}
#kontaktformular input.senden {
	max-width: 170px; 
	font-size: 15px; 
	font-weight: bold;
	float: right;
	margin-top: 10px;
	margin-bottom: 50px;
	margin-right: 10%;
	background-color: #237be8;
	color: #ffffff;
	padding: 0;
	border-radius: 5px;		
}


#mobil {
	display:none;
}





/* MENÜ und Steuerung */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

#steuerung {
	margin-top:30px;
	margin-right: 1.9em;
	font-weight: bold;	
	width: 100%; 	
	background-color: #84d1f9; 
	padding: 0;	
	display: flex; justify-content: center; align-items: center;
}

#steuerung li {
    list-style: none;
    float: left;
}

#steuerung a {
    height: 100%;
    width: 100%;
    padding: 0.4em 0.5em 0.3em 0.5em;
    text-decoration: none;
    color: #2b2b2c;
    background-color: #84d1f9;
	border-left: 1px solid #ffffff;
	border-bottom: 3px solid #84d1f9;
	border-top: 2px solid #84d1f9;
	display: flex; justify-content: center; align-items: center;
}  

#steuerung a:hover {
    color: #ffffff;
    background: #237be8;
	border-left: 1px solid #ffffff;
	border-bottom: 3px solid #237be8;
	border-top: 2px solid #237be8;	
} 

#steuerung a.aktuell {
    color: #ffffff;
    background: #237be8;
	border-left: 1px solid #ffffff;
	border-bottom: 3px solid #237be8;
	border-top: 2px solid #237be8;	
} 
 
.menue-button {
    display: none;	
} 
.menue {
	font-size: 0.9em;
	height: 28px; 
}

/* ENDE MENÜ und Steuerung */


/* MENÜ Button und Steuerung */
/* ---------------------------------------------------------------------------------------------- */
/*	Menü-Button einblenden bei kleiner als 1000px */
@media only screen and (max-width: 1000px) {

	.menue-button {
		background-color: #309DD8;
		border: 3px solid #ffffff;
		display: block;
		position: absolute;
		border-radius: 50%;
		right: 10px;
		top: 10px;
		padding: 0.95em 0.2em 0.2em 0.2em;
		color: #000000;
		cursor: pointer;
		text-decoration: none;
		width: 68px;
		height: 68px;
		font-weight: bold;	
		text-align: center;
	}	
	
	.menue-button:hover {
		color: #858483;
		background: #0471f7;
	}	
	
	#steuerung {
		float: right;
		width: 250px;
		display: none;
		height: 330px;
		opacity: 0.9;
		position: absolute;
		border-radius: 5px;
		right: 10px;
		top: 150px;
		background-color: #c9e9fa;
		border: 1px solid #0471f7;
	}	
	
	#steuerung li {
		width: 100%;
		padding: 8px;
	}	
	
	#steuerung a {
		height: 100%;
		width: 100%;
		padding: 0.3em 0.5em;
		text-decoration: none;
		color: #2b2b2c;
		background-color: #c9e9fa;	
		border-left: 1px solid #237be8;			
		border-right: 1px solid #c9e9fa;
		border-bottom: 3px solid #c9e9fa;
		border-top: 2px solid #c9e9fa;
	} 
	
	#steuerung a:hover {		
		color: #ffffff;
		background: #237be8;
		
	} 
	#steuerung a.aktuell {
		color: #ffffff;
		background: #237be8;		

	}	
}	


/* Steuerung einblenden (auf mobilen Geräten) */
#nav-menue:target #steuerung {
    display: block;
	display: flex; justify-content: center; align-items: center;	
}

/* Aus- und Einblenden des Menü-Buttons */
#nav-menue:target .open {
    display: none; 
}

#nav-menue-zu:target .close {
    display: block; 
}

/* Sub-Menü (im Fuß) */
#sub-menue {
	font-size: 2em;	
}

/* ENDE MENÜ Button und Steuerung */




/* Titelkopf-MENÜ und Steuerung */
/* ---------------------------------------------------------------------------------------------- */

#titelkopf {	
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 0.7em;
	font-weight: bold;
	height: 110px;
	width: 350px;
	display: flex;
    align-items: start;
    justify-content: start;
}

	.titelkopfueberschrift {     
		font-size: 1.5em; 
		font-weight: bold;
		color: #237be8;
		margin-bottom: 5px;	
		list-style-image:none;	
		margin-left:20px;	
	}	
	
	.titelkopfaktuell {     
		color: #237be8;
	}

	.titelkopffarbe {     
		color: #237be8 !important;
	}	

	
	.abstand {	
		margin-right: 10px;
		 		
	}
	

#titelkopf img { 
	vertical-align: bottom;
	display: table-cell; 
}

#titelkopf ul { 
		vertical-align: top;
		margin-left:20px;
		list-style-image:url(bilder/allgemein/pfeilhellblau.png);
}

#titelkopf li {	
	padding-top: 5px;	
	font-size: 1.2em;
	line-height: 1.4em;
	list-style-position: inside;
	left: 14px;
}

#titelkopf a {
	color: #000000; 
	max-width: 48%;  
	text-decoration: none;
	padding: 0.1em 0em;	
}

#titelkopf a:hover {
    color: #237be8;
} 

/* ENDE Titelkopf-MENÜ  */



/* Intern-MENÜ und Steuerung */
/* ---------------------------------------------------------------------------------------------- */

#internmenue li {
	margin-left: auto; 
	margin-right: 0;
	width:300px;	
	padding-top: 0;
	line-height: 0.5em; 
	font-size: 0.9em;
	list-style: none;
}

#internmenue li span {
	color:#d70005;
	list-style: none;
}

#internmenue li::marker {
	color: #d70005;
	font-size: 1.5em;
}

#internmenue a {
	color: #000000;
	text-decoration: none;
}

#internmenue a:hover {
    color: #d70005;
} 

#internmenue a.internmenueaktuell {	
	color: #d70005; 
}

/* ENDE Intern-MENÜ  */



/* KOPFMENÜ und Steuerung */
/* ---------------------------------------------------------------------------------------------- */

.kopf {
	height: 35px;
	padding: 5px 0 5px 0;	
	background-color: #eeeeee;
}

#kopfmenue {
    float: right;
	margin: 0 5.0em 0 0;
	display: inline;	    
	font-size: 0.9em;
}

.punkt {
	vertical-align: -6px;
	font-size: 30px;
	color: #237be8;
}

.punktaktuell {
	vertical-align: -6px;
	font-size: 30px;
	color: #d70005;
}


#kopfmenue li {
    list-style: none;
    float: left;
	margin-right: 1.9em;
	font-weight: bold;
}
#kopfmenue a {    
    text-decoration: none;
    color: #535353;
}  
#kopfmenue a:hover {
    color: #009ee0;
} 

#kopfmenue a:active {
    color: #009ee0;
} 

#kopfmenue .kopfaktuell {
	color: #d70005;
}	

/* ENDE KOPFMENÜ und Steuerung  */



/* FUSSMENÜ und Steuerung */
/* ---------------------------------------------------------------------------------------------- */

#fussmenue {
    float: right;
	display: inline;	
	padding-top: 4px;	
}

.submenue {
	display: inline;
	color: #ffffff;	
	font-weight: bold;
}


@media all and (max-width: 800px) {

	.submenue {
		font-size: 0.8em
	}
}


#fussmenue li {
    list-style: none;
    float: left;
}
#fussmenue a {    
    text-decoration: none;
    color: #ffffff;    
	font-size: 0.9em;
	margin-right: 1.9em;
	font-weight: bold;
}  
#fussmenue a:hover {
    color: #84b1e8;
} 

#fussmenue a:active {
    color: #08f96e;
} 

#fussmenue .fussaktuell {
	color: #06fab2;
}	

.punktweiss {
	vertical-align: -3px;
	font-size: 20px;
	color: #ffffff;
}

.punktweissaktuell {
	vertical-align: -3px;
	font-size: 20px;
	color: #06fab2;
}

/* ENDE FUSSMENÜ und Steuerung  */




/* DEFINITIONEN DER VERSCHIEDENEN BREITEN */
/* ---------------------------------------------------------------------------------------------- */
/* Definitionen Smartphone */

header {	
	height: 70%;
	margin: 0 auto;
	padding: 10px 0 20px 0;	
}
	
article {
	margin-bottom: 0;
	min-width: 350px;
	}
	
aside {
	margin-bottom: 10px;
	margin-left: 25px;
	min-width: 260px;
	}

	.menue {
	font-size: 0.9em;
	}

footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 35px;
}

    /* (Falls es mal ein Logo gibt */
	.logo {
	width: 150px;
	height: auto;
	margin-left: 0;
	margin-top:30px;
}

#logoschrift {
	width: 200px;
	height: 58px;
	margin-left: 0;
	margin-top:30px;
	padding: 10px;
	background-color: #237be8;
	color: #ffffff;
	border-bottom-right-radius: 20px 20px;
}

	.lschrift {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;	
	font-size: 1.2em;
	}

	.lschriftk {	
	font-size: 0.7em;	
	}
	
.bigaufz {
	margin-left: 1em;
}

/* Definitionen Smartphone - blau */
@media only screen and (max-width: 500px) {	
	article {
		font-size: 1.1em;
	}
	
	#titelkopf {
		font-size: 0.8em;
	}
	
	h1 {
		font-size: 1.5em;
	}
}	



/* Definitionen Tablet - lila */
@media only screen and (min-width: 500px) {	
	header {
		padding: 10px 0 60px 0;	
	}
	
	main {
		width: 95%;
	}
	
	aside {
		margin-bottom: 10px;
		margin-left: 25px;
	}
	
	.menue {
	font-size: 0.9em;
	}
	
	footer {
		height: 35px;
	}
	
	img.logo {
		width: 150px;
		height: auto;
	}
	
	#logoschrift {
		width: 225px;
		height: 64px;
		border-bottom-right-radius: 20px 20px;
	}

		.lschrift {
		font-weight: bold;	
		font-size: 1.3em;
		}

		.lschriftk {	
		font-size: 0.7em;	
		}
		
	.bigaufz {
		margin-left: 2em;
	}			
}

/* Definitionen Tablet - lila */
@media only screen and (max-width: 1000px) {	
	article {
		font-size: 1.1em;
	}
	
	#titelkopf {
		font-size: 0.8em;
	}
	
	h1 {
		font-size: 1.5em;
	}
}



/* Definitionen Desktop - rot */
@media only screen and (min-width: 1000px) {	
	header {	
		height: 380px;
		margin: 0 auto;
		padding: 10px 0 60px 0;	
	}
	
	article {
		font-size: 1.1em;
		padding-right: 25px;
		float: left;
		width: calc(100% - 270px);
		margin-bottom: 50px;
	}
	
	main {
		width: 85%;
	}	

	aside {	
		width: 270px;	
		float: right;			
		margin-left: 0;
	}	
	
	#steuerung {    
	margin-top:199px;
	}
		
	.menue {
	font-size: 0.8em;
	margin-right: 1.9em;	
	height: 29px; 
	}	

	img.logo {
		width: 200px;
		height: auto;
		margin-bottom: 2.8em;
	}

	#logoschrift {
		width: 260px;
		height: 75px;
		border-bottom-right-radius: 20px 20px;
	}

		.lschrift {
		font-weight: bold;	
		font-size: 1.5em;
		}

		.lschriftk {	
		font-size: 0.7em;	
		}
		
	#titelkopf {	
		margin-top: 40px;
		font-size: 0.8em;
	}
	
	.bigaufz {
		margin-left: 5em;
	}	
}


	
/* Definitionen Desktop breiter - dunkelblau */
@media only screen and (min-width: 1320px) {	
	article {
		font-size: 1.2em;
	}
	
	main {
		width: 75%;
	}
	
	header {	
		height: 450px;
		margin: 0 auto;
		padding: 10px 0 60px 0;	
	}

	#steuerung {    
	margin-top:269px;
	}	
	
	.menue {
	font-size: 0.9em;
	margin-right: 1.9em;
	height: 32px; 
	}	
	
	img.logo {
		width: 200px;
		height: auto;
		margin-bottom: 1.8em;
	}

	#titelkopf {	
		margin-top: 50px;
	}

	#internmenue li {
		width:400px;
	}	
}



/* Definitionen Desktop superbreit - grün */
@media only screen and (min-width: 1600px) {	
	article {
		font-size: 1.4em;
	}
	
	main {
		max-width: 1800px;
	}
	
	header {	
		height: 560px;
		margin: 0 auto;
		padding: 10px 0 60px 0;	
	}
	
	#steuerung {    
	margin-top:379px;
	}	
	
	.menue {
	font-size: 1.1em;
	margin-right: 1.9em;
	height: 38px; 
	}		

	img.logo {
		width: 230px;
		height: auto;
		margin-bottom: 0.8em;
	}

	#titelkopf {	
		margin-top: 55px;
	}

}



/* Definitionen Desktop extremsuperbreit - gelb: Logo größer */
@media only screen and (min-width: 2500px) {	
	article {
		font-size: 1.5em;
		width: calc(100% - 350px);
	}
	
	header {	
		height: 660px;
		margin: 0 auto;
		padding: 10px 0 60px 0;	
	}
	
	main {
		width: 75%;
		max-width: 2100px;
	}

	aside {
		font-size: 1.3em;
		line-height: 1.3em;	
		width: 350px;
	}	

	#titelkopf {	
		width: 450px;
		font-size: 1.0em;
	}
	
	#steuerung {    
	margin-top:479px;
	}	
	
	.menue {
	font-size: 1.4em;
	margin-right: 1.9em;
	height: 46px; 
	}
	
	img.logo {
		width: 253px;
		height: auto;
		margin-bottom: 0.4em;
	}
	
	#titelkopf .titelkopfueberschrift {     
		font-size: 1.8em;
	}
	
	#internmenue li {
		width:500px;
	}

}	

	


/* Definitionen Desktop maxi-1 - türkis: Logo größer */
@media only screen and (min-width: 3700px) {		
	header {
		max-width: 3700px;
		height: 660px;
		margin: 0 auto;
		padding: 10px 0 60px 0;	
	}
	
	article {
		font-size: 1.7em;
	}

	main {
		width: 80%;
		max-width: 2100px;
	}
	
	aside {
		font-size: 1.4em;
	}		

	#titelkopf {	
		width: 450px;
		margin:50px auto;	
		position: relative;
		left: -1625px;
		margin-bottom:30px;
		}
		
	#titelkopf .titelkopfueberschrift {     
		font-size: 1.8em;
	}		
	
	#steuerung {    
	margin-top:479px;
	}	
	
	img.logo {
		width: 253px;
		height: auto;
		margin-bottom: 0.4em;
	}	

}



/* Ende DEFINITIONEN DRER VERSCHIEDENEN BREITEN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


/* SONSTIGES */
/* ---------------------------------------------------------------------------------------------- */



/* Fußmenue wird höher, wenn schmaler als 550px */
@media only screen and (max-width: 583px) {		
	footer {
		height: 55px;
	}
}

/* Definitionen Smartphone Background */

@media only screen and (max-width: 500px) {	
body, html {height:70%; background:none !important;}
}