@charset "UTF-8";
/* @author ( Florian Koch | multimedia küche. ) */

/* ##########################  TEXTE / ÜBERSCHRIFTEN  ########################### */
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: url('../fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
         url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-regular-webfont.svg#myriadpro-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { font-family: 'MyriadProRegular', Tahoma, Geneva, sans-serif; }



/* ##########################  LAYOUT  ########################### */
.mod-finder { display: none; visibility: hidden; }
.header-sticky .logo-image { height: 100px; }
#sp-top2 { align-content: center; }
#sp-main-body { z-index:1; position: relative; }
#sp-footer1 { z-index:1; }
#mod-custom121 { position: absolute; bottom: 0px; right: 0px; z-index: 0; }
#mod-custom121 .keyvisual, #mod-custom124 img { max-width: unset; }
#mod-custom124 { position: relative; }
#sp-after-content { min-height: 1500px; margin-top: -650px; }

/* ##########################  SASA INTRO  ########################### */
#sb-boden { margin-left: 40px; margin-top: -300px; z-index: -1; position: relative; }
#point1-container { position: absolute; margin: 480px 0px 0px 295px; top: 0px; left: 0px; }
#point2-container { position: absolute; margin: 270px 0px 0px 240px; top: 0px; left: 0px; }
#point3-container { position: absolute; margin: 55px 0px 0px 200px; top: 0px; left: 0px; }
.point-middle { width: 20px; height: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #f18700; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; z-index: 8; cursor: pointer; transition: all 0.7s; }
.point-pulse1 { width: 30px;	height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #6e6e6e; background: transparent; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; animation: pulsate 1.5s ease-out infinite; opacity: 0.0; transition: all 0.5s; }
#point1-container:hover .point-middle, #point2-container:hover .point-middle, #point3-container:hover .point-middle { background: #6e6e6e; }
#point1-container:hover .point-pulse1, #point2-container:hover .point-pulse1, #point3-container:hover .point-pulse1 { animation: pulsate2 1.5s ease-out infinite; border: 2px solid #f18700; }
@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(3.2, 3.2); opacity: 0.0;}
}
@-webkit-keyframes pulsate2 {
	0% {-webkit-transform: scale(3.2, 3.2); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
}
#sp-top2 .sp-module { position: relative; transition: all 1s !important; }
#sp-top2 .kopf.hide, #sp-top2 .herz.hide, #sp-top2 .hand.hide, #sp-top2 .willkommen.hide { left: 200%; opacity: 0; height: 0px; }
#sp-top2 .kopf.show, #sp-top2 .herz.show, #sp-top2 .hand.show, #sp-top2 .willkommen.show { left: 0px; opacity: 1; height: unset; }

/* ##########################  GENERAL DESIGN  ########################### */
#sp-header { background: rgba(255,255,255,0.9); }
#sp-bottom { background-color: #f18700; height: 355px; font-size: 18px; }
#sp-bottom .container { z-index: 1; position: relative; }
.bottom-h3-kontakt.fa-solid,.bottom-h3-recht.fa-solid { font-size: 26px; font-weight: 400; font-family: 'MyriadProRegular', Tahoma, Geneva, sans-serif; text-transform: uppercase; }
.bottom-h3-kontakt.fa-solid::before,.bottom-h3-recht.fa-solid::before { font-weight: 900; font-family: "Font Awesome 6 Free"; padding-right: 5px; }
#sp-footer a, #sp-bottom a { color: #ffffff; }
#sp-footer a:hover, #sp-bottom a:hover { color: #f9c980; }
#sp-top2 p { font-size: 26px; }
h1 > span { color: #f18700; }
h1 { text-transform: uppercase; font-size: 72px; }

.btn-primary, .sppb-btn-primary { border-color: #f18700; background-color: #f18700; font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: bold; }
.btn-primary:hover, .sppb-btn-primary:hover { border-color: #565655; background-color: #565655; }