/*
Theme Name: Konzeptcode Parent Theme
Description:
Version: 1.0
Author: KonzeptCode
Author URI: https://konzeptcode.com
*/
/*
@include max($tablet) {
	height: 60px;
}
*/
/*
Beispiel:
@include default_text_specs(
    $css-variable-prepend: "kc-teaser-title",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h1_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h2_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include css_variable_prepend(
    $property: "font-size",
    $prepend-string: 'kc-teaser-title',
    $default-value: 20px
);
*/
/*
@extend %transition;
*/
/*
@extend %transition-timing;
*/
:root {
  --kc-primary-font: "Open Sans", sans-serif;
  --kc-secondary-font: "Montserrat", sans-serif;
  --text-color: #333;
  --global-padding: 15px;
  --white: #fcfcfc;
  --content-width: 1280px;
  --text-width: 720px;
  --red: #a00;
  --font-awesome-font: "Font Awesome 6 Free";
}

body,
html {
  --wp--preset--color--white: var(--white, #fff);
}

[compare-size] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[compare-size][ratio-compare=higher] {
  width: 100%;
  height: auto;
}
[compare-size][ratio-compare=same], [compare-size][ratio-compare=wider] {
  width: auto;
  height: 100%;
}

article#wrapper {
  width: 100%;
  max-width: 100%;
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container):not(.button-container):not(.buttons-container):not(.social-link-container):not(.list-item-container):not(.teaser-container):not(.column-container):not(.wp-block-column > *) {
  margin-left: var(--container-margin-left, auto);
  margin-right: var(--container-margin-right, auto);
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).align-wide {
  margin-left: auto;
  margin-right: auto;
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).height-full-container {
  height: 100vh;
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).height-full-container:first-of-type {
  height: calc(100vh - var(--header-height));
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container {
  position: relative;
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.83;
  z-index: 1;
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container.dimm-white-container::before {
  background-color: var(--white, #fff);
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container.dimm-primary-color-container::before {
  background-color: var(--primary-color, #333);
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container.dimm-primary-color-light-container::before {
  background-color: var(--primary-color-light, #ddd);
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container.dimm-primary-color-dark-container::before {
  background-color: var(--primary-color-dark, #333);
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container.dimm-secondary-color-container::before {
  background-color: var(--secondary-color, #333);
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container.dimm-secondary-color-light-container::before {
  background-color: var(--secondary-color-light, #ddd);
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container.dimm-secondary-color-dark-container::before {
  background-color: var(--secondary-color-dark, #333);
}
article#wrapper .container:not(.custom-width):not(.block-container):not(.button-container):not(.column-container).dimm-container.dimm-text-color-container::before {
  background-color: var(--text-color, #333);
}
article#wrapper .has-white-color.has-text-color *:not(.wp-block-button__link) {
  color: var(--white, #fff) !important;
}

:root :where(body .is-layout-flow) > * {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-family: var(--primary-font);
  font-size: var(--p-font-size);
  color: var(--text-color);
}

*,
*::before,
*::after {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

article#wrapper {
  min-height: 800px;
}