@charset "UTF-8";
/* ==================================================================
   durchflussanzeiger.de - lokale Anpassungen
   Stand: 08/2026
   Ablage: /css/durchflussanzeiger.css
   Einbindung: NACH theme-styles.css, blocks.css und widgets.css

   Zweck: Das Theme schaltet erst ab 768 px auf das Mobilmenue um.
   Das iPad 12,9" meldet im Hochformat 1024 px und bekommt deshalb
   das Desktop-Menue, in dem die sieben Menuepunkte nicht mehr in
   eine Zeile passen ("Datenschutz" bricht um).

   Hier werden die drei menuerelevanten Bloecke aus theme-styles.css
   unveraendert uebernommen und von 768 px auf 1199 px angehoben.
   Damit gilt das Mobilmenue bis einschliesslich iPad-Hochformat;
   ab 1200 px (iPad quer 1366 px, Notebooks, Desktop) bleibt alles
   wie bisher.

   WICHTIG: Der gleiche Wert steht zusaetzlich in
   /js/js-plugins/crum-mega-menu.js als "mobileWidthBase".
   Beide Werte muessen uebereinstimmen.

   Diese Datei ueberschreibt nichts auf profimess.de - die dortigen
   Stylesheets bleiben unveraendert und gelten fuer alle uebrigen
   Domains weiter wie bisher.
   ================================================================== */

/* --- 1. Kopfbereich: Logo und Menue nebeneinander (aus Zeile 5147) --- */
@media (max-width: 1199px) {
  .header .header-content-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .header.header-has-topbar .header-content-wrapper {
    padding: 30px 0; }
  .header .site-logo {
    margin-right: 25px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-top: 0; }
  .primary-menu {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-left: auto; }
  .primary-menu-menu > li {
    padding: 30px 9px; }
  .header {
    position: relative;
    -webkit-animation: none !important;
    animation: none !important;
    padding: 30px 0; }
  .header-spacer {
    display: none; }
  .header > .container {
    padding: 0 15px; }
  .header--menu-rounded .primary-menu-responsive .primary-menu-menu > li > a {
    border-radius: 0; } }

/* --- 2. Untermenues ohne Schatten (aus Zeile 5367) --- */
@media (max-width: 1199px) {
  .primary-menu-menu ul.sub-menu,
  .primary-menu-menu ul.sub-menu li ul.sub-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0; } }

/* --- 3. Aufklappmenue mit Menue-Button (aus Zeile 5925) --- */
@media (max-width: 1199px) {
  /* Responsive menu container */
  .primary-menu-responsive.primary-menu {
    overflow: visible; }
  .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a {
    padding-left: 10px; }
  .primary-menu-responsive.primary-menu .google-text {
    margin-bottom: 120px; }
  /* Brand */
  .primary-menu-responsive .primary-menu-brand {
    margin: 8px 30px 10px 20px;
    font-size: 20px;
    line-height: 1.55; }
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col1,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col2,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col3,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col4,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col5,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col6,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col7,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col8,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col9,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col10,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col11,
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col12 {
    padding: 5px 20px;
    margin-top: 0; }
  /* Show/hide button */
  /* Menu */
  .primary-menu-responsive .primary-menu-menu {
    width: 100%;
    padding: 0;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    -webkit-box-shadow: 15px 0 25px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 15px 0 25px 0 rgba(0, 0, 0, 0.3); }
  .primary-menu-responsive .primary-menu-menu ul.sub-menu {
    top: 0; }
  /* scrollable menu*/
  .primary-menu-responsive .primary-menu-menu.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: calc(100% + 30px);
    left: 0; }
  .header.header-has-topbar .primary-menu-responsive .primary-menu-menu.scrollable {
    top: 100%; }
  .primary-menu-responsive .primary-menu-menu.scrollable > .scrollable-fix {
    display: block; }
  /* Menu items */
  .primary-menu-responsive .primary-menu-menu > li {
    width: 100%;
    display: block;
    position: relative; }
  .primary-menu-responsive .primary-menu-menu > li > a {
    width: 100%;
    padding: 18px 20px;
    display: block;
    border-bottom: solid 1px rgba(0, 131, 255, 0.3);
    font-weight: 900; }
  .primary-menu-responsive .primary-menu-menu > li::before {
    display: none; }
  .primary-menu-responsive .primary-menu-menu > li:first-child > a {
    border-top: solid 1px rgba(0, 131, 255, 0.3); }
  .primary-menu-responsive .primary-menu-menu > li:nth-last-child(2) > a {
    border-bottom: none; }
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li::before,
  .primary-menu-responsive .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li::before {
    display: none; }
  /* Dropdown */
  .primary-menu-responsive .primary-menu-menu ul.sub-menu,
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li ul.sub-menu {
    width: 100%;
    left: 0;
    position: static;
    border: none;
    background: #fff; }
  .primary-menu-responsive .primary-menu-menu ul.sub-menu {
    position: relative; }
  .primary-menu-responsive .primary-menu-menu > li {
    padding: 0; }
  /* Dropdown items */
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li {
    position: relative; }
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li a {
    padding: 10px 30px;
    font-size: 14px;
    border-bottom: solid 1px rgba(0, 131, 255, 0.3); }
  .primary-menu-responsive .primary-menu-menu.primary-menu-indented > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 80px !important; }
  .primary-menu-responsive .primary-menu-menu.primary-menu-indented > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
    padding-left: 90px !important; }
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li.menu-item-has-children .sub-menu a {
    padding-left: 40px; }
  .primary-menu-responsive .product-item-content .title {
    display: none; }
  /* Dropdown/megamenu indicators */
  .primary-menu-responsive .primary-menu-menu li .indicator {
    width: 60px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    text-align: center;
    line-height: 53px;
    border-left: solid 1px rgba(0, 131, 255, 0.3); }
  .primary-menu-responsive .primary-menu-menu li ul.sub-menu li .indicator {
    height: 100%;
    right: -5px;
    top: 0;
    font-size: 14px;
    line-height: 36px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-left: none; }
  .primary-menu-menu > li:hover > a .indicator, .primary-menu-menu > li:hover .indicator {
    color: #0083ff; }
  /* Megamenu */
  .primary-menu-responsive .primary-menu-menu > li > .megamenu {
    width: 100% !important;
    left: 0 !important;
    position: static;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row [class*="col"],
  nav.primary-menu-responsive li.menu-item-has-mega-menu ul.mega-menu-row li.mega-menu-col {
    float: none;
    display: block;
    width: 100% !important;
    margin-left: 0;
    margin-top: 0; }
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row:first-child [class*="col"]:first-child,
  nav.primary-menu-responsive li.menu-item-has-mega-menu ul.mega-menu-row li.mega-menu-col:first-child {
    margin-top: 0; }
  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row {
    margin-top: 0; }
  .primary-menu-responsive .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a {
    font-size: 14px; }
  /* Search field */
  .primary-menu-responsive .primary-menu-menu > li.search form {
    width: 100%;
    margin: 4px 0;
    padding: 10px 16px !important; }
  .primary-menu-responsive .primary-menu-menu > li.search form input[type="text"] {
    width: 100%; }
  /* Tabs */
  .primary-menu-responsive .primary-menu-tabs-nav {
    width: 100%; }
  .primary-menu-responsive .primary-menu-tabs-content {
    width: 100%; } }