html,body{scrollbar-gutter: stable;
		  margin:0;padding:0}

body{font: 76% arial,sans-serif;
	 text-align:center}
	 
p{margin:0 10px 10px}

  
div#header h1{height:80px;
			  line-height:80px;
			  margin:0;
  			  padding-left:10px;
  			  background: #FFF;
  			  color: #993366}
  			  
div#container{text-align:left;
			  width:800px;
			  margin:0 auto}

div#images{float:left;
		   width:300px}
		   
div#images p{line-height:1.4}	

div#homecontent p{padding-top:60px;
			 	  padding-left:60px;
			 	  padding-right:100px;}
			  
div#homecontent{background-image:url(images/content_bgr_home.png);
			background-repeat:no-repeat;
			color: #FFFFFF;
			float:right;
			width:500px;
			height:400px;}
			
div#personcontent p{padding-top:60px;
			 	  padding-left:60px;
			 	  padding-right:100px;}
			  
div#personcontent{background-image:url(images/content_bgr_person.png);
			background-repeat:no-repeat;
			color: #FFFFFF;
			float:right;
			width:500px;
			height:400px;}			

			
div#qualifikationcontent p{padding-top:60px;
			 	  padding-left:60px;
			 	  padding-right:100px;}
			  
div#qualifikationcontent{background-image:url(images/content_bgr_qualifikation.png);
			background-repeat:no-repeat;
			color: #FFFFFF;
			float:right;
			width:500px;
			height:600px;}
			
.typographie p {
    margin-top: 10px;    
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #993366;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}
							  
.typographie h1,
.typographie h2 {
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;    
	margin: 10px;
    background: #FFF;
    color: #993366;
}

			
div#kontaktcontent p{padding-top:60px;
			 	  padding-left:60px;
			 	  padding-right:100px;}
			  
div#kontaktcontent{background-image:url(images/content_bgr_kontakt.png);
			background-repeat:no-repeat;
			color: #FFFFFF;
			float:right;
			width:500px;
			height:400px;}	
			
div#impressumcontent p{padding-top:60px;
			 	  padding-left:60px;
			 	  padding-right:100px;}
			  
div#impressumcontent{background-image:url(images/content_bgr_impressum.png);
			background-repeat:no-repeat;
			color: #FFFFFF;
			float:right;
			width:500px;
			height:400px;}
			
div#nutzungcontent p{padding-top:60px;
			 	  padding-left:60px;
			 	  padding-right:100px;}
			  
div#nutzungcontent{background-image:url(images/content_bgr_nutzung.png);
			background-repeat:no-repeat;
			color: #FFFFFF;
			float:right;
			width:500px;
			height:600px;}		
				
div#pflichtcontent p{padding-top:60px;
			 	  padding-left:60px;
			 	  padding-right:100px;}
			  
div#pflichtcontent{background-image:url(images/content_bgr_pflicht.png);
			background-repeat:no-repeat;
			color: #FFFFFF;
			float:right;
			width:500px;
			height:500px;}

#navigation {
	display: flex;
	flex-direction: row;
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 30px;
	margin-bottom: 5px;
	color: #993399;}

#navigation	p {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #993399;}

#subnav {
	display: flex;
	flex-direction: row;			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f7931e;
	padding-left:70px;
	padding-right:110px;
}
#subnav a {
	display: inline-block;
}
#subnav a + a {
	border-left: 1px solid #f7931e;
	margin-left: 0.5em;
	padding-left: calc(0.5em + 1px);
}
#subnav a.current {
	text-decoration: underline;
}

#subnav a,a:visited,a:link,a:hover,a:active {text-decoration: none; color: #f7931e;}

div#contact	p {
			background:#FFF;				
			float:right;				
			clear:right;				
			width:487px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:10.5px;											
			color: #993366;}


div#footer 	{
			background: #FFF;
			color:#FFF;
			clear:both;
			width:100%}

div#subfooter 	{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-self: center;
			padding-left: 110px;
			background: #FFF;
			color: #FFF;
			clear: both;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			width: 100%}

div#insta	a {
			background: #FFF;
			align-self: center;				
			float: right;				
			clear: right;				
			width: 308px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 16px;
			color: #993366																	
			}



.outer {
    background-color: var(--bgc);
    border-radius: 8px;
    padding: 22px 10px 10px 32px;
    margin: 12px 75px 20px 325px;
    position: relative;
}
    /* Farb-Block */
    .outer::before {
        content: "";
        position: absolute;
        background-color: inherit;
        width: 30px;
        height: 40px;
        top:0;
        left: -20px;
    }
    .outer::after {
        content: " ";
        position: absolute;
        background-color: white;
        width: 40px;
        height: 250px;
        border-radius: 20px 10px;
        top:0;
        left: -40px;
    }

.inner {
    background-color: white;
    border-radius: 0 8px 8px 8px;
    padding: 12px;
    position: relative;
}
    .inner::before {
        content: "";
        position: absolute;
        background-color: inherit;
        width: 20px;
        height: 40px;
        top: 0;
        left: -20px;
    }
    .inner::after {
        content: " ";
        position: absolute;
        background-color: var(--bgc);
        width: 40px;
        height: 100px;
        border-radius: 20px 10px;
        top: 0;
        left: -40px
    }

		   
.text1	{margin:0;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:10px;
		line-height:1.6em;
		letter-spacing:0.1em;
		color:#993366; }


.activepage {border-bottom: 2.5px solid #f7931e; margin-bottom: 2.5px;}

				       	 
a:visited,a:link {text-decoration: none; color: #993399;}

a:hover {text-decoration: none; color: #ee82ee;}


			
address {white-space: nowrap;}