/*
Theme Name: Klevetag 2025
*/

/* merriweather-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('../kletag2025/fonts/merriweather-v33-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: url('../kletag2025/fonts/merriweather-v33-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../kletag2025/fonts/merriweather-v33-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: url('../kletag2025/fonts/merriweather-v33-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 500;
  src: url('../kletag2025/fonts/merriweather-v33-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 500;
  src: url('../kletag2025/fonts/merriweather-v33-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 600;
  src: url('../kletag2025/fonts/merriweather-v33-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 600;
  src: url('../kletag2025/fonts/merriweather-v33-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../kletag2025/fonts/merriweather-v33-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: url('../kletag2025/fonts/merriweather-v33-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 800;
  src: url('../kletag2025/fonts/merriweather-v33-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 800;
  src: url('../kletag2025/fonts/merriweather-v33-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url('../kletag2025/fonts/merriweather-v33-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 900;
  src: url('../kletag2025/fonts/merriweather-v33-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../kletag2025/fonts/merriweather-sans-v28-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
    position: relative;
    background-color: rgba(35,47,55,1);
}
body {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Merriweather Sans';
    font-size: 18px;
    background-color: rgba(35,47,55,1);
}
header {
    font-family: 'Merriweather', sans-serif;
}
.header-hinweis > div {
    font-size: 0.8em;
}
.header-hinweis > div:first-of-type {
    width: calc(20%);
    padding: 5px 10px;
    background-color: rgba(158,23,29,1);
    color: rgba(255,255,255,1);
}
.header-hinweis > div:last-of-type {
    width: 80%;
    padding: 5px 10px;
    background-color: rgba(158,23,29,0.25);
}
.header-search {
    width: 66.66667%;
}
header .site-desc {
    position: relative;
    margin-top: 5px;
}
header #date input {
    width: 100%;
    border: 3px solid rgba(177,193,184,1);
}
header .dot-green-form {
    position: absolute;
    right: 5px;
    top: 31px;
    width: 28px;
    height: 28px; 
    color: rgba(114,191,68,1);
    border: 2px solid rgba(255,255,255,1);
    border-radius: 14px;
}
header .is-on svg,
.next-btn svg {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 30px;
    height: 30px; 
    color: rgba(114,191,68,1);
    border: 3px solid rgba(255,255,255,1);
    border-radius: 14px;
}
header .is-off svg{
    position: absolute;
    right: 10px;
    top: 15px;
    width: 30px;
    height: 30px; 
    color: rgba(196,21,28,1);
    border: 3px solid rgba(0,0,0,1);
    border-radius: 14px;
}
.next-btn svg {
    position: relative;
    left: 20px;
    top: -2px;
        
}
.header-title {
    width: 1200px;
}
.header-logo {
    height: 225px;
}
.header-date {
    font-family: 'Merriweather Sans';
    font-size: 1.25em;
}


.btn-nav {
    padding-left: 2px;
}
.btn-nav:nth-child(4n) button
{
    width: calc(100%);
}
.btn-nav button {
    position: relative;
    display: block;
    width: 100%;
    border: none;
    text-decoration: none;
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    padding: 5px 10px;
    text-shadow: 1px 2px rgba(0,0,0,0.1);
    font-family: 'Merriweather Sans';
}
.btn-nav i {
    font-size: 1.5em;
    font-weight: 800;
    position: absolute;
    right: 10px;
    top: 0px;
}
.btn-nav .btn-on {
    color: rgba(0,255,0,1);
}
.btn-nav .btn-off {
    color: rgba(255,255,0,1);
}
.btn-nav .btn-veranstalter {
    font-size: 1.1em;
    padding-top: 14px !important;
    padding-bottom: 12px !important;
}

.accordion {
    --bs-accordion-bg: rgba(255,255,255,1);
}
.accordion-button, 
.accordion-button.collapsed {
    padding: 0 ;
    position: relative;
    
}
.accordion-button.collapsed:after {
    display: none;
}
.accordion-item {
    background-color: rgba(35,47,55,1);
    border-bottom: 0px;
    margin-bottom: 10px;
}
.accordion-height {
    height: 150px; 
    transition: all 2.5s; 
}
.accordion-item .item {
     height: 150px;
}
.accordion-item .first > div {
    height: 100%;
    display: inline-table;
    vertical-align: middle;
}
.accordion-collapse {
    background-color: rgba(255,255,255,1);
}
.accordion-button:not(.collapsed) {
    background-color: rgba(255,255,255,1);
    box-shadow: none;
}

.remove-item {
    height: 0;
    margin-bottom: 0;
    transition: all 2.5s;
}
.load-item {
    height: 140px;
    margin-bottom: 10px;
    transition: all 2.5s;
}
.sponsor-item button {
    background-color: rgba(35,47,55,1);
}
.sponsor-item button .item {
    z-index: 3;
}


/* Items */

.first {
    display: block;
    width: 150px;
}
.first:first-child {
    font-size: 1.20em;
}
.second {
    display: block;
    width: 150px;
    height: 150px;

}

.third {
    width: 750px;
}
.third h3, 
.third h5 {
    line-height: 0.9em;
}
.fourth {
    display: block;
    width: 150px;
    height: 150px;
    text-align: right;
    margin: auto 0;
}

.item-ads {
    margin-bottom: 10px;
}

.item h2 { font-size: 2.2rem; font-weight: 400;}
.item h5 { font-size: 1.25rem; font-weight: 400;}
.item h6 { font-size: 1.15rem; font-weight: 400;}

.content-full {
    font-size: 1.15rem;
    font-weight: 400;
}

/** Footer **/
#menu-footer {
    display: flex;
    list-style: none;
} 
#menu-footer li {
    margin: 5px 15px 5px 0;
}
#menu-footer li a {
    color: rgba(255,255,255,1);
    text-decoration: none;
    font-size: 1.2em;
}
#menu-footer li a:hover {
    color: rgba(183,73,94,1);
}
.b-left {
    border-right: 2px solid white;
    padding-right: 15px;
}
.d-left {
    margin-right: 0 !important;
}
.d-left a:after {
    content: "•";
    color: rgba(255,255,255,1);
    font-size: 1em;
    margin:0 0 0 15px;
    padding-right: 15px;
}

/** Pages **/
.standard-page {
    font-family: 'Merriweather';
    background-color: rgba(255,255,255,1);
}
.standard-page .content {
    font-weight: 300;
}

.standard-page .content h1 {
    font-family: 'Merriweather Sans';
    margin-bottom: 20px;
}
.standard-page .content h3 {
    font-weight: 300;
}
.standard-page .content strong {
    font-weight: 600;
}
.standard-page .content .szene-list {
    width: 133.333%;
    left: calc((-133.333% / 7) + 20px);
    position: relative;
}
.standard-page .content .szene-item {
    display: inline-block;
    width: calc(100% / 7);
    border-top: 1px solid gray;
}
.standard-page .content .szene-item div {
    display: block;
    height: 100%;
    padding-top: 30%;
    font-family: 'Merriweather Sans';
}