/*
Theme Name: kirche-furttal
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
*/

/* --------------------------------------------------------
 Fonts
-------------------------------------------------------- */
/* Font-face for Open Sans */
@font-face {
  font-family: 'OpenSans';
  src: url('https://kirche-furttal.verowa-infodisplays.ch/theme/fonts/OpenSans-Variable.ttf') format('truetype');
  font-style: normal;
}

/* --------------------------------------------------------
 General
-------------------------------------------------------- */
:root {
  /* Fonts */
  --font-base: 'OpenSans', sans-serif;

  /* Colors */
  --color-base: #eeeeee;
  --color-accent: #0079bc;
  --color-body: #4b4b65;

  /* Space / Margins / Paddings */
  --space-big: 2vw;
  --space-normal: 1vw;
  --space-small: 0.5vw;
  --space-mini: 0.25vw;
}

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

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

body {
  color: var(--color-body);
  font-family: var(--font-base);
  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;
}

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

img {
  width: auto;
}

/* --------------------------------------------------------
 Main Wrapper
-------------------------------------------------------- */
.header {
  align-items: flex-end;
  color: #333;
  display: flex;
  height: 6.6666vw !important;
  min-height: 6.6666vw !important;
  justify-content: space-between;
  padding: var(--space-normal);
  position: relative;
  width: 100%;
}

.wrapper {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  aspect-ratio: 16 / 9;
}

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

/* Content Wrapper */
.content-wrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 2;
  flex-wrap: nowrap;
  font-size: 1.5vw;
  justify-content: space-between;
  overflow: hidden;
  padding: var(--space-normal);
  padding-right: 0;
  padding-top: 0;
  margin-bottom: 1.00vw;
}

/* --------------------------------------------------------
 Header
-------------------------------------------------------- */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header h1 {
  color: #b4b4b4;
}

/* --------------------------------------------------------
 Logo
-------------------------------------------------------- */
.logo-wrapper {
  display: flex;
  align-items: baseline;
  height: 5.8333vw;
  flex-direction: row;
  justify-content: space-between;
}

.logo-wrapper img {
  height: auto;
  max-width: 5vw;
}

/* Date & Time */
.cur_date_time {
  text-align: right;
  font-family: var(--font-base);
  font-size: 1.5vw;
  color: var(--color-accent);
  font-weight: 400;
}

.clock {
  font-size: 2.5vw;
  line-height: 1;
  color: var(--color-body);
}

/* --------------------------------------------------------
 Event List
-------------------------------------------------------- */
.event-list {
  padding: var(--space-normal);
  padding-left: 0;
  height: 39vw;
}

h2.event-type-header {
  max-width: max-content;
  word-break: normal;
  hyphens: auto;
  background: var(--color-accent);
  padding: var(--space-small);
  color: white;
  display: flex;
  gap: var(--space-small);
}

h2.event-type-header.titel-1::before {
  content: "";
  display: inline-block;
  width: 1em;   /* adjust size */
  height: 1em;
  align-self: center;
  background: currentColor; /* inherit text color */
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M336 315.6l0-84c.2-13.1 10.9-23.6 24-23.6 13.3 0 24 10.7 24 24l0 72c0 8.8 7.2 16 16 16s16-7.2 16-16l0-124.6c0-8.6-2.8-17-7.9-23.9L340 64c-2.5-3.4-3.9-7.4-4-11.6l0-.7c.2-10.9 9.1-19.7 20-19.7l1.3 0c6.7 0 13 3.2 17.1 8.5L464 160c10.4 13.8 16 30.7 16 48l0 96c0 6.4 3.8 12.2 9.7 14.7l112 48c8.1 3.5 17.5-.3 21-8.4s-.3-17.5-8.4-21L512 293.4 512 208c0-24.2-7.9-47.8-22.4-67.2L400 21.3C389.9 7.9 374.1 0 357.3 0l-1.3 0c-14 0-26.7 5.5-36 14.5-9.4-9-22.1-14.5-36.1-14.5l-1.3 0C265.9 0 250.1 7.9 240 21.3L150.4 140.8c-14.5 19.4-22.4 43-22.4 67.2l0 85.4-102.3 43.8c-8.1 3.5-11.9 12.9-8.4 21s12.9 11.9 21 8.4l112-48c5.9-2.5 9.7-8.3 9.7-14.7l0-96c0-17.3 5.6-34.2 16-48L265.6 40.5c4-5.4 10.4-8.5 17.1-8.5l1.3 0c11 0 19.9 8.8 20 19.7 0 .2 0 .5 0 .7-.1 4.2-1.5 8.3-4 11.6l-68.1 91.5c-5.1 6.9-7.9 15.3-7.9 23.9L224 304c0 8.8 7.2 16 16 16s16-7.2 16-16l0-72c0-13.3 10.7-24 24-24 13.1 0 23.8 10.5 24 23.6l0 .4 0 82.9c0 .2 0 .5 0 .7-.3 39.5-24.8 74.9-61.7 89l-200 76.5c-8.3 3.2-12.4 12.4-9.2 20.7s12.4 12.4 20.7 9.2l200-76.5c28.8-11 52-31.7 66.3-57.6 14.3 25.8 37.4 46.6 66.3 57.6l200 76.5c8.3 3.2 17.5-1 20.7-9.2s-1-17.5-9.2-20.7l-200-76.5c-37-14.1-61.4-49.5-61.7-89zM320 192.8c-10.2-10.4-24.3-16.8-40-16.8-8.6 0-16.7 1.9-24 5.4l0-2c0-1.7 .6-3.4 1.6-4.8l62.4-83.8 62.4 83.8c1 1.4 1.6 3.1 1.6 4.8l0 2c-7.3-3.5-15.4-5.4-24-5.4-15.7 0-29.8 6.4-40 16.8z"/></svg>') no-repeat center;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M336 315.6l0-84c.2-13.1 10.9-23.6 24-23.6 13.3 0 24 10.7 24 24l0 72c0 8.8 7.2 16 16 16s16-7.2 16-16l0-124.6c0-8.6-2.8-17-7.9-23.9L340 64c-2.5-3.4-3.9-7.4-4-11.6l0-.7c.2-10.9 9.1-19.7 20-19.7l1.3 0c6.7 0 13 3.2 17.1 8.5L464 160c10.4 13.8 16 30.7 16 48l0 96c0 6.4 3.8 12.2 9.7 14.7l112 48c8.1 3.5 17.5-.3 21-8.4s-.3-17.5-8.4-21L512 293.4 512 208c0-24.2-7.9-47.8-22.4-67.2L400 21.3C389.9 7.9 374.1 0 357.3 0l-1.3 0c-14 0-26.7 5.5-36 14.5-9.4-9-22.1-14.5-36.1-14.5l-1.3 0C265.9 0 250.1 7.9 240 21.3L150.4 140.8c-14.5 19.4-22.4 43-22.4 67.2l0 85.4-102.3 43.8c-8.1 3.5-11.9 12.9-8.4 21s12.9 11.9 21 8.4l112-48c5.9-2.5 9.7-8.3 9.7-14.7l0-96c0-17.3 5.6-34.2 16-48L265.6 40.5c4-5.4 10.4-8.5 17.1-8.5l1.3 0c11 0 19.9 8.8 20 19.7 0 .2 0 .5 0 .7-.1 4.2-1.5 8.3-4 11.6l-68.1 91.5c-5.1 6.9-7.9 15.3-7.9 23.9L224 304c0 8.8 7.2 16 16 16s16-7.2 16-16l0-72c0-13.3 10.7-24 24-24 13.1 0 23.8 10.5 24 23.6l0 .4 0 82.9c0 .2 0 .5 0 .7-.3 39.5-24.8 74.9-61.7 89l-200 76.5c-8.3 3.2-12.4 12.4-9.2 20.7s12.4 12.4 20.7 9.2l200-76.5c28.8-11 52-31.7 66.3-57.6 14.3 25.8 37.4 46.6 66.3 57.6l200 76.5c8.3 3.2 17.5-1 20.7-9.2s-1-17.5-9.2-20.7l-200-76.5c-37-14.1-61.4-49.5-61.7-89zM320 192.8c-10.2-10.4-24.3-16.8-40-16.8-8.6 0-16.7 1.9-24 5.4l0-2c0-1.7 .6-3.4 1.6-4.8l62.4-83.8 62.4 83.8c1 1.4 1.6 3.1 1.6 4.8l0 2c-7.3-3.5-15.4-5.4-24-5.4-15.7 0-29.8 6.4-40 16.8z"/></svg>') no-repeat center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

h2.event-type-header.titel-2::before {
  content: "";
  display: inline-block;
  width: 1em;   /* adjust size */
  height: 1em;
  align-self: center;
  background: currentColor; /* inherit text color */

  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M208 64C216.8 64 224 71.2 224 80L224 128L416 128L416 80C416 71.2 423.2 64 432 64C440.8 64 448 71.2 448 80L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 80C192 71.2 199.2 64 208 64zM480 160L160 160C142.3 160 128 174.3 128 192L128 480C128 497.7 142.3 512 160 512L480 512C497.7 512 512 497.7 512 480L512 192C512 174.3 497.7 160 480 160zM348.7 238L368.2 277.6L411.9 284C438.1 287.8 448.6 320.1 429.6 338.6L398 369.4L405.5 412.9C410 439 382.5 459 359.1 446.6L320 426L280.9 446.6C257.4 459 230 439 234.5 412.9L242 369.4L210.4 338.6C191.4 320.1 201.9 287.8 228.1 284L271.8 277.6L291.3 238C303 214.2 337 214.2 348.7 238zM296.7 299.3C294.4 304 289.9 307.3 284.7 308.1L232.7 315.7L270.4 352.4C274.2 356.1 275.9 361.4 275 366.6L266.1 418.4L312.6 393.9C317.3 391.5 322.8 391.5 327.5 393.9L374 418.4L365.1 366.6C364.2 361.4 365.9 356.1 369.7 352.4L407.4 315.7L355.4 308.1C350.2 307.3 345.7 304.1 343.4 299.3L320.1 252.1L296.8 299.3z"/></svg>') no-repeat center;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M208 64C216.8 64 224 71.2 224 80L224 128L416 128L416 80C416 71.2 423.2 64 432 64C440.8 64 448 71.2 448 80L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 80C192 71.2 199.2 64 208 64zM480 160L160 160C142.3 160 128 174.3 128 192L128 480C128 497.7 142.3 512 160 512L480 512C497.7 512 512 497.7 512 480L512 192C512 174.3 497.7 160 480 160zM348.7 238L368.2 277.6L411.9 284C438.1 287.8 448.6 320.1 429.6 338.6L398 369.4L405.5 412.9C410 439 382.5 459 359.1 446.6L320 426L280.9 446.6C257.4 459 230 439 234.5 412.9L242 369.4L210.4 338.6C191.4 320.1 201.9 287.8 228.1 284L271.8 277.6L291.3 238C303 214.2 337 214.2 348.7 238zM296.7 299.3C294.4 304 289.9 307.3 284.7 308.1L232.7 315.7L270.4 352.4C274.2 356.1 275.9 361.4 275 366.6L266.1 418.4L312.6 393.9C317.3 391.5 322.8 391.5 327.5 393.9L374 418.4L365.1 366.6C364.2 361.4 365.9 356.1 369.7 352.4L407.4 315.7L355.4 308.1C350.2 307.3 345.7 304.1 343.4 299.3L320.1 252.1L296.8 299.3z"/></svg>') no-repeat center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}


.event-row {
  display: flex;
  gap: 2vw;
  align-items: baseline;
  padding-bottom: var(--space-normal);
}

.date-row {
  background: var(--color-base);
  color: var(--color-accent);
  font-weight: 400;
  line-height: 1;
  padding: var(--space-normal);
  margin-bottom: var(--space-normal);
}

.event-time {
  font-weight: 400;
  line-height: 1;
  padding-right: 2.085vw;
  text-align: right;
  width: 15.1041vw;
}

.event-title {
  width: calc(100% - 29vw);
  font-weight: 600;
  text-align: left;
}

.event-location {
  text-align: right;
  width: 14.9791vw;
  font-size: 1.3542vw;
  font-weight: 400;
  text-align: right;
  padding-right: var(--space-normal);
}

/* --------------------------------------------------------
 Slider
-------------------------------------------------------- */
.slider-wrapper {
  background: var(--color-base);
  display: flex;
  flex-direction: column;
  position: relative;
  width: 40vw;
}

#SliderNoResult {
  flex-direction: row;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

.pp-slideshow {
  flex-grow: 2;
  height: auto;
  overflow: hidden;
  padding-left: 0;
  position: relative;
}

.pp-slideshow>div {
  align-items: center;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.slide_image {
  overflow: hidden;
  width: 100%;
}

.slide_image img {
  width: 100%;
  max-height: 30vh;
}

.slide_content_wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
  padding: var(--space-normal);
  font-size: 1.2vw;
}

.slide_content {
  display: flex;
}

.slide_content_wrapper h2 {
  font-size: 1.5vw;
  word-break: break-word;
  hyphens: auto;
}

.slide_content_wrapper .slide_datum {
  color: var(--color-accent);
  font-weight: 400;
}

.slide_content_wrapper span.slide_location {
  font-weight: 400;
}

.slide_content_wrapper span.slide_topic {
  font-size: 0.8vw;
  color: var(--color-body);
  margin-top: var(--space-small);
  letter-spacing: 2%;
}

.slide_date_time hr {
  margin: var(--space-small) 0;
}

/* --------------------------------------------------------
 Person
-------------------------------------------------------- */
#hausdienst {
  display: flex;
  flex-wrap: nowrap;
  /*     width: 100%;
    margin-left: 2vw;
    border-top: 3px solid #fff;
    box-sizing: border-box;
    padding: 40px 0; */
}


#hausdienst .headline {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 20px 0 0;
  width: 100px;
}

#hausdienst .person-image {
  border: 1px solid #fff;
  max-height: 108px;
  overflow: hidden;
  width: 88px;
}

#hausdienst .person-image img {
  width: 100%;
}

#hausdienst .person-image {
  margin-right: 14px;
}

#hausdienst .person-data {
  font-size: 19px;
  line-height: 1.5;
  margin-right: 32px;
}

#hausdienst .person-data .name {
  font-size: 19px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 0;
}

.person-data h2,
.person-data span {
  margin: 0;
}

.person-data span {
  display: block;
  margin-bottom: 12px;
}

/* --------------------------------------------------------
 Footer
-------------------------------------------------------- */
.footer {
  display: flex;
  justify-content: space-between;
  background: var(--color-accent);
  color: #fff;
  font-size: 1.25vw;
  line-height: 1.4;
  height: 8vw;
}

.footer h3 {
  font-weight: 300;
}

.footer p {
  font-size: 1vw;
  line-height: 1.5;
}

.footer .lbl-legend {
  display: inline-block;
  width: 55px;
}

.footer #text-1,
.footer #text-2,
.footer #text-3,
.footer #text-4 {
  display: flex;
  color: white;
  padding: var(--space-normal);
  line-height: 1;
}

.footer #text-1 {
  gap: 5vw;
}

.footer #text-4 {
  gap: 2vw;
}

.footer .textwidget-wrapper {
  display: flex;
  justify-content: space-between;
}

.footer .textwidget {
  margin-top: var(--space-small);
}

img.qr-code {
  width: 6vw;
  height: auto;
}

/* --------------------------------------------------------
 Error Box
-------------------------------------------------------- */
.verowa-down {
  background-color: #8fb810;
  border-radius: 10px;
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  left: 150px;
  line-height: 58px;
  padding: 35px 35px 40px;
  position: absolute;
  text-align: center;
  top: 432px;
  width: 840px;
}