@import url(https://use.typekit.net/oly0mxy.css);@charset "UTF-8";
/*
Theme Name: Uwe Brandt
Description:
Version: 1.0
Template: pr-master-theme
Author: POWER+RADACH werbeagentur gmbh
Author URI: http://www.power-radach.de
*/
html,
body {
  --primary-font: 'Raleway',
        sans-serif;
  --secondary-font: 'freight-big-pro',
        sans-serif;
  --global-padding: 20px;
  --content-width: 1600px;
  --content-max-width: 1280px;
  --grey-light: #262626;
  --grey-dark: #000000;
  --primary-color: #F2D888;
  --primary-color-dark: #F2D888;
  --secondary-color: #F2D888;
  --text-color: #FFFFFF;
  --desktop-wide: 1280px;
  --tile-mobile-breakpoint: 768px;
  --tile-phablet-breakpoint: 1280px;
  --tile-tablet-breakpoint: 1280px;
  --tile-desktop-breakpoint: 1280px; }
  html.error404,
  body.error404 {
    background-color: var(--grey-dark); }

@media (max-width: 580px) {
  :root {
    --content-width: calc(100vw - 60px); } }

/*
@include breakpoint(tablet) {
}
*/
/*
@extend %paleri;
*/
/*
@extend %transition;
*/
/*
@extend %button;
*/
/*body.error404 {
    background-color: var(--grey-dark);
}*/
body, html {
  --block-container-vertical-padding: 100px;
  --block-container-horizontal-padding: 10px; }
  @media (max-width: 980px) {
    body, html {
      --block-container-vertical-padding: 30px; }
      body .owl-item, html .owl-item {
        --block-container-vertical-padding: 100px; } }

body {
  --h1-color: var(--primary-color);
  --h1-font-size: 50px;
  --h1-font-family: var(--secondary-font);
  --h1-line-height: 1.2;
  --h1-font-weight: 500;
  --h1-text-transform: none;
  --h1-margin-bottom: 25px;
  --h2-color: var(--primary-color);
  --h2-font-size: 50px;
  --h2-font-family: var(--secondary-font);
  --h2-line-height: 1.2;
  --h2-font-weight: 500;
  --h2-text-transform: none;
  --h2-margin-bottom: 25px;
  --h3-color: var(--grey-light);
  --h3-font-size: 21px;
  --h3-font-family: var(--primary-font);
  --h3-line-height: 1.2;
  --h3-font-weight: 700;
  --h3-margin-bottom: 10px;
  --h4-color: var(--grey-light);
  --h4-font-size: 17px;
  --h4-font-family: var(--primary-font);
  --h4-line-height: 1.2;
  --h4-font-weight: 700;
  --h4-margin-bottom: 10px; }
  body .heading-outer-wrapper strong {
    text-transform: uppercase !important;
    color: #FFFFFF !important; }
  @media (max-width: 768px) {
    body {
      --h1-font-size: 36px;
      --h2-font-size: 36px; } }

body, html {
  --p-font-size: 16px;
  --p-line-height: 1.8;
  --p-margin-bottom: 30px; }
  body .paragraph-outer-wrapper.has-background-image p, html .paragraph-outer-wrapper.has-background-image p {
    margin: 0 !important; }

body, html {
  --slider-captions-flex-direction: row;
  --slider-captions-top: 65%;
  --slider-captions-left: 30%;
  --slider-caption-primary-font-size: 150px;
  --slider-caption-primary-line-height: 1;
  --slider-caption-primary-font-weight: 500;
  --slider-caption-primary-color: var(--primary-color);
  --slider-caption-primary-width: auto;
  --slider-caption-primary-text-shadow: none;
  --slider-caption-secondary-font-size: 150px;
  --slider-caption-secondary-line-height: 1;
  --slider-caption-secondary-font-weight: 500;
  --slider-caption-secondary-text-transform: uppercase;
  --slider-caption-secondary-text-shadow: none;
  --slider-caption-secondary-width: auto;
  --slider-caption-secondary-margin-top: 0; }

body, html {
  --container-background-position: center;
  --background-image-min-height: 450px;
  --columns-gutter: 0px; }
  body .column-outer-wrapper, html .column-outer-wrapper {
    height: 100%;
    min-height: 450px; }
    body .column-outer-wrapper .column-inner-wrapper, html .column-outer-wrapper .column-inner-wrapper {
      max-width: none !important; }
      body .column-outer-wrapper .column-inner-wrapper .slider-outer-wrapper, html .column-outer-wrapper .column-inner-wrapper .slider-outer-wrapper {
        --slider-slide-width: 50vw;
        --slider-slide-height: calc(50vw / 16 * 9); }
    body .column-outer-wrapper.padding, html .column-outer-wrapper.padding {
      --column-second-padding-left: 150px;
      --column-second-padding-right: var(--global-padding);
      --column-first-padding-right: 150px;
      --column-first-padding-left: var(--global-padding);
      --column-vertical-padding: 65px;
      --column-last-break-padding-left: var(--global-padding); }

body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper {
  margin-top: 50px; }
  body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .owl-prev > span, body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .owl-next > span, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .owl-prev > span, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .owl-next > span {
    width: 0 !important;
    height: 0 !important;
    border: unset !important;
    transform: none !important; }
  body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .owl-prev > span, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .owl-prev > span {
    border-top: 15px solid transparent !important;
    border-bottom: 15px solid transparent !important;
    border-right: 25px solid #FFFFFF !important; }
  body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .owl-next > span, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .owl-next > span {
    border-top: 15px solid transparent !important;
    border-bottom: 15px solid transparent !important;
    border-left: 25px solid #FFFFFF !important; }
  body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .image-outer-wrapper, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .image-outer-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--grey-dark, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--grey-dark {
    --block-container-padding-bottom: 15px; }
    body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--grey-dark .quote-outer-wrapper, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--grey-dark .quote-outer-wrapper {
      padding-left: 35px !important; }
      body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--grey-dark .quote-outer-wrapper p, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--grey-dark .quote-outer-wrapper p {
        position: relative; }
        body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--grey-dark .quote-outer-wrapper p:first-child::before, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--grey-dark .quote-outer-wrapper p:first-child::before {
          content: '„';
          font-family: var(--secondary-font);
          color: var(--primary-color);
          font-size: 120px;
          position: absolute;
          top: -175px;
          left: -20px;
          float: left; }
  body .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--primary-color, html .block-container-outer-wrapper.testimonials .tileswrapper-outer-wrapper .has-background-color-var--primary-color {
    --block-container-vertical-padding: 15px; }

body, html {
  --form-inputs-background-color: var(--grey-light);
  --form-inputs-half-width: 48%;
  --form-inputs-color: var(--text-color);
  --form-inputs-margin-bottom: 5px;
  --form-inputs-font-family: var(--secondary-font);
  --form-inputs-font-size: 16px;
  --form-input-padding-top: 10px;
  --form-input-padding-bottom: 10px;
  --form-input-padding-left: 10px;
  --form-input-padding-right: 10px;
  --form-textarea-padding-top: 10px;
  --form-textarea-padding-right: 10px;
  --form-textarea-padding-bottom: 10px;
  --form-textarea-padding-left: 10px;
  --form-textarea-height: 250px;
  --form-checkbox-checked-color: var(--primary-color);
  --form-checkbox-background: var(--grey-light);
  --form-checkbox-border-color: transparent;
  --form-checkbox-size: 45px;
  --form-checkbox-checked-top: 5px;
  --form-checkbox-checked-left: -50px;
  --form-checkbox-margin-left: 60px;
  --form-checkbox-left: -60px;
  --submit-button-justify-content: center;
  --form-error-font-size: 70%; }
  @media (max-width: 580px) {
    body, html {
      --form-inputs-half-width: 100%; } }
  body .nf-form-cont, html .nf-form-cont {
    --button-font-size: 25px;
    --button-color: var(--grey-light); }
  body .nf-response-msg, html .nf-response-msg {
    color: var(--text-color) !important; }
  body .nf-element[type="button"], html .nf-element[type="button"] {
    min-width: 100%; }
  body #nf-label-field-7, html #nf-label-field-7 {
    --form-inputs-font-family: var(--primary-font); }
  body .nf-error .nf-error-msg, html .nf-error .nf-error-msg {
    color: var(--primary-color);
    margin-bottom: 20px; }

body, html {
  --last-posts-gutter:30px; }

body #iub-pp-container h1 {
  font-size: 1.75em; }

:root {
  --button-color: #000;
  --button-hover-color: #fff; }

.wp-block-button__link:hover {
  color: #fff !important;
  background-color: #333 !important; }

#header-outer {
  position: absolute;
  z-index: 3;
  width: 100%; }
  #header-outer #header-inner {
    position: relative; }
    #header-outer #header-inner #logo {
      margin: 35px 0 0 40px; }
      @media (max-width: 480px) {
        #header-outer #header-inner #logo {
          margin: 20px 0 0 10px;
          max-width: 45%; } }
    #header-outer #header-inner #burger {
      display: none;
      fill: var(--primary-color);
      position: absolute;
      right: 40px;
      top: 50px;
      transition: all ease-in-out .2s; }
      @media (max-width: 480px) {
        #header-outer #header-inner #burger {
          right: 10px;
          top: 20px; } }
      #header-outer #header-inner #burger:hover {
        cursor: pointer; }
      #header-outer #header-inner #burger.show {
        display: block; }
    #header-outer #header-inner #cross {
      display: none;
      fill: var(--primary-color);
      position: absolute;
      width: 35px;
      right: 35px;
      top: 46px;
      transition: all ease-in-out .2s; }
      @media (max-width: 480px) {
        #header-outer #header-inner #cross {
          right: 5px;
          top: 20px; } }
      #header-outer #header-inner #cross:hover {
        cursor: pointer; }
      #header-outer #header-inner #cross.show {
        display: block; }
    #header-outer #header-inner #header-meta {
      position: absolute;
      right: 41px; }
      @media (max-width: 480px) {
        #header-outer #header-inner #header-meta {
          right: 11px; } }
      #header-outer #header-inner #header-meta .menu {
        padding: 0;
        margin: auto;
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: flex-start; }
        #header-outer #header-inner #header-meta .menu .menu-item:nth-child(2) {
          margin-top: 10px; }
        #header-outer #header-inner #header-meta .menu .menu-item a {
          color: #FFFFFF;
          font-size: 22px;
          font-family: 'Font Awesome 6 Pro';
          font-weight: 100;
          text-decoration: none; }

#menu-container {
  display: none;
  background-color: rgba(38, 38, 38, 0.9);
  position: absolute;
  top: 0;
  left: auto;
  z-index: 2;
  width: 100%;
  height: 100%;
  align-content: center;
  justify-content: center;
  align-items: center; }
  #menu-container.show {
    display: flex; }
  #menu-container #header-navigation {
    margin: auto;
    width: 80%; }
    #menu-container #header-navigation .menu {
      margin: 0;
      padding: 0;
      list-style: none;
      max-height: 850px;
      height: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap; }
      #menu-container #header-navigation .menu .menu-item {
        box-sizing: border-box;
        max-height: 250px;
        height: 100%;
        margin-bottom: 30px;
        max-width: 100%;
        text-align: center;
        /*&:nth-last-child(-n+2) {
                    max-height: unset;
                    flex-basis: unset;
                    margin-bottom: 0;
                    margin-top: 20px;
                }*/ }
        #menu-container #header-navigation .menu .menu-item a {
          color: #FFFFFF;
          font-size: 30px;
          text-decoration: none; }
          #menu-container #header-navigation .menu .menu-item a .menu-item-image {
            height: auto;
            max-width: 280px;
            float: left; }
          #menu-container #header-navigation .menu .menu-item a .menu-item-title {
            display: block;
            font-size: 30px;
            margin: 15px 0 15px 295px; }
          #menu-container #header-navigation .menu .menu-item a .menu-item-description {
            display: block;
            font-size: var(--p-font-size);
            margin: 0 0 0 295px; }
  #menu-container #social-media {
    position: absolute;
    right: 41px;
    bottom: 50px; }
    #menu-container #social-media .menu {
      padding: 0;
      margin: auto;
      list-style: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      align-content: flex-start; }
      #menu-container #social-media .menu .menu-item:nth-child(2) {
        margin-top: 10px; }
      #menu-container #social-media .menu .menu-item a {
        color: #FFFFFF;
        font-size: 22px;
        font-family: 'Font Awesome 6 Brands';
        font-weight: 100;
        text-decoration: none; }

footer {
  height: 70px;
  background: var(--grey-light);
  padding: var(--global-padding); }
  footer #footer {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    list-style: none; }
    footer #footer .menu-item:not(:last-child) {
      margin-right: 30px; }
    footer #footer .menu-item a {
      text-decoration: none;
      color: var(--primary-color);
      font-family: var(--secondary-font);
      font-size: 25px; }
      @media (max-width: 768px) {
        footer #footer .menu-item a {
          font-size: 14px; } }