@charset "utf-8";
/* CSS Document for Anja Dirr by steffen klein */
/*
Violett: #622280
Grün: #7ab030
*/

svg {
max-width:100%;
margin: 0px auto;
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
	/*background:url("hintergrund-body.png") no-repeat center top #ffffff;*/
    color: #646567;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
	line-height:1.4;


	
}


.clear {
clear: both;

}


#logo {
padding: 10px 0 20px 0;
max-width: 650px; 
height: auto;
margin:0 auto;
}


#wrapper {
width:100%;
max-width:1200px;
margin: 0px auto;
}


.angebot {
padding-left: 0px;
list-style-type:none;
}

#left {
max-width:100%;
margin:0px;

}


#right, #footer-right {
max-width:100%;
 
}


#keyvisual {
width: 100%; 
height: auto;
margin: 0px auto;
}



h1 {
margin: 27px 0 0  0;
font-weight: bold;
font-size: 3.2em;
color:#622280;
text-align: left;
line-height:1.0;

}

h2 {
font-size: 1em;
font-weight: normal;
color: #622280;
line-height: 0.8;
margin:  0 0 30px 0;

}


#right p, h3 {
text-align: left;
margin-left: 5px;
margin-right: 5px;

}


h3 {
font-size: 1.5em;
color: #7ab030;

}


#footer-content {
    font-size: 0.8em;
}

#footer {
width: 100%;
background:url("hintergrund-footer.png") no-repeat center top #65813D;
color: #FFFFFF;
height: auto;
}

#footer-left {
width: 280px;
text-align: left;
float:left;

}

#footer-right {
margin:25px 0 0 0;
}


#footer a {
color:#ffffff;
}


p#credits {
float:right;
}

p#dsgvo, p#back {
float:left;
padding-right: 30px;
padding-left: 15px;
}



p#impressum, p#back {
float:left;
margin-left: 55px;

}


ul#navigation {
margin:0px;
padding:0px;

}

ul#navigation li { 
margin:0px auto;
list-style:none;
border-bottom: 1px dotted #646567;

}

a {
text-decoration: none;
color: #7ab030;
}


ul#navigation li:hover, ul#navigation li.active {
background:#efeeee;
text-decoration: none;
}


ul#navigation li a {
color: #646567;
text-transform:uppercase;
text-decoration: none;
padding:5px;
display:block;
}


p.tiny {
line-height:1;
font-size:10px;
margin-top:70px;
}


div#WidgetExample {
max-width: 100%;
max-height: auto;
margin:0px auto;
}


@media (min-width: 600px){
	svg {width:100%}
	#logo{width:100%;}
	#left{width:40%; float: left}
	#right{width:55%; float: right}
}