/*
Theme Name: Das politische Plakat – Elementor Child
Theme URI: https://daspolitischeplakat.de/
Description: Hello Elementor child theme. The landing page itself is a real Elementor document; this stylesheet only provides stable wrapper widths and small frontend/editor consistency helpers.
Author: Das politische Plakat
Version: 2.0.0
Template: hello-elementor
Text Domain: dpp-elementor
*/

:root {
  --dpp-black: #101010;
  --dpp-white: #FFFFFF;
  --dpp-red: #E1251B;
  --dpp-light: #F3F4F5;
}

/* These classes are assigned to Elementor containers/widgets.
   They load in both Elementor editor preview and the public frontend. */
.dpp-wrap {
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

.dpp-wrap-narrow {
  max-width: 920px !important;
}

.dpp-poster img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.dpp-poster-hero img {
  aspect-ratio: 3 / 4;
}

html {
  scroll-behavior: smooth;
}

::selection {
  background: var(--dpp-red);
  color: var(--dpp-white);
}

@media (max-width: 1024px) {
  .dpp-wrap {
    max-width: calc(100% - 48px) !important;
  }
}

@media (max-width: 767px) {
  .dpp-wrap {
    max-width: calc(100% - 36px) !important;
  }
}