.elementor-3552 .elementor-element.elementor-element-2ab8bec{--display:flex;}.elementor-3552 .elementor-element.elementor-element-2ab8bec:not(.elementor-motion-effects-element-type-background), .elementor-3552 .elementor-element.elementor-element-2ab8bec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C292F;}.elementor-3552 .elementor-element.elementor-element-80ed758{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}#elementor-popup-modal-3552{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-3552 .dialog-message{width:25vw;height:auto;}#elementor-popup-modal-3552 .dialog-close-button{display:flex;}#elementor-popup-modal-3552 .dialog-widget-content{border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-3552 .elementor-element.elementor-element-2ab8bec{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-80ed758 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* RESET */

*{
box-sizing:border-box;
}

/* BODY */

body{
margin:0;
background:#1C292F;
font-family:'Inter',sans-serif;
}

/* CALENDAR */

.calendar{
max-width:1500px;
margin:auto;
padding:40px;
}

/* NAVIGATION */

.nav{
display:flex;
justify-content:center;
align-items:center;
gap:30px;
margin-bottom:45px;
}

/* MONTHS */

.months{
display:flex;
gap:35px;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}

#leftMonth,
#rightMonth{
color:#AEB7BF;
font-size:18px;
font-weight:500;
letter-spacing:.5px;
}

#activeMonth{
color:#86C8BC;
font-size:34px;
font-weight:600;
letter-spacing:-.5px;
}

/* ARROWS */

.arrow{
width:34px;
height:34px;
border-radius:10%;
color:#1C292F;
border:0;
background:#86C8BC;
font-size:24px;
font-family:'Inter',sans-serif;
cursor:pointer;
display:flex;
justify-content:center;
align-items:center;
transition:.25s ease;
padding:0;
}

.arrow:hover{
background:#F5F7FA;
color:#1C292F;
transform:translateY(-1px);
}

/* GRID */

.grid{
display:grid;
grid-template-columns:repeat(7,1fr);
width:100%;
}

/* WEEKDAY */

.weekday{
text-align:center;
padding-bottom:15px;
font-size:12px;
font-weight:500;
letter-spacing:2px;
text-transform:uppercase;
color:#b6b6b6;
}

/* CELLS */

.day,
.empty{

border-top:1px solid #ededed;

min-height:95px;

}

/* DAY LINK — ZAHLEN MITTIG */

.day a{

width:100%;

height:100%;

display:flex;

justify-content:center;

align-items:center;

text-decoration:none;

color:inherit;

}

/* DATE */

.date{

font-size:18px;

font-weight:700;

line-height:1;

display:block;

color:#F5F7FA;

transition:.22s ease;

}

/* HOVER */

.day:hover{
background:#1C292F;
}

.day:hover .date{
color:#86C8BC;
}

/* TABLET */

@media(max-width:900px){

.calendar{
padding:20px;
}

.nav{
gap:18px;
}

.months{
gap:15px;
}

#activeMonth{
font-size:24px;
}

#leftMonth,
#rightMonth{
font-size:13px;
}

.date{
font-size:38px;
}

.day,
.empty{
min-height:80px;
}

}

/* MOBILE */

@media(max-width:480px){

.calendar{
padding:10px;
}

.nav{
gap:10px;
}

.months{
gap:10px;
}

.arrow{
width:42px;
height:42px;
font-size:18px;
}

#activeMonth{
font-size:18px;
}

#leftMonth,
#rightMonth{
font-size:10px;
}

.weekday{
font-size:7px;
letter-spacing:1px;
}

.date{
font-size:24px;
}

.day,
.empty{
min-height:65px;
}

}

/* SEHR KLEINE GERÄTE */

@media(max-width:360px){

.calendar{
padding:8px;
}

.arrow{
width:36px;
height:36px;
font-size:16px;
}

#activeMonth{
font-size:16px;
}

#leftMonth,
#rightMonth{
font-size:9px;
}

.weekday{
font-size:6px;
}

.date{
font-size:18px;
}

.day,
.empty{
min-height:55px;
}

}/* End custom CSS */