html {font-size: 62.5% !important;}


body {
background-color: #FFF1CC;
font-size: 1.6rem;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#b5113d;
padding:40px;
margin:0 ;
}
a {outline:0; color: #c75861;}
a:visited {color:#c75861;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 2.4rem;
font-weight: 800;
padding:20px 30px;
margin:0 }

h2 {
font-size:2rem
font-weight: normal;
padding: 20px 30px;
margin:0px;
color:#b5113d;
}
.bu {
font-size:1.6rem
font-weight: normal;
font-style: italic;
padding: 0px;
margin:0px;
color:#ffffff;
}
.bu_name {
font-size:1.6rem
font-weight: normal;
font-style: italic;
padding: 0px;
margin:0px;
color:#f6a800;
}
img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {

max-width: 949px;
margin-bottom: 10px;
margin:0 auto;
background-color: #FFF1CC;
border:2px solid #f6a800;
}

#container2 {

margin-top: 50px;
margin-left:auto;
margin-right:auto;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #FFF1CC;
background: url(../img/head_start2.jpg)  center top no-repeat;
text-align: center;
padding: 10px 0px 25px 0px;
margin: 0px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.left-banner { width:110px; padding: 5px 10px 5px 10px;}
.right-banner { width:calc(100% - 115px);}


#banner img {padding:0px 0px;} 



/* -----------------Inhalt--------------------- */
#contentstart {
background-color: #FFF1CC;
padding: 0;
padding:30px;
display:flex;
flex: 50%;
flex-direction: row;

}

.left {width:47%; margin-right:3%; padding-left: 20px;}
.right {width:47%; margin-left:3%;}
ul {padding-inline-start: 12px !important; padding-left:12px;}
.logo-img {width:100%;}
.logo-img img {margin-left:auto; margin-right:auto; width:100%}

.zitat {text-align: center; font-size: 1.3rem; line-height:2.1rem;}
.autor {text-align: center; font-size: 1.4rem !important; font-style: italic; color: #F6A803; padding-top:0px; }


.right__vcard-titel {}
.right__vcard-name {color:#F6A803; font-size:2.2rem; font-weight:800;letter-spacing: 0.15rem;}
.right__vcard-prof1 {font-weight:400; margin-top:8px;}
.right__vcard-prof2 {font-weight:800; font-size:2rem; letter-spacing: 0.15rem;}





.impressum h2 {padding-left:0px;}


#content {
background-color: #ffffff;
padding: 0 ;
margin: 0 149px;
}
#content2 {
background-color: #ffffff;
padding: 0 ;
margin: 0 0 0 149px;
}
div#content { 
min-height:400px;
}

p, pre{
line-height:20px;
padding: 5px 30px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
line-height:25px;
float: left;
width: 300px;
margin: 0px;
padding-left: 20px;
background-color: #f6a800;
}
#right {
	float: right;
	width: 200px;
    min-height:400px;
	height:400px;
	margin: 0;
	padding: 0;
	background-color: #b5113d;
}
a.nav:link, a.nav:visited 
{ 
  text-decoration:none;
  padding:0px 0px 0px 15px;
  font-weight:bold;
  color:#fff1cc;
  font-size:14px;
}
a.nav_nolink
{ 
  text-decoration:none;
  padding:0px 0px 0px 15px;
  font-weight:bold;
  color:#b5113d;
  font-size:14px;
}
a.nav:active, a.nav:hover, a.nav:focus
{  
  padding:0px 0px 0px 15px;
  font-weight:bold;
  color:#b5113d;
  font-size:14px;
}
.aufbau {
  font-size:12px;
  font-style: italic;
  line-height:18px;
  padding:15px 15px 15px 15px;
  text-align: center;
  color:#ffffff;
}
#footer {
    text-align: center;
    margin-top: 60px;
    border-top: 2px solid #F6A803;
    padding: 7px 0 7px 0;
    max-width: 949px;
    margin-left: auto;
    margin-right: auto;
    }
#footer2 {
    text-align: center;
    margin-top: 15px;
    padding: 7px 0 7px 0;
    max-width: 949px;
    margin-left: auto;
    margin-right: auto;
    }


/* -----------footer--------------------------- */


@media screen and (max-width: 990px) {
	body {font-size: 1.6rem;}
	h1 {font-size: 2rem;}
	#contentstart {flex: 100%; flex-direction: column;}
	
	.left {display: block; width: 100%; margin-right: auto; margin-left: auto;}
    .right {display: block; width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px;}
}

@media screen and (max-width: 599px) {
	body {font-size: 1.5rem; padding:0px !important;}
	#container {border:none !important;)
	#contentstart {flex: 100%; flex-direction: column;}
	.left {display:block; width: 100% !important; margin-right:auto; margin-left:auto;}
    .right {display:block; width: 100% !important; margin-left:auto; margin-right:auto; margin-top:30px;}
    #footer2 {font-size: 1.2rem;}
}

quotes: "„" "“";