/*
Theme Name: Moritzhof 2024
Theme URI: http://moritzhof-magdeburg.de
Author: Matthias Buchholz
Author URI: http://matthiasbuchholz.de
Description: Neues Logo, neue Schriften und Farben, Ticket-API, Terminverwaltung ohne Plugin über ACF
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moritzhof-2024
*/
/* sen-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: 'Sen';
font-style: normal;
font-weight: 400;
src: url('fonts/sen-v9-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/sen-v9-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sen-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: 'Sen';
font-style: normal;
font-weight: 500;
src: url('fonts/sen-v9-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/sen-v9-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sen-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: 'Sen';
font-style: normal;
font-weight: 600;
src: url('fonts/sen-v9-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/sen-v9-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sen-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: 'Sen';
font-style: normal;
font-weight: 700;
src: url('fonts/sen-v9-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/sen-v9-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sen-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: 'Sen';
font-style: normal;
font-weight: 800;
src: url('fonts/sen-v9-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/sen-v9-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sulphur-point-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: 'Sulphur Point';
font-style: normal;
font-weight: 300;
src: url('fonts/sulphur-point-v15-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/sulphur-point-v15-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sulphur-point-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: 'Sulphur Point';
font-style: normal;
font-weight: 400;
src: url('fonts/sulphur-point-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/sulphur-point-v15-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sulphur-point-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: 'Sulphur Point';
font-style: normal;
font-weight: 700;
src: url('fonts/sulphur-point-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/sulphur-point-v15-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-sans-200 - 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: 'Fira Sans';
font-style: normal;
font-weight: 200;
src: url('fonts/fira-sans-v17-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-sans-200italic - 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: 'Fira Sans';
font-style: italic;
font-weight: 200;
src: url('fonts/fira-sans-v17-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: normal;
font-weight: 300;
src: url('fonts/fira-sans-v17-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: italic;
font-weight: 300;
src: url('fonts/fira-sans-v17-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: normal;
font-weight: 400;
src: url('fonts/fira-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: italic;
font-weight: 400;
src: url('fonts/fira-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: normal;
font-weight: 500;
src: url('fonts/fira-sans-v17-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: italic;
font-weight: 500;
src: url('fonts/fira-sans-v17-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: normal;
font-weight: 600;
src: url('fonts/fira-sans-v17-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: italic;
font-weight: 600;
src: url('fonts/fira-sans-v17-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: normal;
font-weight: 700;
src: url('fonts/fira-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* fira-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: 'Fira Sans';
font-style: italic;
font-weight: 700;
src: url('fonts/fira-sans-v17-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('fonts/fira-sans-v17-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/*
Breakpoints:
sm - 24em = 384px
md - 48em = 768px
lg - 62em = 992px
xl - 72em = 1152px
*/
@media (min-width: 48em) { body { max-width: 768px; }}
@media (min-width: 62em) { body { max-width: 992px; }}
@media (min-width: 72em) { body { max-width: 1240px; }}
/* FARBEN-VARIABLES */
/*
Alte Farben bis 2024:
bgcolor: #efefef
maincolor: #84a517
darkermaincolor: #5b7206
secondcolor: #9CC31B
lightcolor: #f2fcc9
Neue Farben 2024:
bgcolor: #efefef
maincolor: #B61F29 - rot
darkermaincolor: #950013 - rot etwas dunkler
secondcolor: #EF7D00 - orange
lightcolor: #FFE5CA - orange sehr hell
*/
:root {
--bgcolor: #efefef;
--maincolor: #B61F29;
--darkermaincolor: #950013;
--secondcolor: #EF7D00;
--lightcolor: #FFE5CA;
}
/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */}
*, *:before, *:after {
-webkit-box-sizing: inherit; /* Safari/Chrome, other WebKit */
-moz-box-sizing: inherit; /* Firefox, other Gecko */
box-sizing: inherit; /* Opera/IE 8+ */}
/* LAYOUT Allgemein */
html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
font-family: 'Fira Sans', sans-serif; line-height: 1.4;
}
html { background-color: var(--bgcolor); }
body, html {
height:100%; min-height:100%;
}
body {
color:#333;
font-size:15px;
text-align:center;
text-align:left;
min-height:100%;
height:auto !important; /* Für normale Browser */
height:100%;
margin:0 auto;
width: 100%;
display: flex;
flex-direction: column;
}
header, main {
position:relative;
width: 100%;
background: #fff;
}
main {
flex-grow: 1;
padding-bottom: 40px;
}
.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 0px;
}
@media (max-width: 383px) {
.recaptcha {transform:scale(0.92);-webkit-transform:scale(0.92);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
/* PURE-Grids */
.pure-g > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.padding-10 { padding: 10px;}
.padding-10-box {padding: 10px 0px; margin: 0 -10px;}
.padding-box {margin: 0 -10px;}
.padding-20 {padding: 20px;}
.padding-t-20 { padding-top: 20px;}
.padding-t-40 { padding-top: 40px;}
.padding-b-20 { padding-bottom: 20px;}
.padding-l-20 { padding-left: 20px;}
.padding-r-20 { padding-right: 20px;}
.padding-r-30 { padding-right: 40px;}
.margin-b-20 { margin-bottom: 20px;}
.margin-b-40 { margin-bottom: 40px;}
.margin-t-10 { margin-top: 10px;}
.margin-t-20 { margin-top: 20px;}
.margin-remove {margin: 0!important;}
@media (max-width: 383px) {
.padding-r-20, .padding-r-30 {padding-right: 0;}
}
/* FOOTER */
footer {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
}
.main-footer {
background: #444;
flex-grow: 1;
font-size: 15px;
}
.main-footer h1 {
text-transform: uppercase;
font-weight: 300;
color: #fff;
font-size: 18px;
margin-bottom: 20px;
}
.main-footer p {color: #fff;}
.main-footer input, .main-footer select, .main-footer textarea {color: #333;}
.main-footer a {
color: #fff;
text-decoration: none;
}
.main-footer a:hover, .sub-footer a:hover {
text-decoration: underline;
}
.main-footer .bereich-1 p, .main-footer .bereich-2 p, .main-footer .bereich-3 p {
margin-bottom: 5px;
}
.main-footer .bereich {
margin-bottom: 20px;
}
.main-footer .wysija-input, .main-footer .mailpoet_text{
padding: .4em .6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
width:100%;
}
.main-footer .wysija-submit, .main-footer .mailpoet_submit {
padding: .5em 1em;
width: auto;
margin-top: 10px !important;
background-color: #E6E6E6;
text-decoration: none;
border-radius: 2px;
border: transparent;
}
.main-footer .wysija-submit:hover {
background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
}
.sub-footer {
width: 100%;
height: auto;
background: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0 20px;
line-height: 40px;
font-size: 12px;
}
.sub-footer a {color: #333;}
.logo-footer {background: white;}
.logo-footer h2 {color: #444; text-transform: uppercase; margin-bottom: 15px;}
.logo-footer img {max-width: 300px;}
textarea {width:100%; height: 120px;}
input {width:100%;}
select {width:100%;}
.pure-form label {padding: 20px 0 0 0;}
input.wpcf7-submit {width:auto !important;}
.main-footer .button-wrapper {
display: flex;
flex-wrap: wrap;
}
.button-wrapper .recaptcha {
padding-right: 20px;
}
.button-wrapper .senden {
padding-top: 5px;
}
/* HEADER */
@media (min-width: 992px) {
header {
display: flex;
}
}
#header-image {
width:100%;
height: 90px;
padding: 10px 5px 10px 20px;
}
#header-image img {
height: 100%;
width: auto;
}
@media (min-width: 512px) {
#header-image {height: 110px; padding: 15px 10px 15px 30px;}
}
@media (min-width: 768px) {
#header-image {width: auto; height: 125px; margin-left: 20px; padding: 15px 10px 0px 13px;}
}
@media (min-width: 992px) {
#header-image {height: 155px; padding: 20px 20px 1px 15px;}
}
/* @media (min-width: 1152px) {#header-image {width:169px; height: 169px;}} */
#header-menu-wrapper {
width: 100%;
height: auto;
position: relative;
vertical-align: bottom;
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 768px) {#header-menu-wrapper { margin-top: 20px; padding-left: 20px;}}
#header-side-menu-wrapper {
position: absolute;
top: 0px;
right: 20px;
text-align: right;
display: flex;
flex-direction: column;
justify-content: center;
height: 90px;
}
.side-menu li {
margin-right: 0;
margin-left: 10px;
display: inline-block;
padding-top: 5px;
}
.side-menu li .icon-title {
display: none;
}
.side-menu li .fa {
display: block;
text-align: center;
margin: 0 0 7px 0;
font-size: 325%;
}
.side-menu li a, .side-menu li a:hover {
color: var(--maincolor);
font-family: 'Sen', sans-serif;
font-weight: 400;
font-size: 9px;
display: block;
text-transform: uppercase;
text-decoration: none;
}
.side-menu li .moho-support-icon {
background: var(--secondcolor);
-webkit-mask-image: url('images/moho-support-icon.svg');
mask-image: url('images/moho-support-icon.svg');
display: block;
text-align: center;
width: 25px;
height: 25px;
transform: translateY(9%);
}
.side-menu li .support-icon-title {
color: var(--secondcolor);
}
@media (min-width: 375px) {
.side-menu li .fa { font-size: 400%; }
.side-menu li .moho-support-icon { width: 32px; height: 32px; transform: translateY(9%);}
.side-menu li { margin-left: 15px; }
}
@media (min-width: 512px) {
.side-menu li .icon-title { display: inline; }
.side-menu li a, .side-menu li a:hover {font-size: 10px;}
.side-menu li .fa {margin: 0 0 8px 0;}
.side-menu li .fa {font-size: 250%;}
.side-menu li .moho-support-icon { margin: 0 auto 8px auto; width: 22px; height: 22px; transform: translateY(5%);}
}
@media (min-width: 768px) {
.side-menu li a, .side-menu li a:hover {font-size: 12px;}
.side-menu li a, .side-menu li a:hover { color: var(--maincolor); }
.side-menu li .moho-support-icon { width: 26px; height: 26px; transform: translateY(10%); }
}
@media (min-width: 992px) {
.side-menu li a, .side-menu li a:hover {font-size: 14px; line-height: 24px;}
#header-side-menu-wrapper { top: 20px; height: auto;}
.side-menu li .fa { display: inline-block; margin: 0; padding: 0px 8px 0px 0px; font-size: 160%;}
.side-menu li { margin-left: 20px; padding-top: 0;}
.side-menu li .moho-support-icon { display: inline-block; margin: 0px 8px 0px 0px; width: 20px; height: 20px; transform: translateY(22%); }
}
/* HORIZONTALES MENUE - Zwei Ebenen */
nav {
width: 100%;
height: auto;
border-bottom: 2px solid var(--maincolor);
}
.main-menu-container { background: var(--lightcolor); }
.main-menu-container, .sub-menu-container {
position: relative;
width:100%;
padding-left: 20px;
padding-right: 20px;
}
.sub-menu-container {background: #fff;position: relative;}
ul.two-line-main-menu, ul.two-line-sub-menu {
display: inline-block;
list-style: none;
}
ul.two-line-main-menu, ul.two-line-sub-menu {
margin-top: 5px;
margin-bottom: 5px;
}
ul.two-line-main-menu li:not(:last-child):after {
content: '//';
display: inline-block;
padding-right: 7px;
color: var(--maincolor);
}
ul.two-line-main-menu li a {
font-family: 'Sen', sans-serif;
font-weight: 600;
font-size: 18px;
display: inline-block;
color: #333;
text-transform: uppercase;
text-decoration: none;
line-height: 28px;
padding-right: 10px;
}
ul.two-line-sub-menu li a {
font-family: 'Sen', sans-serif;
font-weight: 500;
font-size: 16px;
display: block;
color: #333;
text-transform: uppercase;
text-decoration: none;
line-height: 28px;
padding-right: 10px;
}
ul.two-line-main-menu .current-menu-item > a,
ul.two-line-main-menu .current-menu-parent > a,
ul.two-line-sub-menu .current-menu-item > a {
font-weight: bold;
}
.two-line-main-menu li, .two-line-sub-menu li {
display: inline-block;
}
#toggle {
display: none;
}
@media screen and (max-width: 767px) {
ul.two-line-main-menu li a {
line-height: 35px;
}
.sub-menu-container {
min-height: 45px;
padding: 0;
}
#toggle .fa-bars {
margin: 0;
}
#toggle {
display: block;
position:absolute;
right: 0px;
padding:0 20px;
display: flex;
justify-content: center;
flex-direction: column;
height: 45px;
}
ul.two-line-sub-menu {
width: 100%;
padding: 0;
margin: 0;
}
ul.two-line-sub-menu li {
display: none; /* hide all items */
margin: 0;
padding:0 20px;
}
ul.two-line-sub-menu li a {
line-height: 45px;
padding: 0;
}
ul.two-line-sub-menu li.current-menu-item {
display: block; /* show only current item */
cursor: pointer;
}
ul.two-line-sub-menu a {
display: block;
padding: 5px 0px;
text-align: left;
pointer-events: none;
}
/* on nav hover */
ul.two-line-sub-menu.active {
background-image: none;
}
ul.two-line-sub-menu.active a {
pointer-events: inherit;
}
ul.two-line-sub-menu.active li {
display: block;
border-bottom: 1px solid #ddd;
padding:0 20px;
}
ul.two-line-sub-menu.active li:last-child {
border-bottom: none;
}
}
/* CONTENT Allgemeines */
main a,
main a:hover,
h1,h2,h3,h4,h5,
.menu-item > a:hover,
ul.two-line-main-menu .current-menu-item > a,
ul.two-line-main-menu .current-menu-parent > a,
ul.two-line-sub-menu .current-menu-item > a {
color: var(--maincolor);
}
main a:hover,
.menu-item > a:hover {
color: var(--maincolor);
}
a.read-more:hover,
a.buttonlink:hover,
a.buttonlink_download:hover,
a.outline-button:hover {
background: var(--maincolor);
}
a{font-weight:bold;text-decoration:none;border:0;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}
a.read-more {
display: table;
margin-top: 10px;
margin-bottom: 10px;
background: #aaa;
padding:4px 10px;
font-weight: 400;
text-transform: uppercase;
font-weight: 700;
color: #fff;
border-radius: 5px;
}
a.read-more:hover {
color: #fff;
}
a.buttonlink {
display: inline-block;
padding: 15px 20px;
background: rgba(0,0,0,0.5);
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
width: 100%;
color: #fff;
border-radius: 5px;
}
a.buttonlink:hover, a.buttonlink_download:hover {color: #fff;}
a.buttonlink_download {
padding: 10px 15px;
margin-bottom: 10px;
background: rgba(0,0,0,0.5);
text-transform: uppercase;
font-weight: 700;
width: 100%;
color: #fff;
border-radius: 5px;
display: inline-flex;
align-items: center;
}
a.buttonlink_download_inline {
width: auto;
}
div.news a.buttonlink_download {
width: auto!important;
margin-top: 10px;
}
a.buttonlink_download .fa {
margin-right: 10px;
font-size: 24px;
}
a.outline-button {
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
background: white;
padding:4px 10px;
font-weight: 400;
text-transform: uppercase;
font-weight: 700;
color: var(--maincolor);
border-radius: 5px;
border: 1px solid var(--maincolor);
}
a.outline-button:hover {
color: #fff;
}
p { margin:0;padding: 0 0 5px 0; }
.untertitel { font-size:14px; font-style: italic; padding:0 0 5px 0;}
.untertitel span {
font-weight: bold;
text-transform: uppercase;
font-size: 0.85em;
font-style: normal;
}
.fa {
margin-right: 10px;
font-size: 18px;
}
.alignright { float:right; }
.alignleft {float:left;}
.aligncenter {}
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.screen-reader-text {}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-uppercase {text-transform: uppercase;}
img { width: 100%; height: auto; }
.margin-0 { margin: 0; }
.margin-b-0 { margin-bottom: 0px; }
.margin-b-5 { margin-bottom: 5px; }
.margin-b-10 { margin-bottom: 10px; }
.margin-b-20 { margin-bottom: 20px; }
.margin-b-30 { margin-bottom: 30px; }
.margin-t-0 { margin-top: 0px; }
.margin-t-5 { margin-top: 5px; }
.margin-t-10 { margin-top: 10px; }
.margin-t-20 { margin-top: 20px; }
.margin-t-30 { margin-top: 30px; }
.margin-t-40 { margin-top: 40px; }
.box-shadow {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.flickity-prev-next-button {width: 40px;height: 40px;border-radius: 0;}
.flickity-prev-next-button:disabled {display: none;}
.flickity-prev-next-button.previous {left: 0px;}
.flickity-prev-next-button.next {right: 0px;}
/* CONTENT Überschriften */
h1,h2,h3,h4,h5 { font-family: 'Sen', sans-serif;}
h1 {font-size:18px; font-weight:400; margin-bottom:15px; text-transform: uppercase;}
h2 {font-size:16px; font-weight:400; margin-bottom:10px;}
h3,h4,h5{font-size:15px; font-weight:400; margin-bottom:5px;}
.block-ueberschrift {
background: var(--maincolor);
color: #fff;
padding: 4px 10px 4px 10px;
text-transform: uppercase;
font-weight: 400;
font-size: 18px;
}
@media (max-width: 1151px) {.block-ueberschrift {font-size: 14px;}}
.underline-ueberschrift {
border-bottom: 1px solid var(--maincolor);
padding: 5px 10px 5px 0px;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
}
h1.live-titel {
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
font-weight: 300;
}
h2.live-programmtitel {
color: #333;
font-size: 18px;
line-height: 26px;
font-weight: 400;
}
/* STARTSEITE - Live-Slider */
.live-carousel {
height: auto;
}
.live-carousel .carousel-cell {
width: 100%;
height: auto;
margin-right: 10px;
}
.slider-live {
position: relative;
}
/* Slider-Bild ist Hintergrundbild in der Box */
.slider-image-box {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
width: 100%;
}
.slider-image-box:before {
content: "";
display:block;
padding-top: 100%;
}
@media (min-width: 384px) {.slider-image-box:before {padding-top: 75%;}}
@media (min-width: 576px) {.slider-image-box:before {padding-top: 66%;}}
@media (min-width: 768px) {.slider-image-box:before {padding-top: 56%;}}
@media (min-width: 1152px) {.slider-image-box:before {padding-top: 50%;}}
.slider-live-titel {
position: absolute;
background: rgba(0,0,0,0.5);
left: 0;
bottom: 0;
color: #fff;
padding: 10px 15px;
}
.slider-live-titel h2 {
margin: 0;
font-size: 20px;
line-height: 28px;
color: #fff;
font-weight: 300;
}
.slider-live-titel h2.zeitangabe {
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
}
@media (max-width: 575px) {
.slider-live-titel h2 {font-size: 3.6vw; line-height: 5vw;}
.slider-live-titel h2.zeitangabe {font-size: 3.2vw;}
}
/* STARTSEITE - Kino-Slider */
.kino-carousel {
height: auto;
}
.kino-carousel .carousel-cell {
width: 24%;
height: auto;
margin-right: 1.3333%;
}
.cod-carousel .carousel-cell {
width: 32%;
height: auto;
margin-right: 2%;
}
@media (max-width: 575px) {.kino-carousel .carousel-cell {width: 31.5%; margin-right: 2.75%;}}
@media (max-width: 383px) {.kino-carousel .carousel-cell {width: 48.5%; margin-right: 3%;}}
.carousel-cell-inner{
width: 100%;
padding-top: 140%;
position: relative;
}
.carousel-cell-overlay {
background: rgba(0,0,0,0.5);
position: absolute;
height: auto;
width: 100%;
bottom:0;
left:0;
color: #fff;
padding: 10px;
text-align: center;
}
.carousel-cell-overlay-icon {
width: 100%;
height: 100%;
position: absolute;
top:0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
color: rgba(255,255,255,0.7);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.carousel-cell-overlay-icon:hover {
color: rgba(255,255,255,1.0);
transform: scale(1.2);
}
/* STARTSEITE - Neuigkeiten */
h3.news-datum {
color: #777;
text-transform: uppercase;
font-size: 14px;
}
.news-post {
padding: 15px 10px;
background-color: rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
}
.news-post:last-child {
margin-bottom: 0px;
}
/* STARTSEITE - Heute LIVE */
.heute-live-img {padding: 0 0 10px 0;}
.heute-live-info h3 {
margin-bottom: 5px;
text-transform: uppercase;
color: #333;
}
@media (min-width: 384px) and (max-width: 991px)
{.heute-live-img {padding: 0 20px 0 0;}}
/* STARTSEITE - Heute im KINO */
.tagesprogramm ul {
background: rgba(0, 0, 0, 0.05);
}
.tagesprogramm li {
border-bottom: 1px solid var(--maincolor);
}
.tagesprogramm li:nth-child(odd) {
background: rgba(255, 255, 255, 0.6);
}
.tagesprogramm li:hover {
background: #ddd;
}
.tagesprogramm li a {
display: block;
padding: 10px;
}
.tagesprogramm li a > *:nth-child(3) {
margin-left: 0;
}
.tagesprogramm h2.titel {
margin: 0;
margin-bottom: 5px;
font-weight: 400;
font-size: 15px;
}
.tagesprogramm h3.uhrzeit {
margin-bottom: 3px;
text-transform: uppercase;
color: #333;
}
/* Seite PROJEKT */
.projekt-box-image {
position: relative;
}
.projekt-box-image img {
width: 100%;
height: auto;
display: block;
}
.projekt-box-text {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.7);
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
padding: 5px;
visibility: hidden;
}
.projekt-box-image:hover .projekt-box-text {
visibility: visible;
}
h1.projekt-titel, h2.projekt-untertitel{
color: #fff;
font-weight: 400;
font-size: 14px;
}
/* PROGRAMMSEITE LIVE */
.live-box {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.live-box-image {
width: 100%;
height: auto;
min-height: 29px;
position: relative;
}
.live-box-image a {
display: block;
}
.live-box .live-box-image img {
width: 100%;
max-width: 100%;
height: auto;
}
.live-box:hover {
-moz-transform: scale(1.04);
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
.live-box-text {
border-bottom: 1px solid var(--maincolor);
width: 100%;
text-align: center;
position: relative;
background: #eee;
display:flex;
flex-direction:column;
min-height:74px;
}
.live-box-text h2.titel {
font-size: 14px;
font-weight: 700;
padding: 6px 5px;
margin:auto 0;
text-transform: uppercase;
}
.live-box-text h2.programm-titel {
color: #333;
font-size: 14px;
font-weight: 400;
padding: 0px 5px;
}
.live-box-text h2.genre {
color: #333;
font-size: 14px;
font-weight: 400;
padding: 5px 5px;
margin:0;
background: rgba(255, 255, 255, 0.6);
}
.live-box-image h2.zeitangabe {
text-align: center;
color: #fff;
font-size: 14px;
padding:6px 15px;
font-weight: 400;
text-transform: uppercase;
display: block;
position: absolute;
margin: 0;
width: 100%;
bottom: 0px;
background: rgba(0,0,0,0.6);
}
/* LISTENANSICHT für KATEGORIEN */
.list-item {
margin-bottom: 0px;
border-bottom: 1px solid var(--maincolor);
}
.list-item .list-image {
padding-right: 20px;
}
.list-item .list-image img {
display: block;
}
.list-item .list-datum {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 14px;
}
.list-datum .list-item-title {
display: none;
}
.list-item .list-datum div.termine {
padding-right: 10px;
padding-left: 10px;
}
.list-item .list-datum span {
font-size: 12px;
text-transform: uppercase;
font-family: 'Sen', sans-serif;
font-weight: 700;
display: block;
}
.list-item .list-datum span.bigger {
color: var(--maincolor);
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.list-item .list-infos {
padding-bottom: 10px;
padding-top: 15px;
}
.list-item .list-item-title, .list-item .list-item-title a, .film-titel, .film-titel a {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
@media (max-width: 991px) {
.list-item .list-item-title, .list-item .list-item-title a, .film-titel, .film-titel a {
font-size: 16px;
font-weight: 700;
}
}
.list-item a.list-trailer-link {
display: block;
padding:10px 10px;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
}
.list-item a.list-trailer-link:hover {
background: var(--maincolor);
color: #fff;
}
.kategorie-infos {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.list-item .list-datum div.trailer {
display: none;
}
div.list-item {
padding-top: 10px;
}
.list-item .list-datum div.termine {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 10px;
}
.list-item .list-datum span {
padding-right: 5px;
display: inline-block;
}
.list-datum .list-item-title {
display: inline-block;
}
.list-infos .list-item-title {
display: none;
}
.list-item .list-infos {
padding-top: 0px;
padding-bottom: 20px !important;
}
}
@media (max-width: 383px) {
.list-item .list-image {
padding-right: 0 !important;
}
.list-item .list-infos {
padding-top: 10px;
}
}
/* PROGRAMMSEITE KINO */
.kino-heute {
margin-bottom: 40px;
}
.kino-heute .list-infos .list-item-title {
display: inline-block !important;
}
.kino-heute .list-infos .list-item-title .uhrzeit {
color: #333;
font-weight: 400;
}
@media (max-width: 991px) {
.list-infos .list-item-title .uhrzeit {
display: block;
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.kino-heute .list-item {
padding-top:0px;
margin-bottom: 25px;
}
}
/* Kategorieansicht GALERIE */
.ausstellung-wrapper {
background: #eee;
background: rgba(0, 0, 0, 0.03);
}
.ausstellung-bild {
position: relative;
}
.ausstellung-bild h2 {
position: absolute;
padding: 5px 10px;
top: 0;
right: 0;
background: rgba(0,0,0,0.6);
font-weight: 400;
color: #fff;
}
.underline-ueberschrift-galerie-event {
padding: 5px 0px 5px 0px;
}
.underline-ueberschrift-galerie-event span {
background: var(--maincolor);
color: #fff;
padding:5px 10px 5px 15px;
margin-left: 5px;
}
/* EVENTS */
/* EC3- Event-Liste (Seite Programm u.a.) */
.ec3_list {word-spacing: 0!important; letter-spacing: 0!important;}
.event_list_datum{ color: var(--maincolor); background: none; font-weight:400; font-family: 'Sen', sans-serif; font-size: 14px; text-transform: uppercase; margin:0 0 0 0;padding: 0px 0px 0px 10px;width:auto;height: 29px;line-height: 29px;float:left; text-align: left; position: absolute;top:-29px;left: 0;}
.ec3_events {list-style-type:none; margin:0; padding:0;}
.ec3_list_day {color: var(--lightcolor);text-align:right;width:100%;border-top:29px solid; margin-top:50px; margin-left:0px!important; list-style-type:none; position: relative;}
.ec3_list_day:first-child {margin-top:20px;}
.ec3_list_day ul li {text-align:left !important;list-style-type:none; display: flex; align-items: flex-start; line-height:20px; padding:6px 6px 6px 20px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.ec3_list_day ul li:nth-child(odd) {background: rgba(0,0,0,0.00);}
.ec3_list_day ul li:nth-child(even) {background: rgba(0,0,0,0.00);}
.ec3_list_day ul li:first-child {padding-top: 20px;}
.event_list_uhrzeit {color:#333; flex-shrink: 0;}
.event_list_link { display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; overflow:hidden; padding-right: 20px;}
.event_list_link span, .event_list_link img {flex-shrink: 0;}
.event_list_link > *:nth-child(2) {margin-left: 0;}
.event_list_link a {margin-right: 6px;display: block;}
span.list-version {
display: inline-block;
height: 19px;
padding: 0 3px;
margin-left: 6px;
border-width: 1px;
border-style: solid;
border-radius: 3px;
font-size: 0.85em;
line-height: 17px;
color: #555;
font-weight: bold;
vertical-align: middle;
}
img.list-icon {
display: inline-block;
width: auto;
height: 19px;
padding: 1px;
margin-left: 6px;
border: 1px solid #555;
border-radius: 3px;
vertical-align: middle;
}
@media (max-width: 767px) {
.event_list_link a {width: 100%; margin-bottom: 2px;}
.ec3_list_day ul li {padding:6px 6px 6px 10px;}
span.list-version, img.list-icon {margin-bottom: 2px;}
}
/* SINGLE EVENT FILM */
.single .film-bild, .film-wrapper .film-bild {
height: 300px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: -40px;
}
.film-bild-overlay {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-image: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0) 30%);
}
.film-seitenleiste .film-infos {
padding-bottom: 20px;
}
.film-plakat img {margin-bottom: 10px;}
@media (max-width: 767px) {
.film-plakat {display: none;}
}
@media (min-width: 992px) {
.single .film-bild, .film-wrapper .film-bild { height: 340px; }
}
@media (min-width: 1024px) {
.single .film-bild, .film-wrapper .film-bild { height: 380px; }
}
a.trailer_link_single {
display: inline-block;
padding:10px;
text-transform: uppercase;
color: rgba(255,255,255,0.85);
margin-bottom: 30px;
}
a.trailer_link_single:hover {
color: #fff;
}
/* Termin-Liste in den Beiträgen */
.ec3_past, .date_in_past{
color: #ccc;
}
.ec3_schedule ul li span:first-of-type, .ec3_iconlet span:first-of-type {
display: inline-block;
width: 35px;
}
.ec3_iconlet {
list-style: none;
padding-left:10px;
line-height:20px;
}
.ec3_iconlet span {
height:20px;
line-height:20px;
}
/* Piktogramme */
span.piktogramme {
height:20px;
}
img.not_barrier_free, img.original_language {
height:16px;
width:auto;
margin-left:7px;
vertical-align:middle;
}
span.event_list_link img.not_barrier_free, span.event_list_link img.original_language {
margin-left:8px;
}
.list-infos img.not_barrier_free, .list-infos img.original_language {
height:16px;
margin-bottom: 5px;
}
/* SINGLE EVENT LIVE */
.live-bild {
position: relative;
margin-bottom: 20px;
min-height: 40px;
}
.live-bild-overlay {
width: 100%;
height: 35%;
position: absolute;
bottom: 0;
background-image: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0) 100%);
display: flex;
}
.live-seitenleiste p:empty {display: none;}
.live-seitenleiste h3 {
font-size: 15px;
margin-top: 10px;
margin-bottom: 5px;
font-weight: 400;
text-transform: uppercase;
}
.live-text {
padding-left: 20px;
padding-right: 20px;
margin-top: -60px;
position: relative;
z-index: 9999;
}
.logo-block {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
}
.logo-block img {
width: auto;
height: auto;
max-width: 250px;
max-height: 110px;
margin: 15px;
}
.overview-image-in-single {
display: flex;
justify-content: center;
}
.overview-image-in-single img {
max-width: 385px;
}
/* Seite HIER */
.gallery-item {
width: 200px;
height: auto;
margin-right: 10px;
}
/* Seite ADVENT AUF DEM MORITZHOF */
.advent-gallery-item {
padding: 5px;
}
.advent-gallery .pure-g {
margin: 0 -5px;
}
.advent-gallery-item img {
display: block;
}
.advent-gallery-item a {
outline: none;
}
/* --------------------------------------------------------------
Bewerbungsformular Advent (KONTAKTFORMULAR WENN CONTACT FORM 7 INSTALLIERT)
-------------------------------------------------------------- */
fieldset.advent {
padding:20px 20px 20px 20px !important;
margin-bottom:40px;
width:100%;
max-width: 800px;
text-align:left;
font-size:14px;
}
fieldset.advent p {
margin-bottom:20px;
}
fieldset.advent h1 {
padding:0 0 40px 0;
text-align:left;
}
.advent input[type="text"],
.advent input[type="tel"],
.advent input[type="email"] {
display:inline-block;
vertical-align:middle;
padding-left:10px;
height:35px;
border:1px solid #666;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width:100%;
}
::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
.advent textarea {
display:inline-block;
vertical-align:middle;
padding-left:10px;
padding-top:10px;
height:200px;
width:100%;
border:1px solid #666;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.advent label {
display:inline-block;
vertical-align:middle;
width:100%;
margin-right:20px;
font-weight:normal;
margin-bottom: 5px;}
.advent input[type="radio"] {vertical-align:top; margin:2px 5px 0 0; font-size:16px; width:auto;}
.advent input[type="checkbox"] {vertical-align:top; margin:3px 5px 0 0; font-size:16px; width:auto;}
.advent input[id="plz"] {width:25%;} .advent input[id="ort"] {width:72%; margin-left:3%;}
.advent input[type="submit"] {
cursor:pointer;
padding:0 30px 0 30px;
height:60px;
width:100%;
text-align:center;
border-radius:3px;
border:none;
font-weight:bold;
text-transform:uppercase;
}
.advent span.wpcf7-list-item {margin: 0 10px 0 10px;}
.advent input[type="submit"]:enabled {background-color: var(--maincolor); color: #fff;}
.advent input[type="submit"]:enabled:hover {background-color: var(--secondcolor); color: #fff;}
.advent input[type="submit"]:disabled {background-color: #eee; color:#ccc;}
.advent p.textboxlabel {
text-align:left;
margin-bottom:10px;
}
.advent p.radiolabel {
text-align:left;
display:inline-block;
width:100%;
float:left;
margin-bottom: 10px;
}
.advent p.radiobutton {
display:inline-block;
width:100%;
float:right;
text-align:left;
height:20px;
line-height:20px;
margin-bottom: 25px;
}
.advent p.radiobutton label {
width:auto;
}
.advent p.checkboxlabel {
text-align:left;
margin-left:40px;
}
.advent p.checkboxlabel label {
color:#333;
}
.advent p.absendebutton {
display:inline-block;
width:100%;
text-align:left;
}
.advent p.left {
text-align:left;
}
@media (min-width: 768px) {
.advent input[type="text"], .advent input[type="tel"], .advent input[type="email"] {
width:380px;
}
.advent label {
width:auto;
margin-bottom: 0px;
}
fieldset.advent {
text-align:right;
}
.advent input[id="plz"] {width:80px;} .advent input[id="ort"] {width:290px; margin-left:10px;}
}
@media (min-width: 992px) {
.advent input[type="text"], .advent input[type="tel"], .advent input[type="email"] {
width:500px;
}
.advent input[id="plz"] {width:90px;} .advent input[id="ort"] {width:390px; margin-left:20px;}
fieldset.advent {
padding:40px 50px 20px 50px !important;
font-size:14px;
}
}
/* --------------------------------------------------------------
HOF ON AIR - Seite
-------------------------------------------------------------- */
.video-thumb {
overflow: hidden;
height: 0;
padding-top: 56.25%;
max-width: 100%;
position: relative;
}
.video-thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin:-9.4% 0;
}
.video-title {
padding: 5px 8px;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
width:100%
}
.video-title > p {
padding: 0px;
margin: 0px;
color:#fff;
font-weight: normal;
font-size: 13px;
}
.video-overlay {
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
}
.video-link {
color: rgba(255,255,255,0.8);
}
.video-link:hover {
color: #fff;
}
/* --------------------------------------------------------------
BÜCHEREXPRESS - Seite
-------------------------------------------------------------- */
div.iso-item {
margin-bottom:20px;
}
@media (min-width: 480px) and (max-width: 767px) {
div.iso-item, .iso-grid-sizer {
width:48.3%;
}
.iso-gutter-sizer {
width:3.4%;
}
}
@media (min-width: 768px) {
div.iso-item, .iso-grid-sizer {
width:229px;
}
.iso-gutter-sizer {
width:20px;
}
}
@media (min-width: 992px) {
div.iso-item, .iso-grid-sizer {
width:223px;
}
.iso-gutter-sizer {
width:20px;
}
}
@media (min-width: 1152px) {
div.iso-item, .iso-grid-sizer {
width:23.65%;
}
.iso-gutter-sizer {
width:1.8%;
}
}
@media (min-width: 1240px) {
div.iso-item, .iso-grid-sizer {
width:285px;
}
.iso-gutter-sizer {
width:20px;
}
}
.iso-button-group {
display: flex;
flex-wrap: wrap;
}
.button {
display:block;
width:auto;
background:#eee;
border:none;
color:#777;
height:40px;
font-size:14px;
font-weight: 600;
text-align:left;
padding:0 15px 0 15px;
margin:0 2px 2px 0;
}
.button:hover, .is-checked {
background: var(--maincolor);
color:#fff;
}
.iso-title {
position: absolute;
bottom:0;
left:0;
width:100%;
background: rgba(0,0,0,0.6);
color:#fff;
font-weight:400;
padding:8px;
}
/* --------------------------------------------------------------
Versteigerung STEFFEN EBERT
-------------------------------------------------------------- */
div.formular-versteigerung div.pure-u-1 {
padding-right: 60px;
}
div.formular-versteigerung fieldset {
border:0px solid #ccc;
width:100%;
text-align:left;
font-size:14px;
}
div.formular-versteigerung fieldset p {
margin-bottom:10px;
}
div.formular-versteigerung input[type="text"], div.formular-versteigerung input[type="number"], div.formular-versteigerung input[type="tel"], div.formular-versteigerung input[type="email"] {
display:inline-block;
vertical-align:middle;
padding-left:10px;
height:40px;
border:1px solid #aaa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width:100%;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ccc;
}
div.formular-versteigerung input[type="submit"] {
cursor:pointer;
font-weight:bold;
background-color: var(--maincolor);
padding:0 20px 0 20px;
height:40px;
width:100%;
text-align:center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 0 10px 0;
border: none;
}
div.formular-versteigerung input[type="submit"]:enabled {background-color: var(--maincolor); color:#fff;}
div.formular-versteigerung input[type="submit"]:enabled:hover {background-color: var(--secondcolor); color:#fff;}
div.formular-versteigerung input[type="submit"]:disabled {background-color: #ddd; color:#bbb;}
div.formular-versteigerung p.checkboxlabel {
display: inline-block;
text-align: left;
margin-left: 25px;
}
div.formular-versteigerung p.checkboxlabel span.wpcf7-list-item {
margin:0;
}
div.formular-versteigerung p.senden {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
div.formular-versteigerung input[type="checkbox"] {
float: left;
margin: 0 0 -3px -25px;
height:14px;
width: 14px;
position: relative;
cursor: pointer;
}
div.formular-versteigerung label {
display:inline-block;
vertical-align:middle;
width:100%;
margin: 0 20px 0 0;
font-weight:normal;
padding:5px;
}
div.versteigerung-bilddaten {
background: rgba(0,0,0,0.75);
padding: 8px 10px;
}
div.versteigerung-bilddaten p {
color: white;
padding: 0;
}
div.versteigerung-bilddaten p.bildnummer {
font-weight: normal;
}
/* --------------------------------------------------------------
Einbindung Ticket-International-API
Filmübersichten und Einzelansichten
-------------------------------------------------------------- */
/* Generelles */
.film-spielzeiten .tag-wrapper, .film-spielzeiten .termin-wrapper {background: rgba(0,0,0,0.05);}
.film-spielzeiten .tag-wrapper.heute, .film-spielzeiten .termin-wrapper.heute {border: 1px solid var(--maincolor);}
.film-spielzeiten .fa {margin-right: 6px;}
.film-spielzeiten .wochentag {text-transform: uppercase;font-weight: 700;font-family: 'Sen', sans-serif;}
.film-spielzeiten .numerisch {font-family: 'Sen', sans-serif;}
.film-spielzeiten .uhrzeit {font-family: 'Sen', sans-serif; font-weight: 700;}
.film-spielzeiten .saal, .film-spielzeiten .version {
padding: 0 3px;
border-width: 1px;
border-style: solid;
border-radius: 3px;
font-weight: 400;
}
.film-spielzeiten .version {background: rgba(0,0,0,0.4);}
/* Alle Spielzeiten in der Einzelfilm-Ansicht */
@media (max-width: 1151px) {.film-spielzeiten.single {font-size: 0.8rem;}}
@media (max-width: 499px) {.film-spielzeiten.single {font-size: 0.7rem;}.film-spielzeiten.single .fa {display: none;}}
@media (max-width: 374px) {.film-spielzeiten.single {font-size: 0.6rem;}}
.film-spielzeiten.single .tag-wrapper {margin-bottom: 10px;display: flex;flex-direction: column;}
.film-spielzeiten.single .datum {width: 75px;padding: 8px 10px;min-height: 100%;}
.film-spielzeiten.single .datum span {padding-right: 8px;width: 100%;}
.film-spielzeiten.single .datum span.wochentag {margin-bottom: 2px;}
.film-spielzeiten.single .spielzeiten {flex-grow: 1;padding:0 5px;}
.film-spielzeiten.single a.spielzeit-link {color: white;}
.film-spielzeiten.single .spielzeit {
background: rgba(0,0,0,0.5);
width: 100%;
margin: 5px 0;
border-radius: 5px;
display: flex;
align-items: center;
height: 40px;
}
.film-spielzeiten.single .special-spielzeit {background: rgba(100,0,0,0.6);}
.film-spielzeiten.single a.spielzeit-link:hover .spielzeit {color: white; background: var(--maincolor);}
.film-spielzeiten.single .spielzeit span.uhrzeit {padding: 0 10px;}
.film-spielzeiten.single .spielzeit span.saal, .film-spielzeiten.single .spielzeit span.version {border-color: white;font-size: 0.82em;margin-right: 8px;}
.film-spielzeiten.single .spielzeit span.special {padding: 0;font-weight: 600;font-size: 1em;}
.film-spielzeiten.single .spielzeit span.tickets {text-transform: uppercase;flex-grow: 1;text-align: right;padding: 0 10px;}
@media (min-width: 1240px) {
.film-spielzeiten.single .tag-wrapper {flex-direction: row;}
.film-spielzeiten.single .datum span {display: block;}
}
/* Besondere Termine in der Einzelfilm-Ansicht */
.film-spielzeiten.special .termin-wrapper {
padding: 10px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.film-spielzeiten.special .termin-wrapper span {margin-right: 8px;}
.film-spielzeiten.special .datum-wrapper { margin-bottom: 3px;}
.film-spielzeiten.special .uhrzeit-wrapper { margin-bottom: 16px;}
.film-spielzeiten.special .info-wrapper {margin-bottom: 10px;}
.film-spielzeiten.special .wochentag, .film-spielzeiten-special .numerisch, .film-spielzeiten-special .uhrzeit {font-family: 'Sen', sans-serif;}
.film-spielzeiten.special .wochentag, .film-spielzeiten-special .uhrzeit {font-weight: 700;}
.film-spielzeiten.special .wochentag {text-transform: uppercase;}
.film-spielzeiten.special .saal, .film-spielzeiten.special .version {border-color: #333;font-size: 0.85em;}
.film-spielzeiten.special .version {background: rgba(0,0,0,0.1);}
.film-spielzeiten.special .special {text-transform: uppercase; display: block; font-weight: 600; margin-bottom: 8px;}
.film-spielzeiten.special a.spielzeit-link {
background: rgba(100,0,0,0.6);
text-transform: uppercase;
color: white;
width: 140px;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
}
.film-spielzeiten.special a.spielzeit-link:hover {background: var(--maincolor);}
/* Spielzeiten in der Übersicht "Alle Filme" */
.film-spielzeiten.liste {
display: flex;
flex-direction: row;
overflow: scroll;
margin: 15px 0;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
.film-spielzeiten.liste::-webkit-scrollbar { display: none; /* Safari and Chrome */}
.film-spielzeiten.liste .tag-wrapper {
margin-right: 5px;
flex-shrink: 0;
display: flex;
flex-direction: column;
height: auto;
width: 95px;
}
.film-spielzeiten.liste .datum {padding: 5px 10px;text-align: center;}
.film-spielzeiten.liste .datum span {width: 100%;}
.film-spielzeiten.liste .datum span.wochentag {margin-bottom: 2px;margin-right: 6px;}
.film-spielzeiten.liste .spielzeiten {padding:0 5px;}
.film-spielzeiten.liste a.spielzeit-link {color: white;}
.film-spielzeiten.liste .spielzeit {
position: relative;
background: rgba(0,0,0,0.5);
width: 100%;
margin: 5px 0;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 46px;
height: auto;
padding:6px 5px;
overflow: hidden;
}
.film-spielzeiten.liste .special-spielzeit {background: rgba(100,0,0,0.6);}
.film-spielzeiten.liste .spielzeit-overlay {
border-radius: 5px;
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: var(--maincolor);
visibility: hidden;
}
.film-spielzeiten.liste a.spielzeit-link:hover .spielzeit-overlay {visibility: visible;}
.film-spielzeiten.liste .spielzeit span.saal {font-size: 0.75em;border:0;text-align: center;padding:1px 0;}
.film-spielzeiten.liste .spielzeit span.version {margin: 3px 0;border-color: white;font-size: 0.8em;}
.film-spielzeiten.liste .spielzeit span.special {
padding: 4px 1px 3px 1px;
font-weight: 400;
font-size: 1em;
text-align: center;
/* word-break: break-word;
white-space:pre-wrap;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; */
}
.film-spielzeiten.liste .spielzeit-overlay span.tickets {
display: block;
text-transform: uppercase;
font-weight: 600;
font-size: 0.9em;
}
.film-spielzeiten.liste .spielzeit-overlay span.tickets .fa {
margin: 0;
}
.list-mobile-title {
padding: 10px 10px 10px 0;
display: none;
}
@media (max-width: 767px) {
.list-mobile-title {
display: inline-block;
}
}
/* --------------------------------------------------------------
Seite Unterstützende
-------------------------------------------------------------- */
.block-unterstuetzende {
width:100%;
}
.block-unterstuetzende img {
width: 70%;
height: auto;
max-width: 300px;
}
.block-unterstuetzende .logos-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.block-unterstuetzende .logos-wrapper > div {padding: 30px 20px; width: 100%; text-align: center;}
.block-unterstuetzende .logos-wrapper > div img {width: auto; height: auto; max-width: 80%; max-height: 110px;}
@media (min-width: 512px) {
.block-unterstuetzende .logos-wrapper {flex-direction: row;}
.block-unterstuetzende .logos-wrapper > div {width: auto;}
.block-unterstuetzende .logos-wrapper > div img {max-width: 260px; max-height: 100px;}
}
/* --------------------------------------------------------------
Seite #moritz4all
-------------------------------------------------------------- */
.moritz4all-contentblock img {
width: initial; height: initial; max-width: 100%;
}
.moritz4all-contentblock img.alignleft,
.moritz4all-contentblock img.aligncenter,
.moritz4all-contentblock img.alignright {padding: 20px 10px; margin: 0 auto; display: block; float: none;}
.moritz4all-contentblock img.aligncenter { margin: 0 auto; display: block;}
@media (min-width: 512px) {
.moritz4all-contentblock img.alignleft, .moritz4all-contentblock img.alignright {padding: 20px 10px; margin: 0; display: initial;}
.moritz4all-contentblock img.alignleft {float: left; padding: 20px 20px 20px 10px;}
.moritz4all-contentblock img.alignright {float: right; padding: 20px 10px 20px 20px;}
}
.moritz4all-supporter {
width:100%;
}
.moritz4all-supporter img {
width: 80%;
height: auto;
max-width: 300px;
}
.moritz4all-supporter .logos-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.moritz4all-supporter .logos-wrapper > div {padding: 30px 20px; width: 100%; text-align: center;}
.moritz4all-supporter .logos-wrapper > div img {width: auto; height: auto; max-width: 80%; max-height: 150px;}
@media (min-width: 512px) {
.moritz4all-supporter .logos-wrapper {flex-direction: row; justify-content: center;}
.moritz4all-supporter .logos-wrapper > div {width: auto;}
.moritz4all-supporter .logos-wrapper > div img {max-width: 250px; max-height: 130px;}
}
/* --------------------------------------------------------------
Seite Team
-------------------------------------------------------------- */
.team-member-box {
background: #eee;
background: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid var(--maincolor);
}
.team-member-titel {
font-size: 20px;
font-weight: 300;
}