@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0;}
body {background:url(../img/hg.jpg); width:100%;font-family: Geneva,Arial,Helvetica,sans-serif; font-size:16px;}
#head {height:200px; width:100%; position:relative; z-index:1000;}
#puppe {margin-top:85px; display:inline-block; position:absolute; right:5%; float:right;}
#puppe3 {margin-top:35px; display:inline-block; position:absolute; right:5%; float:right;}
#logo {display:inline-block; position:absolute; left:5%; top:15px;}
#content {width:90%; margin:0 auto 30px; border:1px solid #990099; border-radius:15px; background-color:rgba(255,255,255,0.8);color:#663399;padding:20px;}
h1 {color:#990099; padding:15px 0 15px;}
h1.first {padding-top:30px;}
#head a {text-decoration:none;}
h2 {padding:5px 0}
p {padding:0 0 10px; font-size:20px; line-height:30px;}
.text {color:#990099;}
.angebot {margin:15px 0;}
#impressum {padding: 20px 40px;}
#impressum a {text-decoration:none; color:#663399;}

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 99%;
    padding-top: 1%;
    height: 0;
    overflow: hidden;
	border-radius:15px;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}