/* wolf-endrikat.com: Ergänzungen zur Original-CSS in fileadmin/css. */
/* Cookie-Hinweis oben wie alt (Thema dark-top) */
.cc_container { top: 0; bottom: auto; }
/* Zwei-Klick-Platzhalter für Google-Karten */
.wec-karte { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 260px; padding: 24px; margin: 0 0 20px 0; text-align: center; background: #f2f2f2; border: 1px solid #c8c8c8; }
.wec-karte p { margin: 0 0 14px 0; }
.wec-karte-laden { padding: 8px 16px; font-size: 16px; color: #fff; background: #00A0E3; border: 0; cursor: pointer; }
/* Abnahme M1: zwei Spalten am Handy untereinander (resp.css stapelt nur c33, Ansprechpartner wurden abgeschnitten) */
@media only screen and (max-width: 640px) {
  .subcolumns .c50l, .subcolumns .c50r { float: none; width: 100%; margin: 0; }
  .subcolumns .subcl, .subcolumns .subcr { padding: 0; }
}
/* Abnahme M4: lange Adressen in der Datenschutzerklärung umbrechen statt waagerecht zu rollen */
@media only screen and (max-width: 800px) {
  #content, #copy { overflow-wrap: anywhere; }
}
/* Karte nach dem Klick nicht breiter als der Bildschirm */
#content iframe { max-width: 100%; }
/* #buttons war zwischen 610 und 800 px wenige Pixel zu breit (Abnahme H1, Regel aus wec) */
@media only screen and (max-width: 840px) {
  #buttons { box-sizing: border-box; max-width: 100%; overflow-x: clip; }
}
/* Hauptmenü zwischen 641 und 750 px in einer Reihe (Mobilmenü der Vorlage beginnt erst bei 640 px, Regel aus wec) */
@media only screen and (min-width: 641px) and (max-width: 750px) {
  .mainMenu > ul > li > a { font-size: 17px !important; padding-left: 5px !important; padding-right: 5px !important; }
}
@media only screen and (max-width: 700px) {
  #content table.contenttable, #content table.contenttable tbody, #content table.contenttable tr, #content table.contenttable td { display: block; width: 100% !important; height: auto !important; box-sizing: border-box; }
  #content table.contenttable td { padding-bottom: 12px; overflow-wrap: anywhere; }
}
/* Abnahme M1: Karte nach dem Klick nicht breiter als der Bildschirm */
#content iframe { max-width: 100%; }
/* Abnahme M2: #buttons war zwischen 610 und 800 px wenige Pixel zu breit */
@media only screen and (max-width: 840px) {
  #buttons { box-sizing: border-box; width: 100%; margin-left: 0; }
}
/* Abnahme M3: Hauptmenue zwischen 641 und 750 px in einer Reihe (Mobilmenue der Vorlage beginnt erst bei 640 px) */
@media only screen and (min-width: 641px) and (max-width: 750px) {
  .mainMenu > ul > li > a { font-size: 17px !important; padding-left: 5px !important; padding-right: 5px !important; }
}
@media only screen and (min-width: 641px) and (max-width: 680px) {
  .mainMenu > ul > li > a { font-size: 15px !important; padding-left: 4px !important; padding-right: 4px !important; }
}