/*FONTS*/
/* open-sans-300 - latin */
@font-face {
  font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v44-latin-300.woff2') format('woff2');
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-v44-latin-300italic.woff2') format('woff2');
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2');
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v44-latin-italic.woff2') format('woff2');
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2');
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open-sans-v44-latin-600italic.woff2') format('woff2');
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v44-latin-700.woff2') format('woff2');
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v44-latin-700italic.woff2') format('woff2');
}
body, p {
  font-family: 'Open Sans';
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase; font-size: 19px; margin-bottom: 10px !important;
}
.sppb-media-heading {
  font-weight: 600 !important; text-transform: none !important; font-size: 16px !important; margin: 0px !important; line-height: 24px !important;
}
/*FONTS END*/
/*MENU*/
.mod-menu {
  padding-left: 0rem !important; list-style: none; margin: 0px -15px;
}
.mod-menu li {
  text-align: right; font-weight: bold;
}
.menu-child li a {
  font-weight: normal; opacity: 0.6; 
}
.mod-menu a {
  display: inline-block; position: relative; text-decoration: none; text-transform: uppercase;
}
.mod-menu a::before {
  content: ''; position: absolute; height: 1px; width: 150px; background: var(--sppb-link-color); right: 100%; top: 50%; transform: translateY(-50%); margin-right: 7px; opacity: 0; transition: opacity 0.3s ease;
}
.mod-menu a:hover::before, .mod-menu li.active:not(:has(li.active)) > a::before,
.mod-menu li.current:not(:has(li.current)) > a::before {
  opacity: 1;
}
.mod-menu__sub, .sppb-optin-form-details {
  display: none;
}
.mod-menu li:has(a[aria-current="page"]) > .mod-menu__sub {
  display: block !important;
}
.head-menu {
  text-transform: uppercase; opacity: 1; font-weight: normal;
}
/*SLIDES*/
.sp-slider .sp-nav-control {
  width: 20px !important; position: relative !important; left: 0% !important; margin: 0% !important; float: left; margin-top: 7px !important;
}
.sp-slider .sp-dots {
  bottom: 1% !important; left: 15px; position: relative; transform: translateX(0%); float: left; width: auto;
}
.sp-slider .sp-dots ul {
  text-align: left;
}
.sp-slider .sp-nav-control {
  width: 20px;
}
div.sp-slider .sp-nav-control .nav-control {
  background: transparent !important;
}
.dot-controller-dot.sp-slider .sp-dots ul li::after {
  background: #000 !important;
}
/*BTNs*/
.sppb-btn-link {
  color: var(--sppb-link-color); padding: 7px 0px;
}
.sppb-btn-link {
  text-decoration: none; border-radius: 0; color: var(--sppb-link-color); border-color: var(--sppb-link-color); border-width: 0 0 1px 0;
}
.sppb-btn-link:focus, .sppb-btn-link:hover {
  color: #000; border-color: #000; text-decoration: none;
}
.sppb-btn-default {
  padding: 15px 15.5px; border-color:rgba(255, 255, 255, 0.7) !important; color:rgba(255, 255, 255, 0.7) !important;
}
.sppb-btn-default:hover {
  background-color: transparent !important; border-color: #ffffff !important; color: #ffffff !important;
}
.sppb-optin-form .sppb-form-group {
  width: 94%;
}
.sppb-optin-form .sppb-btn-custom {
  padding: 0px;
}
#sppb-addon-1774257296166 .sppb-addon-single-image-container {
  border-radius: 0px; border: 1px solid #fff;
}
#sp-footer {
  background: transparent; z-index: 9; position: absolute; margin: auto; bottom: 0%; width: 100%;
}
#sp-footer a {
  font-weight: normal;
}
#sp-footer .mod-menu a::before {
  display: none;
}
.itemid-101 #sp-footer, .itemid-101 #sp-footer a, .itemid-115 #sp-footer, .itemid-115 #sp-footer a, .dark #sp-footer a {
  color: #ffffff;
}
.itemid-101 #sp-footer a:hover {
  color: var(--sppb-link-color);
}
.jmodedit {
  position: absolute;
}
.sppb-addon-optin-forms, .sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) {
  padding: 0px !important;
}
/*Mailchimp*/
.submit-button-inside {
  max-width: 730px; margin: auto;
}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
  text-align: center; padding: 10px !important; line-height: 1.3 !important;
}
.line {
  display: inline-block; width: 70px; height: 0.5px; background: currentColor; margin: 0 2px; vertical-align: middle;
}
.line-kl {
  display: inline-block; width: 45px; height: 0.5px; background: currentColor; margin: 0px; vertical-align: middle;
}
.kl-head {
  text-transform: none; font-weight: normal;
}
.btn-pfeil-gross {
  font-size: 90px; position: relative; top: 30px;
}
.ausstellungsansichten .sppb-addon-title {
text-align: right !important;
}
@media screen and (min-width: 768px) {
#sp-header {
  display: none !important;
}
}
@media screen and (max-width: 992px) {
.mod-menu {
  margin: 0px;
}
}
@media screen and (max-width: 767px) {
.sppb-optin-form .sppb-form-group {
  width: 90%;
}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
  font-size: 12px;
}
}
/*Mobil Menu*/
#sp-logo {
  display: none !important;
}
#sp-header {
  background: transparent; position: absolute; width: 25%; left: 75%; top: 10px; box-shadow: none;
}
.burger-icon > span {
  background-color: #000;
}
.itemid-101 .burger-icon > span, .itemid-101 .burger-icon > span, .itemid-115 .burger-icon > span, .itemid-115 .burger-icon > span a {
  background-color: #ffffff;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > .nav-header {
  text-align: left; ont-size: 16px; line-height: 1;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
  right: 15px; 
}
.offcanvas-menu .menu-toggler::after {
  content: "+" !important;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
  right: -100%;
}
.offcanvas-menu {
  width: 100%;
}
.offcanvas-active .close-offcanvas .burger-icon > span {
  background-color: #000;
}
body.ltr .close-offcanvas {
  right: 45px;
}
.offcanvas-menu li {
  text-align: left;
}
/*Sprachswitch*/
div.mod-languages ul {
  text-align: right; margin: 0px -22px;
}
div.mod-languages ul li.lang-active {
  background-color: transparent !important; padding: 0px;
}
div.mod-languages a {
  padding: 0rem; color: #000000; opacity: 0.6;
}
li.lang-active a, div.mod-languages a:hover {
  opacity: 1; 
}
.sppb-addon-header a {
  transition: transform 0.3s ease-out;
}
.sppb-addon-header a:hover p {
  transform: scale(1.05);
}
.dark div.mod-languages a {
  color: #ffffff;
}
.pop-up-transparenz .sppb-modal-selector img {
  opacity: 0.2;
}
.pop-up-transparenz .sppb-modal-selector span.text {
  color: #fff; position: absolute; left: 25%; right: 25%; width: 50%; text-align: center;
}
.sppb-addon-image-overlay-icon {
  position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; margin-left: 0px; margin-top: 0px; background: transparent; border-radius: 0px; center; font-size: 75px; line-height: 1; display: flex !important; justify-content: center; align-items: center; opacity: 0;
}
.sppb-addon-image-overlay-icon:active, .sppb-addon-image-overlay-icon:focus, .sppb-addon-image-overlay-icon:hover {
  background: transparent; display: flex !important; justify-content: center; align-items: center;
}
.sppb-addon-image-overlay-icon:hover {
  opacity: 1;
}
.offcanvas-menu div.mod-languages ul {
  text-align: right; width: 100%; padding-right: 15px !important;
}
.offcanvas-menu div.mod-languages a {
  padding: 0rem; color: #000000; opacity: 0.6;
}
.offcanvas-menu li.lang-active a, div.mod-languages a:hover {
  opacity: 1; 
}
.werksgruppe {
  font-size: 12px; text-transform: none !important; line-height: 1;
}
.werke-zeitspanne {
  font-size: 13px;
}
.hochformat {
  width: 80%; margin: auto;
}
.svg-pfeil-gross {
 margin-left: -33px;
}
.svg-pfeil-gross-hell img {
  filter: invert(1); margin-left: -33px;
}
.svg-pfeil-gross-hell a, .svg-pfeil-gross a {
  opacity: 0.5 !important;
}
.svg-pfeil-gross-hell a:hover, .svg-pfeil-gross a:hover {
  opacity: 1 !important;
}
.sppb-optin-form .sppb-btn-custom::after {
  content: ""; display: inline-block; width: 30px; height: 30px; background-color: currentColor; -webkit-mask: url("/images/pfeil.svg") no-repeat center; mask: url("/images/pfeil.svg") no-repeat center; mask-size: contain;

  transform: translateY(16%) rotate(-90deg);
}