/*
WOHINDO Farben

rot 
ed1c24

hell-rot
fbd9ca

*/


/* LibraSansModern - Bulgarian Font */
@font-face {
  font-family: LibraSansModern; /* regular font */
  src: url("/fileadmin/fonts/LibraSansModern/LibraSansModern.woff") format("woff");
  font-weight: normal; font-style: normal; }

@font-face {
  font-family: LibraSansModern; /* bold font */
  src: url("/fileadmin/fonts/LibraSansModern/LibraSansModern-Bold.woff") format("woff");
  font-weight: bold; font-style: normal; }

@font-face {
  font-family: LibraSansModern; /* italic font */
  src: url("/fileadmin/fonts/LibraSansModern/LibraSansModern-Italic.woff") format("woff");
  font-weight: normal; font-style: italic; }

@font-face {
  font-family: LibraSansModern; /* bolditalic font */
  src: url("/fileadmin/fonts/LibraSansModern/LibraSansModern-BoldItalic.woff") format("woff");
  font-weight: bold; font-style: italic; }

@font-face {
  font-family: LibraSansModern; /* regular font */
  src: url("/fileadmin/fonts/LibraSansModern/path/LibraSansModern.ttf") format("ttf"),
       url("/fileadmin/fonts/LibraSansModern/path/LibraSansModern.woff") format("woff");
  font-weight: normal; font-style: normal; }

/* ---- */ 


body {
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-weight: 300;
  color: #000
}

/*
.content:lang(ar)   {
    font-family: 'Harmattan', sans-serif;
    font-size: 110%;
    }
*/

.lang-bg,
.name-of-person {
    font-family: 'LibraSansModern', sans-serif;
}

body:lang(bg) {
    font-family: 'LibraSansModern', sans-serif;
    font-size: 95%;
}

.content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 11px 50px 11px;
}

.content p {
  margin-bottom: 1.5em;
  line-height: 1.4em;
}

.content ul { 
  margin-top: -1em;
}

a {
  text-decoration: none!important;
}

.content a {
  text-decoration: underline!important;
}

/* important / frame1 - roter Text
   frame2 - roter Text mit Pfeil */
.important, 
.csc-frame-frame1,
.csc-frame-frame2 {
   color: #ed1c24;
}

.csc-frame-frame2:before {
   font-family: FontAwesome;
   color: #000;
   margin-right: 10px;
   content: "\f0da";
}

body:lang(ar) .csc-frame-frame2:before {
   margin-left: 10px;
   margin-right: 0;
   content: "\f0d9";
}

b {
  font-weight: bold;
}

table.contenttable {
  border: 1px solid #ed1c24;
  width: 100%;
  padding: 12px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.contenttable td {
  vertical-align: top;
  padding-bottom: 8px;
  padding-right: 5px;
}

.contenttable .fa {
  color: #ed1c24;
} 


/* Tabelle mit Rahmen "Linie danach" , z.B. Miet-Tabelle */
.csc-frame-rulerAfter table.contenttable {
   border-collapse: collapse;
}

.csc-frame-rulerAfter table.contenttable td {
  border: 1px solid #ed1c24;
  padding: 5px;
  color: #000;
  font-size: 100%;
}

.csc-frame-rulerAfter p {
  margin-top: -30px;
  font-size: 85%;
}


/* Inhaltselement Tabelle, z.B. Abkürzungen Wohnungsanzeigen */
table.contenttable-0 {border-collapse: collapse;
  border: none;
}

table.contenttable-0 td {
  border: none;
  padding: 0;
}

table.contenttable-0 .td-0 {
  color: #ed1c24;
}


/* Tabelle mit Adressenlisten ohne Abstand */
table.wh-adressen-ohne-abstand td{
  padding-top: 0;
  padding-bottom: 0;  
}



/* -- */


.mm-navbar a.fa {
  color: #ed1c24!important;
}


/* Retina - Bild "unten mittig" über 100% Breite */
.csc-textpic-below img {
  max-width: 100%;
  height: auto;
}



@media (min-width: 701px) {
.csc-textpic-above img {
  max-width: 400px;
  height: auto;

}
}


@media (max-width: 700px) {
.csc-textpic-above img {
  width: 100%!important;
  height: auto;
  }
}

/* Größe des Bildes auf Titelseite begrenzen auf kleinen Smartphones */
@media (max-height: 520px) {
  #c17 img {max-width: 250px;
  }
}


h3 {
  font-size: 100%;
} 


/* Seiten-Browser */
p.wh-browse {
  text-align:center; 
  padding-top: 25px; 
  padding-bottom: 5px;
  direction: ltr;
}

.wh-browse a {
  padding: 7px 14px;
  background: #ed1c24; color: #fff 
}

.wh-browse-left {
  margin-right: 15px;
}

.wh-browse-right {
  margin-left: 15px;
}

.wh-browse-single {
  margin: 0;
}

/* Telefonnummern immer ltr */
a[href^="tel:"] {
  unicode-bidi: embed;
  direction: ltr;
}


/* Besondere Anpassungen der Inhaltselemente */

/* Logo PL auf Seite Impressum */
#c14 img  {
  width: 75px!important;
}


/* Logos der Förderer auf Seite Impressum */
#c196 p  {
  margin-top: 50px;
}

#c196 img  {
  margin-top: 0px;
  margin-bottom: 50px;
  width: 260px!important;
}

p.startlink {margin: 0 0 1em 0!important;}