@charset "UTF-8";
.hero-unterseite{background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-unterseite .image-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);z-index:1}
.hero-unterseite .container{position:relative;z-index:2}
body{overflow-x:hidden !important;font-family:"Alata",Helvetica,Arial,Lucida,sans-serif !important;color:#2b2b2b}
p{font-weight:400;line-height:1.7em;margin:0}
h1,.h1{font-size:3rem;font-weight:700;line-height:1.1;margin:0}
h2,.h2{font-size:clamp(2rem,4vw + 0.5rem,3rem);font-weight:600;line-height:1.2;margin:0}
h3,.h3{font-size:clamp(1.5rem,3vw + 0.5rem,2.25rem);font-weight:600;line-height:1.25;margin:0}
h4,.h4{font-size:clamp(1.25rem,2.5vw + 0.25rem,1.75rem);font-weight:500;line-height:1.3;margin:0}
h5,.h5{font-size:clamp(1.125rem,2vw + 0.25rem,1.5rem);font-weight:500;line-height:1.35;margin:0}
h6,.h6{font-size:clamp(1rem,1.5vw + 0.25rem,1.25rem);font-weight:500;line-height:1.4;letter-spacing:0.5px;margin:0}
.sticky{position:sticky;top:0;left:0;z-index:10000}
section{padding:80px 0}
.bg-color-light{background-color:#EFE5D2}
.text-after{color:#D4AF37}
.bg-color-dark{background-color:var(--bs-primary)}
.bg-element-right{position:absolute;right:0;top:0;width:200px;height:100%}
.bg-element-right .bg-element-r{width:100%;height:100%;object-fit:cover;opacity:0.15;mix-blend-mode:screen}
.bg-element-left{position:absolute;left:0;top:0;width:200px;height:100%}
.bg-element-left .bg-element-l{width:100%;height:100%;object-fit:cover}
.primary-button{width:100%;padding:10px 16px;border-radius:10px;background-color:var(--bs-primary);color:white;transition:background 0.3s ease-in-out;border:2px solid var(--bs-primary);text-decoration:none;display:flex;justify-content:center;align-items:center}
.primary-button:hover{background-color:white;color:var(--bs-primary);border:2px solid var(--bs-primary)}
.secondary-button{width:100%;padding:10px 16px;color:white;background-color:#D4AF37;transition:all 0.3s ease-in-out;border:2px solid white;text-decoration:none;display:flex;justify-content:center;align-items:center;border-radius:10px}
.secondary-button:hover{background-color:white;border:2px solid #D4AF37;color:#D4AF37}
nav{background-color:var(--bs-primary)}
nav .navbar-logo{width:100%;height:100px;object-fit:cover}
nav .navbar-nav .nav-item .nav-link{color:white}
nav .navbar-nav .nav-item .dropdown-menu{border:none;background-color:#eae1d0;padding:0}
nav .navbar-nav .nav-item .dropdown-menu .dropdown-item{color:#5d574e;padding:15px;transition:all 0.3s ease-in-out}
nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{color:#eae1d0;background-color:var(--bs-primary);padding-left:25px}
@media (max-width:992px){.navbar-collapse{display:none;visibility:hidden}.offcanvas{display:block;visibility:visible}}
.offcanvas{background:var(--bs-primary);z-index:10000}
.offcanvas .offcanvas-header{border-bottom:1px solid rgba(255,255,255,0.1)}
.offcanvas .offcanvas-header .offcanvas-title{color:#D4AF37;font-weight:600}
.offcanvas .offcanvas-body a{transition:color 0.3s ease}
.offcanvas .offcanvas-body a:hover{color:#D4AF37 !important}
.offcanvas .offcanvas-body .offcanvas-dropdown input[type="checkbox"]{display:none}
.offcanvas .offcanvas-body .offcanvas-dropdown .dropdown-toggle-offcanvas{cursor:pointer;display:block;width:100%;user-select:none}
.offcanvas .offcanvas-body .offcanvas-dropdown .dropdown-toggle-offcanvas i{transition:transform 0.2s ease}
.offcanvas .offcanvas-body .offcanvas-dropdown .offcanvas-submenu{display:none;list-style:none}
.offcanvas .offcanvas-body .offcanvas-dropdown .offcanvas-submenu.level-1{padding-left:10px}
.offcanvas .offcanvas-body .offcanvas-dropdown .offcanvas-submenu.level-2{padding-left:20px}
.offcanvas .offcanvas-body .offcanvas-dropdown .offcanvas-submenu.level-3{padding-left:30px}
.offcanvas .offcanvas-body .offcanvas-dropdown input[type="checkbox"]:checked ~ .dropdown-toggle-offcanvas i{transform:rotate(180deg)}
.offcanvas .offcanvas-body .offcanvas-dropdown input[type="checkbox"]:checked ~ .offcanvas-submenu{display:block}
.btn[data-bs-toggle="offcanvas"]{background:transparent;padding:0.5rem 0.75rem}
.btn[data-bs-toggle="offcanvas"]:hover{background:rgba(255,255,255,0.1)}
.btn[data-bs-toggle="offcanvas"] i{font-size:1.6rem}
.bg-dark-r{background-color:#0D1550 !important;width:30%;height:545px;position:absolute;top:0;right:0}
@media (max-width:992px){.bg-dark-r{display:none}}
.bg-dark-l{background-color:#a59e8c;width:500px;height:545px;position:absolute;left:0;top:0}
#hero{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;height:70vh;width:100%;display:flex;align-items:center}
#hero .bg-muster{position:absolute;top:0;left:0}
@media (max-width:992px){#hero .bg-muster{height:200px}}
#hero .hero-img{width:48%;height:600px;object-fit:cover;position:absolute;top:25px;right:20px;z-index:1;border-radius:10px}
@media (max-width:992px){#hero{height:unset}#hero .hero-img-wrapper{padding:0;height:200px}#hero .hero-img-wrapper .hero-img{position:absolute;left:0;top:unset;bottom:0;height:300px;width:100%}}
#hero .hero-wrapper{position:relative;display:flex;flex-direction:column;gap:50px;z-index:2;width:100%}
#ramadan{background-color:var(--bs-primary);background-image:url("/storage/app/media/bg-mos.svg");background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%}
#ramadan .countdown-card{position:relative;z-index:2}
#ramadan .countdown-card .countdown-wrapper{padding:20px;width:100%;height:100%;border-radius:10px;background:transparent;backdrop-filter:blur(10px);box-shadow:0 0 10px rgba(0,0,0,0.3);display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid white}
#ramadan .countdown-card .countdown-wrapper .ramadan-img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #D4AF37}
@media (max-width:576px){#ramadan .countdown-card .countdown-wrapper .ramadan-img{width:120px;height:120px}}
#ramadan .countdown-card .countdown-wrapper p{color:#D4AF37 !important;font-size:24px;font-weight:500;text-align:center}
#ramadan .countdown-card .countdown-wrapper .countdown{color:black;font-size:30px;font-weight:700;text-align:center}
@media (max-width:992px){#ramadan .countdown-card .countdown-wrapper{width:100%}}
#ramadan .countdown-card::before{content:"";position:absolute;right:-10px;bottom:-10px;width:100%;height:100%;background-color:white;border-radius:10px;z-index:-1}
#moschees .card-wrapper{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
@media (max-width:992px){#moschees .card-wrapper{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){#moschees .card-wrapper{grid-template-columns:auto}}
#moschees .card-wrapper .card{border:none;background-color:white;color:white;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:10px;transition:all 0.3s ease-in-out}
#moschees .card-wrapper .card .card-body{display:flex;flex-direction:column;gap:5px;align-items:center}
#moschees .card-wrapper .card .card-body .card-img-wrapper{width:100%}
#moschees .card-wrapper .card .card-body .card-img-wrapper .card-img{width:100%;height:300px;object-fit:cover;border-radius:10px}
#moschees .card-wrapper .card .card-body .card-title{font-size:25px;font-weight:600;color:var(--bs-primary)}
#moschees .card-wrapper .card .card-body .card-description{text-align:center;color:var(--bs-primary)}
#moschees .card-wrapper .card:hover{transform:translateY(-20px)}
#gemeinde{position:relative;display:flex;align-items:center}
@media (max-width:991px){#gemeinde{padding-bottom:0}}
#gemeinde .gemeinde-img{position:absolute;left:0;top:0;width:45%;height:100%;object-fit:cover;z-index:3}
@media (max-width:991px){#gemeinde .bild-wrapper{padding:0;height:300px}#gemeinde .bild-wrapper .gemeinde-img{position:absolute;left:0;top:unset;bottom:0;height:300px;width:100%}}
#gemeinde-right{position:relative;display:flex;align-items:center}
@media (max-width:991px){#gemeinde-right{padding-bottom:0}}
#gemeinde-right .gemeinde-img{position:absolute;right:0;top:0;width:45%;height:100%;object-fit:cover;z-index:3}
@media (max-width:991px){#gemeinde-right .bild-wrapper{padding:0;height:300px}#gemeinde-right .bild-wrapper .gemeinde-img{position:absolute;right:0;top:unset;bottom:0;height:300px;width:100%}}
#forum{position:relative}
#forum .forum-wrapper{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:white;border-radius:10px}
#forum .forum-wrapper .header{text-align:center;border-bottom:2px dashed #D4AF37}
#forum .forum-wrapper .forum-card-wrapper{border-right:2px dashed #D4AF37}
@media (max-width:992px){#forum .forum-wrapper .forum-card-wrapper{border:none}}
#forum .forum-wrapper .forum-card-wrapper .forum-card{padding:20px 0 20px 0}
#forum .forum-wrapper .forum-card-wrapper .forum-card:not(:last-child){border-bottom:2px dashed #D4AF37}
#forum .forum-wrapper .forum-card-wrapper .forum-card:nth-child(2){padding-left:10px;background-color:rgba(212,175,55,0.3)}
@media (max-width:992px){#forum .forum-wrapper .forum-card-wrapper .forum-card:last-child{border-bottom:2px dashed #D4AF37}}
#forum .forum-img-wrapper{width:100%;height:100%;position:relative}
@media (max-width:992px){#forum .forum-img-wrapper{margin-top:40px}}
#forum .forum-img-wrapper .forum-img{position:relative;z-index:2;width:100%;height:auto;object-fit:cover;border-radius:10px}
#fuehrung{width:100%;background-image:url("/storage/app/media/bg-mos.svg");background-position:center;background-repeat:no-repeat;background-size:cover}
#fuehrung .fuehrung-header .fuehrung-btn-wrapper{display:flex;flex-direction:row;gap:20px}
#fuehrung .fuehrung-img-wrapper{width:100%;height:400px;position:relative;z-index:2}
#fuehrung .fuehrung-img-wrapper .fuehrung-img{width:100%;height:100%;border-radius:10px;object-fit:cover}
#fuehrung .fuehrung-img-wrapper::before{content:"";position:absolute;bottom:-10px;left:-10px;background-color:white;border-radius:10px;width:100%;height:100%;z-index:-1}
#fuerhung-cards .fuehrung-img-wrapper{position:relative;z-index:2}
#fuerhung-cards .fuehrung-img-wrapper .fuehrung-img{width:100%;height:500px;z-index:2;object-fit:cover;border-radius:10px}
#fuerhung-cards .fuehrung-img-wrapper::before{content:"";position:absolute;right:-10px;bottom:-10px;height:100%;width:100%;border-radius:10px;background-color:var(--bs-primary);z-index:-1}
#fuerhung-cards .fuehrung-wrapper{display:grid;grid-template-columns:repeat(3,1fr);row-gap:30px;column-gap:30px;width:100%;justify-content:stretch;align-items:center}
@media (max-width:992px){#fuerhung-cards .fuehrung-wrapper{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){#fuerhung-cards .fuehrung-wrapper{grid-template-columns:auto}}
#fuerhung-cards .fuehrung-wrapper .fuehrung-card{position:relative;background-color:white;border-radius:10px;padding:20px;width:100%;height:100%;box-shadow:0 0 10px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out}
#fuerhung-cards .fuehrung-wrapper .fuehrung-card .fuehrung-card-nummer{display:flex;justify-content:center;align-items:center;background-color:#D4AF37;box-shadow:0 0 10px rgba(212,175,55,0.5);padding:10px;width:40px;height:40px;border-radius:50%;position:absolute;top:-20px;right:20px;font-size:20px;font-weight:600;color:white;z-index:2}
#fuerhung-cards .fuehrung-wrapper .fuehrung-card .fuehrung-btn{display:flex;flex-direction:row;gap:10px;align-items:center;text-decoration:none;color:#D4AF37}
#fuerhung-cards .fuehrung-wrapper .fuehrung-card .fuehrung-btn i{transition:all 0.3s ease-in-out}
#fuerhung-cards .fuehrung-wrapper .fuehrung-card:hover{transform:scale(1.05);box-shadow:0 0 10px rgba(0,0,0,0.5)}
#fuerhung-cards .fuehrung-wrapper .fuehrung-card:hover i{transform:translateX(10px)}
#fuerhung-cards .fuehrung-wrapper .fuehrung-card::before{position:absolute;content:"";top:0;left:0;right:0;height:5px;transform:scaleX(0);transform-origin:left;background:linear-gradient(45deg,rgba(212,175,55,0.7) 0%,#ede1cc 100%);transition:transform 0.3s ease-in-out;border-radius:10px 10px 0 0}
#fuerhung-cards .fuehrung-wrapper .fuehrung-card:hover::before{transform:scaleX(1)}
#blog{background-image:url("/storage/app/media/bg-mos.svg");background-position:center;background-repeat:no-repeat;background-size:cover}
#blog .blog-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;justify-content:stretch;width:100%}
@media (max-width:768px){#blog .blog-wrapper{grid-template-columns:auto}}
#blog .blog-wrapper .blog-card{display:flex;flex-direction:column;gap:20px;justify-content:flex-end;align-items:center;background:linear-gradient(180deg,rgba(212,175,55,0.2) 0%,rgba(255,255,255,0.5) 100%),url("/storage/app/media/yenidze-dresden.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:10px;width:100%;height:600px;box-shadow:0 0 10px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out}
#blog .blog-wrapper .blog-card:nth-child(2){background:linear-gradient(180deg,rgba(212,175,55,0.2) 0%,rgba(255,255,255,0.5) 100%),url("/storage/app/media/sabanci-moschee-adana-tuerkei.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}
#blog .blog-wrapper .blog-card:nth-child(3){background:linear-gradient(180deg,rgba(212,175,55,0.2) 0%,rgba(255,255,255,0.5) 100%),url("/storage/app/media/moschee-mit-blauer-kuppel.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}
#blog .blog-wrapper .blog-card:nth-child(4){background:linear-gradient(180deg,rgba(212,175,55,0.2) 0%,rgba(255,255,255,0.5) 100%),url("/storage/app/media/kristallmoschee-terengganu.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}
#blog .blog-wrapper .blog-card .blog-body{padding:20px;display:flex;flex-direction:column;gap:20px;width:100%;border-radius:10px;backdrop-filter:brightness(0.6) blur(20px) saturate(1.3)}
#blog .blog-wrapper .blog-card .blog-body .blog-header{color:white}
#blog .blog-wrapper .blog-card .blog-body .blog-header .sub-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
#blog .blog-wrapper .blog-card .blog-body .blog-header .sub-header .blog-date{color:rgba(255,255,255,0.7);font-weight:500}
#blog .blog-wrapper .blog-card .blog-body .filter-wrapper{display:flex;flex-direction:row;gap:15px;align-items:center}
@media (max-width:576px){#blog .blog-wrapper .blog-card .blog-body .filter-wrapper{flex-direction:column;width:100%}}
#blog .blog-wrapper .blog-card .blog-body .filter-wrapper .blog-filter{position:relative;display:flex;justify-content:center;align-items:center;background-color:#D4AF37;color:white;border-radius:50px;padding:5px 10px;text-decoration:none;width:100%;text-align:center;transition:all 0.3s ease-in-out;overflow:hidden}
#blog .blog-wrapper .blog-card .blog-body .filter-wrapper .blog-filter .button-arrow{position:absolute;top:50%;right:-30px;transform:translateY(-50%);transition:all 0.3s ease-in-out;opacity:0;font-size:20px}
#blog .blog-wrapper .blog-card .blog-body .filter-wrapper .blog-filter:hover .button-arrow{right:15px;opacity:1}
#blog .blog-wrapper .blog-card .blog-body .filter-wrapper .blog-filter:hover{padding-right:40px}
#blog .blog-wrapper .blog-card .blog-body .blog-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}
#blog .blog-wrapper .blog-card .blog-body .blog-footer .blog-btn{text-decoration:none;background-color:white;padding:10px 16px;width:100%;border-radius:10px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}
#blog .blog-wrapper .blog-card .blog-body .blog-footer .blog-btn i{transition:transform 0.3s ease-in-out}
#blog .blog-wrapper .blog-card .blog-body .blog-footer .blog-btn:hover i{transform:translateX(5px)}
#blog .blog-wrapper .blog-card:hover{transform:scale(1.05)}
#kontakt .kontakt-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:white;text-align:center;border-radius:10px}
#kontakt .kontakt-wrapper .kontakt-btn-wrapper{width:50%;display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center}
@media (max-width:768px){#kontakt .kontakt-wrapper .kontakt-btn-wrapper{width:100%}}
@media (max-width:576px){#kontakt .kontakt-wrapper .kontakt-btn-wrapper{flex-direction:column}#kontakt .kontakt-wrapper .kontakt-btn-wrapper .line-kontakt{transform:rotate(90deg);width:10% !important}}
#kontakt .kontakt-wrapper .kontakt-btn-wrapper .tel-kontakt,#kontakt .kontakt-wrapper .kontakt-btn-wrapper .mail-kontakt{color:white;text-decoration:none;font-size:30px}
#kontakt .kontakt-wrapper .kontakt-btn-wrapper .line-kontakt{color:white;width:100%;height:3px;opacity:1}
footer{padding:100px 0 50px 0;background-color:#E9E3DD;background-image:url("/storage/app/media/bg-mos.svg")}
footer .footer-title{font-size:20px}
footer .footer-link{text-decoration:none}
footer .footer-menu{margin-top:20px;padding:0;list-style-type:none;color:wite;display:flex;flex-direction:column;gap:10px}
footer .copyright-section{padding-top:50px;border-top:2px solid white}
footer .copyright-section .social-icons{display:flex;flex-direction:row;gap:20px}
footer .copyright-section .social-icons i{font-size:30px}
.card-wrapper-5{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:stretch}
@media (max-width:992px){.card-wrapper-5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.card-wrapper-5{grid-template-columns:auto}}
.card-wrapper-5 .card{border:none;background-color:white;color:white;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:10px;transition:all 0.3s ease-in-out}
.card-wrapper-5 .card .card-body{display:flex;flex-direction:column;gap:5px;align-items:center}
.card-wrapper-5 .card .card-body .card-img-wrapper{width:100%}
.card-wrapper-5 .card .card-body .card-img-wrapper .card-img{width:100%;object-fit:cover;border-radius:10px}
.card-wrapper-5 .card .card-body .card-title{font-size:25px;font-weight:600;color:var(--bs-primary)}
.card-wrapper-5 .card .card-body .card-description{text-align:center;color:var(--bs-primary)}
.card-wrapper-5 .card:hover{transform:translateY(-20px)}
.card{border:none;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:10px;transition:all 0.3s ease-in-out;text-align:center;padding:25px;height:100%}
.card:hover{transform:translateY(-20px)}
.form-card{background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.15);border-radius:10px;backdrop-filter:blur(6px);padding:2rem;color:white}
.form-card h2{color:white;margin-bottom:1.5rem}
.form-floating>.form-control,.form-floating>.form-select{background-color:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2);color:white}
.form-floating>.form-control::placeholder,.form-floating>.form-select::placeholder{color:transparent}
.form-floating>.form-control:focus,.form-floating>.form-select:focus{border-color:#D4AF37;box-shadow:0 0 0 0.25rem rgba(212,175,55,0.25)}
.form-floating>label{color:rgba(255,255,255,0.7)}
.form-check .form-check-input{background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3)}
.form-check .form-check-input:checked{background-color:#D4AF37;border-color:#D4AF37}
.form-check .form-check-label{color:rgba(255,255,255,0.85)}
.form-check .form-check-label a{color:#D4AF37;text-decoration:underline}
.form-check .form-check-label a:hover{color:#dbbc59}
.h-160{height:160px}
.btn-accent{background-color:#D4AF37;border:none;color:#000;font-weight:600;border-radius:10px}
.btn-accent:hover{background-color:#be9b29;color:#000}
#mitgliedschaft .accordion{display:flex;flex-direction:column;gap:20px}
#mitgliedschaft .accordion .accordion-item{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.2);border:1px solid #EFE5D2}
#mitgliedschaft .accordion .accordion-item .accordion-button{border-radius:10px;gap:10px;background-color:white;box-shadow:none;color:black}
#mitgliedschaft .accordion .accordion-item .accordion-button i{background-color:#D4AF37;color:white;padding:10px;border-radius:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:25px}
#mitgliedschaft .accordion .accordion-item .accordion-button:focus{box-shadow:none}
#mitgliedschaft .accordion .accordion-item .accordion-body{border-top:1px solid #EFE5D2}
#mitgliedschaft .accordion .accordion-item .accordion-body .rechte-wrapper{display:flex;flex-direction:column;gap:20px}
#mitgliedschaft .accordion .accordion-item .accordion-body .rechte-wrapper .rechte-item{background-color:rgba(13,21,80,0.1);border:1px solid rgba(13,21,80,0.3);border-radius:10px;padding:10px 15px}
#mitgliedschaft .accordion .accordion-item .accordion-body .rechte-wrapper .rechte-item:last-child{background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);display:flex;flex-direction:row;gap:5px;align-items:center}
#mitgliedschaft .accordion .accordion-item .accordion-body .rechte-wrapper .rechte-item:last-child i{font-size:20px;color:#D4AF37}
#mitgliedschaft .accordion .accordion-item .accordion-body ul{list-style:none}
#mitgliedschaft .accordion .accordion-item .accordion-body ul li:before{content:"✓";margin-right:5px;font-size:20px;color:#D4AF37}
#mitgliedschaft .einladung-wrapper{background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);display:flex;flex-direction:row;gap:10px;padding:10px 15px;border-radius:10px}
#mitgliedschaft .einladung-wrapper i{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:rgba(212,175,55,0.5);color:white;border-radius:10px;padding:10px;font-size:25px}
#mitgliedschaft .mitglied-wrapper{display:flex;flex-direction:column;gap:20px;justify-content:stretch}
#mitgliedschaft .mitglied-wrapper .mitglied-card{position:relative;background-color:white;border-radius:10px;padding:20px;width:100%;height:100px;box-shadow:0 0 10px rgba(0,0,0,0.2);display:flex;flex-direction:row;align-items:center;gap:20px;transition:all 0.3s ease-in-out}
#mitgliedschaft .mitglied-wrapper .mitglied-card .mitglied-card-number{position:relative;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;border-right:2px solid #e9e9e9;padding-right:20px}
#mitgliedschaft .mitglied-wrapper .mitglied-card:hover{transform:scale(1.05);box-shadow:0 0 10px rgba(0,0,0,0.5)}
#mitgliedschaft .mitglied-wrapper .mitglied-card:hover i{transform:translateX(10px)}
#mitgliedschaft .mitglied-wrapper .mitglied-card::before{position:absolute;content:"";top:0;left:0;right:0;height:5px;transform:scaleX(0);transform-origin:left;background:linear-gradient(45deg,rgba(212,175,55,0.7) 0%,#ede1cc 100%);transition:transform 0.3s ease-in-out;border-radius:10px 10px 0 0}
#mitgliedschaft .mitglied-wrapper .mitglied-card:hover::before{transform:scaleX(1)}
#frauen-gruppe .frauen-wrapper{width:100%;height:100%;background-color:white;box-shadow:0 0 10px rgba(0,0,0,0.2);padding:15px 20px;border-radius:10px;display:flex;flex-direction:column;justify-content:center}
#frauen-gruppe .frauen-wrapper .frauen-header{display:flex;flex-direction:row;gap:10px;align-items:center;border-bottom:1px dashed #D4AF37}
#frauen-gruppe .frauen-wrapper .frauen-header i{background-color:#D4AF37;color:white;padding:10px;border-radius:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:25px}
#frauen-gruppe .frauen-wrapper .frauen-body{display:flex;flex-direction:column;gap:10px;margin-top:15px}
#frauen-gruppe .frauen-wrapper .frauen-body .date-wrapper{background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);border-radius:10px;padding:10px 15px;display:flex;flex-direction:row;gap:10px;align-items:center}
#frauen-gruppe .frauen-wrapper .frauen-body .date-wrapper i{background-color:#D4AF37;color:white;padding:10px;border-radius:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:25px}
#frauen-gruppe .frauen-wrapper .frauen-body .besuch{display:flex;flex-direction:row;gap:10px;align-items:center;background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);padding:10px 15px;border-radius:10px}
#frauen-gruppe .frauen-wrapper .frauen-body .besuch i{color:#FA003F;background-color:rgba(212,175,55,0.3);padding:10px;border-radius:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:25px}
#frauen-gruppe .frauen-img-wrapper{width:100%;height:100%;display:flex;flex-direction:column;gap:10px}
#frauen-gruppe .frauen-img-wrapper .frauen-img-row{display:flex;flex-direction:row;gap:10px}
@media (max-width:768px){#frauen-gruppe .frauen-img-wrapper .frauen-img-row{flex-direction:column}}
#frauen-gruppe .frauen-img-wrapper .frauen-img{width:100%;height:230px;object-fit:cover;border-radius:10px;border:2px dashed #D4AF37}
#unterricht .unterricht-wrapper{width:60%;display:flex;flex-direction:column;gap:10px;background-color:white;box-shadow:0 0 10px rgba(0,0,0,0.2);border:1px solid rgba(212,175,55,0.3);padding:15px 20px;border-radius:10px;transition:all 0.3s ease-in-out}
@media (max-width:992px){#unterricht .unterricht-wrapper{width:100%}}
#unterricht .unterricht-wrapper:hover{transform:scale(1.05)}
#unterricht .unterricht-wrapper .unterricht-quote{padding:15px 20px;width:100%;background-color:white;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px;border-left:5px solid #D4AF37;color:var(--bs-primary)}
#unterricht .unterricht-wrapper .unterricht-quote p{font-weight:800}
#unterricht .unterricht-wrapper .unterricht-quote i{font-size:30px;color:#D4AF37}
#kindergruppe .kinder-img-wrapper{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;gap:20px;justify-content:stretch}
@media (max-width:992px){#kindergruppe .kinder-img-wrapper{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){#kindergruppe .kinder-img-wrapper{grid-template-columns:auto}}
#kindergruppe .kinder-img-wrapper .kinder-img{width:100%;height:500px;object-fit:cover;border-radius:10px;border:2px dashed #D4AF37}
#workshops .workshop{position:relative;z-index:2}
#workshops .workshop::after{content:"";position:absolute;bottom:-15px;right:-15px;width:100%;height:100%;background-color:rgba(255,255,255,0.8);border-radius:10px;z-index:-1}
#workshops .workshop .workshop-wrapper{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;text-align:center;padding:20px 25px;background-color:transparent;backdrop-filter:blur(10px);border:3px dashed #D4AF37;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
#workshops .workshop .workshop-wrapper .workshop-card-wrapper{display:flex;height:100%;flex-direction:row;align-items:stretch;justify-content:center;gap:10px}
@media (max-width:768px){#workshops .workshop .workshop-wrapper .workshop-card-wrapper{flex-direction:column}}
#workshops .workshop .workshop-wrapper .workshop-card-wrapper .workshop-card{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;padding:10px 15px;background-color:white;border:1px solid #D4AF37;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out}
#workshops .workshop .workshop-wrapper .workshop-card-wrapper .workshop-card:hover{transform:scale(1.05)}
#workshops .workshop .workshop-wrapper .workshop-card-img{width:100%;height:300px;object-fit:cover;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px}
.event-card-wrapper{display:flex;flex-direction:column;gap:20px}
.event-card-wrapper .event-card{display:flex;flex-direction:column;gap:20px;position:relative;background-color:white;border-left:5px solid #D4AF37;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px;padding:15px 20px;transition:all 0.3s ease-in-out}
.event-card-wrapper .event-card:hover{transform:scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.5)}
.event-card-wrapper .event-card::before{position:absolute;content:"";top:0;left:0;right:0;height:5px;transform:scaleX(0);transform-origin:left;background:linear-gradient(45deg,rgba(212,175,55,0.7) 0%,#ede1cc 100%);transition:transform 0.3s ease-in-out;border-radius:10px 10px 0 0}
.event-card-wrapper .event-card:hover::before{transform:scaleX(1)}
.event-card-wrapper .event-card .event-card-header{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:start}
@media (max-width:992px){.event-card-wrapper .event-card .event-card-header{flex-direction:column;align-items:flex-start}}
.event-card-wrapper .event-card .event-card-header i{color:#D4AF37;background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);font-size:30px;padding:10px 15px;border-radius:10px;width:50px;height:50px;display:flex;justify-content:center;align-items:center}
.event-card-wrapper .event-card .event-card-body{border-top:2px dashed #D4AF37;display:flex;flex-direction:column;gap:10px;padding-top:20px}
.event-card-wrapper .event-card .event-card-body .event-card-img{width:100%;height:500px;object-fit:cover;border-radius:10px;object-position:50% 40%;border:2px dashed #D4AF37}
.event-card-wrapper .event-card .event-card-body .event-card-time{background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);border-radius:100px;padding:10px 15px;width:fit-content;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}
.event-card-wrapper .event-card .event-card-body .event-card-time i{font-size:20px;color:#D4AF37}
.event-card-wrapper .basketball-card{width:100%;height:100%;border-radius:10px;background-color:white;position:relative;border:2px dashed #D4AF37}
.event-card-wrapper .basketball-card .basketball-img{width:100%;height:500px;object-fit:cover;border-top-right-radius:10px;border-top-left-radius:10px}
.event-card-wrapper .basketball-card .basketball-card-status{position:absolute;padding:10px 15px;background-color:grey;color:white;border-radius:100px;top:20px;left:20px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.event-card-wrapper .basketball-card .basketball-card-body{padding:15px 20px}
#beitrag .beitrag-wrapper{background-color:var(--bs-primary);padding:15px 20px;width:100%;height:100%;border:1px solid rgba(212,175,55,0.1);border-radius:10px;color:white;display:flex;flex-direction:column;gap:20px;justify-content:center;transition:all 0.3s ease-in-out}
#beitrag .beitrag-wrapper:hover{transform:scale(1.02)}
#beitrag .beitrag-wrapper .beitrag-body{display:flex;flex-direction:column;gap:10px;justify-content:center}
#beitrag .beitrag-wrapper .beitrag-body .beitrag-card-wrapper{display:flex;flex-direction:column;gap:10px}
#beitrag .beitrag-wrapper .beitrag-body .beitrag-card-wrapper .beitrag-card{padding:15px 20px;background-color:rgba(255,255,255,0.2);border-radius:10px;border-left:5px solid #D4AF37}
#beitrag .beitrag-wrapper .beitrag-body .beitrag-img{width:100%;height:300px;object-fit:cover;border-radius:10px;border:2px dashed #D4AF37}
#bankVerbindung .bv-wrapper{width:100%;height:100%;background-color:white;border:3px solid #D4AF37;padding:15px 20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.2);display:flex;flex-direction:column;gap:20px}
#bankVerbindung .bv-wrapper .bv-card-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:992px){#bankVerbindung .bv-wrapper .bv-card-wrapper{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){#bankVerbindung .bv-wrapper .bv-card-wrapper{grid-template-columns:auto}}
#bankVerbindung .bv-wrapper .bv-card-wrapper .bv-card{padding:10px 15px;border-radius:10px;background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);display:flex;flex-direction:column;gap:10px;transition:all 0.3s ease-in-out}
#bankVerbindung .bv-wrapper .bv-card-wrapper .bv-card:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,0,0,0.2)}
#bankVerbindung .bv-wrapper .bv-card-wrapper .bv-card .bv-card-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}
#bankVerbindung .bv-wrapper .bv-card-wrapper .bv-card .bv-card-header i{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px;color:#D4AF37;background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);border-radius:10px;width:50px;height:50px}
#hodzas-gelehrte .ramadan-cards-wrapper{display:flex;flex-direction:row;gap:20px}
@media (max-width:768px){#hodzas-gelehrte .ramadan-cards-wrapper{flex-direction:column}}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card{position:relative;background-color:white;box-shadow:0 0 10px rgba(0,0,0,0.2);border-left:5px solid #D4AF37;padding:15px 20px;border-radius:10px;transition:all 0.3s ease-in-out;display:flex;flex-direction:column;gap:20px;width:100%}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card:hover::before{transform:scaleX(1)}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card::before{position:absolute;content:"";top:0;left:0;right:0;height:5px;transform:scaleX(0);transform-origin:left;background:linear-gradient(45deg,rgba(212,175,55,0.7) 0%,#ede1cc 100%);transition:transform 0.3s ease-in-out;border-radius:10px 10px 0 0}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card:hover{transform:scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.5)}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card .ramadan-card-header{display:flex;flex-direction:row;gap:10px}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card .ramadan-card-header i{width:50px;height:50px;font-size:25px;background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);display:flex;justify-content:center;align-items:center;border-radius:10px;color:#D4AF37}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card .ramadan-card-body{border-top:2px dashed #D4AF37;display:flex;flex-direction:column;gap:10px;padding-top:20px}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card .ramadan-card-body .ramadan-jahr{background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);border-radius:100px;padding:10px 15px;width:fit-content;display:flex;justify-content:center;align-items:center}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card .ramadan-card-body .hodza-namen-wrapper{display:flex;flex-direction:row;gap:10px}
@media (max-width:576px){#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card .ramadan-card-body .hodza-namen-wrapper{flex-direction:column}}
#hodzas-gelehrte .ramadan-cards-wrapper .ramadan-card .ramadan-card-body .hodza-namen-wrapper .hodza-name-item{background-color:rgba(212,175,55,0.3);border:1px solid rgba(212,175,55,0.6);border-radius:100px;padding:10px 15px;width:fit-content;display:flex;justify-content:center;align-items:center}
#vortrag .vortrag-wrapper{display:flex;flex-direction:column;gap:10px;background-color:white;border:2px dashed #D4AF37;box-shadow:0 0 10px rgba(0,0,0,0.2);padding:15px 20px;border-radius:10px;text-align:center;justify-content:center;align-items:center}
#vortrag .vortrag-wrapper .vortrag-header{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}
#vortrag .vortrag-wrapper .vortrag-header i{width:50px;height:50px;font-size:25px;background-color:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.3);display:flex;justify-content:center;align-items:center;border-radius:10px;color:#D4AF37}
#geschaetzte .geschaetzte-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:992px){#geschaetzte .geschaetzte-wrapper{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){#geschaetzte .geschaetzte-wrapper{grid-template-columns:auto}}
#geschaetzte .geschaetzte-wrapper .geschaetzte-card{background-color:white;border:1px solid #D4AF37;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px;padding:15px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all 0.3s ease-in-out}
#geschaetzte .geschaetzte-wrapper .geschaetzte-card:hover{transform:scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.5)}