/* Template for Vermietung © admotion*/


table { width: 100%;}

#beschrieb { margin: 0px 0px 20px 0px; }

.reiter { background: var(--primary); color: #ffffff; margin: 0px 0px 2px 0px; background-image: url(../images/open.png); background-repeat: no-repeat; background-size: 20px 12px; background-position: center right 20px;  }
.reiter a { display: block; color: #fff; padding: 10px; }
.reiter:hover { background: var(--secondary); background-image: url(../images/open.png); background-repeat: no-repeat; background-size: 20px 12px; background-position: center right 20px; }
.reiter.aktiv { background: var(--secondary); background-image: url(../images/open.png); background-repeat: no-repeat; background-size: 20px 12px; background-position: center right 20px; margin: 0; }
.reiter-inhalt { background: rgba(190, 74, 117, 0.2); padding: 10px; color: #000000; position: relative;border-top: 1px solid var(--primary); font-size: 14px;}
.tg { background: #ededed; }
.pdf-inhalt { position: absolute; right: 20px; bottom: 20px; width: 25px; }
.pdf-inhalt a { padding: 0; }

.weitere { background: #fff; border-top: 1px solid var(--primary);  font-size: 14px;}
.weitere a { color: #000000 !important; padding: 10px; display: block;}
.weitere:hover { background: var(--secondary); }
.weitere:hover a { color: #fff !important; }

table.facts {margin-top: 5px;}
table.facts td {padding: 5px 0; border-top: 1px solid black;}



#uebersicht { background: #d6dfe2; padding: 0; text-align: center; margin: 0px 0px 20px 0px; }
#uebersicht img { width: 80%; }


.anfragen-miete { background: var(--primary); padding: 10px 40px 10px 10px; margin: 0px 0px 10px 0px; background-image: url(../images/key.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 25px; font-weight: 700; transition: .3s ease-out; }
.anfragen-miete:hover { background: var(--secondary); background-image: url(../images/key.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 25px;}
.anfragen-miete a { color: #fff !important; display: block; }


.baubeschrieb { background: var(--primary); padding:10px 40px 8px 10px; margin: 0px 0px 10px 0px; font-weight: 700;background-image: url(../images/pdf-weiss.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 25px; }
.baubeschrieb:hover { background: var(--secondary); background-image: url(../images/pdf-weiss.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 25px; }
.baubeschrieb a { color: #fff !important; display: block; }



#whg-1 .w1 {background: var(--primary);}
#whg-1 .w1 a {color: white;}
#whg-2 .w2 {background: var(--primary);}
#whg-2 .w2 a {color: white;}
#whg-3 .w3 {background: var(--primary);}
#whg-3 .w3 a {color: white;}
#whg-4 .w4 {background: var(--primary);}
#whg-4 .w4 a {color: white;}
#whg-5 .w5 {background: var(--primary);}
#whg-5 .w5 a {color: white;}
#whg-6 .w6 {background: var(--primary);}
#whg-6 .w6 a {color: white;}
#whg-7 .w7 {background: var(--primary);}
#whg-7 .w7 a {color: white;}
#whg-8 .w8 {background: var(--primary);}
#whg-8 .w8 a {color: white;}
#eg .garage {background: var(--primary);}
#eg .garage a {color: white;}
#ug .garage {background: var(--primary);}
#ug .garage a {color: white;}

#gewerbe-1 .g1 {background: var(--primary);}
#gewerbe-1 .g1  a {color: white;}
#gewerbe-2 .g2 {background: var(--primary);}
#gewerbe-2 .g2  a {color: white;}


@media(min-width:550px){
  
}



@media(min-width:750px){
    
}


@media(min-width:1050px){
    
}




@media(min-width:1450px){
    .reiter-inhalt { font-size: 16px;}
.weitere { font-size: 16px;}

}




@media(min-width:2000px){
    
}