body { color:#868686;}
#logo { background-image:url(../bilder/hornbanger-logo-2023.png); }
#sprachen a:active, #sprachen a:focus, #sprachen a:hover {color:#b18481;} 
#sprachen a:link, #sprachen a:visited  { color:#868686;}
.selected { color:#b18481;}
#div-kathrin {
	width:100%;
	background-repeat:no-repeat;
	background-size: auto 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	*behavior: url(/scripts/boxsizing.htc);
	margin-bottom:0px;
	position:relative;
}
#text-kathrin { background: white; font-size:13px; padding: 20px 25px 0 25px; line-height:24px;  border-color:#b18481; border-width: 3px; border-style:solid;  }
hr { color:#b18481; border-width: 2px;}

#spezial hr, #aktuell hr, #publikationen hr, #branchen hr  {color:#b18481; border-color:#b18481;  border-width: 3px; width: 500px; margin-left:-495px; margin-top: -17px;}
#aktuell hr {margin-left:-497px;}

p { margin-bottom: 15px;}


#div-2 { width:100%; margin:0 auto;}
#mini-nav { position:relative; right:0; top:20px; width:100%;}
#mini-nav a:link, #mini-nav a:visited { color:#868686; padding-left:50%;}
#mini-nav a:hover, #mini-nav a:active, #mini-nav a:focus { color:#b18481; font-weight: bold;} 
#aktuell { position:relative; width:100%; margin-top: -30px; padding: 20px 25px 50px 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; *behavior: url(/scripts/boxsizing.htc);}
.back { text-align:right; padding-top:30px;}
.back a:link, .back a:visited { color:#b18481; padding-left:50%;}
.back a:hover, .back a:active, .back a:focus { color:#868686;} 

h1, #aktuell a:link {color:#b18481;}
#div-1 ul { margin: 0px;}
#div-1 li { list-style:square; margin:0px; list-style-image:url(../bilder/bullet-mini.png); font-size: 13px; line-height: 16px;}
#div-2 ul { margin: 0px; padding: 0px;}
#div-2 li { list-style:square; margin:10px; list-style-image:url(../bilder/bullet.png);}
strong { color:#868686}


#logo-baker {width: 30%; float: right; margin-left: 5%; margin-bottom: 20px; margin-top: -10px;}
.text-neben-bild {float:left; width: 65%}


#baker-kontakt {font-size: 0.85em;}



.teiler {color:#b18481;}
#footer { margin-top:50px; padding-top:100px;}
#footer a:link, #footer a:visited  { text-decoration:none; color:#868686;}
#footer a:active, #footer a:focus, #footer a:hover {color:#b18481;} 
#abschluss { width:100%; height:5px; background-color:#b18481;  z-index:1000; } 

@media only screen and (min-width: 320px) {  
#text-kathrin { font-size:14px; line-height:20px;}
#mobile-bild-kathrin { text-align:center;}
#mobile-bild-kathrin img { margin:0 auto;}
    
}



@media only screen and (min-width: 380px) {
	
	.mobile-mini { display: none;}

}




@media only screen and (min-width: 480px) {
	
#div-kathrin {
	background-size:100% auto;
} 

#text-kathrin{ font-size:15px; line-height:20px;}

}




@media only screen and (min-width: 690px) {

    #logo-baker {width: 170px;  margin-top: -20px; margin-bottom: 50px;}

}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 960px) {
	
body {background-image:url(../bilder/stripe-gold.jpg); background-repeat:repeat-x;}

#mobile-bild-kathrin { display:none;}

#div-1 { width:960px; margin: 0 auto; float:none; clear:both;}

#spezial hr, #aktuell hr, #publikationen hr, #branchen hr  {width: 2000px; margin-left:-1993px; margin-top: -18px;}
#aktuell hr  {margin-left:-1995px; margin-top: -15px;}
#branchen hr {margin-left:-1995px; margin-top: -17px;}
	
#div-kathrin { width:266px;
	min-height:464px;
	margin-left: auto;
	margin-right: 0;
	background-image:url(../bilder/ra_dr_kathrin_hornbanger-portrait.jpg);
	float:right;
	 }

	 
	 
#text-kathrin { width:694px; height:464px; float:left; margin-left:0; font-size:18px; line-height:24px; box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	*behavior: url(/scripts/boxsizing.htc);}
	

#div-2 { width:960px;}

#mini-nav { right:-75%; width:25%;}
#mini-nav a:link, #mini-nav a:visited { color:#868686; padding-left:0;}

#spezial, #aktuell, #publikationen { font-size:18px; width:95%;}
    

     .text-neben-bild {width: 75%}



}