@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	1 BASE
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	GENERIC 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Fredoka+One");
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/*  simple reset */
* { margin: 0; padding: 0; }

/*  responsive images and iframes */
figure img, svg, iframe, img { max-width: 100%; height: auto; vertical-align: bottom; }

/*	TYPOGRAPHY 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.display-mode--fixed { /* responsive font-sizing - 1 $unit = 20px @ FHD */ font-size: 1.04167vw; }
.display-mode--fixed.ratio--9x16 { /* responsive font-sizing - 1.851vh = 20px @ FHD */ font-size: 1.04166666666vh; }

.display-mode--responsive { font-size: 14px; font-size: 14px; }
@media (min-width: 960px) { .display-mode--responsive { font-size: calc(2.5vw - 10px); } }
@media (min-width: 1200px) { .display-mode--responsive { font-size: 20px; } }

html { font-weight: 400; font-family: 'Roboto Condensed', sans-serif; line-height: 1.2; }

/*	TEXT ELEMENTS ////////////////////////////////////////////////////////////////////////////////*/
h1, h2, h3 { font-weight: 700; }

strong, b { font-weight: 700; }

em { color: #a0a0a0; }

ul, ol, dl { margin: 0 0 2rem 2rem; }

/*	VIEWING DISTANCE /////////////////////////////////////////////////////////////////////////////*/
.distance--s .qis-display { font-size: .9rem; }

.distance--m .qis-display { font-size: 1rem; }

.distance--l .qis-display { font-size: 1.1rem; }

/*	FONT SIZING FOR CONTAINERS ///////////////////////////////////////////////////////////////////*/
.module--s { font-size: .8em; }

.module--l { font-size: 1.5em; }

/*	FONT SIZING TEXT ELEMENTS ////////////////////////////////////////////////////////////////////*/
.text-s, small { font-size: .8em; }

.text-m, h3, h4, h5, h6 { font-size: 1em; }

.text-l { font-size: 1.2em; line-height: 1.1; }

.text-xl, h2 { font-size: 1.4em; line-height: 1.1; }

.text-xxl, h1 { font-size: 1.8em; line-height: 1.1; }

/*	VERTICAL RHYTHM //////////////////////////////////////////////////////////////////////////////*/
h1, h2, p, ul, ol, dl, table, form, figure { margin-bottom: 1rem; }
h1:last-of-type, h2:last-of-type, p:last-of-type, ul:last-of-type, ol:last-of-type, dl:last-of-type, table:last-of-type, form:last-of-type, figure:last-of-type { margin: 0; }

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: -1rem; }

/*	LINKS ////////////////////////////////////////////////////////////////////////////////////////*/
a { color: #000000; text-decoration: none; }

/*	COLORS
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	BACKGROUNDS //////////////////////////////////////////////////////////////////////////////////*/
.qis-box, .qis-box--white { background: white; }

.qis-box--transparent { background: transparent; }

/*	TABLES
//////////////////////////////////////////////////////////////////////////////////////////////////*/
table { width: 100%; border-collapse: collapse; }
table th { text-align: left; }
table td, table th { padding: 0.25rem 0; }

/*	FORMS
//////////////////////////////////////////////////////////////////////////////////////////////////*/
button, input[type="submit"], .btn { padding: 0.5rem 1rem; cursor: pointer; font-size: 1em; }

label { cursor: pointer; }

/*	LISTS
//////////////////////////////////////////////////////////////////////////////////////////////////*/
ul { list-style: square; list-style-position: inside; margin: 0; padding: 0; }

/*	HELPERS 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.settings__menu { position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 20px; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; }
.settings__menu .settings__item { margin: 0 5px; }
.settings__menu .settings__item button { font-size: 14px; padding: 5px 10px; border: none; border-radius: 0.2rem; min-width: 200px; }
.settings__menu .settings__item button:after { font-weight: 700; }

.theme--default .settings__theme:after { content: " default"; }

.theme--simple .settings__theme:after { content: " simple"; }

.theme--dark .settings__theme:after { content: " dark"; }

.theme--bptm .settings__theme:after { content: " bptm"; }

.theme--print .settings__theme:after { content: " print"; }

.theme--colorful .settings__theme:after { content: " colorful"; }

.ratio--16x9 .settings__ratio:after { content: " 16x9"; }

.ratio--9x16 .settings__ratio:after { content: " 9x16"; }

.display-mode--fixed .settings__display-mode:after { content: " fixed"; }

.display-mode--responsive .settings__display-mode:after { content: " responsive"; }

.settings__grid-gap:after { content: " 20"; }

.grid-gap--0 .settings__grid-gap:after { content: " 0"; }

/*	CONTAO SPECIFICS
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.float_left { float: left; }

.float_right { float: right; }

.block { soverflow: hidden; }
.block:before, .block:after { display: table; content: ''; }
.block:after { clear: both; }

.clear, #clear { height: 0.1px; font-size: 0.1px; line-height: 0.1px; clear: both; }

.custom { display: block; }

#container:after, .custom:after { content: ""; display: table; clear: both; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	2 LAYOUT 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	DISPLAY
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	DISPLAY MODE /////////////////////////////////////////////////////////////////////////////////*/
.display-mode--fixed { /*  
1. center the .qis-display
2. make it fullscreen
3. remove scrollbars
*/ }
.display-mode--fixed body { /* 1 */ display: flex; justify-content: center; align-items: center; /* 2 */ width: 100vw; height: 100vh; /* 3 */ overflow: hidden; }

/*	DISPLAY RATIO & ORIENTATION //////////////////////////////////////////////////////////////////*/
.display-mode--fixed { /*  set 16:9 as the default intrinsic ratio */ /*  portrait mode */ }
.display-mode--fixed .qis-display { position: absolute; width: 100vw; height: 56.25vw; }
.display-mode--fixed.ratio--9x16 .qis-display { width: 56.25vh; height: 100vh; }

/*	DISPLAY RESOLUTION ///////////////////////////////////////////////////////////////////////////*/
/*	DISPLAY SIZE /////////////////////////////////////////////////////////////////////////////////*/
/*	DISPLAY DISTANCE /////////////////////////////////////////////////////////////////////////////*/
/*	DISPLAY THEME MODIFIER ///////////////////////////////////////////////////////////////////////*/
/*	DISPLAY BEZEL ////////////////////////////////////////////////////////////////////////////////*/
.qis-display { padding: 0.5rem; }

/*	QIS-BOX 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	PADDING //////////////////////////////////////////////////////////////////////////////////////*/
.qis-box__body { padding: 1rem; }

.qis-box.qis-box--padding { padding: 1rem; }

.qis-box > .block { padding: 1rem; }

/*	OVERFLOW /////////////////////////////////////////////////////////////////////////////////////*/
.qis-box { overflow: hidden; position: relative; height: 100%; /* gradient to transprent for overflowed content*/ }

/*	TYPES ////////////////////////////////////////////////////////////////////////////////////////*/
/*	STATES ///////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--alert { animation: alert 1s infinite; }

@keyframes alert { 0% { background-color: transparent; }
  50% { background-color: #EF5160; }
  100% { background-color: transparent; } }
/*	CONTENT //////////////////////////////////////////////////////////////////////////////////////*/
.qis-box > .ce_headline:first-of-type { margin: 0; text-align: center; padding: 0.5rem 1rem; }

.qis-box { display: flex; flex-direction: column; }
.qis-box.qis-box--flex { justify-content: space-between; }
.qis-box.qis-box--flex .ce_headline:first-of-type { flex: 1; }
.qis-box > * { flex-shrink: 0; }
.qis-box .block { overflow: hidden; }
.qis-box .ce_text.block.last:after { content: ""; text-align: right; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 1rem 100%); }
.qis-box.qis-box--transparent .ce_text.block.last:after { background: none; }
.qis-box.no-padding > .block { padding: 0; }

/*	GRID LAYOUT
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* USE WHOLE AVAILABLE SPACE OF .qis-display */
#wrapper, #container, #main, .qis-grid, .inside { width: 100%; height: 100%; }

.qis-grid { display: grid; grid-gap: 1rem; }

/* center horizonzally/vertically */
.qis-display .inside { display: flex; align-items: center; justify-content: center; }

.display-mode--fixed { /* grid layout for portrait mode */ }
.display-mode--fixed .qis-grid { grid-auto-flow: dense; /* default grid layout for 16x9 ratio */ grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr); width: 95rem; height: 47rem; }
.display-mode--fixed.ratio--9x16 .qis-grid { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(8, 1fr); width: 47rem; height: 95rem; }

/* DEFAULT SIZE 2x2 */
.qis-box { grid-row-end: span 2; grid-column-end: span 2; }

/*	GRID CLASSES  FOR A 8x4 / 4x8 GRID /////////////////////////////////////////////////////////////
//	SIZES ////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--colspan-1 { grid-column-end: span 1; }

.qis-box--colspan-2 { grid-column-end: span 2; }

.qis-box--colspan-3 { grid-column-end: span 3; }

.qis-box--colspan-4 { grid-column-end: span 4; }

.qis-box--colspan-5 { grid-column-end: span 5; }

.qis-box--colspan-6 { grid-column-end: span 6; }

.qis-box--colspan-7 { grid-column-end: span 7; }

.qis-box--colspan-8 { grid-column-end: span 8; }

.qis-box--colspan-9 { grid-column-end: span 8; }

.qis-box--rowspan-1 { grid-row-end: span 1; }

.qis-box--rowspan-2 { grid-row-end: span 2; }

.qis-box--rowspan-3 { grid-row-end: span 3; }

.qis-box--rowspan-4 { grid-row-end: span 4; }

.qis-box--rowspan-5 { grid-row-end: span 5; }

.qis-box--rowspan-6 { grid-row-end: span 6; }

.qis-box--rowspan-7 { grid-row-end: span 7; }

.qis-box--rowspan-8 { grid-row-end: span 8; }

.qis-box--rowspan-9 { grid-row-end: span 9; }

/*  FROM /////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--col-start-1 { grid-column-start: 1; }

.qis-box--col-start-2 { grid-column-start: 2; }

.qis-box--col-start-3 { grid-column-start: 3; }

.qis-box--col-start-4 { grid-column-start: 4; }

.qis-box--col-start-5 { grid-column-start: 5; }

.qis-box--col-start-6 { grid-column-start: 6; }

.qis-box--col-start-7 { grid-column-start: 7; }

.qis-box--col-start-8 { grid-column-start: 8; }

.qis-box--col-start-9 { grid-column-start: 9; }

/*  TO ///////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--col-end-1 { grid-column-end: 1; }

.qis-box--col-end-2 { grid-column-end: 2; }

.qis-box--col-end-3 { grid-column-end: 3; }

.qis-box--col-end-4 { grid-column-end: 4; }

.qis-box--col-end-5 { grid-column-end: 5; }

.qis-box--col-end-6 { grid-column-end: 6; }

.qis-box--col-end-7 { grid-column-end: 7; }

.qis-box--col-end-8 { grid-column-end: 8; }

.qis-box--col-end-9 { grid-column-end: 9; }

/*	ROWS /////////////////////////////////////////////////////////////////////////////////////////*/
/*  FROM /////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--row-start-1 { grid-row-start: 1; }

.qis-box--row-start-2 { grid-row-start: 2; }

.qis-box--row-start-3 { grid-row-start: 3; }

.qis-box--row-start-4 { grid-row-start: 4; }

.qis-box--row-start-5 { grid-row-start: 5; }

.qis-box--row-start-6 { grid-row-start: 6; }

.qis-box--row-start-7 { grid-row-start: 7; }

.qis-box--row-start-8 { grid-row-start: 8; }

.qis-box--row-start-9 { grid-row-start: 9; }

/*  TO ///////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--row-end-1 { grid-row-end: 1; }

.qis-box--row-end-2 { grid-row-end: 2; }

.qis-box--row-end-3 { grid-row-end: 3; }

.qis-box--row-end-4 { grid-row-end: 4; }

.qis-box--row-end-5 { grid-row-end: 5; }

.qis-box--row-end-6 { grid-row-end: 6; }

.qis-box--row-end-7 { grid-row-end: 7; }

.qis-box--row-end-8 { grid-row-end: 8; }

.qis-box--row-end-9 { grid-row-end: 9; }

/*  FULLPAGE CLASSES /////////////////////////////////////////////////////////////////////////////*/
.qis-box--fullwidth { grid-column-start: 1; grid-column-end: -1; }

.qis-box--fullheight { grid-row-start: 1; grid-row-end: -1; }

/*	SIMPLE UTILITY GRID //////////////////////////////////////////////////////////////////////////*/
.cols { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 1rem; }
.cols .col { flex: 1; }
.cols .col-50 { flex-basis: 50%; }
.cols .col-50:first-of-type { padding-right: 0.5rem; }
.cols .col-50:last-of-type { padding-left: 0.5rem; }

/*	RESPONSIVE LAYOUT
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.display-mode--responsive .qis-grid { justify-content: center; grid-template-columns: repeat(auto-fill, 12rem); grid-template-rows: repeat(auto-fill, minmax(12rem, auto)); grid-auto-flow: dense; }
@media (max-width: 540px) { .display-mode--responsive .qis-grid { grid-template-columns: 1fr; grid-auto-columns: 100%; } }
.display-mode--responsive .qis-box { margin-bottom: 1rem; }
@media (max-width: 540px) { .display-mode--responsive .qis-box { grid-column-end: span 1; } }

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	3 COMPONENTS
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	MVG ABFAHRTSMONITOR CUSTOM STYLES                            
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--abfahrtsmonitor .qis-afm-header-1 td { padding-bottom: 1rem; }
.qis-box--abfahrtsmonitor .qis-afm-header-1 .qis-afm-header-station { font-size: 1.4em; line-height: 1.1; font-weight: 700; spadding-top: 0; }
.qis-box--abfahrtsmonitor .qis-afm-header-1 .serverTimeColumn { font-weight: 700; text-align: right; vertical-align: bottom; padding-top: 0; }
.qis-box--abfahrtsmonitor .qis-afm-header-2 { font-weight: 700; }
.qis-box--abfahrtsmonitor .qis-afm-header-2 .qis-afm-header-abfahrt { text-align: right; width: 7rem; }
.qis-box--abfahrtsmonitor tr.rowOdd { background: #e1e1e1; }
.qis-box--abfahrtsmonitor tr td { padding: 0.55rem 0.5rem; vertical-align: center; }
.qis-box--abfahrtsmonitor tr img { max-height: 1.5rem; width: auto; }
.qis-box--abfahrtsmonitor .lineColumn { font-size: 0; padding: 0; }
.qis-box--abfahrtsmonitor .stationColumn .spacer { display: none; }
.qis-box--abfahrtsmonitor .inMinColumn { text-align: right; }

.anzeigePanel table { margin: 0; }
.anzeigePanel .timeLabel, .anzeigePanel .tableCell2, .anzeigePanel .tableHeaderCell2 { text-align: right; }
.anzeigePanel .tableCell2, .anzeigePanel .tableHeaderCell2 { width: 4rem; }
.anzeigePanel .anzeigeHeader td { font-size: 1.2em; padding: 0.5rem; }
.anzeigePanel .tableCell { padding: 0.5rem; }
.anzeigePanel .tableHeader { background: #e1e1e1; color: #000000; }
.anzeigePanel .tableHeader * { font-weight: 700; }
.anzeigePanel .tableHeader td { padding: 0.5rem; }
.anzeigePanel .tableHeader .tableHeaderCell { vertical-align: top; }
.anzeigePanel .tableRowOdd { background: #ebebeb; }
.anzeigePanel .linieCell img { max-height: 1.2rem; }
.anzeigePanel .premiumFooterText, .anzeigePanel .premiumKundeLogo, .anzeigePanel .premiumFooterText2, .anzeigePanel .footerText { display: none; }

.back { display: none; }

/*	KONTAKTBOX
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--contact figure.image_container { stext-align: center; }
.qis-box--contact figure.image_container img { smax-width: 12rem; }
.qis-box--contact h2 { stext-align: center; }
.qis-box--contact dl { margin: 1rem 0 0 0; padding: 0; display: flex; flex-wrap: wrap; }
.qis-box--contact dl dt { flex-basis: 9rem; font-weight: 700; text-align: right; padding-right: 1rem; }
.qis-box--contact dl dd { flex-basis: 60%; }
.qis-box--contact .cols .col { sflex-basis: 9rem; }
.qis-box--contact .cols .col + .col { sflex-basis: 60%; }

/*	DW SLIDER                           
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-services, #qis-services__container { height: 100%; }

#qis-services__container { padding: 1rem; transition: background-color .3s; background-repeat: no-repeat; background-position: bottom 1.5rem center; background-size: 7rem; }
#qis-services__container ul, #qis-services__container li { margin: 0; padding: 0; list-style: none; }
#qis-services__container ul > li { font-size: 1.8em; line-height: 1.1; opacity: 0; }
#qis-services__container ul > li.is-active { opacity: 1; }
#qis-services__container ul { position: relative; width: 100%; height: 100%; }
#qis-services__container ul li { position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 6rem; }
#qis-services__container.qis-service__leistungen { background-color: white; transition: background-color .3s; }
#qis-services__container.qis-service__leistungen li { color: #000000; }
#qis-services__container.qis-service__logistik { background-color: #d36068; transition: background-color .3s; background-image: url("../../layout/afm-assets/paketshop.png"); }
#qis-services__container.qis-service__logistik li { color: white; }
#qis-services__container.qis-service__handwerkertaetigkeiten { background-color: #006caa; transition: background-color .3s; background-image: url("../../layout/afm-assets/handwerk.png"); }
#qis-services__container.qis-service__handwerkertaetigkeiten li { color: white; }
#qis-services__container.qis-service__dienstleistungen { background-color: #6a6689; transition: background-color .3s; background-image: url("../../layout/afm-assets/schluesseldienst.png"); }
#qis-services__container.qis-service__dienstleistungen li { color: white; }
#qis-services__container.qis-service__nachbarschaftshilfe { background-color: #ea9f59; transition: background-color .3s; background-image: url("../../layout/afm-assets/umzug.png"); }
#qis-services__container.qis-service__nachbarschaftshilfe li { color: white; }

/*	RSS
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--news ul { line-height: 1.5; }
.qis-box--news .mod_newslist > .layout_short { margin-bottom: 1rem; }
.qis-box--news .qis-box--news-alert { font-size: 1.2em; background: #EF5160; padding: 1rem; margin: 1rem 0; margin-left: -1rem; margin-right: -1rem; }
.qis-box--news .qis-box--news-alert * { color: white; }

/*	WETTER                         
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--weather { text-align: center; display: flex; flex-direction: column; height: 100%; }
.qis-box--weather .qis-box__body { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.qis-box--weather .qis-box--weather__location { font-size: 1.4em; line-height: 1.1; margin-bottom: 0.5rem; }
.qis-box--weather .qis-box--weather__temperature { font-size: 2.4em; line-height: 1.1; font-weight: 700; }
.qis-box--weather .qis-box--weather__icon { width: 4rem; height: 4rem; min-height: 4rem; min-width: 4rem; }

/*	SLIDER
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box.qis-box--slider > .block { padding: 0; }
.qis-box.qis-box--slider .slider-control { display: none; }

.theme--bptm .qis-box.qis-box--slider > .ce_headline { border-bottom-color: transparent; position: absolute; z-index: 10; width: 100%; background-color: rgba(68, 119, 149, 0.8); }

/*	QR CODE
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box.qis-box--qr > .block { padding: 0; }
.qis-box.qis-box--qr .ce_text { padding: 1rem; }
.qis-box.qis-box--qr .ce_image { height: 100%; position: absolute; width: 100%; top: 0; }
.qis-box.qis-box--qr .image_container { display: flex; justify-content: center; align-items: flex-end; height: 100%; }
.qis-box.qis-box--qr .image_container img { max-width: 14rem; }

/*	BATTERY CHARGE STATUS
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--battery { display: flex; flex-direction: column; }
.qis-box--battery .qis-box__header { text-align: center; }
.qis-box--battery .qis-box__body { position: relative; display: flex; justify-content: space-between; align-items: center; flex-direction: column; flex: 1; }
.qis-box--battery .qis-box__body .pie { width: 12rem; height: 12rem; display: flex; justify-content: center; align-items: center; position: relative; }
.qis-box--battery .qis-box__body .pie .pie__inner { background: white; width: 11rem; height: 11rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 2; }
.qis-box--battery .qis-box__body .pie .pie__inner .pie__text { margin-top: -2rem; color: #3abad9; font-size: 2.4em; line-height: 1.1; }
.qis-box--battery .qis-box__body .pie svg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); border-radius: 50%; }
.qis-box--battery .qis-box__body .pie svg circle { fill: #e1e1e1; stroke: #3abad9; stroke-width: 10; }
.qis-box--battery .qis-box__body .range { position: absolute; margin-top: 6.5rem; z-index: 2; font-size: 1.8em; line-height: 1.1; font-weight: 700; }
.qis-box--battery .qis-box__body .update { display: flex; justify-content: space-between; width: 100%; }
.qis-box--battery .qis-box__body .update .update__header { font-weight: 700; }
.qis-box--battery.is-charging .pie__text::after { content: "\1F5F2"; font-family: arial; color: orange; font-size: 1.1em; animation: blinker 2s linear infinite; }

@keyframes blinker { 50% { opacity: 0; } }
/*	EVENTS
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--events.cols-2 .mod_eventlist { column-count: 2; column-gap: 3rem; }
.qis-box--events.cols-2 .mod_eventlist .event { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.qis-box--events .mod_eventlist .event { margin-bottom: 1rem; }
.qis-box--events .mod_eventlist .event .dsp_datum { font-size: .8em; }
.qis-box--events .mod_eventlist .event h3 { font-size: 1.4em; line-height: 1.1; }
.qis-box--events .fa-euro:after { content: "\20AC"; font-style: normal; font-weight: 700; }
.qis-box--events.overflow:after { content: ""; text-align: right; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 1rem 100%); }

/*	IMAGE
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.qis-box--image { background: transparent; }
.qis-box--image .ce_image, .qis-box--image .image_container { width: 100%; height: 100%; }
.qis-box--image .ce_image img, .qis-box--image .image_container img { object-fit: cover; height: 100%; width: 100%; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	4 THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	DEFAULT THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.theme--default body { background: #505050; }
.theme--default .qis-display { background: #e1e1e1; sbackground: radial-gradient(circle at center, #ebebeb 0, #e1e1e1 100%); }
.theme--default .qis-box { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.theme--default .qis-box.qis-box--transparent { box-shadow: none; background: transparent; }
.theme--default .qis-box.qis-box--transparent .qis-box__header { background: transparent; }
.theme--default .qis-box > .ce_headline:first-of-type { border-bottom: 1px solid #ebebeb; }

/*	SIMPLE THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.theme--simple .qis-box { box-shadow: none; outline: 1px solid #ebebeb; }
.theme--simple .qis-box.qis-box--transparent { outline: 1px solid transparent; }

/*	DARK THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.theme--dark body { background: #000000; color: #e1e1e1; }
.theme--dark p { color: #a0a0a0; }
.theme--dark .qis-display { background: #282828; }
.theme--dark .qis-box { background: #505050; color: white; }
.theme--dark .qis-box:after { background: linear-gradient(to bottom, transparent, #505050); }
.theme--dark .qis-box.qis-box--transparent { color: #ebebeb; }
.theme--dark .qis-box > .ce_headline:first-of-type { border-bottom: 1px solid #282828; }
.theme--dark .qis-box--abfahrtsmonitor tr.rowOdd { background: #282828; }
.theme--dark .ce_text.block.last:after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #505050 1rem 100%); }
.theme--dark time { color: #FFCC43; }
.theme--dark .qis-box--battery .qis-box__body .pie .pie__inner { background: #505050; }
.theme--dark .qis-box--news-alert { background: #FFCC43; }
.theme--dark .qis-box--news-alert * { color: #000000; }

/*	DANKLSALON THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.theme--ds { background: #3d110f; }
.theme--ds .qis-display { background: #d0dec9; }
.theme--ds .qis-box { background: #fff1c3; color: #3d110f; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.theme--ds .qis-box:after { background: linear-gradient(to bottom, transparent, #fff1c3); }
.theme--ds .qis-box__header { background: #e63b08; color: #fff1c3; }

/*	Baugenossenschaft des Post- und Telegrafenpersonals in M├╝nchen und Oberbayern eG THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.theme--bptm body { background: #505050; color: #666666; }
.theme--bptm a { color: #447795; }
.theme--bptm .qis-box.qis-box--contact { background: #e8e8e8; box-shadow: none; }
.theme--bptm .qis-box.qis-box--contact * { color: #447795; }
.theme--bptm .qis-display { background: #e8e8e8; }
.theme--bptm .qis-box__header, .theme--bptm .qis-box > .ce_headline { background: #447795; color: white; }
.theme--bptm .qis-box { background: #fcfcfc; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.theme--bptm table .odd { background: #e8e8e8; }
.theme--bptm .qis-box--news-alert { padding-right: 10rem; background-color: #e8e8e8; background-image: url("../assets/icon--alert.svg"); background-repeat: no-repeat; background-position: top 1rem right 1rem; background-size: 6rem 6rem; }
.theme--bptm .qis-box--news-alert * { color: #447795; font-weight: 700; }

.theme--bptm.ratio9x16 .qis-box--energiemonitor { margin-left: -1rem; margin-right: -1rem; margin-bottom: -1rem; }

/*	GEWOFAG THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	PRINT THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.theme--print.display-mode--fixed .qis-grid { outline: 1px solid #000000; }
.theme--print .qis-box { box-shadow: none; outline: 1px dashed #a0a0a0; }

/*	COLORFUL THEME
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.theme--colorful .qis-display { background: #505050; }
.theme--colorful .qis-display .qis-box { background: white; box-shadow: none; }
.theme--colorful h1, .theme--colorful h2, .theme--colorful h3, .theme--colorful h4, .theme--colorful h5, .theme--colorful h5 { font-family: 'Fredoka One'; font-weight: 400; }
.theme--colorful .qis-box .block h1, .theme--colorful .qis-box .block h2, .theme--colorful .qis-box .block h3, .theme--colorful .qis-box .block h4, .theme--colorful .qis-box .block h5, .theme--colorful .qis-box .block h5 { -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #FFCC43; padding: 0 .5rem; margin-left: -1rem; display: inline; border-left: .5rem solid black; line-height: 1.3; }
.theme--colorful .qis-box > .ce_headline:first-of-type { text-align: left; text-transform: uppercase; border-left: .5rem solid black; padding-left: .5rem; border-bottom: none; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////
//	5 VENDOR
//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*	CONTAO-SPECIFIC CLASSES
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.float_right { float: right; }

.float_left { float: left; }

/*# sourceMappingURL=display.css.map */