/*
Theme Name: maxima WordPress Theme
Author: Manuel Szecsenyi
Autor URI: https://marginleft.at/
Description: Official Theme | For Support or questions feel free to contact me via manuel@marginleft.at
Text Domain: maxima
Version: 1.0
*/
html,
body:not(.wp-admin) {
  scroll-behavior: smooth;
  min-height: 100%;
  background-color: #FFFFFF;
  overflow-x: hidden;
}

.container {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 900px) {
  .container {
    padding: 0 15px;
  }
}

/**
 * Handles all font related css
*/
@font-face {
  font-family: "TabletGothic";
  src: url("./fonts/TabletGothic-Regular.eot");
  src: url("./fonts/TabletGothic-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/TabletGothic-Regular.woff2") format("woff2"), url("./fonts/TabletGothic-Regular.woff") format("woff"), url("./fonts/TabletGothic-Regular.svg#TabletGothic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TabletGothic";
  src: url("./fonts/TabletGothic-Bold.eot");
  src: url("./fonts/TabletGothic-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/TabletGothic-Bold.woff2") format("woff2"), url("./fonts/TabletGothic-Bold.woff") format("woff"), url("./fonts/TabletGothic-Bold.svg#TabletGothic") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "TabletGothic";
  src: url("./fonts/TabletGothic-Light.eot");
  src: url("./fonts/TabletGothic-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/TabletGothic-Light.woff2") format("woff2"), url("./fonts/TabletGothic-Light.woff") format("woff"), url("./fonts/TabletGothic-Light.svg#TabletGothic") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Bree Serif";
  src: url("./fonts/Bree_Serif-Regular.eot");
  src: url("./fonts/Bree_Serif-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Bree_Serif-Regular.woff2") format("woff2"), url("./fonts/Bree_Serif-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Bree Serif";
  src: url("./fonts/Bree_Serif-Italic.eot");
  src: url("./fonts/Bree_Serif-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/Bree_Serif-Italic.woff2") format("woff2"), url("./fonts/Bree_Serif-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Bree Serif";
  src: url("./fonts/Bree_Serif-Bold.eot");
  src: url("./fonts/Bree_Serif-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Bree_Serif-Bold.woff2") format("woff2"), url("./fonts/Bree_Serif-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Bree Serif";
  src: url("./fonts/Bree_Serif-Bold_Italic.eot");
  src: url("./fonts/Bree_Serif-Bold_Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/Bree_Serif-Bold_Italic.woff2") format("woff2"), url("./fonts/Bree_Serif-Bold_Italic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
:root {
  font-size: 14px;
}

body {
  font-family: TabletGothic, sans-serif;
  word-break: break-word;
  font-weight: 300;
}

body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
.block-editor__container h1,
.block-editor__container h2,
.block-editor__container h3 {
  font-style: normal;
}
body:not(.wp-admin) h1 small,
body:not(.wp-admin) h2 small,
body:not(.wp-admin) h3 small,
.block-editor__container h1 small,
.block-editor__container h2 small,
.block-editor__container h3 small {
  font-size: 55%;
  line-height: 1;
  display: block;
  margin-top: 15px;
  text-transform: none !important;
}
body:not(.wp-admin) a,
.block-editor__container a {
  transition: 0.3s;
}
body:not(.wp-admin) a:hover,
.block-editor__container a:hover {
  text-decoration: none;
}

b, strong {
  font-weight: 600;
}

/**
 * Utilities
 */
/**
 * Text utilities
 */
.text-primary {
  color: #black !important;
}

/**
 * Container utilities
 */
.has-background-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.fd-column {
  flex-direction: column;
}

.btn {
  color: white;
  border: 1px solid white;
  border-radius: 25px;
  padding: 5px 20px;
  font-family: TabletGothic, sans-serif;
  font-size: 1rem;
}

.btn-ico-white::after {
  background-image: url(img/button_n_lg_w.svg);
}

.btn-primary {
  background-color: #98C01E;
  color: white !important;
  border-color: #98C01E;
  box-shadow: 6px 6px 24px rgba(0, 0, 0, 0.1607843137);
}
.btn-primary:hover {
  border-color: #98C01E;
  background-color: white;
  color: #98C01E !important;
}
.btn-primary:focus, .btn-primary:active {
  background-color: transparent !important;
}

.btn-secondary {
  background-color: transparent;
  border-color: white;
  color: white;
}
.btn-secondary:hover {
  border-color: white;
  background-color: white;
  color: black;
}
.btn-secondary:focus, .btn-secondary:active {
  background-color: black !important;
}

footer h2 {
  display: inline-block;
}
footer hr {
  opacity: 1;
  border-width: 2px;
}
footer .schreib-uns {
  color: #6C6C6C !important;
  text-decoration: none;
}
footer .contact-circle {
  position: relative;
  transition: transform 0.3s;
  display: block;
}
@media only screen and (max-width: 786px) {
  footer .contact-circle {
    width: 100%;
    padding-bottom: 100%; /* Maintain a square aspect ratio */
    border-radius: 50%; /* Create a circle by setting border-radius to 50% */
    position: relative; /* Ensure proper positioning of inner content */
    transition: transform 0.3s;
    display: block;
  }
}
footer .contact-circle .bg-img {
  width: 100%;
  height: 100%;
  position: relative;
  transition: rotate 0.3s;
}
@media only screen and (max-width: 786px) {
  footer .contact-circle .bg-img {
    display: none;
  }
}
footer .contact-circle .icon {
  height: auto;
  position: absolute;
  transition: transform 0.3s;
  width: clamp(32px, 6vw, 60px);
  top: calc(50% - clamp(32px, 6vw, 60px) / 2);
  left: calc(50% - clamp(32px, 6vw, 60px) / 2);
}
footer .contact-circle:hover {
  transform: scale(1.05);
}
footer .contact-circle:hover .icon {
  transform: scale(1.1);
}
footer #mail .bg-img:hover {
  rotate: 50deg;
}
footer #instagram .bg-img:hover {
  rotate: -25deg;
}
footer #maps .bg-img:hover {
  rotate: 30deg;
}
@media only screen and (max-width: 786px) {
  footer #mail {
    background-color: #9d7b52;
  }
  footer #instagram {
    background-color: #e10086;
  }
}
footer #verbindung-row {
  margin: 7em 0;
}
footer #spinning-circle {
  position: absolute;
  top: -50%;
  right: 10%;
  height: 150%;
  width: auto;
  animation: rotate 35s linear infinite;
}
@media only screen and (max-width: 786px) {
  footer #spinning-circle {
    width: 35%;
    top: -20px;
    right: 15%;
    height: auto;
  }
}
footer ul.menu {
  font-family: "Bitter", "sans-serif";
  display: flex !important;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: end;
}
@media only screen and (max-width: 786px) {
  footer ul.menu {
    display: block !important;
    padding: 0;
  }
}
footer ul.menu li {
  list-style: none;
  padding: 0px;
  margin: 0;
  opacity: 1;
}
footer ul.menu li:not(:last-child) {
  padding-right: 8px;
  border-right: 2px solid white;
}
@media only screen and (max-width: 786px) {
  footer ul.menu li:not(:last-child) {
    border: none;
    padding-right: 0;
  }
}
footer #sep-holder {
  overflow: hidden;
}
@media (max-width: 768px) {
  footer #sep-holder {
    display: none;
  }
}
footer #sep-1 {
  transform: translateX(-10px);
}
footer #sep-1 .line {
  width: 2px;
}
footer #sep-2 .line {
  width: 1px;
}
footer #hero-circle,
footer #medien-circle,
footer #employee-circle,
footer #leistungen-circle,
footer #footer-circle {
  animation: rotate 20s linear infinite;
  width: 140px;
  position: absolute;
  z-index: 999;
  pointer-events: none;
  display: none;
}
@media only screen and (max-width: 786px) {
  footer #hero-circle,
  footer #medien-circle,
  footer #employee-circle,
  footer #leistungen-circle,
  footer #footer-circle {
    display: none !important;
  }
}
footer .footer-subimage-text {
  margin-top: 10px;
}
footer #footer-slider-holder-container {
  position: relative;
  margin-top: 20px;
}
footer #footer-slider-holder-container .col-md-4:before {
  content: "";
  display: block;
  padding-top: calc(100% + 21px);
  float: left;
}
footer #footer-slider-holder-container .col-md-4:first-child {
  background-color: white;
  position: relative;
  z-index: 9;
}
footer #footer-slider-holder {
  position: absolute;
  top: 0;
  width: 96.666%;
  left: 33.33%;
}
footer #hidden-image-space {
  padding-top: 100%;
}
footer address p,
footer address a {
  font-size: 0.8rem !important;
  color: black !important;
}
footer .copyright {
  margin-top: 20px;
}
footer .copyright p {
  font-size: 1.2rem;
  font-family: "Bitter", serif;
  letter-spacing: 0px;
  color: #080808;
  opacity: 1;
  font-weight: 600;
  text-align: right;
}
@media (max-width: 768px) {
  footer .copyright p {
    text-align: center;
  }
}

.footer_info_holder {
  padding-top: 120px;
}
@media (max-width: 1500px) {
  .footer_info_holder {
    padding-top: 80px;
  }
}
.footer_info_holder .container.pr-0 {
  max-width: 100%;
  padding: 0 0 0 calc((100% - 1460px) / 2);
}
@media (max-width: 1500px) {
  .footer_info_holder .container.pr-0 {
    padding-left: 7%;
  }
}
@media (max-width: 1440px) {
  .footer_info_holder .container.pr-0 {
    padding-left: 5%;
  }
}
@media (max-width: 1400px) {
  .footer_info_holder .container.pr-0 {
    padding-left: 30px;
  }
}
@media (max-width: 768px) {
  .footer_info_holder .container.pr-0 {
    padding: 0 30px;
  }
}
.footer_info_holder .col-md-4 {
  max-width: 500px;
}
.footer_info_holder .footer_hidden_overflow {
  overflow: hidden;
}
@media (max-width: 768px) {
  .footer_info_holder .footer_hidden_overflow {
    display: none;
  }
}
@media (max-width: 768px) {
  .footer_info_holder .title_info {
    text-align: center;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .footer_info_holder .title_info hr {
    margin: 20px auto;
    width: 220px !important;
  }
}
.footer_info_holder .title_info .description {
  letter-spacing: 0;
  color: #080808;
  opacity: 1;
  max-width: 400px;
  width: 100%;
}
@media (max-width: 768px) {
  .footer_info_holder .title_info .description {
    margin: 0 auto;
  }
}
.footer_info_holder .main_info {
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .footer_info_holder .main_info {
    text-align: center;
    margin-bottom: 40px;
  }
}
.footer_info_holder .main_info .additional_title {
  font: normal normal bold 17px/33px "Bitter";
  letter-spacing: 0;
  color: #080808;
  margin-bottom: 5px;
  line-height: 1.5;
}
.footer_info_holder .main_info .info {
  position: relative;
}
@media (max-width: 768px) {
  .footer_info_holder .main_info .info {
    margin-bottom: 60px;
  }
  .footer_info_holder .main_info .info:after {
    content: "";
    bottom: -30px;
    position: absolute;
    width: 220px;
    left: calc(50% - 90px);
    height: 2px;
    background: #000;
  }
}
.footer_info_holder .main_info .info p {
  letter-spacing: 0;
  color: #080808;
}
.footer_info_holder .main_info .info a {
  color: #080808;
}
.footer_info_holder .footer_images .single_image img {
  width: 100%;
}

/* wp-admin bar fix */
.admin-bar nav.nav {
  top: 32px;
}

nav.nav {
  width: 100vw;
  top: 0;
  left: 0;
}
nav.nav .logo svg {
  width: 150px;
  fill: #e60046;
}
@media only screen and (max-width: 1024px) {
  nav.nav .logo svg {
    fill: #fff;
  }
}
nav.nav .container {
  display: flex;
  align-items: center;
}
nav.nav .menu-container ul {
  list-style: none;
  align-items: center;
  flex-wrap: wrap;
}
nav.nav .menu-container a {
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.8px;
}
nav.nav .menu-container a:hover {
  border-bottom: 6px solid #17196B;
}

.position-relative {
  position: relative;
}

html,
body {
  overflow-x: hidden;
  overflow: visible;
}

.has-black-color a {
  color: black !important;
}

/*# sourceMappingURL=style.css.map */