.date{background:#fff;overflow:hidden;display:grid;grid-template-rows:-webkit-min-content -webkit-min-content auto -webkit-min-content;grid-template-rows:min-content min-content auto min-content;grid-template-columns:1fr;grid-template-areas:"time" "image" "content" "button";--theme-base-color:var(--gray-dark-color);--theme-text-color:#fff}.date .date-time{grid-area:time;text-align:center;font-weight:700;background:var(--theme-base-color);color:var(--theme-text-color);padding:calc(1.5rem / 2) calc(2rem / 2);padding:calc(var(--grid-gutter-height) / 2) calc(var(--grid-gutter-width) / 2);text-shadow:0 0 .5rem rgba(0,0,0,0.5);border:1px solid #d7dbdd;border:1px solid var(--gray-light-color);border-bottom:0}.date .date-image-wrapper{grid-area:image;position:relative}.date .date-image-wrapper::after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--theme-base-color);opacity:.6}.date .date-image-wrapper img{position:absolute;top:0;bottom:0;left:0;right:0;object-fit:cover;width:100%;height:100%}.date .date-title-wrapper{grid-area:image;position:relative;z-index:1;width:100%;padding:calc(1.5rem / 1) calc(2rem / 2);padding:calc(var(--grid-gutter-height) / 1) calc(var(--grid-gutter-width) / 2);color:var(--theme-text-color);min-height:240px;display:flex;flex-flow:row wrap;align-items:center;align-content:center;justify-content:center;border-left:1px solid #d7dbdd;border-left:1px solid var(--gray-light-color);border-right:1px solid #d7dbdd;border-right:1px solid var(--gray-light-color)}.date .date-title-wrapper .date-title{flex:0 1 auto;width:100%;font-size:calc(18 / 16 * 1rem);font-size:var(--global-h6-font-size);text-shadow:0 0 .5rem rgba(0,0,0,0.5);text-align:center;color:inherit}@media screen and (min-width:75em){.date .date-title-wrapper .date-title{font-size:calc(20 / 16 * 1rem);font-size:var(--global-h5-font-size)}}.date .date-title-wrapper .date-topic{flex:0 1 auto;width:100%;font-size:calc(16 / 16 * 1rem);font-size:var(--font-size-small);text-shadow:0 0 .5rem rgba(0,0,0,0.5);text-align:center;text-transform:uppercase}.date .date-content{grid-area:content;width:100%;padding:calc(1.5rem / 1) calc(2rem / 2);padding:calc(var(--grid-gutter-height) / 1) calc(var(--grid-gutter-width) / 2);border-left:1px solid #d7dbdd;border-left:1px solid var(--gray-light-color);border-right:1px solid #d7dbdd;border-right:1px solid var(--gray-light-color);color:#354b54;color:var(--gray-dark-color)}.date .date-button{grid-area:button;display:block;background-color:#d7dbdd;background-color:var(--gray-light-color);color:#354b54;color:var(--gray-dark-color);margin:0;padding:calc(1.5rem / 2) calc(2rem / 2);padding:calc(var(--grid-gutter-height) / 2) calc(var(--grid-gutter-width) / 2);text-align:center;text-decoration:none;font-weight:700;text-transform:uppercase;vertical-align:middle}.date .date-button:hover{background-color:#64be3c;background-color:var(--green-color);color:#fff}.date.has-topic-modern-workplace{--theme-base-color:var(--orange-color)}.date.has-topic-service-rechnungswesen,.date.has-topic-osp,.date.has-topic-dms{--theme-base-color:var(--blue-color)}.date.has-topic-lohn-und-lohnmobil{--theme-base-color:var(--cyan-color)}.date.has-topic-brz-365,.date.has-topic-brz-365-handwerk{--theme-base-color:var(--gray-color)}.date.has-topic-akademie{--theme-base-color:#fff;--theme-text-color:#000}.date.has-topic-akademie .date-title,.date.has-topic-akademie .date-topic,.date.has-topic-akademie .date-time{text-shadow:0 0 .5rem rgba(255,255,255,0.5)}.dates-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-row-gap:1.5rem;grid-row-gap:var(--grid-gutter-height);grid-column-gap:calc(2rem / 2);grid-column-gap:calc(var(--grid-gutter-width) / 2)}@media screen and (min-width:48em){.dates-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:60em){.dates-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:75em){.dates-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:90em){.dates-grid{grid-template-columns:repeat(4,1fr)}}.dates-content{margin-bottom:calc(1.5rem * 4);margin-bottom:calc(var(--grid-gutter-height) * 4)}.section-dates .day,.section-dates .section-head,.section-dates .teams{margin-bottom:calc(1.5rem * 4);margin-bottom:calc(var(--grid-gutter-height) * 4)}.section-dates .teams{font-weight:700;text-align:center}