/* ==============
Theme Name: Miele Kuechenwelt 2019 (Rehrl)
Description: Child Theme fuer individuelle Anpassungen pro Website
Author: Michael Wilke for Andreas Castek - Communication Network
Version: 2.0
Template: mk19
============== */

/* H1 im Inhalt sieht aus wie bisher die H2 (siehe functions.php) */
#main h1 a { text-decoration: none; }

/* v2a: Schriften sofort mit Ersatzschrift anzeigen (font-display: swap).
   Gleiche Namen wie im Parent - diese Regeln stehen spaeter und gelten daher. */
@font-face { font-family: 'FuturaLight'; font-display: swap; src: url('../mk19/fonts/2E5F28_0_0.woff2') format('woff2'), url('../mk19/fonts/2E5F28_0_0.woff') format('woff'); }
@font-face { font-family: 'FuturaMedium'; font-display: swap; src: url('../mk19/fonts/2E5F28_1_0.woff2') format('woff2'), url('../mk19/fonts/2E5F28_1_0.woff') format('woff'); }

/* v2a: Bevor der Slider startet, nur das erste Bild zeigen (kein Springen der Seite).
   Sobald der Slider laeuft, steuert er die Anzeige selbst. */
ul.bxslider > li + li { display: none; }
.singleslide img { height: auto; }

/* v2a: Text nur fuer Screenreader / Suchmaschinen */
.mk19c-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Icon-Schrift sofort mit Ersatz anzeigen (PageSpeed: font-display) */
@font-face { font-family: "Icons"; font-display: swap; src: url('../mk19/fonts/Icons.woff') format('woff'), url('../mk19/fonts/Icons.ttf') format('truetype'); }

/* Uebernommen aus Plugin "WP Add Custom CSS" (danach Plugin deaktivieren - spart eine
   komplette WordPress-Anfrage, die das Rendern blockiert) */
#footerbar { height: 0 !important; }
.cookies-per-purpose, .cookies-per-purpose a { color: #292829; }
#menu-main a { font-size: 16px; }
#footer a { font-size: 16px; }
.footercopy { font-size: 16px; }
/* Rehrl: Video-Player (Plugin "HTML5 Video Player") in Rehrl-Rot */
#h5vp_player .plyr .plyr__control--overlaid { background-color: #ed1b24 !important; }
.plyr--full-ui input[type=range] { color: #ed1b24 !important; }
.plyr__control[aria-expanded=true] { background: #ed1b24 !important; }
button.plyr__controls__item:hover, button.plyr__control:hover { background-color: #ea1924 !important; }
