/*
Theme Name: kath-kirche-aarau
Author: verowa
Author URI: http://verowa.ch/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: display
Auflösung fix Full HD

History:	19.01.2022/PMe: Neuer Aufbau gem. HTML-Struktur
*			14.01.2022/PMe: CSS umbau auf vw anstelle px
*			15.01.2022/PMe: CSS optimieren
*			25.03.2022/P+C: Schriften einbinden
*/



@font-face {
	font-family: 'cast-bold';
	src: url(/theme/fonts/190401013643Cast-Bold.woff) format('woff');
	font-display: auto;
}

.cast-bold{font-family: 'cast-bold' !important;}

@font-face {
	font-family: 'cast-regular';
	src: url(/theme/fonts/190401013758Cast-Regular.woff) format('woff');
	font-display: auto;
}

.cast-regular{font-family: 'cast-regular' !important;}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
    margin: 0 !important;
}

body {
    color: #333;
    font-family: 'cast-regular';
    font-weight: 400;
    height: 100%;
    line-height: 1.3;
    overflow: hidden;
    width: 100%;
}

ul,
li {
    list-style-type: none;
    margin: 0;
}

/* Font headings */
h1, h2, h3, h4 {
    font-weight: 600;
}

h2 {
    font-size: 2vw;
    line-height: 1.2;
    margin-bottom: 0.166666vw;
}

h3 {
    font-size: 1.5vw;
    margin: 0.166666vw 0;
}

img {
    width: auto;
}


/* Main wrapper
*************************************************************/

.wrapper {
    align-items: center;
    background: #999;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100vw;
}

.hd-container {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    max-height: 112.5vw;
    width: 100vw;
    width: 200vw;
}

/* Header
*************************************************************/

.logo-wrapper {
    display: flex;
    align-items: center;
    height: 5.8333vw;
}

.header h1 {
    color: #b4b4b4;
}

/* Logo */

.logo-wrapper img {
    height: auto;
    margin-left: 1vw;
}

.logo-wrapper .logo-img {
    width: 14.125vw;
}

/* Date & Time */
.cur_date_time {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.clock {
    font-size: 3.75vw;
    height: 3.8125vw;
    line-height: 1;
}

/* Content
*************************************************************/
.content-wrapper {
    display: flex;
    flex-direction: row;
    flex-grow: 2;
    flex-wrap: nowrap;
    font-size: 1.4583vw;
    justify-content: flex-start;
    overflow: hidden;
}


/* Event list
*************************************************************/

.event-list {
    height: 37.7604vw;
    margin: 1.5vw 0 0;
    width: 47.3958vw;
}

.date-row {
    font-weight: 600;
    /* font-size: 1.66666vw; */
    font-size: 1.771vw;
    align-items: center;
    background-color:#f3f3f3;
    display: flex;
    height: 2.5vw !important;
    margin: 1.54166vw 0 0.520833vw;
    padding: 4px 0 0 0.5208333333333333vw;
}

.date-row:first-child {
    margin: 0 0 0.520833vw;
}

.event-row {
    align-items: baseline;
    display: flex;
    margin: 0 0 0.520833vw 0;
    padding: 0 1.04166vw 0 0.7vw;
}

.event-time {
    text-align: right;
    /* font-size: 1.45833333vw; */
    width: 7vw;
}

.event-title {
    /* font-size: 1.45833333vw; */
    width: 27vw;
    padding-left: 1.822916666666667vw;
}

.event-location {
    text-align: right;
    width: 12vw;
    /* font-size: 1.45833333vw; */
}

.event-container {
    padding: 1.2vw;
    width: 50vw;
    /* font-size: 1.3541666vw; */
    font-size: 1.5625vw;

}

.event-container h2 {
    background-color: #F3F3F3;
    font-size: 1.8em;
    font-weight: 500;
}

/* Image
*************************************************************/
.container-image {
    width: 100%;
}

.PPSlider {
    height: 100%;
}

.PPSlider .PPSliderTrack {
    left: 4px;
}

/* Footer
*************************************************************/
footer {
    width: 100vw;
    display: flex;
    justify-content: space-between;
}

.footer-1 {
    align-items: baseline;
	background: #F3F3F3;
    color: #000;
    display: flex;
    font-size: 1.25vw;
    padding: 1.35417vw 2.4vw 1.35417vw 1.77vw;
    width: 50vw;
}

.footer-1 h3 {
    font-weight: bold;
    /* font-size: 1.40625vw; */
    font-size: 1.771vw;
}

.footer-1 div {
/*     padding: 0.625vw 18.22916666666667vw 0 0;  */
    margin-left: 2vw;
}

.footer-1 span {
    display: inline-block;
    width: 16.25vw;
}

.footer-1 .s-time {
    display: inline-block;
    width: 9vw;
    text-align: right;
}

.footer-1 p {
    margin-top: 0.75vw;
}

.footer-2 {
    font-size: 1.5vw;
    background: #BE80BF;
    text-align: right;
    color: white;
    padding: 2vw 2.4vw 1.66666vw;
    width: 50vw;
    justify-content: flex-end;
}

.footer-2 h3 {
    font-size: 2.604166666666667vw;
/*     font-weight: bolder; */
}

.footer .lbl-legend {
    display: inline-block;
    width: 2.865vw;
}


/* Fehlerbox
*************************************************************/
.verowa-down {
    background-color: #8fb810;
    border-radius: 0.520833vw;
    color: #fff;
    font-size: 1.666666666666667vw;
    font-weight: 600;
    left: 7.8125vw;
    line-height: 3.020833333333333vw;
    padding: 1.822916666666667vw 1.822916666666667vw 2.083333333333333vw;
    position: absolute;
    text-align: center;
    top: 22.5vw;
    width: 43.75vw;
}