/* Stiefelmayer-Glasrohrverarbeitung (954) - Overrides ueber Basis-CSS (style.css / stiefelmayer.css) */

/* Kontakt-Slideout-Button: Stiefelmayer-Blau statt Contento-Gruen */
#clickme {
    background: #266791;
}

/* Logo-Text neben dem Logo: nur der Firmenname (<strong>) fett+schwarz, Rest grau + normal.
   Zweizeilig -> Logo + Text vertikal zentriert, kompakte Zeilenhoehe, kein top-Offset (Basis: top:47px). */
.logoImage {
    vertical-align: middle;
}
#logoText {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
    line-height: 1.15;
    font-weight: normal;
}
#logoText strong {
    color: #000;
    font-weight: bold;
}

/* Kleinster Viewport (<=767px): mobile-styles.css positioniert #logoText sonst absolut
   rechts, rechtsbuendig, 12px, height:20px (fuer EINE Zeile gedacht) -> schneidet den
   zweizeiligen Firmennamen ab. Hier: linksbuendig, neben dem Logo, etwas groesser, volle Hoehe.
   .logo #logoText schlaegt die mobile-styles-Regel per hoeherer Spezifitaet. */
@media only screen and (max-width: 767px) {
    .logo {
        position: relative;
    }
    .logo #logoText {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 66px;
        right: auto;
        width: auto;
        height: auto;
        text-align: left;
        font-size: 16px;
        line-height: 1.15;
    }
}