diff --git a/zmscalldisplay/public/_css/calldisplay.css b/zmscalldisplay/public/_css/calldisplay.css index 3ff192770..645484834 100644 --- a/zmscalldisplay/public/_css/calldisplay.css +++ b/zmscalldisplay/public/_css/calldisplay.css @@ -1,2 +1,2 @@ -#main{background-color:#fff;max-width:1920px;margin:0;padding:0}html{color:#3a5368;margin:0;padding:0;font-family:Arial,sans-serif;font-size:10px;font-weight:700;display:block}body{background:#fff url(background_anzeige1.44c0eb4d.png) repeat-x;width:1920px;height:1080px;margin:0;padding:0;overflow:hidden}#ring{display:none}.alert{font-size:12px;line-height:16px}.alert.alert-info{color:#000;text-shadow:0 1px #ffffff80;background-color:#e0e9f2;border:1px solid #c0e1f2;border-radius:4px;margin-bottom:1.385em;padding:.7em 1em}.devhint{width:300px;position:absolute;top:10px;right:10px}.textile{width:800px;font-size:14px;line-height:18px}.message,.message-success,.message-error,.message-info{text-align:center;background-color:#f4f4f4;border:1px solid #dbdbdb;width:702px;margin:1em 0 1em 80px;padding:1em 10px;font-size:2.5em;display:block}.message .title,.message-success .title,.message-error .title,.message-info .title{margin-top:0;margin-bottom:.25em}.message>:first-child,.message-success>:first-child,.message-error>:first-child,.message-info>:first-child{margin-top:0}.message>:last-child,.message-success>:last-child,.message-error>:last-child,.message-info>:last-child{margin-bottom:0}.message-info{background-color:#fffbd5}.message-error{background-color:#ffe4e4;border-color:#ffb1b1}.message-success{background-color:#e0f0d9;border-color:#c2e2b4}.message-hide{display:none}.textile.exception,.textile.alert{box-sizing:border-box;width:800px;position:relative;top:100px;left:40px}.exception table,.exception iframe,.exception pre{width:800px!important}.aufrufanzeige{background:0 0;width:100%;height:758px;position:absolute;top:0;left:0}.hiddencursor,button,input,select{cursor:url(invisible_Mauszeiger.e28f8c73.cur),crosshair!important}#main-header .adressangabe{color:#fff;font-family:Arial,sans-serif;font-size:2.2em;font-weight:700;position:absolute;top:14px;left:38px}#main-header .adressangabe .adressangabe_adresse{display:none}.waitingColumn{position:absolute;top:420px;left:40px}.aufrufanzeige .wartende_aktuell{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:2.4em;font-weight:700}.aufrufanzeige .wartende_text{background:#fff;padding:5px 0}.aufrufanzeige .wartende_aktuell #wartende{background:#fff;margin-top:3px;font-family:Arial,sans-serif;font-size:52px;font-weight:700}.aufrufanzeige .wartezeit_aktuell{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:2.4em;font-weight:700}.aufrufanzeige .wartezeit_text{background:#e0e9f2;margin-top:3px;padding:5px 0}.aufrufanzeige .wartezeit_aktuell #wartezeit{background:#e0e9f2;margin-top:3px;font-family:Arial,sans-serif;font-size:35px;font-weight:700}.aufrufanzeige .uhr{width:275px;position:absolute;top:114px;left:60px}.aufrufanzeige .uhr #clock_medium,.aufrufanzeige .uhr #clock_big{display:none}.aufrufanzeige .aufrufanzeige_Datum{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:24px;font-weight:700;position:absolute;top:370px;left:40px}.aufrufanzeige .aufrufanzeige_text{text-align:center;width:234px;padding:18px 0 0 6px;font-family:Arial,sans-serif;font-size:2em;font-weight:400;line-height:26px;position:absolute;top:89px;left:1087px}div.aufrufanzeige_anzeigebereich_einzeilig{float:none;width:200px;margin:auto auto auto 80px}div.aufrufanzeige_anzeigebereich_zweizeilig{float:left;margin-top:auto}.aufrufanzeige .aufrufanzeige_main{position:absolute;top:115px;left:15%}.aufrufanzeige table.aufrufanzeige_aufruf{border-spacing:0;table-layout:fixed;width:570px}.aufrufanzeige table.aufrufanzeige_aufruf th{color:#fff;text-align:center;background:#005a9f;border-top:3px solid #c8d5e6;border-left:3px solid #c8d5e6;border-right:3px solid #c8d5e6;font-family:Arial,sans-serif;font-size:36px;font-weight:700;line-height:45px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:50%}.aufrufanzeige table.aufrufanzeige_aufruf td{color:#000;text-align:left;background:#ffffff80;border-top:3px solid #c8d5e6;border-left:3px solid #c8d5e6;border-right:3px solid #c8d5e6;padding:8px 0 8px 14px;font-family:Arial,sans-serif;font-weight:700}.aufrufanzeige table.aufrufanzeige_aufruf .odd td{background:#f2f6fa}.description_de{text-align:left;padding:8px 8px 4px 16px;font-size:18px;font-weight:700;line-height:18px}.description_eng{text-align:left;padding:4px 8px 8px 16px;font-size:18px;font-weight:400;line-height:18px}.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight.called span{color:#3a5368}span.terminkundenanzeige{font-size:30px;font-weight:400;line-height:35px}span.wartenummer{font-size:50px;line-height:72px}span.terminkundennummer{font-size:60px;line-height:60px}span.terminkundennummer.abholeranzeige{font-size:50px;line-height:60px}span.terminkundennummer.smallerFont8Chars{font-size:45px;line-height:45px}div.aber_zweispaltig{margin-left:0}.aufrufanzeige table.zweispaltig{width:500px}.aufrufanzeige table.zweispaltig th.wartenummer{width:45%}.aufrufanzeige table.zweispaltig th,.aufrufanzeige table.zweispaltig td{border-right:4px solid #c8d5e6}.zweispaltig span.terminkundennummer,.zweispaltig span.terminkundennummer.abholeranzeige,.zweispaltig span.terminkundennummer.smallerFont8Chars{font-size:50px;line-height:72px}.puffer{padding-left:10px}div.columns-3{width:100%!important;margin-left:-300px!important}div.columns-3 table{width:100%!important}@media screen and (width>=1820px){div.columns-3{margin-left:-500px!important}}@media screen and (width>=900px) and (width<=1180px){div.columns-3{width:130%!important}}.debug{color:#000;margin-left:20px;font-size:12px;line-height:16px;position:absolute;top:1100px}body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_behoerde_80.92ef8db0.png) repeat-x!important}@media screen and (width<=900px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_hoch_behoerde_80.34071b8c.png) repeat-x!important}}@media screen and (width>=900px) and (width<=1180px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_hoch_1920_behoerde_80.6d94fc72.png) repeat-x!important}}@media screen and (width>=1820px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_1920_behoerde_80.ea86ad30.png) repeat-x!important}}body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf{table-layout:auto!important}@media screen and (width<=900px){body{background:#c8d5e6 url(background_anzeige1_hoch.049e589c.png) repeat-x}.aufrufanzeige .uhr{width:275px;top:154px;left:21px}.aufrufanzeige .aufrufanzeige_Datum{width:275px;font-size:20px;top:410px;left:21px}.aufrufanzeige .aufrufanzeige_main{top:155px;left:222px}.aufrufanzeige table.aufrufanzeige_aufruf td,.aufrufanzeige table.aufrufanzeige_aufruf th{border-right:4px solid #c8d5e6}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:20px;line-height:37px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:61.5%}.aufrufanzeige table.aufrufanzeige_aufruf{width:376px}.aufrufanzeige .aufrufanzeige_text{line-height:26px;top:699px;left:28px}.aufrufanzeige .waitingColumn{top:450px;left:15px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:275px;font-size:20px}span.terminkundennummer{font-size:60px;line-height:60px}span.terminkundennummer.smallerFont8Chars{font-size:45px;line-height:45px}span.abholeranzeige{font-size:30px;line-height:40px}}@media screen and (width>=900px) and (width<=1180px){body{background:#c8d5e6 url(background_anzeige1_hoch_1920.7be93f97.png) repeat-x;height:1920px}#main-header .adressangabe{font-size:3em;top:22px;left:54px}.aufrufanzeige .uhr{width:350px;top:223px;left:40px}.aufrufanzeige .uhr #clock{display:none}.aufrufanzeige .uhr #clock_medium{display:block}.aufrufanzeige .aufrufanzeige_Datum{width:350px;font-size:28px;top:575px;left:21px}.aufrufanzeige .aufrufanzeige_main{top:216px;left:344px}.aufrufanzeige table.aufrufanzeige_aufruf td,.aufrufanzeige table.aufrufanzeige_aufruf th{border-right:6px solid #c8d5e6}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:32px;line-height:54px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:61.5%}.aufrufanzeige table.einspaltig{width:530px}.aufrufanzeige table.zweispaltig{width:350px}.aufrufanzeige .aufrufanzeige_text{width:350px;line-height:26px;top:985px;left:28px}.aufrufanzeige .waitingColumn{top:625px;left:15px}.aufrufanzeige_text img{height:260px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:350px;font-size:26px}span.terminkundennummer.abholeranzeige.abholeranzeige{font-size:40px;line-height:40px}span.terminkundennummer.smallerFont8Chars{font-size:50px;line-height:50px}}@media screen and (width>=1820px){body{background:#c8d5e6 url(background_anzeige1_1920.461afab7.png) repeat-x;width:1920px;height:1080px;overflow:hidden}#main-header .adressangabe{font-size:3em;top:22px;left:54px}.aufrufanzeige .uhr{width:400px;top:160px;left:47px}.aufrufanzeige .uhr #clock{display:none}.aufrufanzeige .uhr #clock_big{display:block!important}.aufrufanzeige .aufrufanzeige_Datum{width:400px;font-size:32px;top:580px}.aufrufanzeige .aufrufanzeige_main{top:162px;left:554px}span.terminkundennummer,span.wartenummer{font-size:80px;line-height:80px}span.terminkundennummer.smallerFont8Chars{font-size:65px;line-height:65px}span.abholeranzeige{font-size:70px}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:32px}.aufrufanzeige table.aufrufanzeige_aufruf{width:745px}.aufrufanzeige .aufrufanzeige_text{width:361px;line-height:26px;top:104px;left:1535px}.aufrufanzeige_text img{height:244px}.aufrufanzeige .waitingColumn{top:630px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:400px;font-size:32px}div.aber_zweispaltig{margin-left:-25px}.aufrufanzeige table.zweispaltig{width:440px}.aufrufanzeige table.zweispaltig th.wartenummer{width:60%}.aufrufanzeige table.zweispaltig th,.aufrufanzeige table.zweispaltig td{border-right:6px solid #c8d5e6}.zweispaltig span.terminkundennummer{font-size:40px}.puffer{padding-left:40px}}.footer{width:800px;position:absolute;top:630px;left:0}#animate-container{color:#fff;white-space:nowrap;background-color:#005a9f;width:200%;padding:10px 0;font-size:70px;font-weight:700;animation-name:text-indent-animate;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse;overflow:hidden}#animate-container:hover{animation-play-state:paused}@keyframes text-indent-animate{0%{text-indent:-200%}to{text-indent:100%}} +#main{background-color:#fff;max-width:1920px;margin:0;padding:0}html{color:#3a5368;margin:0;padding:0;font-family:Arial,sans-serif;font-size:10px;font-weight:700;display:block}body{background:#fff url(background_anzeige1.44c0eb4d.png) repeat-x;width:1920px;height:1080px;margin:0;padding:0;overflow:hidden}#ring{display:none}.alert{font-size:12px;line-height:16px}.alert.alert-info{color:#000;text-shadow:0 1px #ffffff80;background-color:#e0e9f2;border:1px solid #c0e1f2;border-radius:4px;margin-bottom:1.385em;padding:.7em 1em}.devhint{width:300px;position:absolute;top:10px;right:10px}.textile{width:800px;font-size:14px;line-height:18px}.message,.message-success,.message-error,.message-info{text-align:center;background-color:#f4f4f4;border:1px solid #dbdbdb;width:702px;margin:1em 0 1em 80px;padding:1em 10px;font-size:2.5em;display:block}.message .title,.message-success .title,.message-error .title,.message-info .title{margin-top:0;margin-bottom:.25em}.message>:first-child,.message-success>:first-child,.message-error>:first-child,.message-info>:first-child{margin-top:0}.message>:last-child,.message-success>:last-child,.message-error>:last-child,.message-info>:last-child{margin-bottom:0}.message-info{background-color:#fffbd5}.message-error{background-color:#ffe4e4;border-color:#ffb1b1}.message-success{background-color:#e0f0d9;border-color:#c2e2b4}.message-hide{display:none}.textile.exception,.textile.alert{box-sizing:border-box;width:800px;position:relative;top:100px;left:40px}.exception table,.exception iframe,.exception pre{width:800px!important}.aufrufanzeige{background:0 0;width:100%;height:758px;position:absolute;top:0;left:0}.hiddencursor,button,input,select{cursor:url(invisible_Mauszeiger.e28f8c73.cur),crosshair!important}#main-header .adressangabe{color:#fff;font-family:Arial,sans-serif;font-size:2.2em;font-weight:700;position:absolute;top:14px;left:38px}#main-header .adressangabe .adressangabe_adresse{display:none}.waitingColumn{position:absolute;top:420px;left:40px}.aufrufanzeige .wartende_aktuell{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:2.4em;font-weight:700}.aufrufanzeige .wartende_text{background:#fff;padding:5px 0}.aufrufanzeige .wartende_aktuell #wartende{background:#fff;margin-top:3px;font-family:Arial,sans-serif;font-size:52px;font-weight:700}.aufrufanzeige .wartezeit_aktuell{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:2.4em;font-weight:700}.aufrufanzeige .wartezeit_text{background:#e0e9f2;margin-top:3px;padding:5px 0}.aufrufanzeige .wartezeit_aktuell #wartezeit{background:#e0e9f2;margin-top:3px;font-family:Arial,sans-serif;font-size:35px;font-weight:700}.aufrufanzeige .uhr{width:275px;position:absolute;top:114px;left:60px}.aufrufanzeige .uhr #clock_medium,.aufrufanzeige .uhr #clock_big{display:none}.aufrufanzeige .aufrufanzeige_Datum{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:24px;font-weight:700;position:absolute;top:370px;left:40px}.aufrufanzeige .aufrufanzeige_text{text-align:center;width:234px;padding:18px 0 0 6px;font-family:Arial,sans-serif;font-size:2em;font-weight:400;line-height:26px;position:absolute;top:89px;left:1087px}.aufrufanzeige .infotext-content{margin-left:30px}.aufrufanzeige .infotext{background:#f2f6fa;width:100%;padding:10px 40px;font-size:2em;font-weight:400;line-height:26px;position:absolute;top:77px}#infoicon{background:url(info-icon.ed72a8fe.svg) 0 0/cover no-repeat;width:21px;height:21px;font-size:36px;position:absolute}div.aufrufanzeige_anzeigebereich_einzeilig{float:none;width:200px;margin:auto auto auto 80px}div.aufrufanzeige_anzeigebereich_zweizeilig{float:left;margin-top:auto}.aufrufanzeige .aufrufanzeige_main{position:absolute;top:135px;left:15%}.aufrufanzeige table.aufrufanzeige_aufruf{border-spacing:0;table-layout:fixed;width:570px}.aufrufanzeige table.aufrufanzeige_aufruf th{color:#fff;text-align:center;background:#005a9f;border-top:3px solid #c8d5e6;border-left:3px solid #c8d5e6;border-right:3px solid #c8d5e6;font-family:Arial,sans-serif;font-size:36px;font-weight:700;line-height:45px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:50%}.aufrufanzeige table.aufrufanzeige_aufruf td{color:#000;text-align:left;background:#ffffff80;border-top:3px solid #c8d5e6;border-left:3px solid #c8d5e6;border-right:3px solid #c8d5e6;padding:8px 0 8px 14px;font-family:Arial,sans-serif;font-weight:700}.aufrufanzeige table.aufrufanzeige_aufruf .odd td{background:#f2f6fa}.description_de{text-align:left;padding:8px 8px 4px 16px;font-size:18px;font-weight:700;line-height:18px}.description_eng{text-align:left;padding:4px 8px 8px 16px;font-size:18px;font-weight:400;line-height:18px}.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight.called span{color:#3a5368}span.terminkundenanzeige{font-size:30px;font-weight:400;line-height:35px}span.wartenummer{font-size:50px;line-height:72px}span.terminkundennummer{font-size:60px;line-height:60px}span.terminkundennummer.abholeranzeige{font-size:50px;line-height:60px}span.terminkundennummer.smallerFont8Chars{font-size:45px;line-height:45px}div.aber_zweispaltig{margin-left:0}.aufrufanzeige table.zweispaltig{width:500px}.aufrufanzeige table.zweispaltig th.wartenummer{width:45%}.aufrufanzeige table.zweispaltig th,.aufrufanzeige table.zweispaltig td{border-right:4px solid #c8d5e6}.zweispaltig span.terminkundennummer,.zweispaltig span.terminkundennummer.abholeranzeige,.zweispaltig span.terminkundennummer.smallerFont8Chars{font-size:50px;line-height:72px}.puffer{padding-left:10px}div.columns-3{width:100%!important;margin-left:-300px!important}div.columns-3 table{width:100%!important}@media screen and (width>=1820px){div.columns-3{margin-left:-500px!important}}@media screen and (width>=900px) and (width<=1180px){div.columns-3{width:130%!important}}.debug{color:#000;margin-left:20px;font-size:12px;line-height:16px;position:absolute;top:1100px}body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_behoerde_80.92ef8db0.png) repeat-x!important}@media screen and (width<=900px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_hoch_behoerde_80.34071b8c.png) repeat-x!important}}@media screen and (width>=900px) and (width<=1180px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_hoch_1920_behoerde_80.6d94fc72.png) repeat-x!important}}@media screen and (width>=1820px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_1920_behoerde_80.ea86ad30.png) repeat-x!important}}body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf{table-layout:auto!important}@media screen and (width<=900px){body{background:#c8d5e6 url(background_anzeige1_hoch.049e589c.png) repeat-x}.aufrufanzeige .uhr{width:275px;top:154px;left:21px}.aufrufanzeige .aufrufanzeige_Datum{width:275px;font-size:20px;top:410px;left:21px}.aufrufanzeige .aufrufanzeige_main{top:155px;left:222px}.aufrufanzeige table.aufrufanzeige_aufruf td,.aufrufanzeige table.aufrufanzeige_aufruf th{border-right:4px solid #c8d5e6}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:20px;line-height:37px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:61.5%}.aufrufanzeige table.aufrufanzeige_aufruf{width:376px}.aufrufanzeige .aufrufanzeige_text{line-height:26px;top:699px;left:28px}.aufrufanzeige .waitingColumn{top:450px;left:15px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:275px;font-size:20px}span.terminkundennummer{font-size:60px;line-height:60px}span.terminkundennummer.smallerFont8Chars{font-size:45px;line-height:45px}span.abholeranzeige{font-size:30px;line-height:40px}}@media screen and (width>=900px) and (width<=1180px){body{background:#c8d5e6 url(background_anzeige1_hoch_1920.7be93f97.png) repeat-x;height:1920px}#main-header .adressangabe{font-size:3em;top:22px;left:54px}.aufrufanzeige .uhr{width:350px;top:223px;left:40px}.aufrufanzeige .uhr #clock{display:none}.aufrufanzeige .uhr #clock_medium{display:block}.aufrufanzeige .aufrufanzeige_Datum{width:350px;font-size:28px;top:575px;left:21px}.aufrufanzeige .aufrufanzeige_main{top:216px;left:344px}.aufrufanzeige table.aufrufanzeige_aufruf td,.aufrufanzeige table.aufrufanzeige_aufruf th{border-right:6px solid #c8d5e6}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:32px;line-height:54px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:61.5%}.aufrufanzeige table.einspaltig{width:530px}.aufrufanzeige table.zweispaltig{width:350px}.aufrufanzeige .aufrufanzeige_text{width:350px;line-height:26px;top:985px;left:28px}.aufrufanzeige .waitingColumn{top:625px;left:15px}.aufrufanzeige_text img{height:260px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:350px;font-size:26px}span.terminkundennummer.abholeranzeige.abholeranzeige{font-size:40px;line-height:40px}span.terminkundennummer.smallerFont8Chars{font-size:50px;line-height:50px}}@media screen and (width>=1820px){body{background:#c8d5e6 url(background_anzeige1_1920.461afab7.png) repeat-x;width:1920px;height:1080px;overflow:hidden}#main-header .adressangabe{font-size:3em;top:22px;left:54px}.aufrufanzeige .uhr{width:400px;top:160px;left:47px}.aufrufanzeige .uhr #clock{display:none}.aufrufanzeige .uhr #clock_big{display:block!important}.aufrufanzeige .aufrufanzeige_Datum{width:400px;font-size:32px;top:580px}.aufrufanzeige .aufrufanzeige_main{top:162px;left:554px}span.terminkundennummer,span.wartenummer{font-size:80px;line-height:80px}span.terminkundennummer.smallerFont8Chars{font-size:65px;line-height:65px}span.abholeranzeige{font-size:70px}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:32px}.aufrufanzeige table.aufrufanzeige_aufruf{width:745px}.aufrufanzeige .aufrufanzeige_text{width:361px;line-height:26px;top:104px;left:1535px}.aufrufanzeige_text img{height:244px}.aufrufanzeige .waitingColumn{top:630px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:400px;font-size:32px}div.aber_zweispaltig{margin-left:-25px}.aufrufanzeige table.zweispaltig{width:440px}.aufrufanzeige table.zweispaltig th.wartenummer{width:60%}.aufrufanzeige table.zweispaltig th,.aufrufanzeige table.zweispaltig td{border-right:6px solid #c8d5e6}.zweispaltig span.terminkundennummer{font-size:40px}.puffer{padding-left:40px}}.footer{width:800px;position:absolute;top:630px;left:0}#animate-container{color:#fff;white-space:nowrap;background-color:#005a9f;width:200%;padding:10px 0;font-size:70px;font-weight:700;animation-name:text-indent-animate;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse;overflow:hidden}#animate-container:hover{animation-play-state:paused}@keyframes text-indent-animate{0%{text-indent:-200%}to{text-indent:100%}} /*# sourceMappingURL=calldisplay.css.map */ diff --git a/zmscalldisplay/public/_css/calldisplay.css.map b/zmscalldisplay/public/_css/calldisplay.css.map index fc049e768..d7f744ad3 100644 --- a/zmscalldisplay/public/_css/calldisplay.css.map +++ b/zmscalldisplay/public/_css/calldisplay.css.map @@ -1 +1 @@ -{"mappings":"AGEA,gEAOA,gHAUA,uJCnBA,mBCAA,uCAKA,oKAUA,2DAOA,qDCfA,4MAUI,oHAIA,wHAGA,uHAKJ,uCAMA,6DAMA,+DAMA,2BC/CA,0GAQA,wECLA,gKAUA,6BAOA,qFAUA,qHAOA,wIAUA,8DASA,qDAKA,4HAQA,4DAIA,sIASA,6HAQA,+EAKA,2IAYA,mFASA,oKAiBA,yMAcA,8DC/IA,kEAKA,uEAQA,mHAUA,0FAMA,yNAWA,mEAGA,qNAeI,qFAKJ,yEAMA,yEAUA,uEAKA,0EAIA,8BAGA,2CAGA,+BAIA,gIAUA,mCAGA,6CAGA,0DAGA,uGAIA,qEAIA,oFAKA,uFAIA,0BAEA,iEAQA,gEAKA,yCAIA,qCACC,4CAKD,2DACC,oCCpKD,gGCAA,uEAeA,iHAWA,gDAMA,qKAYA,6DAKA,+DAMA,+DAMA,kEAMA,iEAQA,qEAMA,sEAMA,wEAMA,uEAMA,uEAMA,sEAMA,wEAMA,wEAMA,uEAMA,sEAMA,yEAMA,yEAMA,2EAMA,4EAMA,4EAMA,2EAMA,6EAMA,4EAMA,4EAMA,0EAMA,6EAMA,6EAMA,+EAMA,8EAMA,wHAaA,gLAcA,wMAaA,oCAKA,+CAMA,uDC3QA,4HAGA,oCACI,kIAIJ,2DACI,uIAIJ,qCACI,kIAKJ,wFAOA,oCACI,8FAIA,iEAOA,mFAOA,wDAKA,yHAKA,6EAKA,qEAIA,sDAIA,wEAMA,kDAKA,8FAUA,wDAKA,8FAUA,0DAOJ,2DACI,iHAKA,4DAMA,iEAOA,mFAOA,wDAKA,yHAKA,6EAKA,qEAIA,4CAIA,6CAIA,oFAOA,kDAKA,qCAIA,6DAKA,8FASF,sFAWE,gIAMA,iEAIA,0DAMJ,qCACI,yIAOA,4DAMA,iEAOA,yEAMA,wDAIA,yEAKA,6CAIA,yFAMA,0EAKA,mCAIA,4DAIA,sDAIA,sFAMA,qCAEA,wCAIA,8FAUA,uCAGA,6CAIA,0DAIA,uGAKA,gIAMA,kFAKA,0BAOA","sources":["calldisplay.css","scss/calldisplay.scss","scss/settings.scss","scss/layout/main.scss","scss/element/ring.scss","scss/block/alerts.scss","scss/block/message.scss","scss/block/exception.scss","scss/block/aufrufanzeige.scss","scss/block/tabellen.scss","scss/block/debug.scss","scss/block/clock.scss","scss/layout/media.scss"],"sourcesContent":["#main {\n max-width: 1920px;\n background-color: #fff;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n color: #4c4c4c;\n margin: 0;\n padding: 0;\n font-family: Arial, sans-serif;\n font-size: 10px;\n font-weight: bold;\n display: block;\n}\n\nbody {\n width: 1920px;\n height: 1080px;\n background: #c8d5e6 url(\"background_anzeige1.8e638d08.png\") 0 0 no-repeat;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n\n#ring {\n display: none;\n}\n\n.alert {\n font-size: 12px;\n line-height: 16px;\n}\n\n.alert.alert-info {\n color: #000;\n text-shadow: 0 1px #ffffff80;\n background-color: #e0e9f2;\n border: 1px solid #c0e1f2;\n border-radius: 4px;\n margin-bottom: 1.385em;\n padding: .7em 1em;\n}\n\n.devhint {\n width: 300px;\n position: absolute;\n top: 10px;\n right: 10px;\n}\n\n.textile {\n width: 800px;\n font-size: 14px;\n line-height: 18px;\n}\n\n.message, .message-success, .message-error, .message-info {\n width: 702px;\n text-align: center;\n background-color: #f4f4f4;\n border: 1px solid #dbdbdb;\n margin: 1em 0 1em 80px;\n padding: 1em 10px;\n font-size: 2.5em;\n display: block;\n}\n\n.message .title, .message-success .title, .message-error .title, .message-info .title {\n margin-top: 0;\n margin-bottom: .25em;\n}\n\n.message > :first-child, .message-success > :first-child, .message-error > :first-child, .message-info > :first-child {\n margin-top: 0;\n}\n\n.message > :last-child, .message-success > :last-child, .message-error > :last-child, .message-info > :last-child {\n margin-bottom: 0;\n}\n\n.message-info {\n background-color: #fffbd5;\n}\n\n.message-error {\n background-color: #ffe4e4;\n border-color: #ffb1b1;\n}\n\n.message-success {\n background-color: #e0f0d9;\n border-color: #c2e2b4;\n}\n\n.message-hide {\n display: none;\n}\n\n.textile.exception, .textile.alert {\n width: 800px;\n box-sizing: border-box;\n position: relative;\n top: 100px;\n left: 40px;\n}\n\n.exception table, .exception iframe, .exception pre {\n width: 800px !important;\n}\n\n.qrCode--Headline {\n text-align: center;\n background: #fff;\n margin-top: 0;\n margin-bottom: 3px;\n font-family: Arial, sans-serif;\n font-size: 32px;\n font-weight: 700;\n line-height: 45px;\n}\n\n.qrContainer {\n background: #fff;\n}\n\n.aufrufanzeige {\n height: 758px;\n width: 100%;\n background: none;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.hiddencursor, button, input, select {\n cursor: url(\"invisible_Mauszeiger.e28f8c73.cur\"), crosshair !important;\n}\n\n#main-header .adressangabe {\n color: #fff;\n font-family: Arial, sans-serif;\n font-size: 2.2em;\n font-weight: bold;\n position: absolute;\n top: 14px;\n left: 38px;\n}\n\n#main-header .adressangabe .adressangabe_adresse {\n display: none;\n}\n\n.waitingColumn {\n position: absolute;\n top: 450px;\n left: 50px;\n}\n\n.aufrufanzeige .wartende_aktuell {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 2.4em;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartende_text {\n background: #fff;\n padding: 5px 0;\n}\n\n.aufrufanzeige .wartende_aktuell #wartende {\n background: #fff;\n margin-top: 3px;\n font-family: Arial, sans-serif;\n font-size: 52px;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartezeit_aktuell {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 2.4em;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartezeit_text {\n background: #e0e9f2;\n margin-top: 3px;\n padding: 5px 0;\n}\n\n.aufrufanzeige .wartezeit_aktuell #wartezeit {\n background: #e0e9f2;\n margin-top: 3px;\n font-family: Arial, sans-serif;\n font-size: 35px;\n font-weight: bold;\n}\n\n.aufrufanzeige .uhr {\n width: 275px;\n height: 275px;\n position: absolute;\n top: 105px;\n left: 55px;\n}\n\n.aufrufanzeige .aufrufanzeige_Datum {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 24px;\n font-weight: bold;\n position: absolute;\n top: 390px;\n left: 50px;\n}\n\n.aufrufanzeige .aufrufanzeige_text {\n text-align: center;\n width: 265px;\n padding: 18px 0 0 6px;\n font-family: Arial, sans-serif;\n font-size: 2em;\n font-weight: normal;\n line-height: 26px;\n position: absolute;\n top: 89px;\n left: 1087px;\n}\n\n.aufrufanzeige_text .qrContainer {\n width: 100%;\n text-align: center;\n}\n\ndiv.aufrufanzeige_anzeigebereich_einzeilig {\n float: none;\n width: 200px;\n}\n\ndiv.aufrufanzeige_anzeigebereich_zweizeilig {\n float: left;\n margin-top: auto;\n}\n\n.aufrufanzeige .aufrufanzeige_main {\n width: 980px;\n height: 880px;\n position: absolute;\n top: 105px;\n left: 370px;\n overflow-y: auto;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf {\n border-spacing: 0;\n table-layout: fixed;\n width: 700px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf th {\n text-align: center;\n background: #fff;\n border-top: 3px solid #c8d5e6;\n border-right: 20px solid #c8d5e6;\n font-family: Arial, sans-serif;\n font-size: 36px;\n font-weight: bold;\n line-height: 45px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 50%;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td {\n color: #000;\n text-align: center;\n background: #e0e9f2;\n border-top: 3px solid #c8d5e6;\n border-right: 20px solid #c8d5e6;\n padding: 8px 0;\n font-family: Arial, sans-serif;\n font-weight: bold;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight.called span {\n color: #de1027;\n}\n\nspan.terminkundenanzeige {\n font-size: 30px;\n font-weight: normal;\n line-height: 35px;\n}\n\nspan.wartenummer, span.terminkundennummer {\n font-size: 60px;\n line-height: 60px;\n}\n\nspan.terminkundennummer.abholeranzeige {\n font-size: 50px;\n line-height: 60px;\n}\n\nspan.terminkundennummer.smallerFont8Chars {\n font-size: 45px;\n line-height: 45px;\n}\n\nspan.longrange {\n font-size: 70px;\n}\n\n.zweispaltig span.longrange {\n font-size: 30px;\n}\n\nspan.standalone {\n font-size: 60px;\n}\n\n.zweispaltig span.terminkundennummer, .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 50px;\n line-height: 50px;\n}\n\ndiv.aber_zweispaltig {\n margin-left: 0;\n}\n\n.aufrufanzeige table.zweispaltig {\n width: 340px;\n}\n\n.aufrufanzeige table.zweispaltig th.wartenummer {\n width: 60%;\n}\n\n.aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td {\n border-right: 4px solid #c8d5e6;\n}\n\n.zweispaltig span.terminkundennummer {\n font-size: 50px;\n line-height: 50px;\n}\n\n.zweispaltig span.terminkundennummer.abholeranzeige {\n font-size: 30px;\n line-height: 30px;\n}\n\n.zweispaltig span.terminkundennummer.smallerFont8Chars {\n font-size: 40px;\n line-height: 40px;\n}\n\n.puffer {\n padding-left: 10px;\n}\n\ntable.zweispaltig td.platznummer span.destination {\n font-size: 30px;\n}\n\ndiv.columns-3 {\n width: 100% !important;\n margin-left: -300px !important;\n}\n\ndiv.columns-3 table {\n width: 100% !important;\n}\n\n@media screen and (min-width: 1820px) {\n div.columns-3 {\n margin-left: -500px !important;\n }\n}\n\n@media screen and (min-width: 900px) and (max-width: 1180px) {\n div.columns-3 {\n width: 130% !important;\n }\n}\n\n.debug {\n color: #000;\n margin-left: 20px;\n font-size: 12px;\n line-height: 16px;\n position: absolute;\n top: 1100px;\n}\n\n.clock {\n width: 96%;\n height: 96%;\n margin: 0 auto;\n padding: 2%;\n position: relative;\n}\n\n.outer-clock-face {\n width: 100%;\n height: 100%;\n background: #c8d5e6;\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n}\n\n.outer-clock-face:after {\n transform: rotate(90deg);\n}\n\n.outer-clock-face:before, .outer-clock-face:after, .outer-clock-face .marking {\n content: \"\";\n width: 5px;\n height: 100%;\n z-index: 0;\n background: #4c4c4c;\n position: absolute;\n left: 49%;\n}\n\n.outer-clock-face .marking-thin {\n width: 2px;\n background: #8c8c8c;\n}\n\n.outer-clock-face .marking.marking-one {\n transform: rotate(30deg);\n}\n\n.outer-clock-face .marking.marking-two {\n transform: rotate(60deg);\n}\n\n.outer-clock-face .marking.marking-three {\n transform: rotate(120deg);\n}\n\n.outer-clock-face .marking.marking-four {\n transform: rotate(150deg);\n}\n\n.outer-clock-face .marking.marking-minute-one {\n transform: rotate(6deg);\n}\n\n.outer-clock-face .marking.marking-minute-two {\n transform: rotate(12deg);\n}\n\n.outer-clock-face .marking.marking-minute-three {\n transform: rotate(18deg);\n}\n\n.outer-clock-face .marking.marking-minute-four {\n transform: rotate(24deg);\n}\n\n.outer-clock-face .marking.marking-minute-five {\n transform: rotate(36deg);\n}\n\n.outer-clock-face .marking.marking-minute-six {\n transform: rotate(42deg);\n}\n\n.outer-clock-face .marking.marking-minute-seven {\n transform: rotate(48deg);\n}\n\n.outer-clock-face .marking.marking-minute-eight {\n transform: rotate(54deg);\n}\n\n.outer-clock-face .marking.marking-minute-nine {\n transform: rotate(66deg);\n}\n\n.outer-clock-face .marking.marking-minute-ten {\n transform: rotate(72deg);\n}\n\n.outer-clock-face .marking.marking-minute-eleven {\n transform: rotate(78deg);\n}\n\n.outer-clock-face .marking.marking-minute-twelve {\n transform: rotate(84deg);\n}\n\n.outer-clock-face .marking.marking-minute-thirteen {\n transform: rotate(96deg);\n}\n\n.outer-clock-face .marking.marking-minute-fourteen {\n transform: rotate(102deg);\n}\n\n.outer-clock-face .marking.marking-minute-fiveteen {\n transform: rotate(108deg);\n}\n\n.outer-clock-face .marking.marking-minute-sixteen {\n transform: rotate(114deg);\n}\n\n.outer-clock-face .marking.marking-minute-seventeen {\n transform: rotate(126deg);\n}\n\n.outer-clock-face .marking.marking-minute-eighteen {\n transform: rotate(132deg);\n}\n\n.outer-clock-face .marking.marking-minute-nineteen {\n transform: rotate(138deg);\n}\n\n.outer-clock-face .marking.marking-minute-twenty {\n transform: rotate(144deg);\n}\n\n.outer-clock-face .marking.marking-minute-twentyone {\n transform: rotate(156deg);\n}\n\n.outer-clock-face .marking.marking-minute-twentytwo {\n transform: rotate(162deg);\n}\n\n.outer-clock-face .marking.marking-minute-twentythree {\n transform: rotate(168deg);\n}\n\n.outer-clock-face .marking.marking-minute-twentyfour {\n transform: rotate(174deg);\n}\n\n.inner-clock-face {\n width: 90%;\n height: 90%;\n z-index: 1;\n background: #c8d5e6;\n border-radius: 100%;\n position: absolute;\n top: 5%;\n left: 5%;\n}\n\n.inner-clock-face:before {\n content: \"\";\n width: 16px;\n height: 16px;\n z-index: 11;\n background: #4d4b63;\n border-radius: 18px;\n margin-top: -6px;\n margin-left: -9px;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.hand {\n width: 50%;\n height: 7px;\n transform-origin: 100%;\n background: #4c4c4c;\n border-radius: 6px;\n transition-timing-function: cubic-bezier(.1, 2.7, .58, 1);\n position: absolute;\n top: 50%;\n right: 50%;\n transform: rotate(90deg);\n}\n\n.hand.hour-hand {\n width: 35%;\n z-index: 3;\n}\n\n.hand.min-hand {\n height: 5px;\n z-index: 10;\n width: 45%;\n}\n\n.hand.second-hand {\n width: 48%;\n height: 2px;\n background: #666;\n}\n\nbody.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_behoerde_80.b753a749.png\") 0 0 no-repeat !important;\n}\n\n@media screen and (max-width: 900px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_hoch_behoerde_80.b8f91f5d.png\") 0 0 no-repeat !important;\n }\n}\n\n@media screen and (min-width: 900px) and (max-width: 1180px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_hoch_1920_behoerde_80.50058120.png\") 0 0 no-repeat !important;\n }\n}\n\n@media screen and (min-width: 1820px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_1920_behoerde_80.aef875ec.png\") 0 0 no-repeat !important;\n }\n}\n\nbody.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf {\n table-layout: auto !important;\n}\n\n@media screen and (max-width: 900px) {\n body {\n background: #c8d5e6 url(\"background_anzeige1_hoch.a73ccd93.png\") 0 0 no-repeat;\n }\n\n .aufrufanzeige .uhr {\n width: 275px;\n height: 275px;\n top: 110px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 275px;\n font-size: 20px;\n top: 410px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 110px;\n left: 330px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 4px solid #c8d5e6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 20px;\n line-height: 37px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 376px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height: 26px;\n top: 699px;\n left: 28px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 450px;\n left: 15px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 275px;\n font-size: 20px;\n }\n\n span.terminkundennummer {\n font-size: 50px;\n line-height: 45px;\n }\n\n span.terminkundennummer.smallerFont8Chars, span.abholeranzeige {\n font-size: 30px;\n line-height: 30px;\n }\n\n span.terminkundenanzeige {\n font-size: 25px;\n line-height: 25px;\n }\n}\n\n@media screen and (min-width: 900px) and (max-width: 1180px) {\n body {\n height: 1920px;\n background: #c8d5e6 url(\"background_anzeige1_hoch_1920.86f30aa9.png\") 0 0 no-repeat;\n }\n\n #main-header .adressangabe {\n font-size: 3em;\n top: 22px;\n left: 54px;\n }\n\n .aufrufanzeige .uhr {\n width: 350px;\n height: 350px;\n top: 160px;\n left: 40px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 350px;\n font-size: 28px;\n top: 520px;\n left: 35px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 160px;\n left: 420px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 6px solid #c8d5e6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n line-height: 54px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.einspaltig {\n width: 580px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 280px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n width: 350px;\n line-height: 26px;\n top: 985px;\n left: 28px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 580px;\n left: 35px;\n }\n\n .aufrufanzeige_text img {\n height: 260px;\n }\n\n .aufrufanzeige_text .qrContainer {\n width: 100%;\n text-align: right;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 350px;\n font-size: 26px;\n }\n\n span.terminkundennummer.abholeranzeige.abholeranzeige {\n font-size: 40px;\n line-height: 40px;\n }\n\n .zweispaltig span.terminkundennummer, .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 35px;\n line-height: 35px;\n }\n\n table.zweispaltig td.platznummer span.destination {\n font-size: 25px;\n }\n\n span.terminkundenanzeige {\n font-size: 30px;\n line-height: 30px;\n }\n}\n\n@media screen and (min-width: 1820px) {\n body {\n width: 1920px;\n height: 1080px;\n background: #c8d5e6 url(\"background_anzeige1_1920.bc9eff88.png\") 0 0 no-repeat;\n overflow: hidden;\n }\n\n #main-header .adressangabe {\n font-size: 3em;\n top: 22px;\n left: 54px;\n }\n\n .aufrufanzeige .uhr {\n width: 400px;\n height: 400px;\n top: 160px;\n left: 47px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 400px;\n font-size: 32px;\n top: 600px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 160px;\n left: 500px;\n }\n\n span.terminkundennummer, span.wartenummer {\n font-size: 80px;\n line-height: 80px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 280px;\n }\n\n span.terminkundennummer, span.wartenummer, span.standalone {\n font-size: 80px;\n line-height: 80px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 65px;\n line-height: 65px;\n }\n\n span.abholeranzeige {\n font-size: 70px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 980px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n width: 361px;\n line-height: 26px;\n top: 104px;\n left: 1535px;\n }\n\n .aufrufanzeige_text img {\n height: 244px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 670px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 400px;\n font-size: 32px;\n }\n\n div.aber_zweispaltig {\n margin-left: -25px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 450px;\n }\n\n .aufrufanzeige table.zweispaltig th.wartenummer {\n width: 60%;\n }\n\n .aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td {\n border-right: 6px solid #c8d5e6;\n }\n\n .zweispaltig span.terminkundennummer, .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 60px;\n line-height: 60px;\n }\n\n table.zweispaltig td.platznummer span.destination {\n font-size: 35px;\n line-height: 40px;\n }\n\n .puffer {\n padding-left: 40px;\n }\n\n .qrCode--Headline {\n margin-top: 40px;\n }\n}\n\n/*# sourceMappingURL=calldisplay.css.map */\n","@import \"settings\";\n\n/**\n * Import our css\n */\n\n// Main site grid and global layout rules\n\n@import \"layout/main\";\n\n// Element rules\n@import \"element/ring\";\n// Block rules\n@import \"block/alerts\";\n@import \"block/message\";\n@import \"block/exception\";\n@import \"block/aufrufanzeige\";\n@import \"block/tabellen\";\n@import \"block/debug\";\n@import \"block/clock\";\n@import \"layout/media\";\n","/**\n * OUR SETTINGS\n */\n\n// Colors\n$white: #ffffff;\n$black: #000000;\n$red: #DE1027;\n\n$backgroundLight: #E0E9F2;\n$borderLight: #C8D5E6;\n\n$baseTextColor: #4C4C4C;\n\n// Dimensions\n$pageMaxWidth: 1920px;\n$pageMaxHeight:\t\t\t\t\t1080px;\n$contentMaxWidth: 800px;\n\n// Fonts\n$base-font-family:\t\t\t\tArial, sans-serif;\n$base-font-size:\t\t\t\t10px;\n\n$alert-font-size:\t\t\t\t12px;\n$alert-line-height:\t\t\t\t16px;\n","// Base site layout and grid\n\n#main {\n margin: 0;\n max-width: $pageMaxWidth;\n padding: 0;\n background-color: $white;\n}\n\nhtml {\n font-family: $base-font-family;\n font-size:\t\t\t$base-font-size;\n font-weight:\t\tbold;\n display:\t\t\tblock;\n color:\t\t\t\t$baseTextColor;\n margin:\t\t\t\t0;\n padding:\t\t\t0;\n}\n\nbody {\n\twidth: \t\t\t\t$pageMaxWidth;\n height: \t\t\t$pageMaxHeight;\n overflow: \t\t hidden;\n margin:\t\t\t\t0;\n padding:\t\t\t0;\n background: \t\turl(img/background_anzeige1.png) top left no-repeat #C8D5E6;\n}\n","#ring {\n\tdisplay:none;\n}",".alert {\n\tfont-size: \t\t\t$alert-font-size;\n\tline-height: \t\t$alert-line-height;\n}\n\n.alert.alert-info {\n\tbackground-color: \t$backgroundLight;\n border-radius: \t\t4px;\n color: \t\t\t\t$black;\n padding: \t\t\t.7em 1em;\n margin-bottom: \t\t1.385em;\n text-shadow: \t\t0 1px 0 rgba(255,255,255,0.5);\n border: \t\t\t1px solid #c0e1f2;\n}\n\n.devhint {\n\tposition:absolute;\n\tright:10px;\n\ttop:10px;\n\twidth:300px;\n}\n\n.textile {\n\twidth:\t\t\t\t$contentMaxWidth;\n\tfont-size:\t\t\t14px;\n\tline-height:\t\t18px;\n}","$messageBackgroundColor: #F4F4F4 !default;\n$messageInfoBackgroundColor: #fffbd5 !default;\n$messageErrorBackgroundColor: #FFE4E4 !default;\n$messageSuccessBackgroundColor: #E0F0D9 !default;\n$messagePadding: 0.75em 1em 1em 1em;\n\n\n.message {\n font-size: 2.5em;\n margin-left: 80px;\n width: 702px;\n border: 1px solid darken($messageBackgroundColor,10%);\n background-color: $messageBackgroundColor;\n padding: 1em 10px 1em 10px;\n margin: 1em 0 1em 80px;\n text-align: center;\n display: block;\n .title {\n margin-top: 0;\n margin-bottom: 0.25em;\n }\n > *:first-child {\n margin-top: 0;\n }\n > *:last-child {\n margin-bottom: 0;\n }\n}\n\n.message-info {\n @extend .message;\n //border-color: darken($messageInfoBackgroundColor,40%);\n background-color: $messageInfoBackgroundColor;\n}\n\n.message-error {\n @extend .message;\n border-color: darken($messageErrorBackgroundColor,10%);\n background-color: $messageErrorBackgroundColor;\n}\n\n.message-success {\n @extend .message;\n border-color: darken($messageSuccessBackgroundColor,10%);\n background-color: $messageSuccessBackgroundColor\n}\n\n.message-hide {\n display: none;\n}\n",".textile.exception, .textile.alert {\n\tposition:relative;\n\tleft:40px;\n\ttop:100px;\n\twidth:800px;\n\tbox-sizing:border-box;\n}\n\n.exception table, .exception iframe, .exception pre {\n\twidth:800px !important;\n}","/* ----------------------------------------------\n qr code\n---------------------------------------------- */\n.qrCode--Headline {\n text-align: center;\n background: #fff;\n font-family: Arial,sans-serif;\n font-size: 32px;\n font-weight: 700;\n line-height: 45px;\n margin-bottom: 3px;\n margin-top: 0px;\n}\n.qrContainer {\n background: #fff;\n}\n\n/* ----------------------------------------------\n aufrufanzeige\n---------------------------------------------- */\n.aufrufanzeige\n{\n background:transparent;\n height:758px;\n left:0;\n position:absolute;\n top:0;\n width:100%;\n}\n\n.hiddencursor, button, input, select {\n cursor: url(img/invisible_Mauszeiger.cur),crosshair !important;\n}\n\n/* ----------------------------------------------\n Adresse\n---------------------------------------------- */\n#main-header .adressangabe\n{\n color: $white;\n font-size:2.2em;\n font-family: $base-font-family;\n font-weight:bold;\n left:38px;\n position: absolute;\n top:14px;\n}\n#main-header .adressangabe .adressangabe_adresse\n{\n display:none;\n}\n\n/* ----------------------------------------------\n Wartende & Wartezeit\n---------------------------------------------- */\n\n.waitingColumn {\n position: absolute;\n left: 50px; \n top: 450px; \n}\n.aufrufanzeige .wartende_aktuell\n{\n font-size:2.4em;\n font-family: Arial, sans-serif;\n font-weight:bold;\n text-align:center;\n width:275px;\n}\n.aufrufanzeige .wartende_text {\n\tbackground:$white;\n\tpadding:5px 0px;\n}\n.aufrufanzeige .wartende_aktuell #wartende\n{\n font-size:52px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n margin-top:3px;\n background:$white;\n}\n\n.aufrufanzeige .wartezeit_aktuell\n{\n font-size:2.4em;\n font-family: Arial, sans-serif;\n font-weight:bold;\n text-align:center;\n width:275px;\n}\n.aufrufanzeige .wartezeit_text {\n margin-top:3px;\n\tbackground:$backgroundLight;\n\tpadding:5px 0px;\n}\n.aufrufanzeige .wartezeit_aktuell #wartezeit\n{\n font-size:35px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n margin-top:3px;\n background:$backgroundLight;\n}\n\n/* ----------------------------------------------\n Uhr und Datum\n---------------------------------------------- */\n.aufrufanzeige .uhr\n{\n position: absolute;\n left:55px;\n top:105px;\n width:275px;\n height:275px;\n }\n\n.aufrufanzeige .aufrufanzeige_Datum\n{\n font-size:24px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n position:absolute;\n text-align:center;\n font-size:24px;\n left:50px;\n top:390px;\n width:275px;\n}\n\n\n/* ----------------------------------------------\n Text & Logo|QrCode\n---------------------------------------------- */\n.aufrufanzeige .aufrufanzeige_text\n{\n font-size:2em;\n font-family: Arial, sans-serif;\n font-weight:normal;\n line-height:26px;\n padding: 18px 0 0 6px;\n position: absolute;\n text-align:center;\n left: 1087px;\n top:89px;\n width: 265px;\n}\n\n.aufrufanzeige_text .qrContainer\n{\n width: 100%;\n text-align: center;\n}","/* ----------------------------------------------\n Aufruf-Tabelle\n---------------------------------------------- */\n\ndiv.aufrufanzeige_anzeigebereich_einzeilig\n{\n\tfloat:none;\n width: 200px;\n}\ndiv.aufrufanzeige_anzeigebereich_zweizeilig\n{\n\tfloat:left;\n\tmargin-top: auto;\n/* margin-right:3%;*/\n}\n\n\n.aufrufanzeige .aufrufanzeige_main\n{\n left: 370px;\n position: absolute;\n top: 105px;\n width: 980px;\n height: 880px;\n overflow-y: auto;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf\n{\n border-spacing:0;\n table-layout:fixed;\n width:700px;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf th\n{\n background: $white;\n border-right: 20px solid $borderLight;\n border-top: 3px solid $borderLight;\n font-size: 36px;\n font-family: Arial, sans-serif;\n font-weight: bold;\n line-height: 45px;\n text-align:center;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:50%;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf td\n{\n background: $backgroundLight;\n color: $black;\n border-right: 20px solid $borderLight;\n border-top: 3px solid $borderLight;\n /*font-size: 70px;\n line-height: 108px;*/\n font-family: Arial, sans-serif;\n font-weight: bold;\n text-align:center;\n padding:8px 0px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight {\n &.called span {\n color: $red;\n }\n}\n\nspan.terminkundenanzeige\n{\n\tfont-weight: normal;\n\tfont-size: 30px;\n line-height: 35px;\n}\nspan.wartenummer\n{\n\tfont-size: 60px;\n line-height: 60px;\n}\nspan.terminkundennummer\n{\n\tfont-size: 60px;\n line-height: 60px;\n}\nspan.terminkundennummer.abholeranzeige\n{\n\tfont-size: 50px;\n line-height: 60px;\n}\nspan.terminkundennummer.smallerFont8Chars {\n\tfont-size: 45px;\n\tline-height:45px;\n}\nspan.longrange {\n font-size:70px;\n}\n.zweispaltig span.longrange {\n font-size:30px;\n}\nspan.standalone {\n font-size:60px;\n}\n\n.zweispaltig span.terminkundennummer,\n.zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 50px;\n line-height: 50px;\n}\n\n/* ----------------------------------------------\n Aufruf-Tabelle, zweispaltig\n---------------------------------------------- */\n\ndiv.aber_zweispaltig {\n margin-left:0px;\n}\n.aufrufanzeige table.zweispaltig {\n width:340px;\n}\n.aufrufanzeige table.zweispaltig th.wartenummer {\n width:60%;\n}\n.aufrufanzeige table.zweispaltig th,\n.aufrufanzeige table.zweispaltig td {\n border-right:4px solid $borderLight;\n}\n.zweispaltig span.terminkundennummer {\n font-size:50px;\n line-height: 50px;\n}\n.zweispaltig span.terminkundennummer.abholeranzeige\n{\n font-size: 30px;\n line-height: 30px;\n}\n.zweispaltig span.terminkundennummer.smallerFont8Chars {\n font-size: 40px;\n line-height: 40px;\n}\n.puffer {padding-left:10px;}\n\ntable.zweispaltig td.platznummer span.destination {\n font-size:30px;\n}\n\n/* ----------------------------------------------\n Bei mehr als 2 Spalten\n---------------------------------------------- */\n\ndiv.columns-3 {\n\tmargin-left:-300px !important;\n\twidth:100% !important;\n}\n\ndiv.columns-3 table {\n\twidth:100% !important;\n}\n\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n\tdiv.columns-3 {\n\t\tmargin-left:-500px !important;\n\t}\n}\n\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n\tdiv.columns-3 {\n\t\twidth:130% !important;\n\t}\n}\n",".debug {\n\tfont-size: \t\t\t$alert-font-size;\n\tline-height: \t\t$alert-line-height;\n\tcolor:\t\t\t\t$black;\n\tmargin-left:\t\t20px;\n\tposition:\t\t\tabsolute;\n\ttop:\t\t\t\t1100px;\n}",".clock {\n width: 96%;\n height: 96%;\n //border: 7px solid #282828;\n /*box-shadow: -4px -4px 10px rgba(67,67,67,0.5),\n inset 4px 4px 10px rgba(0,0,0,0.5),\n inset -4px -4px 10px rgba(67,67,67,0.5),\n 4px 4px 10px rgba(0,0,0,0.3);*/\n //border-radius: 50%;\n margin: 0px auto;\n position: relative;\n padding: 2%;\n \n}\n\n.outer-clock-face {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background: #C8D5E6;\n \n \n overflow: hidden;\n}\n\n.outer-clock-face::after {\n -webkit-transform: rotate(90deg);\n -moz-transform: rotate(90deg);\n transform: rotate(90deg)\n}\n\n.outer-clock-face::before,\n.outer-clock-face::after,\n.outer-clock-face .marking{\n content: '';\n position: absolute;\n width: 5px;\n height: 100%;\n background: #4c4c4c;\n z-index: 0;\n left: 49%;\n}\n\n.outer-clock-face .marking-thin {\n background: #8c8c8c;\n width: 2px;\n}\n\n.outer-clock-face .marking.marking-one {\n -webkit-transform: rotate(30deg);\n -moz-transform: rotate(30deg);\n transform: rotate(30deg)\n}\n\n.outer-clock-face .marking.marking-two {\n -webkit-transform: rotate(60deg);\n -moz-transform: rotate(60deg);\n transform: rotate(60deg)\n}\n\n.outer-clock-face .marking.marking-three {\n -webkit-transform: rotate(120deg);\n -moz-transform: rotate(120deg);\n transform: rotate(120deg)\n}\n\n.outer-clock-face .marking.marking-four {\n -webkit-transform: rotate(150deg);\n -moz-transform: rotate(150deg);\n transform: rotate(150deg)\n}\n\n//minute marks\n\n.outer-clock-face .marking.marking-minute-one {\n -webkit-transform: rotate(6deg);\n -moz-transform: rotate(6deg);\n transform: rotate(6deg)\n}\n\n.outer-clock-face .marking.marking-minute-two {\n -webkit-transform: rotate(12deg);\n -moz-transform: rotate(12deg);\n transform: rotate(12deg)\n}\n\n.outer-clock-face .marking.marking-minute-three {\n -webkit-transform: rotate(18deg);\n -moz-transform: rotate(18deg);\n transform: rotate(18deg)\n}\n\n.outer-clock-face .marking.marking-minute-four {\n -webkit-transform: rotate(24deg);\n -moz-transform: rotate(24deg);\n transform: rotate(24deg)\n}\n\n.outer-clock-face .marking.marking-minute-five {\n -webkit-transform: rotate(36deg);\n -moz-transform: rotate(36deg);\n transform: rotate(36deg)\n}\n\n.outer-clock-face .marking.marking-minute-six {\n -webkit-transform: rotate(42deg);\n -moz-transform: rotate(42deg);\n transform: rotate(42deg)\n}\n\n.outer-clock-face .marking.marking-minute-seven {\n -webkit-transform: rotate(48deg);\n -moz-transform: rotate(48deg);\n transform: rotate(48deg)\n}\n\n.outer-clock-face .marking.marking-minute-eight {\n -webkit-transform: rotate(54deg);\n -moz-transform: rotate(54deg);\n transform: rotate(54deg)\n}\n\n.outer-clock-face .marking.marking-minute-nine {\n -webkit-transform: rotate(66deg);\n -moz-transform: rotate(66deg);\n transform: rotate(66deg)\n}\n\n.outer-clock-face .marking.marking-minute-ten {\n -webkit-transform: rotate(72deg);\n -moz-transform: rotate(72deg);\n transform: rotate(72deg)\n}\n\n.outer-clock-face .marking.marking-minute-eleven {\n -webkit-transform: rotate(78deg);\n -moz-transform: rotate(78deg);\n transform: rotate(78deg)\n}\n\n.outer-clock-face .marking.marking-minute-twelve {\n -webkit-transform: rotate(84deg);\n -moz-transform: rotate(84deg);\n transform: rotate(84deg)\n}\n\n.outer-clock-face .marking.marking-minute-thirteen {\n -webkit-transform: rotate(96deg);\n -moz-transform: rotate(96deg);\n transform: rotate(96deg)\n}\n\n.outer-clock-face .marking.marking-minute-fourteen {\n -webkit-transform: rotate(102deg);\n -moz-transform: rotate(102deg);\n transform: rotate(102deg)\n}\n\n.outer-clock-face .marking.marking-minute-fiveteen {\n -webkit-transform: rotate(108deg);\n -moz-transform: rotate(108deg);\n transform: rotate(108deg)\n}\n\n.outer-clock-face .marking.marking-minute-sixteen {\n -webkit-transform: rotate(114deg);\n -moz-transform: rotate(114deg);\n transform: rotate(114deg)\n}\n\n.outer-clock-face .marking.marking-minute-seventeen {\n -webkit-transform: rotate(126deg);\n -moz-transform: rotate(126deg);\n transform: rotate(126deg)\n}\n\n.outer-clock-face .marking.marking-minute-eighteen {\n -webkit-transform: rotate(132deg);\n -moz-transform: rotate(132deg);\n transform: rotate(132deg)\n}\n\n.outer-clock-face .marking.marking-minute-nineteen {\n -webkit-transform: rotate(138deg);\n -moz-transform: rotate(138deg);\n transform: rotate(138deg)\n}\n\n.outer-clock-face .marking.marking-minute-twenty {\n -webkit-transform: rotate(144deg);\n -moz-transform: rotate(144deg);\n transform: rotate(144deg)\n}\n\n.outer-clock-face .marking.marking-minute-twentyone {\n -webkit-transform: rotate(156deg);\n -moz-transform: rotate(156deg);\n transform: rotate(156deg)\n}\n\n.outer-clock-face .marking.marking-minute-twentytwo {\n -webkit-transform: rotate(162deg);\n -moz-transform: rotate(162deg);\n transform: rotate(162deg)\n}\n\n.outer-clock-face .marking.marking-minute-twentythree {\n -webkit-transform: rotate(168deg);\n -moz-transform: rotate(168deg);\n transform: rotate(168deg)\n}\n\n.outer-clock-face .marking.marking-minute-twentyfour {\n -webkit-transform: rotate(174deg);\n -moz-transform: rotate(174deg);\n transform: rotate(174deg)\n}\n\n.inner-clock-face {\n position: absolute;\n top: 5%;\n left: 5%;\n width: 90%;\n height: 90%;\n background: #C8D5E6;\n -webkit-border-radius: 100%;\n -moz-border-radius: 100%;\n border-radius: 100%;\n z-index: 1;\n}\n\n.inner-clock-face::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n border-radius: 18px;\n margin-left: -9px;\n margin-top: -6px;\n background: #4d4b63;\n z-index: 11;\n}\n\n.hand {\n width: 50%;\n right: 50%;\n height: 7px;\n background: #4c4c4c;\n position: absolute;\n top: 50%;\n border-radius: 6px;\n transform-origin: 100%;\n transform: rotate(90deg);\n transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);\n}\n\n.hand.hour-hand {\n width: 35%;\n z-index: 3;\n}\n\n.hand.min-hand {\n height: 5px;\n z-index: 10;\n width: 45%;\n}\n\n.hand.second-hand {\n background: #666666;\n width: 48%;\n height: 2px;\n}","/* ----------------------------------------------\n Infospalte verstecken\n---------------------------------------------- */\nbody.noInfoColumn{\n background: url(img/background_anzeige1_behoerde_80.png) top left no-repeat #C8D5E6 !important;\n}\n@media screen and (max-width:900px) { /* 768 * 1366 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_hoch_behoerde_80.png) top left no-repeat #C8D5E6 !important;\n }\n}\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_hoch_1920_behoerde_80.png) top left no-repeat #C8D5E6 !important;\n }\n}\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_1920_behoerde_80.png) top left no-repeat #C8D5E6 !important;\n }\n}\n\nbody.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf {\n table-layout: auto !important;\n}\n\n/* ----------------------------------------------\n Spezial-Groessen\n---------------------------------------------- */\n@media screen and (max-width:900px) { /* 768 * 1366 */\n body{\n background: url(img/background_anzeige1_hoch.png) top left no-repeat #C8D5E6;\n }\n\n .aufrufanzeige .uhr {\n left: 21px;\n top: 110px;\n width: 275px;\n height: 275px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size: 20px;\n left: 21px;\n top: 410px;\n width: 275px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n left: 330px;\n top: 110px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td,\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 4px solid #C8D5E6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 20px;\n line-height: 37px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width:376px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 28px;\n top:699px;\n }\n\n .aufrufanzeige .waitingColumn {\n top:450px;\n left:15px;\n }\n\n .aufrufanzeige .wartende_aktuell {\n font-size:20px;\n width:275px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:20px;\n width:275px;\n }\n\n span.terminkundennummer {\n font-size: 50px;\n line-height: 45px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 30px;\n line-height: 30px;\n }\n\n span.abholeranzeige {\n font-size: 30px;\n line-height: 30px;\n }\n\n span.terminkundenanzeige {\n font-size: 25px;\n line-height: 25px;\n }\n}\n\n\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n body{\n background: url(img/background_anzeige1_hoch_1920.png) top left no-repeat #C8D5E6;\n height:1920px;\n }\n\n #main-header .adressangabe {\n font-size:3em;\n left:54px;\n top:22px;\n }\n\n .aufrufanzeige .uhr {\n left: 40px;\n top: 160px;\n width: 350px;\n height: 350px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size: 28px;\n left: 35px;\n top: 520px;\n width: 350px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n left:420px;\n top:160px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td,\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 6px solid #C8D5E6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n line-height: 54px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:61.5%;\n }\n\n .aufrufanzeige table.einspaltig {\n width: 580px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width:280px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 28px;\n top:985px;\n width:350px;\n }\n\n .aufrufanzeige .waitingColumn {\n top:580px;\n left:35px;\n }\n\n .aufrufanzeige_text img {\n height: 260px;\n }\n\n .aufrufanzeige_text .qrContainer {\n width: 100%;\n text-align: right;\n }\n\n .aufrufanzeige .wartende_aktuell {\n font-size:26px;\n width:350px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:26px;\n width:350px;\n }\n span.terminkundennummer.abholeranzeige.abholeranzeige\n\t{\n\t\tfont-size: 40px;\n\t line-height: 40px;\n\t}\n\n span.terminkundennummer.abholeranzeige.abholeranzeige {\n font-size: 40px;\n line-height: 40px;\n }\n\n .zweispaltig span.terminkundennummer,\n .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 35px;\n line-height: 35px;\n }\n\n table.zweispaltig td.platznummer span.destination {\n font-size: 25px;\n }\n\n span.terminkundenanzeige {\n font-size: 30px;\n line-height: 30px;\n }\n}\n\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n body{\n background: url(img/background_anzeige1_1920.png) top left no-repeat #C8D5E6;\n width:1920px;\n height:1080px;\n overflow: hidden;\n }\n\n #main-header .adressangabe {\n font-size:3em;\n left:54px;\n top:22px;\n }\n\n .aufrufanzeige .uhr {\n left:47px;\n top:160px;\n width:400px;\n height:400px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size: 32px;\n top: 600px;\n width: 400px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n left: 500px;\n top: 160px;\n }\n span.terminkundennummer, span.wartenummer {\n font-size:80px;\n line-height:80px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 280px;\n }\n\n span.terminkundennummer,\n span.wartenummer, span.standalone {\n font-size: 80px;\n line-height: 80px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 65px;\n line-height:65px;\n }\n\n span.abholeranzeige {\n font-size: 70px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 980px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 1535px;\n top:104px;\n width:361px;\n }\n .aufrufanzeige_text img {height:244px;}\n\n .aufrufanzeige .waitingColumn {\n top: 670px;\n }\n\n .aufrufanzeige .wartende_aktuell {\n font-size:32px;\n width:400px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:32px;\n width:400px;\n }\n\n div.aber_zweispaltig {\n margin-left:-25px;\n }\n .aufrufanzeige table.zweispaltig {\n width: 450px;\n }\n\n .aufrufanzeige table.zweispaltig th.wartenummer {\n width:60%;\n }\n\n .aufrufanzeige table.zweispaltig th,\n .aufrufanzeige table.zweispaltig td {\n border-right:6px solid #C8D5E6;\n }\n\n .zweispaltig span.terminkundennummer,\n .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 60px;\n line-height: 60px;\n }\n\n table.zweispaltig td.platznummer span.destination {\n font-size: 35px;\n line-height: 40px;\n }\n\n .puffer {\n padding-left: 40px;\n }\n\n /* ----------------------------------------------\n qr code\n ---------------------------------------------- */\n .qrCode--Headline {\n margin-top: 40px;\n }\n}\n"],"names":[],"version":3,"file":"calldisplay.css.map"} \ No newline at end of file +{"mappings":"AGEA,gEAOA,gHAUA,mJCnBA,mBCAA,uCAKA,oKAUA,2DAOA,qDCfA,4MAUI,oHAIA,wHAGA,uHAKJ,uCAMA,6DAMA,+DAMA,2BC/CA,0GAQA,wECRA,qFAUA,qHAOA,wIAUA,8DASA,qDAKA,4HAQA,4DAIA,sIASA,6HAQA,+EAKA,2IAYA,sEAOA,8EAKA,oKAiBA,yMAcA,kDAIA,mJAYA,8IC9IA,6FAOA,uEAQA,wEAOA,0FAMA,oQAaA,mEAGA,2PAgBA,qEAIA,yGAQA,0GASI,qFAKJ,yEAMA,iDAKA,wDAKA,uEAKA,0EASA,mCAGA,6CAGA,0DAGA,uGAIA,gLAaA,0BAMA,gEAKA,yCAIA,kCACC,4CAKD,qDACC,oCCxKD,gGCGA,2HAGA,iCACI,iIAIJ,qDACI,sIAIJ,kCACI,iIAIJ,wFAOA,iCACI,6FAGA,oDAKA,mFAMA,wDAIA,yHAIA,6EAIA,qEAGA,sDAGA,wEAKA,kDAIA,8FAUH,wDAMC,0EAKD,qDAQD,qDACI,gHAIA,4DAKA,oDAKA,wCAGA,gDAGA,mFAMA,wDAIA,yHAIA,6EAIA,qEAGA,4CAGA,6CAGA,oFAMA,kDAIA,qCACA,8FASF,sFAMA,2EAMF,kCACI,wIAMA,4DAKA,oDAKA,wCAGA,uDAGA,yEAKA,wDAIA,yEAIA,0EAIA,mCAIA,4DAGA,sDAGA,sFAMA,qCAEA,wCAGA,8FAUA,uCAGA,6CAGA,0DAGA,uGAIA,oDAGA,2BC1QJ,uDAOA,6SAiBA,qDAIA","sources":["calldisplay.css","scss/calldisplay.scss","scss/settings.scss","scss/layout/main.scss","scss/element/ring.scss","scss/block/alerts.scss","scss/block/message.scss","scss/block/exception.scss","scss/block/aufrufanzeige.scss","scss/block/tabellen.scss","scss/block/debug.scss","scss/layout/media.scss","scss/block/footer.scss"],"sourcesContent":["#main {\n background-color: #fff;\n max-width: 1920px;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n color: #3a5368;\n margin: 0;\n padding: 0;\n font-family: Arial, sans-serif;\n font-size: 10px;\n font-weight: bold;\n display: block;\n}\n\nbody {\n background: #fff url(\"background_anzeige1.44c0eb4d.png\") 0 0 repeat-x;\n width: 1920px;\n height: 1080px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n\n#ring {\n display: none;\n}\n\n.alert {\n font-size: 12px;\n line-height: 16px;\n}\n\n.alert.alert-info {\n color: #000;\n text-shadow: 0 1px #ffffff80;\n background-color: #e0e9f2;\n border: 1px solid #c0e1f2;\n border-radius: 4px;\n margin-bottom: 1.385em;\n padding: .7em 1em;\n}\n\n.devhint {\n width: 300px;\n position: absolute;\n top: 10px;\n right: 10px;\n}\n\n.textile {\n width: 800px;\n font-size: 14px;\n line-height: 18px;\n}\n\n.message, .message-success, .message-error, .message-info {\n text-align: center;\n background-color: #f4f4f4;\n border: 1px solid #dbdbdb;\n width: 702px;\n margin: 1em 0 1em 80px;\n padding: 1em 10px;\n font-size: 2.5em;\n display: block;\n}\n\n.message .title, .message-success .title, .message-error .title, .message-info .title {\n margin-top: 0;\n margin-bottom: .25em;\n}\n\n.message > :first-child, .message-success > :first-child, .message-error > :first-child, .message-info > :first-child {\n margin-top: 0;\n}\n\n.message > :last-child, .message-success > :last-child, .message-error > :last-child, .message-info > :last-child {\n margin-bottom: 0;\n}\n\n.message-info {\n background-color: #fffbd5;\n}\n\n.message-error {\n background-color: #ffe4e4;\n border-color: #ffb1b1;\n}\n\n.message-success {\n background-color: #e0f0d9;\n border-color: #c2e2b4;\n}\n\n.message-hide {\n display: none;\n}\n\n.textile.exception, .textile.alert {\n box-sizing: border-box;\n width: 800px;\n position: relative;\n top: 100px;\n left: 40px;\n}\n\n.exception table, .exception iframe, .exception pre {\n width: 800px !important;\n}\n\n.aufrufanzeige {\n background: none;\n width: 100%;\n height: 758px;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.hiddencursor, button, input, select {\n cursor: url(\"invisible_Mauszeiger.e28f8c73.cur\"), crosshair !important;\n}\n\n#main-header .adressangabe {\n color: #fff;\n font-family: Arial, sans-serif;\n font-size: 2.2em;\n font-weight: bold;\n position: absolute;\n top: 14px;\n left: 38px;\n}\n\n#main-header .adressangabe .adressangabe_adresse {\n display: none;\n}\n\n.waitingColumn {\n position: absolute;\n top: 420px;\n left: 40px;\n}\n\n.aufrufanzeige .wartende_aktuell {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 2.4em;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartende_text {\n background: #fff;\n padding: 5px 0;\n}\n\n.aufrufanzeige .wartende_aktuell #wartende {\n background: #fff;\n margin-top: 3px;\n font-family: Arial, sans-serif;\n font-size: 52px;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartezeit_aktuell {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 2.4em;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartezeit_text {\n background: #e0e9f2;\n margin-top: 3px;\n padding: 5px 0;\n}\n\n.aufrufanzeige .wartezeit_aktuell #wartezeit {\n background: #e0e9f2;\n margin-top: 3px;\n font-family: Arial, sans-serif;\n font-size: 35px;\n font-weight: bold;\n}\n\n.aufrufanzeige .uhr {\n width: 275px;\n position: absolute;\n top: 114px;\n left: 60px;\n}\n\n.aufrufanzeige .uhr #clock_medium, .aufrufanzeige .uhr #clock_big {\n display: none;\n}\n\n.aufrufanzeige .aufrufanzeige_Datum {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 24px;\n font-weight: bold;\n position: absolute;\n top: 370px;\n left: 40px;\n}\n\n.aufrufanzeige .aufrufanzeige_text {\n text-align: center;\n width: 234px;\n padding: 18px 0 0 6px;\n font-family: Arial, sans-serif;\n font-size: 2em;\n font-weight: normal;\n line-height: 26px;\n position: absolute;\n top: 89px;\n left: 1087px;\n}\n\n.aufrufanzeige .infotext-content {\n margin-left: 30px;\n}\n\n.aufrufanzeige .infotext {\n background: #f2f6fa;\n width: 100%;\n padding: 10px 40px;\n font-size: 2em;\n font-weight: normal;\n line-height: 26px;\n position: absolute;\n top: 77px;\n}\n\n#infoicon {\n background: url(\"info-icon.ed72a8fe.svg\") 0 0 / cover no-repeat;\n width: 21px;\n height: 21px;\n font-size: 36px;\n position: absolute;\n}\n\ndiv.aufrufanzeige_anzeigebereich_einzeilig {\n float: none;\n width: 200px;\n margin: auto auto auto 80px;\n}\n\ndiv.aufrufanzeige_anzeigebereich_zweizeilig {\n float: left;\n margin-top: auto;\n}\n\n.aufrufanzeige .aufrufanzeige_main {\n position: absolute;\n top: 135px;\n left: 15%;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf {\n border-spacing: 0;\n table-layout: fixed;\n width: 570px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf th {\n color: #fff;\n text-align: center;\n background: #005a9f;\n border-top: 3px solid #c8d5e6;\n border-left: 3px solid #c8d5e6;\n border-right: 3px solid #c8d5e6;\n font-family: Arial, sans-serif;\n font-size: 36px;\n font-weight: bold;\n line-height: 45px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 50%;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td {\n color: #000;\n text-align: left;\n background: #ffffff80;\n border-top: 3px solid #c8d5e6;\n border-left: 3px solid #c8d5e6;\n border-right: 3px solid #c8d5e6;\n padding: 8px 0 8px 14px;\n font-family: Arial, sans-serif;\n font-weight: bold;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf .odd td {\n background: #f2f6fa;\n}\n\n.description_de {\n text-align: left;\n padding: 8px 8px 4px 16px;\n font-size: 18px;\n font-weight: bold;\n line-height: 18px;\n}\n\n.description_eng {\n text-align: left;\n padding: 4px 8px 8px 16px;\n font-size: 18px;\n font-weight: normal;\n line-height: 18px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight.called span {\n color: #3a5368;\n}\n\nspan.terminkundenanzeige {\n font-size: 30px;\n font-weight: normal;\n line-height: 35px;\n}\n\nspan.wartenummer {\n font-size: 50px;\n line-height: 72px;\n}\n\nspan.terminkundennummer {\n font-size: 60px;\n line-height: 60px;\n}\n\nspan.terminkundennummer.abholeranzeige {\n font-size: 50px;\n line-height: 60px;\n}\n\nspan.terminkundennummer.smallerFont8Chars {\n font-size: 45px;\n line-height: 45px;\n}\n\ndiv.aber_zweispaltig {\n margin-left: 0;\n}\n\n.aufrufanzeige table.zweispaltig {\n width: 500px;\n}\n\n.aufrufanzeige table.zweispaltig th.wartenummer {\n width: 45%;\n}\n\n.aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td {\n border-right: 4px solid #c8d5e6;\n}\n\n.zweispaltig span.terminkundennummer, .zweispaltig span.terminkundennummer.abholeranzeige, .zweispaltig span.terminkundennummer.smallerFont8Chars {\n font-size: 50px;\n line-height: 72px;\n}\n\n.puffer {\n padding-left: 10px;\n}\n\ndiv.columns-3 {\n width: 100% !important;\n margin-left: -300px !important;\n}\n\ndiv.columns-3 table {\n width: 100% !important;\n}\n\n@media screen and (width >= 1820px) {\n div.columns-3 {\n margin-left: -500px !important;\n }\n}\n\n@media screen and (width >= 900px) and (width <= 1180px) {\n div.columns-3 {\n width: 130% !important;\n }\n}\n\n.debug {\n color: #000;\n margin-left: 20px;\n font-size: 12px;\n line-height: 16px;\n position: absolute;\n top: 1100px;\n}\n\nbody.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_behoerde_80.92ef8db0.png\") 0 0 repeat-x !important;\n}\n\n@media screen and (width <= 900px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_hoch_behoerde_80.34071b8c.png\") 0 0 repeat-x !important;\n }\n}\n\n@media screen and (width >= 900px) and (width <= 1180px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_hoch_1920_behoerde_80.6d94fc72.png\") 0 0 repeat-x !important;\n }\n}\n\n@media screen and (width >= 1820px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_1920_behoerde_80.ea86ad30.png\") 0 0 repeat-x !important;\n }\n}\n\nbody.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf {\n table-layout: auto !important;\n}\n\n@media screen and (width <= 900px) {\n body {\n background: #c8d5e6 url(\"background_anzeige1_hoch.049e589c.png\") 0 0 repeat-x;\n }\n\n .aufrufanzeige .uhr {\n width: 275px;\n top: 154px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 275px;\n font-size: 20px;\n top: 410px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 155px;\n left: 222px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 4px solid #c8d5e6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 20px;\n line-height: 37px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 376px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height: 26px;\n top: 699px;\n left: 28px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 450px;\n left: 15px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 275px;\n font-size: 20px;\n }\n\n span.terminkundennummer {\n font-size: 60px;\n line-height: 60px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 45px;\n line-height: 45px;\n }\n\n span.abholeranzeige {\n font-size: 30px;\n line-height: 40px;\n }\n}\n\n@media screen and (width >= 900px) and (width <= 1180px) {\n body {\n background: #c8d5e6 url(\"background_anzeige1_hoch_1920.7be93f97.png\") 0 0 repeat-x;\n height: 1920px;\n }\n\n #main-header .adressangabe {\n font-size: 3em;\n top: 22px;\n left: 54px;\n }\n\n .aufrufanzeige .uhr {\n width: 350px;\n top: 223px;\n left: 40px;\n }\n\n .aufrufanzeige .uhr #clock {\n display: none;\n }\n\n .aufrufanzeige .uhr #clock_medium {\n display: block;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 350px;\n font-size: 28px;\n top: 575px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 216px;\n left: 344px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 6px solid #c8d5e6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n line-height: 54px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.einspaltig {\n width: 530px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 350px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n width: 350px;\n line-height: 26px;\n top: 985px;\n left: 28px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 625px;\n left: 15px;\n }\n\n .aufrufanzeige_text img {\n height: 260px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 350px;\n font-size: 26px;\n }\n\n span.terminkundennummer.abholeranzeige.abholeranzeige {\n font-size: 40px;\n line-height: 40px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 50px;\n line-height: 50px;\n }\n}\n\n@media screen and (width >= 1820px) {\n body {\n background: #c8d5e6 url(\"background_anzeige1_1920.461afab7.png\") 0 0 repeat-x;\n width: 1920px;\n height: 1080px;\n overflow: hidden;\n }\n\n #main-header .adressangabe {\n font-size: 3em;\n top: 22px;\n left: 54px;\n }\n\n .aufrufanzeige .uhr {\n width: 400px;\n top: 160px;\n left: 47px;\n }\n\n .aufrufanzeige .uhr #clock {\n display: none;\n }\n\n .aufrufanzeige .uhr #clock_big {\n display: block !important;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 400px;\n font-size: 32px;\n top: 580px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 162px;\n left: 554px;\n }\n\n span.terminkundennummer, span.wartenummer {\n font-size: 80px;\n line-height: 80px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 65px;\n line-height: 65px;\n }\n\n span.abholeranzeige {\n font-size: 70px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 745px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n width: 361px;\n line-height: 26px;\n top: 104px;\n left: 1535px;\n }\n\n .aufrufanzeige_text img {\n height: 244px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 630px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 400px;\n font-size: 32px;\n }\n\n div.aber_zweispaltig {\n margin-left: -25px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 440px;\n }\n\n .aufrufanzeige table.zweispaltig th.wartenummer {\n width: 60%;\n }\n\n .aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td {\n border-right: 6px solid #c8d5e6;\n }\n\n .zweispaltig span.terminkundennummer {\n font-size: 40px;\n }\n\n .puffer {\n padding-left: 40px;\n }\n}\n\n.footer {\n width: 800px;\n position: absolute;\n top: 630px;\n left: 0;\n}\n\n#animate-container {\n color: #fff;\n white-space: nowrap;\n background-color: #005a9f;\n width: 200%;\n padding: 10px 0;\n font-size: 70px;\n font-weight: 700;\n animation-name: text-indent-animate;\n animation-duration: 60s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-direction: reverse;\n overflow: hidden;\n}\n\n#animate-container:hover {\n animation-play-state: paused;\n}\n\n@keyframes text-indent-animate {\n 0% {\n text-indent: -200%;\n }\n\n 100% {\n text-indent: 100%;\n }\n}\n\n/*# sourceMappingURL=calldisplay.css.map */\n","@import \"settings\";\n\n/**\n * Import our css\n */\n\n// Main site grid and global layout rules\n\n@import \"layout/main\";\n\n// Element rules\n@import \"element/ring\";\n// Block rules\n@import \"block/alerts\";\n@import \"block/message\";\n@import \"block/exception\";\n@import \"block/aufrufanzeige\";\n@import \"block/tabellen\";\n@import \"block/debug\";\n@import \"layout/media\";\n@import \"block/footer\";\n","/**\n * OUR SETTINGS\n */\n\n// Colors\n$white: #ffffff;\n$black: #000000;\n$red: #DE1027;\n$blue: #005A9F;\n\n$backgroundLight: #E0E9F2;\n$borderLight: #C8D5E6;\n\n$baseTextColor: #3A5368;\n\n// Dimensions\n$pageMaxWidth: 1920px;\n$pageMaxHeight:\t\t\t\t\t1080px;\n$contentMaxWidth: 800px;\n\n// Fonts\n$base-font-family:\t\t\t\tArial, sans-serif;\n$base-font-size:\t\t\t\t10px;\n\n$alert-font-size:\t\t\t\t12px;\n$alert-line-height:\t\t\t\t16px;\n","// Base site layout and grid\n\n#main {\n margin: 0;\n max-width: $pageMaxWidth;\n padding: 0;\n background-color: $white;\n}\n\nhtml {\n font-family: $base-font-family;\n font-size:\t\t\t$base-font-size;\n font-weight:\t\tbold;\n display:\t\t\tblock;\n color:\t\t\t\t$baseTextColor;\n margin:\t\t\t\t0;\n padding:\t\t\t0;\n}\n\nbody {\n\twidth: \t\t\t\t$pageMaxWidth;\n height: \t\t\t$pageMaxHeight;\n overflow: \t\t hidden;\n margin:\t\t\t\t0;\n padding:\t\t\t0;\n background: \t\turl(img/background_anzeige1.png) top left repeat-x $white;\n}\n","#ring {\n\tdisplay:none;\n}",".alert {\n\tfont-size: \t\t\t$alert-font-size;\n\tline-height: \t\t$alert-line-height;\n}\n\n.alert.alert-info {\n\tbackground-color: \t$backgroundLight;\n border-radius: \t\t4px;\n color: \t\t\t\t$black;\n padding: \t\t\t.7em 1em;\n margin-bottom: \t\t1.385em;\n text-shadow: \t\t0 1px 0 rgba(255,255,255,0.5);\n border: \t\t\t1px solid #c0e1f2;\n}\n\n.devhint {\n\tposition:absolute;\n\tright:10px;\n\ttop:10px;\n\twidth:300px;\n}\n\n.textile {\n\twidth:\t\t\t\t$contentMaxWidth;\n\tfont-size:\t\t\t14px;\n\tline-height:\t\t18px;\n}","$messageBackgroundColor: #F4F4F4 !default;\n$messageInfoBackgroundColor: #fffbd5 !default;\n$messageErrorBackgroundColor: #FFE4E4 !default;\n$messageSuccessBackgroundColor: #E0F0D9 !default;\n$messagePadding: 0.75em 1em 1em 1em;\n\n\n.message {\n font-size: 2.5em;\n margin-left: 80px;\n width: 702px;\n border: 1px solid darken($messageBackgroundColor,10%);\n background-color: $messageBackgroundColor;\n padding: 1em 10px 1em 10px;\n margin: 1em 0 1em 80px;\n text-align: center;\n display: block;\n .title {\n margin-top: 0;\n margin-bottom: 0.25em;\n }\n > *:first-child {\n margin-top: 0;\n }\n > *:last-child {\n margin-bottom: 0;\n }\n}\n\n.message-info {\n @extend .message;\n //border-color: darken($messageInfoBackgroundColor,40%);\n background-color: $messageInfoBackgroundColor;\n}\n\n.message-error {\n @extend .message;\n border-color: darken($messageErrorBackgroundColor,10%);\n background-color: $messageErrorBackgroundColor;\n}\n\n.message-success {\n @extend .message;\n border-color: darken($messageSuccessBackgroundColor,10%);\n background-color: $messageSuccessBackgroundColor\n}\n\n.message-hide {\n display: none;\n}\n",".textile.exception, .textile.alert {\n\tposition:relative;\n\tleft:40px;\n\ttop:100px;\n\twidth:800px;\n\tbox-sizing:border-box;\n}\n\n.exception table, .exception iframe, .exception pre {\n\twidth:800px !important;\n}",".aufrufanzeige\n{\n background:transparent;\n height:758px;\n left:0;\n position:absolute;\n top:0;\n width:100%;\n}\n\n.hiddencursor, button, input, select {\n cursor: url(img/invisible_Mauszeiger.cur),crosshair !important;\n}\n\n/* ----------------------------------------------\n Adresse\n---------------------------------------------- */\n#main-header .adressangabe\n{\n color: $white;\n font-size:2.2em;\n font-family: $base-font-family;\n font-weight:bold;\n left:38px;\n position: absolute;\n top:14px;\n}\n#main-header .adressangabe .adressangabe_adresse\n{\n display:none;\n}\n\n/* ----------------------------------------------\n Wartende & Wartezeit\n---------------------------------------------- */\n\n.waitingColumn {\n position: absolute;\n left: 40px; \n top: 420px; \n}\n.aufrufanzeige .wartende_aktuell\n{\n font-size:2.4em;\n font-family: Arial, sans-serif;\n font-weight:bold;\n text-align:center;\n width:275px;\n}\n.aufrufanzeige .wartende_text {\n\tbackground:$white;\n\tpadding:5px 0px;\n}\n.aufrufanzeige .wartende_aktuell #wartende\n{\n font-size:52px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n margin-top:3px;\n background:$white;\n}\n\n.aufrufanzeige .wartezeit_aktuell\n{\n font-size:2.4em;\n font-family: Arial, sans-serif;\n font-weight:bold;\n text-align:center;\n width:275px;\n}\n.aufrufanzeige .wartezeit_text {\n margin-top:3px;\n\tbackground:$backgroundLight;\n\tpadding:5px 0px;\n}\n.aufrufanzeige .wartezeit_aktuell #wartezeit\n{\n font-size:35px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n margin-top:3px;\n background:$backgroundLight;\n}\n\n/* ----------------------------------------------\n Uhr und Datum\n---------------------------------------------- */\n.aufrufanzeige .uhr\n{\n position: absolute;\n left:60px;\n top:114px;\n width:275px;\n }\n.aufrufanzeige .uhr #clock_medium,\n.aufrufanzeige .uhr #clock_big {\n display:none;\n}\n\n.aufrufanzeige .aufrufanzeige_Datum\n{\n font-size:24px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n position:absolute;\n text-align:center;\n font-size:24px;\n left:40px;\n top:370px;\n width:275px;\n}\n\n\n/* ----------------------------------------------\n Text & Logo\n---------------------------------------------- */\n.aufrufanzeige .aufrufanzeige_text\n{\n font-size:2em;\n font-family: Arial, sans-serif;\n font-weight:normal;\n line-height:26px;\n padding: 18px 0 0 6px;\n position: absolute;\n text-align:center;\n left: 1087px;\n top:89px;\n width: 234px;\n}\n\n.aufrufanzeige .infotext-content {\n margin-left: 30px;\n}\n\n.aufrufanzeige .infotext\n{\n top: 77px;\n position: absolute;\n padding: 10px 40px;\n font-size:2em;\n font-weight:normal;\n line-height:26px;\n width: 100%;\n background: #F2F6FA;\n}\n\n#infoicon {\n background: url(img/info-icon.svg) top left no-repeat;\n width: 21px;\n height: 21px;\n font-size: 36px;\n position: absolute;\n background-size: cover;\n}","/* ----------------------------------------------\n Aufruf-Tabelle\n---------------------------------------------- */\n\ndiv.aufrufanzeige_anzeigebereich_einzeilig\n{\n\tfloat:none;\n\tmargin: auto;\n margin-left:80px;\n width: 200px;\n}\ndiv.aufrufanzeige_anzeigebereich_zweizeilig\n{\n\tfloat:left;\n\tmargin-top: auto;\n/* margin-right:3%;*/\n}\n\n\n.aufrufanzeige .aufrufanzeige_main\n{\n left: 15%;\n position: absolute;\n top: 135px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf\n{\n border-spacing:0;\n table-layout:fixed;\n width:570px;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf th\n{\n background: $blue;\n border-right: 3px solid $borderLight;\n border-left: 3px solid $borderLight;\n border-top: 3px solid $borderLight;\n color: $white;\n font-size: 36px;\n font-family: Arial, sans-serif;\n font-weight: bold;\n line-height: 45px;\n text-align:center;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:50%;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf td\n{\n background: rgba(255,255,255,0.5);\n color: $black;\n border-right: 3px solid $borderLight;\n border-left: 3px solid $borderLight;\n border-top: 3px solid $borderLight;\n /*font-size: 70px;\n line-height: 108px;*/\n font-family: Arial, sans-serif;\n font-weight: bold;\n text-align: left;\n padding:8px 0px;\n padding-left: 14px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf .odd td {\n background: #F2F6FA;\n}\n\n.description_de {\n font-size: 18px;\n font-weight: bold;\n text-align: left;\n line-height: 18px;\n padding: 8px 8px 4px 16px;\n}\n\n.description_eng {\n font-size: 18px;\n font-weight: normal;\n text-align: left;\n line-height: 18px;\n padding: 4px 8px 8px 16px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight {\n &.called span {\n color: $baseTextColor;\n }\n}\n\nspan.terminkundenanzeige\n{\n\tfont-weight: normal;\n\tfont-size: 30px;\n line-height: 35px;\n}\nspan.wartenummer\n{\n font-size: 50px;\n line-height: 72px;\n}\nspan.terminkundennummer\n{\n\tfont-size: 60px;\n line-height: 60px;\n}\nspan.terminkundennummer.abholeranzeige\n{\n\tfont-size: 50px;\n line-height: 60px;\n}\nspan.terminkundennummer.smallerFont8Chars {\n\tfont-size: 45px;\n\tline-height:45px;\n}\n\n/* ----------------------------------------------\n Aufruf-Tabelle, zweispaltig\n---------------------------------------------- */\n\ndiv.aber_zweispaltig {\n margin-left:0px;\n}\n.aufrufanzeige table.zweispaltig {\n width:500px;\n}\n.aufrufanzeige table.zweispaltig th.wartenummer {\n width:45%;\n}\n.aufrufanzeige table.zweispaltig th,\n.aufrufanzeige table.zweispaltig td {\n border-right:4px solid $borderLight;\n}\n.zweispaltig span.terminkundennummer {\n font-size: 50px;\n line-height: 72px;\n}\n.zweispaltig span.terminkundennummer.abholeranzeige\n{\n font-size: 50px;\n line-height: 72px;\n}\n.zweispaltig span.terminkundennummer.smallerFont8Chars {\n font-size: 50px;\n line-height: 72px;\n}\n.puffer {padding-left:10px;}\n\n/* ----------------------------------------------\n Bei mehr als 2 Spalten\n---------------------------------------------- */\n\ndiv.columns-3 {\n\tmargin-left:-300px !important;\n\twidth:100% !important;\n}\n\ndiv.columns-3 table {\n\twidth:100% !important;\n}\n\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n\tdiv.columns-3 {\n\t\tmargin-left:-500px !important;\n\t}\n}\n\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n\tdiv.columns-3 {\n\t\twidth:130% !important;\n\t}\n}\n",".debug {\n\tfont-size: \t\t\t$alert-font-size;\n\tline-height: \t\t$alert-line-height;\n\tcolor:\t\t\t\t$black;\n\tmargin-left:\t\t20px;\n\tposition:\t\t\tabsolute;\n\ttop:\t\t\t\t1100px;\n}","/* ----------------------------------------------\n Infospalte verstecken\n---------------------------------------------- */\nbody.noInfoColumn{\n background: url(img/background_anzeige1_behoerde_80.png) top left repeat-x #C8D5E6 !important;\n}\n@media screen and (max-width:900px) { /* 768 * 1366 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_hoch_behoerde_80.png) top left repeat-x #C8D5E6 !important;\n }\n}\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_hoch_1920_behoerde_80.png) top left repeat-x #C8D5E6 !important;\n }\n}\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_1920_behoerde_80.png) top left repeat-x #C8D5E6 !important;\n }\n}\nbody.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf {\n table-layout: auto !important;\n}\n\n/* ----------------------------------------------\n Spezial-Groessen\n---------------------------------------------- */\n@media screen and (max-width:900px) { /* 768 * 1366 */\n body{\n background: url(img/background_anzeige1_hoch.png) top left repeat-x #C8D5E6;\n }\n .aufrufanzeige .uhr {\n left:21px;\n top:154px;\n width:275px;\n }\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size:20px;\n left:21px;\n top:410px;\n width:275px;\n }\n .aufrufanzeige .aufrufanzeige_main {\n left:222px;\n top:155px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf td,\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 4px solid #C8D5E6;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 20px;\n line-height: 37px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:61.5%;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width:376px;\n }\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 28px;\n top:699px;\n }\n .aufrufanzeige .waitingColumn {\n top:450px;\n left:15px;\n }\n .aufrufanzeige .wartende_aktuell {\n font-size:20px;\n width:275px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:20px;\n width:275px;\n }\n\n\tspan.terminkundennummer\n\t{\n\t\tfont-size: 60px;\n\t\tline-height:60px;\n\t}\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 45px;\n line-height:45px;\n }\n\n\tspan.abholeranzeige\n\t{\n\t\tfont-size: 30px;\n\t line-height: 40px;\n\t}\n}\n\n\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n body{\n background: url(img/background_anzeige1_hoch_1920.png) top left repeat-x #C8D5E6;\n height:1920px;\n }\n #main-header .adressangabe {\n font-size:3em;\n left:54px;\n top:22px;\n }\n .aufrufanzeige .uhr {\n left:40px;\n top:223px;\n width:350px;\n }\n .aufrufanzeige .uhr #clock {\n display:none;\n }\n .aufrufanzeige .uhr #clock_medium {\n display:block;\n }\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size:28px;\n left:21px;\n top:575px;\n width:350px;\n }\n .aufrufanzeige .aufrufanzeige_main {\n left:344px;\n top:216px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf td,\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 6px solid #C8D5E6;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n line-height: 54px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:61.5%;\n }\n .aufrufanzeige table.einspaltig {\n width:530px;\n }\n .aufrufanzeige table.zweispaltig {\n width:350px;\n }\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 28px;\n top:985px;\n width:350px;\n }\n .aufrufanzeige .waitingColumn {\n top:625px;\n left:15px;\n }\n .aufrufanzeige_text img {height:260px;}\n .aufrufanzeige .wartende_aktuell {\n font-size:26px;\n width:350px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:26px;\n width:350px;\n }\n span.terminkundennummer.abholeranzeige.abholeranzeige\n\t{\n\t\tfont-size: 40px;\n\t line-height: 40px;\n\t}\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 50px;\n line-height:50px;\n }\n}\n\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n body{\n background: url(img/background_anzeige1_1920.png) top left repeat-x #C8D5E6;\n width:1920px;\n height:1080px;\n overflow: hidden;\n }\n #main-header .adressangabe {\n font-size:3em;\n left:54px;\n top:22px;\n }\n .aufrufanzeige .uhr {\n left:47px;\n top:160px;\n width:400px;\n }\n .aufrufanzeige .uhr #clock {\n display:none;\n }\n .aufrufanzeige .uhr #clock_big {\n display:block !important;\n }\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size:32px;\n top:580px;\n width:400px;\n }\n .aufrufanzeige .aufrufanzeige_main {\n left:554px;\n top:162px;\n }\n span.terminkundennummer, span.wartenummer {\n font-size:80px;\n line-height:80px;\n }\n span.terminkundennummer.smallerFont8Chars {\n font-size: 65px;\n line-height:65px;\n }\n span.abholeranzeige\n\t{\n\t\tfont-size: 70px;\n\t}\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width:745px;\n }\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 1535px;\n top:104px;\n width:361px;\n }\n .aufrufanzeige_text img {height:244px;}\n\n .aufrufanzeige .waitingColumn {\n top:630px;\n }\n .aufrufanzeige .wartende_aktuell {\n font-size:32px;\n width:400px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:32px;\n width:400px;\n }\n\n div.aber_zweispaltig {\n margin-left:-25px;\n }\n .aufrufanzeige table.zweispaltig {\n width:440px;\n }\n .aufrufanzeige table.zweispaltig th.wartenummer {\n width:60%;\n }\n .aufrufanzeige table.zweispaltig th,\n .aufrufanzeige table.zweispaltig td {\n border-right:6px solid #C8D5E6;\n }\n .zweispaltig span.terminkundennummer {\n font-size:40px;\n }\n .puffer {padding-left:40px;}\n}\n",".footer {\n\tposition:absolute;\n\tleft:0px;\n\ttop:630px;\n\twidth:800px;\n}\n\n#animate-container {\n background-color: $blue;\n color: #ffffff;\n font-size: 70px;\n font-weight: 700;\n white-space: nowrap;\n overflow: hidden;\n padding: 10px 0;\n width: 200%;\n\n animation-name: text-indent-animate;\n animation-duration: 60s;\n animation-timing-function: linear;\n animation-direction: reverse;\n animation-iteration-count: infinite;\n}\n\n#animate-container:hover {\n animation-play-state: paused;\n}\n\n@keyframes text-indent-animate {\n 0% {\n text-indent: -200%;\n }\n\n 100% {\n text-indent: 100%;\n }\n}\n"],"names":[],"version":3,"file":"calldisplay.css.map"} \ No newline at end of file diff --git a/zmscalldisplay/public/_css/info-icon.ed72a8fe.svg b/zmscalldisplay/public/_css/info-icon.ed72a8fe.svg new file mode 100644 index 000000000..ff6cf5e8d --- /dev/null +++ b/zmscalldisplay/public/_css/info-icon.ed72a8fe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/zmscalldisplay/scss/block/aufrufanzeige.scss b/zmscalldisplay/scss/block/aufrufanzeige.scss index 3dd7bc5e4..c93cb9258 100644 --- a/zmscalldisplay/scss/block/aufrufanzeige.scss +++ b/zmscalldisplay/scss/block/aufrufanzeige.scss @@ -1,23 +1,3 @@ -/* ---------------------------------------------- - qr code ----------------------------------------------- */ -.qrCode--Headline { - text-align: center; - background: #fff; - font-family: Arial,sans-serif; - font-size: 32px; - font-weight: 700; - line-height: 45px; - margin-bottom: 3px; - margin-top: 0px; -} -.qrContainer { - background: #fff; -} - -/* ---------------------------------------------- - aufrufanzeige ----------------------------------------------- */ .aufrufanzeige { background:transparent; @@ -56,8 +36,8 @@ .waitingColumn { position: absolute; - left: 50px; - top: 450px; + left: 40px; + top: 420px; } .aufrufanzeige .wartende_aktuell { @@ -108,11 +88,14 @@ .aufrufanzeige .uhr { position: absolute; - left:55px; - top:105px; + left:60px; + top:114px; width:275px; - height:275px; } +.aufrufanzeige .uhr #clock_medium, +.aufrufanzeige .uhr #clock_big { + display:none; +} .aufrufanzeige .aufrufanzeige_Datum { @@ -122,14 +105,14 @@ position:absolute; text-align:center; font-size:24px; - left:50px; - top:390px; + left:40px; + top:370px; width:275px; } /* ---------------------------------------------- - Text & Logo|QrCode + Text & Logo ---------------------------------------------- */ .aufrufanzeige .aufrufanzeige_text { @@ -142,11 +125,30 @@ text-align:center; left: 1087px; top:89px; - width: 265px; + width: 234px; } -.aufrufanzeige_text .qrContainer +.aufrufanzeige .infotext-content { + margin-left: 30px; +} + +.aufrufanzeige .infotext { + top: 77px; + position: absolute; + padding: 10px 40px; + font-size:2em; + font-weight:normal; + line-height:26px; width: 100%; - text-align: center; + background: #F2F6FA; +} + +#infoicon { + background: url(img/info-icon.svg) top left no-repeat; + width: 21px; + height: 21px; + font-size: 36px; + position: absolute; + background-size: cover; } \ No newline at end of file diff --git a/zmscalldisplay/scss/block/footer.scss b/zmscalldisplay/scss/block/footer.scss new file mode 100644 index 000000000..cdb438c90 --- /dev/null +++ b/zmscalldisplay/scss/block/footer.scss @@ -0,0 +1,37 @@ +.footer { + position:absolute; + left:0px; + top:630px; + width:800px; +} + +#animate-container { + background-color: $blue; + color: #ffffff; + font-size: 70px; + font-weight: 700; + white-space: nowrap; + overflow: hidden; + padding: 10px 0; + width: 200%; + + animation-name: text-indent-animate; + animation-duration: 60s; + animation-timing-function: linear; + animation-direction: reverse; + animation-iteration-count: infinite; +} + +#animate-container:hover { + animation-play-state: paused; +} + +@keyframes text-indent-animate { + 0% { + text-indent: -200%; + } + + 100% { + text-indent: 100%; + } +} diff --git a/zmscalldisplay/scss/block/tabellen.scss b/zmscalldisplay/scss/block/tabellen.scss index 40febab3b..f70d21930 100644 --- a/zmscalldisplay/scss/block/tabellen.scss +++ b/zmscalldisplay/scss/block/tabellen.scss @@ -5,6 +5,8 @@ div.aufrufanzeige_anzeigebereich_einzeilig { float:none; + margin: auto; + margin-left:80px; width: 200px; } div.aufrufanzeige_anzeigebereich_zweizeilig @@ -17,25 +19,24 @@ div.aufrufanzeige_anzeigebereich_zweizeilig .aufrufanzeige .aufrufanzeige_main { - left: 370px; + left: 15%; position: absolute; - top: 105px; - width: 980px; - height: 880px; - overflow-y: auto; + top: 135px; } .aufrufanzeige table.aufrufanzeige_aufruf { border-spacing:0; table-layout:fixed; - width:700px; + width:570px; } .aufrufanzeige table.aufrufanzeige_aufruf th { - background: $white; - border-right: 20px solid $borderLight; + background: $blue; + border-right: 3px solid $borderLight; + border-left: 3px solid $borderLight; border-top: 3px solid $borderLight; + color: $white; font-size: 36px; font-family: Arial, sans-serif; font-weight: bold; @@ -47,21 +48,43 @@ div.aufrufanzeige_anzeigebereich_zweizeilig } .aufrufanzeige table.aufrufanzeige_aufruf td { - background: $backgroundLight; + background: rgba(255,255,255,0.5); color: $black; - border-right: 20px solid $borderLight; + border-right: 3px solid $borderLight; + border-left: 3px solid $borderLight; border-top: 3px solid $borderLight; /*font-size: 70px; line-height: 108px;*/ font-family: Arial, sans-serif; font-weight: bold; - text-align:center; + text-align: left; padding:8px 0px; + padding-left: 14px; +} + +.aufrufanzeige table.aufrufanzeige_aufruf .odd td { + background: #F2F6FA; +} + +.description_de { + font-size: 18px; + font-weight: bold; + text-align: left; + line-height: 18px; + padding: 8px 8px 4px 16px; +} + +.description_eng { + font-size: 18px; + font-weight: normal; + text-align: left; + line-height: 18px; + padding: 4px 8px 8px 16px; } .aufrufanzeige table.aufrufanzeige_aufruf td div.highlight { &.called span { - color: $red; + color: $baseTextColor; } } @@ -73,8 +96,8 @@ span.terminkundenanzeige } span.wartenummer { - font-size: 60px; - line-height: 60px; + font-size: 50px; + line-height: 72px; } span.terminkundennummer { @@ -90,21 +113,6 @@ span.terminkundennummer.smallerFont8Chars { font-size: 45px; line-height:45px; } -span.longrange { - font-size:70px; -} -.zweispaltig span.longrange { - font-size:30px; -} -span.standalone { - font-size:60px; -} - -.zweispaltig span.terminkundennummer, -.zweispaltig span.wartenummer, .zweispaltig span.standalone { - font-size: 50px; - line-height: 50px; -} /* ---------------------------------------------- Aufruf-Tabelle, zweispaltig @@ -114,34 +122,30 @@ div.aber_zweispaltig { margin-left:0px; } .aufrufanzeige table.zweispaltig { - width:340px; + width:500px; } .aufrufanzeige table.zweispaltig th.wartenummer { - width:60%; + width:45%; } .aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td { border-right:4px solid $borderLight; } .zweispaltig span.terminkundennummer { - font-size:50px; - line-height: 50px; + font-size: 50px; + line-height: 72px; } .zweispaltig span.terminkundennummer.abholeranzeige { - font-size: 30px; - line-height: 30px; + font-size: 50px; + line-height: 72px; } .zweispaltig span.terminkundennummer.smallerFont8Chars { - font-size: 40px; - line-height: 40px; + font-size: 50px; + line-height: 72px; } .puffer {padding-left:10px;} -table.zweispaltig td.platznummer span.destination { - font-size:30px; -} - /* ---------------------------------------------- Bei mehr als 2 Spalten ---------------------------------------------- */ diff --git a/zmscalldisplay/scss/calldisplay.scss b/zmscalldisplay/scss/calldisplay.scss index 53ed26ea6..41150079e 100644 --- a/zmscalldisplay/scss/calldisplay.scss +++ b/zmscalldisplay/scss/calldisplay.scss @@ -17,5 +17,5 @@ @import "block/aufrufanzeige"; @import "block/tabellen"; @import "block/debug"; -@import "block/clock"; @import "layout/media"; +@import "block/footer"; diff --git a/zmscalldisplay/scss/img/background_anzeige1.png b/zmscalldisplay/scss/img/background_anzeige1.png index 82cc71011..0168cd6b1 100644 Binary files a/zmscalldisplay/scss/img/background_anzeige1.png and b/zmscalldisplay/scss/img/background_anzeige1.png differ diff --git a/zmscalldisplay/scss/img/background_anzeige1_1920.png b/zmscalldisplay/scss/img/background_anzeige1_1920.png index a5a1b9863..fc114dec4 100644 Binary files a/zmscalldisplay/scss/img/background_anzeige1_1920.png and b/zmscalldisplay/scss/img/background_anzeige1_1920.png differ diff --git a/zmscalldisplay/scss/img/background_anzeige1_1920_behoerde_80.png b/zmscalldisplay/scss/img/background_anzeige1_1920_behoerde_80.png index d4cc109e8..ecb7fe57f 100644 Binary files a/zmscalldisplay/scss/img/background_anzeige1_1920_behoerde_80.png and b/zmscalldisplay/scss/img/background_anzeige1_1920_behoerde_80.png differ diff --git a/zmscalldisplay/scss/img/background_anzeige1_behoerde_80.png b/zmscalldisplay/scss/img/background_anzeige1_behoerde_80.png index a81f9daff..62903218d 100644 Binary files a/zmscalldisplay/scss/img/background_anzeige1_behoerde_80.png and b/zmscalldisplay/scss/img/background_anzeige1_behoerde_80.png differ diff --git a/zmscalldisplay/scss/img/background_anzeige1_hoch.png b/zmscalldisplay/scss/img/background_anzeige1_hoch.png index 4c5cc3478..e2f739bb0 100644 Binary files a/zmscalldisplay/scss/img/background_anzeige1_hoch.png and b/zmscalldisplay/scss/img/background_anzeige1_hoch.png differ diff --git a/zmscalldisplay/scss/img/background_anzeige1_hoch_1920.png b/zmscalldisplay/scss/img/background_anzeige1_hoch_1920.png index c73fbba7f..9fa1e8c51 100644 Binary files a/zmscalldisplay/scss/img/background_anzeige1_hoch_1920.png and b/zmscalldisplay/scss/img/background_anzeige1_hoch_1920.png differ diff --git a/zmscalldisplay/scss/img/background_anzeige1_hoch_1920_behoerde_80.png b/zmscalldisplay/scss/img/background_anzeige1_hoch_1920_behoerde_80.png index 5b07c1cdb..afc25f285 100644 Binary files a/zmscalldisplay/scss/img/background_anzeige1_hoch_1920_behoerde_80.png and b/zmscalldisplay/scss/img/background_anzeige1_hoch_1920_behoerde_80.png differ diff --git a/zmscalldisplay/scss/img/background_anzeige1_hoch_behoerde_80.png b/zmscalldisplay/scss/img/background_anzeige1_hoch_behoerde_80.png index 2295a4dc1..86a65622b 100644 Binary files a/zmscalldisplay/scss/img/background_anzeige1_hoch_behoerde_80.png and b/zmscalldisplay/scss/img/background_anzeige1_hoch_behoerde_80.png differ diff --git a/zmscalldisplay/scss/img/info-icon.svg b/zmscalldisplay/scss/img/info-icon.svg new file mode 100644 index 000000000..1ba93df88 --- /dev/null +++ b/zmscalldisplay/scss/img/info-icon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/zmscalldisplay/scss/img/mue_logo.png b/zmscalldisplay/scss/img/mue_logo.png new file mode 100644 index 000000000..802178948 Binary files /dev/null and b/zmscalldisplay/scss/img/mue_logo.png differ diff --git a/zmscalldisplay/scss/layout/main.scss b/zmscalldisplay/scss/layout/main.scss index 8e430a7f3..b6b60f4db 100644 --- a/zmscalldisplay/scss/layout/main.scss +++ b/zmscalldisplay/scss/layout/main.scss @@ -23,5 +23,5 @@ body { overflow: hidden; margin: 0; padding: 0; - background: url(img/background_anzeige1.png) top left no-repeat #C8D5E6; + background: url(img/background_anzeige1.png) top left repeat-x $white; } diff --git a/zmscalldisplay/scss/layout/media.scss b/zmscalldisplay/scss/layout/media.scss index 2e791bdaa..2c6018882 100644 --- a/zmscalldisplay/scss/layout/media.scss +++ b/zmscalldisplay/scss/layout/media.scss @@ -2,24 +2,23 @@ Infospalte verstecken ---------------------------------------------- */ body.noInfoColumn{ - background: url(img/background_anzeige1_behoerde_80.png) top left no-repeat #C8D5E6 !important; + background: url(img/background_anzeige1_behoerde_80.png) top left repeat-x #C8D5E6 !important; } @media screen and (max-width:900px) { /* 768 * 1366 */ body.noInfoColumn{ - background: url(img/background_anzeige1_hoch_behoerde_80.png) top left no-repeat #C8D5E6 !important; + background: url(img/background_anzeige1_hoch_behoerde_80.png) top left repeat-x #C8D5E6 !important; } } @media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */ body.noInfoColumn{ - background: url(img/background_anzeige1_hoch_1920_behoerde_80.png) top left no-repeat #C8D5E6 !important; + background: url(img/background_anzeige1_hoch_1920_behoerde_80.png) top left repeat-x #C8D5E6 !important; } } @media screen and (min-width:1820px) { /* 1920 * 1080 */ body.noInfoColumn{ - background: url(img/background_anzeige1_1920_behoerde_80.png) top left no-repeat #C8D5E6 !important; + background: url(img/background_anzeige1_1920_behoerde_80.png) top left repeat-x #C8D5E6 !important; } } - body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { table-layout: auto !important; } @@ -29,57 +28,46 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { ---------------------------------------------- */ @media screen and (max-width:900px) { /* 768 * 1366 */ body{ - background: url(img/background_anzeige1_hoch.png) top left no-repeat #C8D5E6; + background: url(img/background_anzeige1_hoch.png) top left repeat-x #C8D5E6; } - .aufrufanzeige .uhr { - left: 21px; - top: 110px; - width: 275px; - height: 275px; + left:21px; + top:154px; + width:275px; } - .aufrufanzeige .aufrufanzeige_Datum { - font-size: 20px; - left: 21px; - top: 410px; - width: 275px; + font-size:20px; + left:21px; + top:410px; + width:275px; } - .aufrufanzeige .aufrufanzeige_main { - left: 330px; - top: 110px; + left:222px; + top:155px; } - .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th { border-right: 4px solid #C8D5E6; } - .aufrufanzeige table.aufrufanzeige_aufruf th { font-size: 20px; line-height: 37px; } - .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer { - width: 61.5%; + width:61.5%; } - .aufrufanzeige table.aufrufanzeige_aufruf { width:376px; } - .aufrufanzeige .aufrufanzeige_text { line-height:26px; left: 28px; top:699px; } - .aufrufanzeige .waitingColumn { top:450px; left:15px; } - .aufrufanzeige .wartende_aktuell { font-size:20px; width:275px; @@ -90,102 +78,84 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { width:275px; } - span.terminkundennummer { - font-size: 50px; - line-height: 45px; - } - - span.terminkundennummer.smallerFont8Chars { - font-size: 30px; - line-height: 30px; - } + span.terminkundennummer + { + font-size: 60px; + line-height:60px; + } - span.abholeranzeige { - font-size: 30px; - line-height: 30px; - } + span.terminkundennummer.smallerFont8Chars { + font-size: 45px; + line-height:45px; + } - span.terminkundenanzeige { - font-size: 25px; - line-height: 25px; - } + span.abholeranzeige + { + font-size: 30px; + line-height: 40px; + } } @media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */ body{ - background: url(img/background_anzeige1_hoch_1920.png) top left no-repeat #C8D5E6; + background: url(img/background_anzeige1_hoch_1920.png) top left repeat-x #C8D5E6; height:1920px; } - #main-header .adressangabe { font-size:3em; left:54px; top:22px; } - .aufrufanzeige .uhr { - left: 40px; - top: 160px; - width: 350px; - height: 350px; + left:40px; + top:223px; + width:350px; + } + .aufrufanzeige .uhr #clock { + display:none; + } + .aufrufanzeige .uhr #clock_medium { + display:block; } - .aufrufanzeige .aufrufanzeige_Datum { - font-size: 28px; - left: 35px; - top: 520px; - width: 350px; + font-size:28px; + left:21px; + top:575px; + width:350px; } - .aufrufanzeige .aufrufanzeige_main { - left:420px; - top:160px; + left:344px; + top:216px; } - .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th { border-right: 6px solid #C8D5E6; } - .aufrufanzeige table.aufrufanzeige_aufruf th { font-size: 32px; line-height: 54px; } - .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer { width:61.5%; } - .aufrufanzeige table.einspaltig { - width: 580px; + width:530px; } - .aufrufanzeige table.zweispaltig { - width:280px; + width:350px; } - .aufrufanzeige .aufrufanzeige_text { line-height:26px; left: 28px; top:985px; width:350px; } - .aufrufanzeige .waitingColumn { - top:580px; - left:35px; - } - - .aufrufanzeige_text img { - height: 260px; - } - - .aufrufanzeige_text .qrContainer { - width: 100%; - text-align: right; + top:625px; + left:15px; } - + .aufrufanzeige_text img {height:260px;} .aufrufanzeige .wartende_aktuell { font-size:26px; width:350px; @@ -201,90 +171,62 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { line-height: 40px; } - span.terminkundennummer.abholeranzeige.abholeranzeige { - font-size: 40px; - line-height: 40px; - } - - .zweispaltig span.terminkundennummer, - .zweispaltig span.wartenummer, .zweispaltig span.standalone { - font-size: 35px; - line-height: 35px; - } - - table.zweispaltig td.platznummer span.destination { - font-size: 25px; - } - - span.terminkundenanzeige { - font-size: 30px; - line-height: 30px; - } + span.terminkundennummer.smallerFont8Chars { + font-size: 50px; + line-height:50px; + } } @media screen and (min-width:1820px) { /* 1920 * 1080 */ body{ - background: url(img/background_anzeige1_1920.png) top left no-repeat #C8D5E6; + background: url(img/background_anzeige1_1920.png) top left repeat-x #C8D5E6; width:1920px; height:1080px; overflow: hidden; } - #main-header .adressangabe { font-size:3em; left:54px; top:22px; } - .aufrufanzeige .uhr { left:47px; top:160px; width:400px; - height:400px; } - + .aufrufanzeige .uhr #clock { + display:none; + } + .aufrufanzeige .uhr #clock_big { + display:block !important; + } .aufrufanzeige .aufrufanzeige_Datum { - font-size: 32px; - top: 600px; - width: 400px; + font-size:32px; + top:580px; + width:400px; } - .aufrufanzeige .aufrufanzeige_main { - left: 500px; - top: 160px; + left:554px; + top:162px; } span.terminkundennummer, span.wartenummer { font-size:80px; line-height:80px; } - - .aufrufanzeige table.zweispaltig { - width: 280px; - } - - span.terminkundennummer, - span.wartenummer, span.standalone { - font-size: 80px; - line-height: 80px; - } - span.terminkundennummer.smallerFont8Chars { font-size: 65px; line-height:65px; } - - span.abholeranzeige { - font-size: 70px; - } - + span.abholeranzeige + { + font-size: 70px; + } .aufrufanzeige table.aufrufanzeige_aufruf th { font-size: 32px; } - .aufrufanzeige table.aufrufanzeige_aufruf { - width: 980px; + width:745px; } - .aufrufanzeige .aufrufanzeige_text { line-height:26px; left: 1535px; @@ -294,9 +236,8 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { .aufrufanzeige_text img {height:244px;} .aufrufanzeige .waitingColumn { - top: 670px; + top:630px; } - .aufrufanzeige .wartende_aktuell { font-size:32px; width:400px; @@ -311,37 +252,17 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { margin-left:-25px; } .aufrufanzeige table.zweispaltig { - width: 450px; + width:440px; } - .aufrufanzeige table.zweispaltig th.wartenummer { width:60%; } - .aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td { border-right:6px solid #C8D5E6; } - - .zweispaltig span.terminkundennummer, - .zweispaltig span.wartenummer, .zweispaltig span.standalone { - font-size: 60px; - line-height: 60px; - } - - table.zweispaltig td.platznummer span.destination { - font-size: 35px; - line-height: 40px; - } - - .puffer { - padding-left: 40px; - } - - /* ---------------------------------------------- - qr code - ---------------------------------------------- */ - .qrCode--Headline { - margin-top: 40px; + .zweispaltig span.terminkundennummer { + font-size:40px; } + .puffer {padding-left:40px;} } diff --git a/zmscalldisplay/scss/settings.scss b/zmscalldisplay/scss/settings.scss index d5d1f4161..85b2554b3 100644 --- a/zmscalldisplay/scss/settings.scss +++ b/zmscalldisplay/scss/settings.scss @@ -6,11 +6,12 @@ $white: #ffffff; $black: #000000; $red: #DE1027; +$blue: #005A9F; $backgroundLight: #E0E9F2; $borderLight: #C8D5E6; -$baseTextColor: #4C4C4C; +$baseTextColor: #3A5368; // Dimensions $pageMaxWidth: 1920px; diff --git a/zmscalldisplay/templates/block/default/devhint.twig b/zmscalldisplay/templates/block/default/devhint.twig index 89a131fcf..675a67814 100644 --- a/zmscalldisplay/templates/block/default/devhint.twig +++ b/zmscalldisplay/templates/block/default/devhint.twig @@ -2,7 +2,7 @@
Hinweis: Sie befinden sich auf einem Entwicklungssystem. Die folgenden Inhalte sind nicht aktuell.
- Siehe https://service.berlin.de/ +
{% endblock %} diff --git a/zmscalldisplay/templates/block/default/head.twig b/zmscalldisplay/templates/block/default/head.twig index 6602183ac..223d0302f 100644 --- a/zmscalldisplay/templates/block/default/head.twig +++ b/zmscalldisplay/templates/block/default/head.twig @@ -9,6 +9,6 @@ - + {% endblock %} diff --git a/zmscalldisplay/templates/block/footer/footer.twig b/zmscalldisplay/templates/block/footer/footer.twig new file mode 100644 index 000000000..56d078ad5 --- /dev/null +++ b/zmscalldisplay/templates/block/footer/footer.twig @@ -0,0 +1,26 @@ +{% block footer %} + + + + +{% endblock %} \ No newline at end of file diff --git a/zmscalldisplay/templates/block/header/pageheader.twig b/zmscalldisplay/templates/block/header/pageheader.twig index 7dd0f2094..7515631ad 100644 --- a/zmscalldisplay/templates/block/header/pageheader.twig +++ b/zmscalldisplay/templates/block/header/pageheader.twig @@ -3,8 +3,8 @@
-
{{ calldisplay.organisation.name }}
-
{{ calldisplay.contact.name }}
+
{{ "now"|format_datetime(pattern="EEEE, d.M.Y", locale='de') }} {{ "now"|date("H:i") }} Uhr
+
{{ calldisplay.contact.name }}
diff --git a/zmscalldisplay/templates/block/marginal/clock.twig b/zmscalldisplay/templates/block/marginal/clock.twig index 697af0890..4b4dfd01f 100644 --- a/zmscalldisplay/templates/block/marginal/clock.twig +++ b/zmscalldisplay/templates/block/marginal/clock.twig @@ -1,48 +1,11 @@ {% block clock %} -{#
-
-
-
-
#} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ + + +
+ +
+ {{ getNow()|format_date(pattern="EE dd. MMMM y") }}
-
{% endblock %} diff --git a/zmscalldisplay/templates/block/marginal/infoColumn.twig b/zmscalldisplay/templates/block/marginal/infoColumn.twig index db7e6db96..fb76b1ff8 100644 --- a/zmscalldisplay/templates/block/marginal/infoColumn.twig +++ b/zmscalldisplay/templates/block/marginal/infoColumn.twig @@ -1,21 +1,4 @@ {% block infoColumn %} -
- {% if showQrCode and webcalldisplay is defined %} -
{{ ("Mobile Aufrufanzeige")|trans }}
-
- - -
- {% else %} - - {% endif %} -

- {% if calldisplay.clusters|length == 1 and calldisplay.clusters|first.callDisplayText %} - {{ calldisplay.clusters|first.callDisplayText|raw|nl2br }} - {% elseif calldisplay.scopes|length == 1 and calldisplay.scopes|first.preferences.queue.callDisplayText%} - {{ calldisplay.scopes|first.preferences.queue.callDisplayText|raw|nl2br }} - {% endif %} -
+ {% endblock %} diff --git a/zmscalldisplay/templates/block/queue/queueTable.twig b/zmscalldisplay/templates/block/queue/queueTable.twig index b796f73fd..34e8f3750 100644 --- a/zmscalldisplay/templates/block/queue/queueTable.twig +++ b/zmscalldisplay/templates/block/queue/queueTable.twig @@ -1,5 +1,5 @@ {% block queueTable %} - {% if tableSettings.multiColumns == 1 or (queueList|length <= tableSettings.maxResults) %} + {% if tableSettings.multiColumns == 1 %} {% include "block/queue/table/oneColumn.twig" with {"settings": tableSettings} %} {% else %} {% include "block/queue/table/multiColumn.twig" with {"settings": tableSettings} %} diff --git a/zmscalldisplay/templates/block/queue/table/multiColumn.twig b/zmscalldisplay/templates/block/queue/table/multiColumn.twig index bca34a953..99b675291 100644 --- a/zmscalldisplay/templates/block/queue/table/multiColumn.twig +++ b/zmscalldisplay/templates/block/queue/table/multiColumn.twig @@ -1,18 +1,29 @@ {% block multiColumn %} - {% set neededColumns = (queueList.count() / tableSettings.maxResults)|round(0, 'ceil') %} - {% set tableColumns = (neededColumns > tableSettings.multiColumns) ? tableSettings.multiColumns : neededColumns %} + {% set neededColumns = 2 %} + {% set tableColumns = 2 %}
- {% for batchQueue in queueList|batch(tableSettings.maxResults) %} + {% for i in [1,2,3,4,5,6,7,8,9,10] %} + {% if i > queueList|length %} + {% set queueList = queueList|merge([{'status': 'empty', 'destination': '', 'destinationHint': '', 'numer': 12}]) %} + {% endif %} + {% endfor %} + + {% for batchQueue in queueList|batch(5) %} {% if loop.index <= tableColumns %}
- {% include "element/queueTable/head.twig" with {"leftHead": tableSettings.head.left, "rightHead": tableSettings.head.right} %} + {% include "element/queueTable/head.twig" with { + "leftHead": tableSettings.head.left, + "leftHeadEn": tableSettings.head.left_en, + "rightHead": tableSettings.head.right, + "rightHeadEn": tableSettings.head.right_en + } %} {% for queue in batchQueue %} - + {% include "element/queueTable/leftCol.twig" %} {% include "element/queueTable/rightCol.twig" %} diff --git a/zmscalldisplay/templates/element/queueTable/head.twig b/zmscalldisplay/templates/element/queueTable/head.twig index 4c3d1c24a..bc7ad49d2 100644 --- a/zmscalldisplay/templates/element/queueTable/head.twig +++ b/zmscalldisplay/templates/element/queueTable/head.twig @@ -1,6 +1,16 @@ - - + + diff --git a/zmscalldisplay/templates/element/queueTable/rightCol.twig b/zmscalldisplay/templates/element/queueTable/rightCol.twig index 405309b05..7e8ca039b 100644 --- a/zmscalldisplay/templates/element/queueTable/rightCol.twig +++ b/zmscalldisplay/templates/element/queueTable/rightCol.twig @@ -9,6 +9,8 @@ {% if queue.status in ['queued', 'confirmed'] %} {{queue.waitingTimeOptimistic}}-{{queue.waitingTimeEstimate}}min + {% elseif queue.status in ['empty'] %} +   {% else %} {{ queue.destination | raw }} {% endif %} diff --git a/zmscalldisplay/templates/element/ring.twig b/zmscalldisplay/templates/element/ring.twig index a7941e6eb..cae57d3dd 100644 --- a/zmscalldisplay/templates/element/ring.twig +++ b/zmscalldisplay/templates/element/ring.twig @@ -1,146 +1 @@ -
{{ leftHead }} {{ rightHead }} +
{{ leftHead }}
+ {% if leftHeadEn is defined %} +
{{ leftHeadEn }}
+ {% endif %} + 		+
{{ rightHead }}
+ {% if rightHeadEn is defined %} +
{{ rightHeadEn }}
+ {% endif %} +