/* CSS Document */
*{margin:0;padding:0;}
body{margin: auto;font-family:Geneva, Arial, Helvetica;background-color: #3f3f3f;color: #ffffff;}
header,aside,main,footer{display:block;}	
@media (min-width: 1200px) {
html { font-size: 17px;}
header,footer,#wrapper{width:66rem; margin:auto;}
#content{ width:47rem;}
aside{width:13rem;}
body{background-image:url(https://www.praekah.de/pictures/layout/back.png); background-size: 100% 100%; background-attachment:fixed;background-repeat:no-repeat;}
#logo{width:23.5rem;}
header h2{font-size:1.35em;text-indent:2em;padding-top:35px;}
nav span, aside span, .referenzen .referenzen_cell span,.rahmen50 span{font-size: 1.0rem;text-indent:1rem;padding:0.1rem 0 0.1rem 0;}  
aside span{margin: 0 0 0.5rem 0;}
.anspechpartner{font-size:0.9rem;margin:0.5rem 0 0.5rem 0;}
.info_kontakt{font-size:0.85rem;margin-left:1rem;margin-bottom:1rem;}
aside a{line-height:1.5rem;}
#direktanfrage a {font-size: 1.1rem;}
#hauptmenue{display:flow-root;}
#hauptmenue .spacer{width:2.5%;min-width:19px;float:left;margin-top:0px;background:rgb(0,0,0);padding:0.1rem 0 0.1rem 0;}
#hauptmenue div {width:19%;float:left;min-width: 151px;}
#hauptmenue #main_image{width:90%;}
.hal{width:64%;}
#treppenbolzen{width:9rem;}
.pic35{margin-left: 2.5rem;border: 8px outset black;width:88%;}
}	
 
@media (min-width: 953px) {nav picture{margin-bottom:1rem;}
.referenzen .referenzen_cell{width:44%;}
}
@media (max-width: 1199px) {
  html { font-size: 15px; }
  aside{width:25rem;margin-top:1rem;}
  main,#hauptmenue{margin-right:1rem;}
 #logo{width:23.5rem;margin-right:1rem;} 
header h2{font-size:1.35em;padding-top:35px;}  
nav span, aside span, .referenzen .referenzen_cell span,.rahmen50 span{font-size: 1.25rem;text-indent:1rem;padding:0.1rem 0 0.1rem 0;}  
aside span{margin: 0 0 0.5rem 0;}
.anspechpartner{font-size:1.2rem;margin:0.5rem 0 0.5rem 0;}
.info_kontakt{font-size:1.1rem;margin-left:1rem;margin-bottom:1rem;}
aside a{line-height:1.5rem;}
#direktanfrage a {font-size: 1.5rem;}
main p{font-size:1.1rem;}
#hauptmenue{display: flex;flex-wrap: wrap;}
#hauptmenue .spacer{display:none;}
#hauptmenue div {width:20%;float:left;min-width: 108px;} 
#hauptmenue span {font-size: 1.1rem;text-indent:0px;} 
#hauptmenue #main_image{width:70%;}
#treppenbolzen{width:10rem;}
.hal{width:64%;}
.pic35{margin-left: 1.5rem;border: 5px outset black;width:88%;}
  	}
@media (max-width: 450px) {
#main_image{display:none;}
#hauptmenue a {line-height:48px;display: inline-table;}	
.red{color:red!important;font-weight:bold;}
}

@media (max-width: 400px) {
html { font-size: 14px; }
aside{width:21rem;margin-top:1rem;}
#logo{width:22.5rem;padding-bottom: 0.5rem;}
header h2{font-size:1.35em;margin-left: 1rem;}
nav span, aside span, .referenzen .referenzen_cell span,.rahmen50 span{font-size: 1.4rem;text-indent:1rem;padding:0.1rem 0 0.1rem 0;}  
aside span{margin: 0 0 0.5rem 0;}
.anspechpartner{font-size:1.2rem;margin:0.5rem 0 0.5rem 0;}
.info_kontakt{font-size:1.15rem;margin-left:1rem;margin-bottom:1rem;}
aside a{line-height:1.5rem;}
#direktanfrage a {font-size: 1.5rem;}
#hauptmenue #main_image{width:90%;} 
.referenzen .referenzen_cell{margin:1rem 0 1rem 0;border-radius:0;border:0;}
.hal{width:90%;}
.pic35{border: 3px outset black;margin-left: 0.5rem;width:92%;}
.one_pic{width:95%; height:auto;padding:0.5rem;}

}
@media (min-width: 401px) {.referenzen .referenzen_cell{margin:1.15rem;border-radius:0.5rem;border:2px solid black;}#direktanfrage {margin:1.3rem;padding:0.8rem;}
.one_pic{width:90%; height:auto;padding:1.5rem;}
}


.clear{clear:both;}
nav,main,aside{background-color:rgba(40, 40, 40, 1);}
header,#wrapper{background-color:rgba(63, 63, 63, 0.75);}
header,#wrapper,footer{border-left:3px solid #000000;border-right:3px solid #000000;}	
header{padding-bottom: 1rem;}
#logolinks a:link, #logolinks a:visited ,#logolinks a , footer a {text-decoration: none;color: #ff9d30; padding:0 1rem 0 1rem;display:inline-block;}
#logolinks a:link, #logolinks a:visited ,#logolinks a {background-color:rgb(40,40,40);}
#logolinks a:hover , footer a:hover{font-weight:bold;}
#logo{height:auto;float:left;}
#logo_line{background-image: url(https://www.praekah.de/pictures/layout/line1.png);background-repeat:round;height:15px;margin:0px;}
#logolinks {margin-top:0.5rem;margin-bottom:0.5rem;padding:0.5rem;border: 0px;font-size:1.0rem;height:1.2rem;display:inline-table;background:none;}
header h2,aside a, main a{color:#ff9d30;}
aside span{font-style: italic;}
.anspechpartner{font-weight:bold;color:#FFFFFF;background:none;}
#direktanfrage {background-color:#303030;border:2px solid white;vertical-align:middle;text-align:center;}
#direktanfrage a {color: #EF7E00;font-weight:bolder;text-decoration:none;}
#kontakt_menuebox1  {text-align:center;}
footer {background-color: #000000;padding:0.3rem 0rem 0.3rem;text-align:center;}
#content,aside{float:left;margin-left:1rem;}
main{ min-height:35rem;margin-top:1rem;}
h1{font-size:1.8rem;}
main h2, article h2 {margin-bottom:1rem;}
nav span, aside span, .referenzen .referenzen_cell span,.left20 h2,.referenzen h3 {display:block;margin-top:0px;font-weight:bold;background:rgb(0,0,0);color:#ef7e00;}  
#hauptmenue{text-align:center;}
#hauptmenue #main_image{height:auto;margin-top:1rem;border:2px solid white;}
#hauptmenue a:link, #hauptmenue a:visited ,#hauptmenue a:active{color: #EF7E00;text-decoration: none;color:#FFFFFF;font-size:0.85rem;}

#hauptmenue a:hover {font-weight:bolder;}
#hauptmenue  h2{font-size:1.1rem;}
#hauptmenue ul{text-align:left;margin:0px;padding-left:0.6rem;list-style-type:none;margin-top:0.4rem;border-left:1px solid #111111;}
main h1, main h2{font-weight: bold;background-color: #000000;display: block;color: #EF7E00;padding: 0.2em;margin-bottom: 1rem;padding-left:1rem;}
main h1{font-size: 1.4rem;}
main h2{font-size: 1.25rem;}
main h3{color: #EF7E00;padding-left:1rem;}  
main p{margin:1rem 1rem 1rem 1rem;}
#alert{background-color: rgba(92, 90, 87, 1);padding: 1rem;border-radius: 0.8rem;float:left;border: 7px outset rgba(65, 55, 55, 1);text-shadow: 0 -1px 1px #666666, 0 1px 1px rgba(0, 0, 0, 1);margin:0 4rem 0rem 4rem;}
#alert h2{background-color: #5c5a57;font-size: 1.35rem;margin: 0px;color: white;padding: 0.4rem;}



main span.frage{margin:1rem 0 1rem 0;display: block;margin-top: 0;font-size: 1.0em;font-weight: bold;color: #ef7e00;} 
.referenzen {display:table;}
.referenzen .referenzen_row{display:table-row;}
.referenzen .referenzen_cell{display:table-cell;float:left;background-color:rgba(92,90,87,1);}
.referenzen_image{margin:0.5rem;width:95%;}
.hal{float:left;}
#treppenbolzen{background-color: rgba(92, 90, 87, 1);padding: 0.8rem;border-radius:0.7rem;float:left;border: 7px outset rgba(65, 55, 55, 1);margin-left:1rem;}
input.bolzen{width: 98%;background-color: #5C5A57;text-align: center;color:#ef7e00;border: medium none;font-size: 1.2em;text-indent: 1.5em;padding-top: 5px;}	
a.bolzen{text-decoration:underline;}
.pic35{height:auto;border-radius: 1.5rem;}
.rahmen50,.rahmen100{background-color:#5c5a57;border-radius:5px;margin:1rem;float:left;border:1px solid black;}
.rahmen100{width:95%;} 
.rahmen50{max-width: 45%;min-width: 21rem;} 
.rahmen100 span{font-size:1.5em;}
.rahmen50 span,.rahmen100 span{font-weight:bold;background-color:black;color:#ef7e00;width:100%;float:left;text-indent:0.5em;border-radius:5px 5px 0px 0px;display:block;}
.rahmen50 img, .rahmen100 img{float:left;padding:1rem;max-width:100%;height:auto;}
.rahmen50 p, .rahmen100 p{padding-top:1.5rem;}
.sauberlauf_button{margin: 1rem 1rem 0 1rem;background-color: #EF7e00;padding: 0.3rem;border-radius: 11px;border-style: outset;font-size: 1.2em;border-color: black;border-width: 6px;}
.sauberlauf_button:hover{border-style: inset;}
.left20{margin-left:2rem;}
.left20 h2,.h2_small{font-size:1rem;}
.Haendlerbund_Rechtstext_Absatz{color:#ffffff;font-size: 0.95rem;font-weight: normal;}
figcaption{text-indent:0.2em;}
figure{background-color: rgba(92, 90, 87, 1);float: left;margin: 15px 23px 15px 23px;padding: 6px;border-radius: 5px;}