*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font-family:'Poppins',sans-serif;background:linear-gradient(to right,#ffffff, #f7f2f9);color:#000}
h1{font-family:'Spatan',sans-serif;font-size:2.375rem;font-weight:600}
h1 span{position:relative;z-index:1}
h1 span::after{position:absolute;content:"";width:100%;height:6px;background:#ff599e;bottom:3px;left:0;z-index:-1}
.unterseite{display:flex;justify-content:space-between;align-items:center;width:auto;border:2px solid #5f2ded;padding:10px 20px;box-shadow:0 0 5px 5px rgba(95,45,237,0.05)}
.unterseite svg{z-index:1;margin-left:auto}
.unterseite h1{margin:0;z-index:2}
h2{font-family:'Spatan',sans-serif;font-size:1.6rem;line-height:1.43;font-weight:600}
h2 span{position:relative;z-index:1}
h2 span::after{position:absolute;content:"";width:100%;height:6px;background:#ff599e;bottom:3px;left:0;z-index:-1}
h3,h4,h5,h6{font-family:'Spatan',sans-serif;font-size:1.4rem;line-height:1.43;font-weight:600}
p{line-height:1.5;font-weight:300}
ul li{line-height:1.5;font-weight:300}
label{line-height:1.5;font-weight:300}
a{text-decoration:none;color:#000}
.liste-eingerueckt{text-indent:-1.5em;padding-left:1.5em;}
.blogliste-eingerueckt{text-indent:-1.5em;padding-left:1.6em}
.blogliste-unstyled{margin-bottom:auto;line-height:1.5!important;list-style: none;}
.btn-close-white {filter: var(--bs-btn-close-black-filter);}
.bg-primary{background:#ffffff}
.bg-second {background: linear-gradient(to bottom, #ADACC6, #edcebc);}
.bg-tertiary{background:linear-gradient(to right,#ffffff, #f9f7f9);}
.bg-formular{background:#0c0c2d}
.formular-bg{height:320px;margin-bottom:100px}
@media (max-width: 760px) {
.formular-bg{height:500px;margin-bottom:200px}
}
.section{padding-top:20px;padding-bottom:20px}
.mw-100{max-width:100%}
.mw-90{max-width:90%}
.mw-80{max-width:80%}
.mw-70{max-width:70%}
.mw-60{max-width:60%}
:root{--primary-color:#00053d;--secondary-color:#1a404f;--tertiary-color:#195877;--kunstepoche:#d93b04;--kunststile:#005aa0;--kuenstler:#e60a71;--kunstmedium:#0c8703;--gesellschaft:#d30000;--ki:#008762}
.event-button{position:fixed;bottom:30px;right:20px;z-index:20;font-size:20px !important;line-height:1.2rem;}
.standard-event{background-color:#fff;border:1px solid #5160b5;text-align:center;padding:7px 15px;border-radius:5px;}
.standard-event:hover{background-color:rgba(249, 246, 250,0.8);box-shadow:0 0 6px 6px rgba(68,206,169,0.1)}
.standard-button{display:block;width:auto;padding:7px 15px;font-size:20px;text-align:center;text-decoration:none;color:#fff;border-radius:5px;transition:all .3s ease}
.standard-button-login{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:3px 10px;margin-right:5px;font-size:18px;}
.standard-button-login:hover{color:var(--primary-color);background-color:rgba(95,45,237,0.05);}
.standard-button-primary{background-color:var(--primary-color);}
.standard-button-primary:hover{background-color:#252a54;}
.standard-button-secondary{background-color:var(--secondary-color);}
.standard-button-secondary:hover{background-color:#265c70;}
.standard-button-tertiary{background-color:var(--tertiary-color);}
.standard-button-tertiary:hover{background-color:#1e698c;}
.standard-button-kunstepoche{padding:4px 10px;font-size:16px;background-color:var(--kunstepoche);border:1px solid var(--kunstepoche);color:#fff}
.standard-button-kunstepoche:hover{background-color:transparent;border:1px solid var(--kunstepoche);color:var(--kunstepoche)}
.standard-button-kunststile{padding:4px 10px;font-size:16px;background-color:var(--kunststile);border:1px solid var(--kunststile);color:#fff}
.standard-button-kunststile:hover{background-color:transparent;border:1px solid var(--kunststile);color:var(--kunststile)}
.standard-button-kuenstler{padding:4px 10px;font-size:16px;background-color:var(--kuenstler);border:1px solid var(--kuenstler);color:#fff}
.standard-button-kuenstler:hover{background-color:transparent;border:1px solid var(--kuenstler);color:var(--kuenstler)}
.standard-button-kunstmedium{padding:4px 10px;font-size:16px;background-color:var(--kunstmedium);border:1px solid var(--kunstmedium);color:#fff}
.standard-button-kunstmedium:hover{background-color:transparent;border:1px solid var(--kunstmedium);color:var(--kunstmedium)}
.standard-button-gesellschaft{padding:4px 10px;font-size:16px;background-color:var(--gesellschaft);border:1px solid var(--gesellschaft);color:#fff}
.standard-button-gesellschaft:hover{background-color:transparent;border:1px solid var(--gesellschaft);color:var(--gesellschaft)}
.standard-button-ki{padding:4px 10px;font-size:16px;background-color:var(--ki);border:1px solid var(--ki);color:#fff}
.standard-button-ki:hover{background-color:transparent;border:1px solid var(--ki);color:var(--ki)}
.linie{border-left:4px solid var(--primary-color);position:relative;padding-left:20px}
.form-umrandung{border:1px solid var(--primary-color);padding:5px 15px;box-shadow:0 0 5px 5px rgba(95,45,237,0.05)}
.form-umrandung2{border:1px solid #fff;padding:5px 15px;box-shadow:0 0 5px 5px rgba(95,45,237,0.05)}
.form-inkl{background-color:var(--primary-color);width:100%;font-size:10px}
.form-icon{position:absolute;top:50px;right:8px;transform:translateY(-50%)}
.gallery-images .img-fluid:hover{opacity:.7}
.category-button{display:inline-block;width:auto;padding:5px 15px;font-size:13px;margin-bottom:15px;background-color:#f0f0f0;color:#523da5;border-radius:50px;cursor:default}
.header {margin-top:100px;}
.hero_category-button{display:inline-block;width:auto;padding:5px 15px;font-size:13px;margin-bottom:15px;margin-top:120px;background-color:#f0f0f0;color:#523da5;border-radius:50px;cursor:default}
.hero{position:relative;min-height:80vh;display:flex;flex-direction: column;align-items:center;color:#000;overflow:hidden}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.hero-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255, 255, 255,0.3),rgba(255, 255, 255,0.4))}
.hero-bg img{width:100%;height:100%;object-fit:cover}
@media (max-width: 768px) {
.hero{min-height:60vh;padding:4rem 0}
.display-4{font-size:calc(1.8rem + 1.5vw)}
.neigung-box {right: 30px;}
}
.hover-lift{transition:all .3s ease}
.hover-lift:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.image-overlap{margin-top:20px;}
.image-overlap .styled-image{width:80px;height:80px;border:4px solid #fff;box-shadow:0 4px 6px rgba(0,0,0,0.2);border-radius:50%;margin-left:-18px}
.navbar{position:fixed;top:-1px;height:80px;z-index:999;right:0;left:0;width:100%;box-shadow:0 0 50px 10px rgba(95,45,237,0.15);}
.navbar img{max-width:170px}
.nav-link{color:#000!important;}
.navbar .nav-link{--bs-nav-link-hover-color:#f4eff7;}
.navbar-toggler:focus{outline:none}
.mynavbar-toggler{width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
.custom-link{font-weight:100;padding:1px 0;padding-left:17px;border-left:1px solid #000;margin-left:8px}
.line{width:100%;height:2px;background-color:#000;border-radius:1px}
.kunstplattform img {z-index: 2;}
.bouncing-box{position:absolute;top:120px;right:40px;animation:bounce 1s infinite alternate;z-index: 3;}
.bouncing-box img{width:77px}
@keyframes bounce {
0%{transform:translateY(0)}
100%{transform:translateY(-10px)}
}
.neigung-box {position: absolute;top: 140px;left: 170px;animation: rotateQuarter 2s infinite alternate;z-index: 3;}
.neigung-box img {width: 70px;}
@keyframes rotateQuarter {
  0% {transform: rotate(-10deg);}
  100% {transform: rotate(5deg);}
}
@media (max-width: 414px) {
.image-overlap .styled-image{width:60px;height:60px}
.neigung-box {top: 100px;left: 30px;}
.neigung-box img {width: 60px;}
}
@media (min-width: 415px) and (max-width: 667px) {
.image-overlap .styled-image{width:70px;height:70px}
.neigung-box {top: 100px;left: 30px;}
}
@media (min-width: 668px) and (max-width: 991px) {
.image-overlap .styled-image{width:80px;height:80px}
.neigung-box {top: 100px;left: 30px;}
}
@media (min-width: 667px) and (max-width: 769px) {
.bouncing-box{right:60px}
.neigung-box {top: 100px;left: 40px;}
}
@media (min-width: 770px) and (max-width: 990) {
.bouncing-box{right:60px}
.neigung-box {top: 140px;left: 50px;}
}
@media (min-width: 1240px) and (max-width: 1556) {
.bouncing-box{top:110px;right:5px}
.neigung-box {top: 140px;left: 90px;}
}
@media (min-width: 1557px)and(max-width: 1700) {
.bouncing-box{top:120px;right:60px}
.neigung-box {top: 140px;left: 90px;}
}
@media (min-width: 1701px) {
.bouncing-box{top:120px;right:100px}
.neigung-box {top: 140px;left: 100px;}
}
.bg-rubrik{background-color:#1e7bc2;color:#fff;padding:15px;border-radius:.25rem .25rem 0 0;}
.rubrik-card{border:1px solid #1e7bc2;border-radius:5px;}
.service-card{position:relative;border-radius:5px;height:100%;background-color:transparent;box-shadow:0 0 5px 5px rgba(0,0,0,0.1);overflow:hidden}
.service-card .list-unstyled{margin-bottom:auto;}
.service-card.primary{background-color:#fff;border:0px solid #c7d1d6;box-shadow:0 0 5px 5px rgba(95,45,237,0.05)}
.service-card .card-body{border:0px solid var(--border-color);padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.service-button{text-align:right}
.text-durchgetrichen{color:#dc3545}
.unterseite-card{position:relative;background-color:transparent;box-shadow:0 0 5px 5px rgba(0,0,0,0.1);border-width:2px;overflow:hidden}
.unterseite-card .card-body{border-radius:5px;border:0px solid var(--border-color);padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.kunstplattform img{max-width:250px;}
.zaehler{color:#1a404f;font-weight:600;}
.zaehler p{color:#1a404f;font-weight:400;}
.numscroller{font-size:50px;line-height:1;font-weight:500;color:#1a404f;}
.same-height{height:100%}
.info{color:#000;border-radius:5px;background-color:#fff;border:0px solid #c7d1d6;box-shadow:0 0 5px 5px rgba(95,45,237,0.05)}
.tag{color:#000;border-radius:3px;background-color:#fff;border:1px solid var(--primary-color);padding:3px 8px;}
.tag:hover{color:var(--primary-color);background-color:rgba(95,45,237,0.05);}
.news {position: relative;z-index: 10;background-color: #fff;box-shadow: 0 0 15px 1px rgba(76, 76, 76,0.15);}
.newsticker {font-size: 20px;overflow: hidden;white-space: nowrap;display: inline-block;padding: 3px 0;}
.marquee{animation:marqueeAnimation 50s linear infinite}
@media (max-width: 440px) {
.marquee{animation:marqueeAnimation 20s linear infinite}
}
@keyframes marqueeAnimation {
0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}
.meinlogo img{width: 170px;height: auto;}
.btn-socialmedia{color:#000;border-radius:3px;background-color:transparent;border:1px solid #000}
.btn-socialmedia:hover{color:var(--primary-color);border:1px solid #000;background-color:rgba(255,255,255,0.2)}
.section-testimonial{height:450px}
.carousel-control-prev-icon{background-color:#ccc !important;width:30px;height:30px;}
.carousel-control-next-icon{background-color:#ccc !important;width:30px;height:30px;}
.carousel{height:350px;}
.carousel-indicators{top:320px;}
@media (max-width: 766px) {
.section-testimonial{height:550px}
.carousel{height:380px}
.carousel-indicators{top:410px}
}
@media (min-width: 767px) {
.section-testimonial{height:400px}
.carousel{height:280px}
.carousel-indicators{top:270px}
}
@media (min-width: 1024px) {
.section-testimonial{height:430px}
.carousel{height:330px}
.carousel-indicators{top:280px}
}
.testimonial-card{background-color:transparent;height:100%;display:flex;align-items:center}
.testimonial-card img{max-height:50px;max-width:50px;margin-right:10px}
.testimonial-card .card-details{display:flex;flex-direction:column}
.testimonial-card .card-details span{font-size:14px}
.testimonial-card .carousel-item{display:flex;flex-grow:1;align-items:flex-start}
.nachricht{box-shadow:0 0 30px 10px rgba(95,45,237,0.15)}

#faq {font-family: 'Poppins', sans-serif !important;font-weight:300;line-height:1.5;}
.faq-card .accordion-button {font-family: 'Poppins', sans-serif !important;background-color: transparent !important; box-shadow: none !important; border: none;padding:0px;font-size:18px!important; font-weight:500!important;}
.faq-card .accordion-button active{font-family: 'Poppins', sans-serif !important;color:#000!important;box-shadow: none !important}
.faq-card{background-color:#fff;box-shadow:0 0 5px 5px rgba(95,45,237,0.05)!important;;color:#000;border:none;}
.faq-header{background-color:#fbfbfb;color:#000;border-radius:.25rem .25rem 0 0;padding:15px;}

#lexikon {font-family: 'Poppins', sans-serif !important;font-weight:300;line-height:1.5;}
.lexikon-card{background-color:#fff;box-shadow:0 0 4px 4px rgba(95,45,237,0.03)!important;color:#000;border:none;}
.lexikon-header{background-color:#fbfbfb;color:#000;border-radius:.25rem .25rem 0 0;padding:15px;}
.lexikon-letter {display: inline-block;width:37px;height:35px;margin-bottom:5px;padding-top:2px;;border: 2px solid #00053d;font-size: 1.2rem;color: #000;background-color:#fff;border-radius:4px;text-align: center; justify-content: center;align-items: center;}
.lexikon-eintrag{padding-top:10px; padding-bottom:10px; border-bottom:1px solid #00053d;}
.lexikon-eintrag-last{padding-top:10px; padding-bottom:10px;}
.lexikon-header .accordion-button {background-color: transparent !important; color:#00053d!important;box-shadow: none !important; border: none;padding:0px;font-size: 1.6em!important;font-weight: 600!important;}
.lexikon-header .accordion-button active{color:#00053d!important;box-shadow: none !important;}

.lexikon-card-suchergebnisse{background-color:#fff;box-shadow:0 0 4px 4px rgba(95,45,237,0.03)!important;color:#000;border:none;}
.lexikon-header-suchergebnisse{background-color:#f7eaea;color:#000;border-radius:.25rem .25rem 0 0;padding:15px;}
.lexikon-header-suchergebnisse .accordion-button {background-color: transparent !important; color:#00053d!important;box-shadow: none !important; border: none;padding:0px;font-size: 1.6em!important;font-weight: 600!important;}
.lexikon-header-suchergebnisse .accordion-button active{color:#00053d!important;box-shadow: none !important;}

.schongewusst-header{background-color:#fcfcfc;border-radius:.25rem .25rem 0 0;border-bottom:1px solid #25399b;}
.schongewusst-ort{border-top:0px solid #25399b;color:#008762;}
.schongewusst-link{color:#1e7bc2;}
.standard-wa{background-color:#25d366;display:inline-block;text-align:center;color:#fff;border:2px solid #25d366;width:234.11px; line-height: 40px;}
.standard-wa:hover{background-color:#2dfc79;border:2px solid #2dfc79;box-shadow:0 0 7px 5px rgba(37, 211, 102, 0.2)}
.kontakt-button{display: flex;text-align:center;justify-content: center;}
.standard-mail{width:300px;background-color:#f9f6fa;color:#000;border:1px solid #5160b5;text-align:center;}
.standard-mail:hover{background-color:rgba(249, 246, 250,0.8);box-shadow:0 0 6px 6px rgba(68,206,169,0.1)}
.chaticon{margin-top:11px;margin-left:0}
.blobs-container{display:flex}
.blob{background:#000;border-radius:50%;box-shadow:0 0 0 0 rgba(0,0,0,5);margin:10px;height:75px;width:75px;transform:scale(1);animation:pulse-black 2s infinite}
@keyframes pulse-black {
0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0.7)}
70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0)}
100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0)}
}
.blob.green{background:rgba(124, 142, 150,1);box-shadow:0 0 0 0 rgba(0,0,0,5);animation:pulse-green 2s infinite}
@keyframes pulse-green {
0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(124, 142, 150,0.7)}
70%{transform:scale(1);box-shadow:0 0 0 10px rgba(124, 142, 150,0)}
100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(124, 142, 150,0)}
}
.whatsapp-button{text-align:center;position:fixed;bottom:35px;right:35px;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;cursor:pointer;z-index:110}
.whatsapp-button:before{border-width:15px;border-top-color:#e9e9e9}
.whatsapp-button a{color:#fff;font-family:'Source Sans Pro',sans-serif;margin-top:10px;border-radius:50px;word-spacing:10px}
.whatsapp-message{position:fixed;bottom:80px;right:80px;display:flex;align-items:center;justify-content:center;width:180px;height:50px;box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;visibility:hidden;background-color:#fff;padding:15px;border-radius:5px;border:1px solid #e9e9e9;font-size:14px;z-index:110}
.float-button{margin-top:16px}
.overlay{position:relative;z-index:1}
.overlay::before{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;background:#081828;content:"";-webkit-transition:all .4s ease;transition:all .4s ease;z-index:-1}
.bewertungen{border-radius:20px;background-color:transparent;border:1px solid var(--primary-color)}
.bewertungen:hover{color:#000;background-color:rgba(255,255,255,0.2);border:1px solid var(--primary-color)}
.footer-header{box-shadow:0 0 7px 5px rgba(95,45,237,0.1)}
.suchfeld{padding: 0.4rem 0.5rem;}
@media (min-width: 768px) and (max-width: 991px) {
    .order-ms-2 {order: 1 !important;}
    .order-ms-1 {order: 2 !important;    }
}
.download-button {display: flex;border-radius:3px;padding:10px 0px 5px;background-color:#fff;border:0px solid #c7d1d6;box-shadow:0 0 5px 5px rgba(95,45,237,0.05)}
.button-content {display: flex;width: 100%;gap: 10px;}
.button-left {flex: 3;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;margin-left:10px}
.icon-wrapper {width: 100%;height: 25px;display: flex;align-items: center;justify-content: center; background-color: #1a404f;border-radius: 5px;}
.button-right {flex: 9;display: flex;text-align: start;margin-left:10px}
.h-300{max-height:300px;}
.h-200{max-height:200px;}
.blog_bild{position:relative}
.blog_datum_tag{position:absolute;top:20px;right:40px;background:var(--primary-color);display:inline-block;text-align:center;font-weight:600;line-height:30px;color:#fff;border-radius:5px;font-size:25px;padding:8px 24px}
@media (max-width: 767px) {
.blog_datum_tag{right:20px;line-height:20px;font-size:16px;padding:5px 15px}
}
.blog_datum_tag span{display:block}
.mehr_lesen :hover{color:#195877}
.blogmini_liste li{display:flex;align-items:center;margin-bottom:20px}
.blogmini_img{position:relative;padding-right:20px;width:40%}
.blogmini_img img{width:100%}
.blogmini_nummer{position:absolute;top:-4px;left:0}
.blogmini_nummer span{height:24px;width:23px;line-height:24px;color:#fff;background:var(--primary-color);font-weight:500;font-size:12px;display:inline-block;text-align:center;position:absolute;top:4px}
.blogmini_text{width:60%}
.blogmini_text h3{font-weight:600;font-size:20px}
.blogmini_text a :hover{color:#195877}