/**
Theme Name: Blattwerk
Author: #
Author URI: #
Version: 1.0
*/

:root {
  --black: #000000;
  --white: #ffffff;
  --primary: #313426;
  --secondary: #b1cd53;
  --akzent: #ff6920;
  --turquoise: #87c7ca;
  --turquoise-light: #a7d1a3;
  --dark-green: #006c55;

  --big-screen-size: 1440px;
}

.parkinsans-bold .e-n-accordion-item-title-text {
  font-family: "Parkinsans";
  font-weight: 600;
}

.custom-headline h3 {
  height: 70px;
  display: flex;
  align-items: flex-end;
}

.mask-container {
  overflow: hidden !important;
}

.red-btn a {
  background-color: var(--akzent);
  padding: 8px 20px;
  display: flex;
  text-align: center;
}

div.hidden {
  display: none;
}

.hero {
  max-width: 1600px !important;
}

#toggleTextBtn.active .elementor-button-text::after {
  content: " ▲"; /* You can use any icon or symbol here */
}
#toggleTextBtn .elementor-button-text::after {
  content: " ▼";
  position: absolute;
}

#toggleTextBtn {
  cursor: pointer;
}

.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 550px;
  overflow: hidden;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* General style for all interactive elements */
a:focus-visible,
button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
.menu-icon:focus-visible {
  outline: 1px dotted var(--nm-dark-blue) !important;
  outline-offset: 2px;
}

.small-text p,
.small-text span {
  font-size: 14px;
}

p {
  margin: 0 0 12px;
}

body,
html {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  font-family: "Source Sans 3";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4em;
  color: var(--primary);
}
* {
  box-sizing: border-box;
}

a {
  color: var(--primary);
}

img {
  max-width: 100%;
  height: auto;
}

div.container-centered {
  margin: 0 auto;
  max-width: 1440px !important;
}

.fullheight .elementor-widget-image {
  height: 100%;
}

.no-margin-headings h4 {
  margin: 0;
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
}