/*======================================
Theme Name: bueroblanko
Theme URI: https://divicake.com/
Description: Child 1.0
Version: 1.0
Author: Büro Blanko
Author URI: http://www.bueroblanko.de
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */


/* BB: Inhaltsraster — Inhalt liegt bei max. 1200px ohne seitliches Padding.
   Diese Regel hält den Inhalt auf schmaleren Fenstern vom Rand weg. */
@media (max-width: 1279px) {
  .et_pb_row { padding-left: 24px !important; padding-right: 24px !important; }
}
@media (max-width: 767px) {
  .et_pb_row { padding-left: 20px !important; padding-right: 20px !important; }
}

/* BB: Buttons auf dem Handy über die volle Breite.
   Zwei Fälle: Modul-Buttons liegen in .et_pb_button_module_wrapper und sind
   <a>, der Formular-Absender liegt in .et_pb_button_wrapper und ist <button>.
   Beide Wrapper sind Flex-Elemente in Inhaltsbreite — width am Button allein
   reicht deshalb nicht. */
@media (max-width: 767px) {
  body #page-container .et_pb_button_module_wrapper,
  body #page-container .et_pb_button_wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    align-self: stretch !important;
  }
  body #page-container a.et_pb_button,
  body #page-container button.et_pb_button,
  body #page-container input.et_pb_button {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  body #page-container .et_contact_bottom_container {
    display: block !important;
    text-align: center !important;
  }
}