/*
Theme Name: schottenewtheme
Theme URI: https://dieschotte.de
Description: Schotte e.V.
Author: Schotte e.V.
Author URI: https://dieschotte.de
Version: 1.5
Text Domain: schottenewtheme
License: NOT FOR PUBLIC
License URI: https://dieschotte.de
Requires at least: 6.5
Tested up to: 6.7.2
Requires PHP: 8.0
*/

#fancybox-wrap {
	max-height: 90vh !important;
  width: auto !important;
}

.gallery-lightbox-container>div:last-of-type {
	display: none !important;
}

.fancybox-toolbar .fancybox-button--zoom,
.fancybox-toolbar .fancybox-button--play,
.fancybox-toolbar .fancybox-button--thumbs {
	display: none !important;
}

/* [data-src] {
	background-color: #eee;
} */
:root { 
	--main-color: #183e7b; 
	--main-text-color: #0B2E65;
	--container-m-w: 1600px;
}

@font-face {
	font-family: 'zurich_bold_condensed_bt';
	src: url('fonts/zurich_bold_condensed_bt-webfont.eot');
	src: url('fonts/zurich_bold_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/zurich_bold_condensed_bt-webfont.woff2')
		format('woff2'), url('fonts/zurich_bold_condensed_bt-webfont.woff') format('woff'), url('fonts/zurich_bold_condensed_bt-webfont.ttf')
		format('truetype'), url('fonts/zurich_bold_condensed_bt-webfont.svg#zurich_bold_condensed_bt') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'zurich_bt';
	src: url('fonts/zurich_bt-webfont.eot');
	src: url('fonts/zurich_bt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/zurich_bt-webfont.woff2') format('woff2'),
		url('fonts/zurich_bt-webfont.woff') format('woff'), url('fonts/zurich_bt-webfont.ttf') format('truetype'),
		url('fonts/zurich_bt-webfont.svg#zurich_bt') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'zurich_condensed_bt';
	src: url('fonts/zurich_condensed_bt-webfont.eot');
	src: url('fonts/zurich_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/zurich_condensed_bt-webfont.woff2') format('woff2'),
		url('fonts/zurich_condensed_bt-webfont.woff') format('woff'), url('fonts/zurich_condensed_bt-webfont.ttf') format('truetype'),
		url('fonts/zurich_condensed_bt-webfont.svg#zurich_condensed_bt') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
	position: static;
	color: var(--main-text-color) !important;
	/* vorher 5f5e5e*/
	font-family: 'zurich_bt', Arial, sans-serif !important;
	/*'Source Sans Pro', sans-serif;*/
	font-size: 18px;
	/*vorher 16px*/
	line-height: 1.4;
	/*vorher 1.7 */
	margin: 0;
	text-align: left;
	background: var(--main-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: visible !important;
}

html {
	font-family: sans-serif;
	overflow-x: hidden;
}

body .container-fluid {
	padding: 0px;
}

body.noscroll {
	position: fixed;
	width: 100%;
	height: auto;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

::-moz-selection {
	background: #08ceff;
	color: var(--main-color);
}

::selection {
	background: #08ceff;
	color: var(--main-color);
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

html {
	font-size: 100%;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

abbr[title] {
	border-bottom: 1px dotted;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	display: block;
	margin: 1em 0;
	padding: 0;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre, code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
	font-family: 'courier new', monospace;
}

pre, code {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

.small {
	font-size: 15px;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul, ol {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

ul ul, ol ol, ul ol, ol ul {
	margin: 0;
}

dd {
	margin: 0 0 0 40px;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure, form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	border: 0;
	padding: 0;
	margin-left: -7px;
}

label {
	cursor: pointer;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	vertical-align: middle;
}

button, input {
	line-height: normal;
	overflow: visible;
}

table button, table input {
	overflow: auto;
}

button, input[type=button], input[type=reset], input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	max-width: 20px;
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input:valid, textarea:valid {
	
}

input:invalid, textarea:invalid {
	background-color: #f0dddd;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
	font-weight: normal;
}

td {
	vertical-align: top;
}
/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
b, strong {
	color: var(--main-color) !important;
	font-weight: bold;
}

h1, h2, h3, h4 {
	font-weight: normal;
}
/* Links */
a, a:hover {
	text-decoration: none;
	border: none;
	/* color: #206ED1; */
	outline: none;
}

a {
	color: var(--main-color);
}

a:hover {
	color: #0b2e65;
}

a.linkclass:hover {
	color: var(--main-color);
}

a.maillink:hover {
	color: #FFCD00;
}

p {
	font-family: 'zurich_bt';
	font-size: 18px;
}

p:last-child {
	margin-bottom: 0;
}

/* vorher 0 0 8 bzw. 16px */


h1, .h1 {
	font-family: 'zurich_bold_condensed_bt';
	text-transform: uppercase;
	font-size: 35px;
	margin: 40px 0 20px 0;
	color: var(--main-color) !important;
	line-height: 1;
}
.h1:first-of-type {
	margin-top: 0;
} 

.entry h1, h1.entry-title {
	font-family: 'zurich_bold_condensed_bt' !important;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0;
	font-size: 35px !important;
	margin: 40px 0 20px 0;
	color: var(--main-color) !important;
	border: none;
}

h1.entry-title a {
	color: #222;
}

h1.entry-title a:hover {
	color: #206ED1;
}

h2 {
	font-family: 'zurich_bold_condensed_bt' !important;
	text-transform: none;
	font-size: 28px;
	margin: 0 0 0 0;
	color: var(--main-color);
	line-height: 1.05;
}

h3 {
	font-family: 'zurich_bold_condensed_bt' !important;
	font-size: 17px;
	margin: 0 0 0 0;
	color: var(--main-color);
	line-height: 1.4;
}

#entry {
	background: var(--main-color);
	min-height: 600px !important;
	position: relative;
	z-index: 10 !important;
	width: 100%;
}

#standard_entry {
	margin-top: 25px;
	padding-top: 0;
	background: #FFFFFF;
	min-height: 600px !important;
	position: relative;
	margin-bottom: 25px;

}

.inner-wrap {
	max-width: var(--container-m-w);
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	position: relative;
	background-color: #FFF;
	padding: 40px;
}

#entry:after,
.inner-wrap:after {
	display: block;
  clear: both;
  content: "";
}

/* Smart clearfix */
.clear, .cleaner {
	clear: both;
	height: 0;
	overflow: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button, input, select, textarea {
	font-size: 100%;
	/* Corrects font size not being inherited in all browsers */
	margin: 0;
	/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline;
	/* Improves appearance and consistency in all browsers */
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: none;
	background-color: var(--main-color);
	color: #FFF;
	cursor: pointer;
	/* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button;
	/* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.1em;
	text-transform: uppercase;
	line-height: 1.5;
	padding: .6em 1.5em .6em;
	text-shadow: none;
	box-shadow: none;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: #2C5392;
	box-shadow: none;
}

input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active
	{
	background-color: #0B2E65;
	box-shadow: none;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box;
	/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	color: var(--main-color);
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus
	{
	color: #111;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
	width: 100%;
}

aside ul {
	list-style-type: none;
}
/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 0 auto;
	/*5px 20px 20px 0;*/
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	/* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky, .gallery-caption, .bypostauthor {
	max-width: 98.5%;
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	width: 100%;
	height: auto;
}
/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	
}

/*********************************************************************************************

TOOLTIP (eigentliches CSS steht in responsive-tooltip.css - wort ver�ndert) 

Diesen Text als custom css einf�gen: 
dabei orig css �berschreiben!!!




/*********************************************************************************************

3. Header

*********************************************************************************************/
#header {
	width: 100%;
	display: block;
	margin: 0 auto;
	background-color: var(--main-color) !important;
	z-index: 999;
	transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in-out;
	/* Firefox 4 */
	-webkit-transition: all 0.4s ease-in-out;
	/* Safari and Chrome */
	-o-transition: all 0.4s ease-in-out;
	/* Opera */
}

#header-wrap {
	width: 98%;
	max-width: var(--container-m-w);
	margin: 0 auto;
}

#mainmenu ul {
	z-index: 100 !important;
}

#menu {
	position: relative;
	font-family: 'zurich_bold_condensed_bt';
	font-size: 18px;
	text-transform: uppercase;
	float: inherit;
	z-index: 80 !important;
}

#menu a {
	font-size: 18px;
}
/* orig diamond */
/*
.headroom--not-top .site-description {
	display: none;
}
*/
header a:hover {
	color: #ffe064 !important;
}

#menu.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 800;
	overflow: hidden;
	max-height: none;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
	-moz-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
	-ms-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
	-o-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
	animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
}

#menu.menu-overlay #mainmenu {
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: hidden;
	margin: 0 auto;
	margin-left: 20px;
	margin-top: 20px;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
	-moz-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
	-ms-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
	-o-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
	animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
}

.dropdown, .dropdown * {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dropdown {
	line-height: 1.0;
	display: flex;
	justify-content: end;
}

.dropdown ul {
	background: #fff;
	-moz-border-radius: 0 3px 3px 3px;
	-webkit-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
	margin: -1px 0;
	padding: 0px 0 13px;
	position: absolute;
	text-align: left;
	top: -999em;
	width: 190px;
	border: 1px solid transparent;
}

.dropdown ul li {
	width: 100%;
}

.dropdown li:hover {
	visibility: inherit;
}

.dropdown li:hover ul {
	border-color: #efefef;
}

.dropdown li {
	float: left;
	position: relative;
}

.dropdown li:last-child {
	margin-right: 0;
}

.dropdown a {
	border-radius: 3px;
	color: #fff !important;
	display: block;
	font-weight: normal;
	padding: 11px 13px 3px;
	position: relative;
	text-decoration: none;
	border: 1px solid transparent;
	border-bottom: none;
}
.dropdown .current-menu-item a {
	color: #ffcd00 !important;
	text-decoration: none;
}
/*.dropdown a:hover {
	color: #c69f00;
}*/
.dropdown a.sf-with-ul:hover {
	border: 1px solid #efefef;
	border-bottom: none;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.dropdown li:hover a.sf-with-ul {
	background: #fff;
	z-index: 100;
	border: 1px solid #efefef;
	border-bottom: none;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.dropdown li ul a.sf-with-ul {
	border: none !important;
}

.dropdown>li>a {
	-moz-transition: all 100ms;
	-webkit-transition: all 100ms;
	transition: all 100ms;
}

.dropdown ul li a, .dropdown li:hover ul a {
	line-height: 1.5;
	padding-bottom: 4px;
	text-transform: none;
}
/*.dropdown ul li a:hover { color: #206ED1; }*/
.dropdown li:hover ul, .dropdown li.sfHover ul {
	left: 0;
	top: 55px;
	z-index: 99;
}

ul.dropdown li:hover li ul, ul.dropdown li.sfHover li ul {
	top: -999em;
}

ul.dropdown li li:hover ul, ul.dropdown li li.sfHover ul {
	left: 190px;
	top: 0;
}

ul.dropdown li li:hover li ul, ul.dropdown li li.sfHover li ul {
	top: -999em;
}

ul.dropdown li li li:hover ul, ul.dropdown li li li.sfHover ul {
	left: 190px;
	top: 0;
}

.dropdown li:hover, .dropdown li.sfHover, .dropdown a:focus, .dropdown a:hover, .dropdown a:active {
	outline: 0;
}

.sf-with-ul:after {
	content: "\f347";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px/16px 'dashicons';
	vertical-align: top;
	margin: 2px 8px 0 4px;
}

.dropdown ul .sf-with-ul:after {
	content: "\f345";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px/22px 'dashicons';
	float: right;
	vertical-align: top;
	margin: 2px 8px 0 4px;
}

li.current-menu-item a, li.current_page_item a, li.current-menu-ancestor a, li.current-menu-parent a, li.current_page_parent a {
	color: #FFE064 !important;
}

a.cart-button:before {
	content: "\f174";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 20px/16px 'dashicons';
	vertical-align: top;
	margin: 0 8px 0 0;
}

a.cart-button {
	display: block;
	float: right;
}

.navbar-toggle {
	height: 42px;
	width: 44px;
	display: none;
	position: relative;
	float: right;
	margin-left: 6px;
	padding: 9px 10px;
	background: #fcd123;
	border-radius: 0.5px;
	box-shadow: none;
}

.navbar-toggle:hover {
	opacity: 0.8;
	box-shadow: none;
}

.navbar-toggle:active, .navbar-toggle:focus {
	opacity: 1;
	box-shadow: none;
}

.navbar-toggle .icon-bar {
	display: block;
	background: var(--main-color);
	/* schotteblau */
	margin: -6px 0 0 -6px;
	width: 13px;
	height: 1.5px;
	position: absolute;
	border-radius: 0;
	top: 10px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.navbar-toggle .icon-bar:nth-child(1) {
	top: 0px;
	display: none;
}

.navbar-toggle .icon-bar:nth-child(2) {
	top: 11px;
}

.navbar-toggle .icon-bar:nth-child(3) {
	top: 16px;
}

.navbar-toggle .icon-bar:nth-child(4) {
	top: 21px;
}

.navbar-toggle.active .icon-bar:nth-child(2), .navbar-toggle.active .icon-bar:nth-child(5) {
	opacity: 0;
}

.navbar-toggle.active .icon-bar:nth-child(3) {
	top: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-child(4) {
	top: 16px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* ************ */
header, header a, header img, header li {
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	/* Firefox 4 */
	-webkit-transition: all 0.4s;
	/* Safari and Chrome */
	-o-transition: all 0.4s;
	/* Opera */
}

#platzhinterhead {
	width: 100%;
	height: 94px;
	/* header.large höhe + margin: 82+25px */
	display: block;
}

/* Basic layout */
header.large #logo img {
	display: inline-block;
	width: 104px;
	margin: 0 10px 0 0px;
	position: relative;
	z-index: 90 !important;
}
/* Sizes for the bigger menu */
header.large {
	display: block;
	padding-top: 1rem;
	padding-bottom: 1rem;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}

header.large #menu a {
	font-size: 18px;
}

header.large .dropdown {
	margin: 0 5% 0 12%;
}

header.large li {
	margin-top: 6px;
	margin-bottom: 6px;
}

/*Aenderung SJ 250421 Original: margin: 18px 0 0 0;*/
header.large #fazebuuk {
	float: right;
  width: 20px;
  height: auto;
  margin: 15px 10px 0 10px;
  z-index: 200;
  position: relative;
}


/*Ergaenzung SJ 250421*/
header.large #foerderung {
	/* display: flex;
	justify-content: center;
	align-items: center; */
	text-align: center;
}

@media( max-width: 768px ) {
	header.large #foerderung {

	}
	header.large #foerderung a {

	}
	header.large #foerderung img {
		max-width: 150px;
	}
}


header.large #fazebuuk img {
	position: relative;
	z-index: 100;
	/* height: auto;*/
}

/* Sizes for the smaller  menu */
header.small {
	padding-top: 5px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

header.small #menu a {
	font-size: 18px;
}

header.small .dropdown {
	margin: 0 4% 0 8%;
}
/*Ergaenzung SJ 250421*/
header.small #foerderung img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	margin: auto;
}

header.small #logo img {
	float: left;
	width: 60px;
	margin: 7px 0 10px 0;
	display: block;
	position: relative;
	z-index: 90 !important;
}

header.small li {
	margin-top: 6px;
	margin-bottom: 6px;
}

header.small #fazebuuk {
	float: right;
	width: 16px;
	height: auto;
	margin-top: 10px;
	margin-left: 15px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	/* Firefox 4 */
	-webkit-transition: all 0.5s;
	/* Safari and Chrome */
	-o-transition: all 0.5s;
	/* Opera */
}


header.small #fazebuuk img {
	position: relative;
	z-index: 100;
	/* height: auto;*/
}


#logo {
	float: left;
}

#logo img:hover, #fazebuuk img:hover {
	-webkit-filter: brightness(104%) grayscale(20%) sepia(30%) contrast(95%);
}


#header {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#header.headroom--unpinned {
	/*top: 0;*/
	
}

#header.headroom--pinned {
	/*top: 0;*/
	
}

.pixelgucker {
	position: absolute;
	z-index: 9999;
	top: 5px;
	right: 10px;
	font-size: 10px;
	color: white;
}
/*********************************************************************************************

4. Headerbild & Breadcrumbs


*********************************************************************************************/
#headstartban {
	position: relative;
	/*z-index: 10; */
	min-width: 100%;
	overflow: hidden;
}

#headstartban img {
	/*z-index: -10;	*/
	height: 175px;
	width: 100%;
}

#headbanner {
	position: relative;
	/*z-index: -10;	*/
	width: 100%;
	margin: 0;
	padding: 0;
}

#headbannstart {
	display: block;
	/*z-index: 10;	*/
	/*top: 107px; 107px ist die H�he vom Header!!, wegenz z-index immer neu angeben */
	width: 100%;
	text-align: center;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	/*background-color: lightblue;*/
	overflow: hidden;
}

.headmitte {
	display: inline;
	vertical-align: bottom;
	float: left;
	top: 50%;
	left: 50%;
	/*	 height: 100%; */
	/* Eine H�he muss gesetzt sein */
	width: 100% !important;
	/* Eine Breite muss gesetzt sein */
	object-fit: cover;
	object-fit: cover !important;
	-webkit-object-fit: cover;
	-o-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	object-position: center center;
	-o-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	overflow: hidden;
}

.headlang_SpP, .headlang_Rep, .headlang_Krt, .headlang_UeU, .headlang_Ang, .headlang_Knt {
	display: inline-block;
	/*height: 250px;*/
	min-height: 250px;
	/* Eine H�he muss gesetzt sein */
	width: 100%;
	/* Eine Breite muss gesetzt sein */
	/*border-bottom: 1px solid red;*/
}

.headkurz_SpP, .headkurz_Rep, .headkurz_Krt, .headkurz_UeU, .headkurz_Ang, .headkurz_Knt {
	display: none;
	max-height: 250px;
	/* Eine H�he muss gesetzt sein */
	width: 100%;
	/* Eine Breite muss gesetzt sein */
	/* border-bottom: 1px solid green;*/
}

@media screen and (max-width: 1558px) {
	.headlang_Rep {
		display: none;
	}
	.headkurz_Rep {
		display: inline-block;
	}
	.headlang_SpP {
		display: none;
	}
	.headkurz_SpP {
		display: inline-block;
	}
	.headlang_Rep {
		display: none;
	}
	.headkurz_Rep {
		display: inline-block;
	}
	.headlang_Krt {
		display: none;
	}
	.headkurz_Krt {
		display: inline-block;
	}
	.headlang_UeU {
		display: none;
	}
	.headkurz_UeU {
		display: inline-block;
	}
	.headlang_Ang {
		display: none;
	}
	.headkurz_Ang {
		display: inline-block;
	}
	.headlang_Knt {
		display: none;
	}
	.headkurz_Knt {
		display: inline-block;
	}
}

.headschrift_SpP img {
	position: relative;
	/*z-index: -1 !important;	*/
	width: 100%;
	display: inline-block;
	text-align: center;
}

.ersatzheadschrift {
	font-family: zurich_bt;
	font-size: 400%;
	color: #80BEFF;
	opacity: 0.8;
}
/*****************************Site Header*******************************************/
#topmost-nav-container {
	overflow: auto;
	width: 960px;
	margin: 0 auto;
}

#topmost-nav-container .col-md-4 {
	text-align: right;
}

#topmost-nav-container .col-md-8 {
	padding-left: 0px;
	padding-right: 0px;
}
/*
ul.menu{
*margin: 0;
} */
.boxed-width {
	width: 960px;
	margin: 0 auto;
}

#searchbutton {
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#topmost-nav a, #topmost-nav a:visited {
	text-decoration: none;
}

.site-title a, .site-title a:visited, .site-title a:hover, div#social-connect a, div#social-connect a:visited, div#social-connect a:hover {
	text-decoration: none;
}

div#main {
	clear: both;
	overflow: hidden;
	position: relative;
	margin: 0px;
}
/*****************page items ******************************/
.fullwidth {
	width: 100%;
}

div#content h1 {
	font-size: 30px;
}

div#content article {
	margin-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
}

div#footer a, div#footer a:visited {
	text-decoration: none;
}

.attachment-post-thumbnail {
	width: auto;
	height: auto;
}

div.entry-meta, div.social-sharing {
	margin-bottom: 10px;
}

div.social-sharing a {
	margin: 5px;
}

.logout-div {
	font-size: 20px;
	margin: 15px auto;
	width: 450px;
	margin-bottom: 40px;
	border: 1px solid #eaeaea;
}

.logout-link {
	margin: 20px auto;
	width: 250px;
}

.logout-div form {
	width: auto;
	text-align: center;
}

.logout-div label {
	width: 100px;
}

.logout-div input[type="text"], .logout-div input[type="password"] {
	width: 200px;
}

.login-remember label {
	width: 300px;
}

.login-header {
	margin-bottom: 15px;
}

.contact-page {
	background-color: #F7F7F7;
}

.div-contact-form {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}

.div-contact-form div {
	display: block;
	margin-top: 20px;
}

.div-contact-form label {
	width: 200px;
	margin-right: 20px;
}

.div-contact-form input[type="text"] {
	width: 250px;
}

.div-contact-form input[type="submit"] {
	position: relative;
	left: 220px;
	background-color: #BA2E1F;
	color: #fff;
	text-align: center;
	padding: 10px;
}

.div-contact-form textarea {
	width: 350px;
}

.div-contact-connect {
	position: relative;
	margin: 10px auto;
	font-size: 40px;
}

.div-contact-connect ul li {
	display: inline;
	margin-right: 40px;
}

.div-contact-connect .menu {
	padding: 10px;
}

#divNotFound {
	margin-bottom: 40px;
}
/*********************************************************************************************

4. Featured Slider

*********************************************************************************************/
/* FlexSlider Necessary Styles */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.flex-control-nav, .flex-direction-nav {
	display: none;
}
/*CWo neu*/
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides>li:first-child {
	display: block;
}

.flexslider {
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;
}
/* Homepage Slider */
#slider {
	height: 456px !important;
	/* neue H�he Slider CWO vorher 600px, padding-top gab es nicht!! */
	margin-top: 0;
	/*vorher margin: 0; */
	overflow: hidden;
	position: relative;
}
/* CWOge�ndert */
#slider .slides>li {
	background-color: white;
	overflow: hidden;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 450px;
}

.slides>li .li-wrap {
	margin: 0 auto;
	position: relative;
	width: 90%;
}
/*neu*/
.slides .item-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
}

.flex-direction-nav {
	position: absolute;
	z-index: 510;
	top: 43%;
	width: 100%;
	list-style: none;
	padding: 0;
}

.flex-direction-nav li a {
	position: absolute;
	top: 0;
	font-size: 0;
	text-indent: -2999px;
	display: block;
	width: 32px;
	height: 43px;
	cursor: pointer;
	opacity: 0.7;
	-moz-transition: all 100ms;
	-webkit-transition: all 100ms;
	transition: all 100ms;
}

.metaslider .flex-direction-nav {
	display: none;
}
/*********************************************************************************************

PAGE WILLKOMMEN !!

*********************************************************************************************/
/*  SECTIONS  */
#welcome_col1 {
	float: left;
	margin: 0 5% 0 0;
	width: 31%;
	min-height: 200px;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 0;
}

#welcome_col2 {
	float: right;
	margin: 0 0 0 0;
	width: 64%;
	min-height: 200px;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 0;
}

#welcome_col2 h1, #welcome_col1 h1,
#welcome_col2 .h1, #welcome_col1 .h1 {
	margin-bottom: 40px;
}

#welcome_col1 .mejs-controls {
	display: none;
}

img {
	max-width: 100%;
	height: auto;
}

h2.news {
	margin-bottom: 7px;
}

.newstext {
	margin-bottom: 47px;
}
/* .extra-editor{margin-top: 17px;} */
.newstext .wp-video {
	margin-top: 20px;
}

.newstext a img {
	margin-top: 20px;
}

.newsbild {
	margin: 20px auto 0 auto;
}

.Headcontainer {
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

.Headprop {
	margin-top: 100%;
	padding: 0;
}

.Head_inn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/*********************************************************************************************

SPIELPLAN SEITE

*********************************************************************************************/
#spielplWrapper {
	max-width: 770px;
	margin: 30px auto;
}

.progr-tabelle {
	width: 100%;
	margin-top: 0;
	margin-bottom: 42px;
}

.mehrtag {
	margin-bottom: 12px !important;
}

.progr-tabelle h2 {
	margin: 0;
}

h1.prog {
	margin-top: 50px;
	margin-bottom: 40px;
	line-height: 1;
}

h1.prog:first-child {
	margin-top: 50px;
}

.zelledatum h3 {
	/*margin-top: 20px; */
	margin-top: 0px;
}
/*border: 1px solid black;*/
.zelledatum {
	text-align: left;
	width: 110px;
	vertical-align: top;
}

.pfeilrechts {
	text-align: right;
	text-transform: none;
	/*font-weight: bold; */
	font-family: 'zurich_bold_condensed_bt' !important;
	font-size: 24px;
}

.gesamterSPS {
	text-align: left !important;
}

.zellleer {
	/* mobil 70px */
	margin: 0;
	padding: 0;
	width: 110px;
}

.uhrz {
	vertical-align: top;
}

.zellebeschr {
	line-height: 190%;
	vertical-align: top;
	text-align: left;
	margin: 0 0;
	padding-right: 4%;
}

.zellebeschr h3 {
	text-transform: uppercase;
	vertical-align: bottom;
	margin-bottom: 2px;
}

.nichtverlinkt {
	margin-bottom: 8px;
	/*text-transform: uppercase;
	font-weight: bold; */
}

.wichtigebemerk {
	margin-bottom: -1px;
	text-transform: uppercase;
}

.kalendertext {
	vertical-align: top;
	line-height: 1.4;
	margin-top: 5px;
	color: var(--main-color);
}

.kartenACF {
	text-transform: none;
	font-weight: bold;
	margin-top: 10px;
	line-height: 1.2;
	font-family: 'zurich_condensed_bt' !important; /* !!!!!!! 12.1.2017*/
}

.kartenreserv {
	font-family: 'zurich_bold_condensed_bt' !important;
	background: var(--main-color);
	float: right;
	text-transform: none !important;
}

.kartenreserv a {
	color: #FFCD00;
}

.Reservbutton {
	width: 140px;
	vertical-align: middle;
	text-align: right;
}

.ResButtonmobil {
	background: var(--main-color);
	display: none;
}

.SpPkartres, a.SpPkartres {
	font-family: 'zurich_bold_condensed_bt' !important;
	background: var(--main-color);
	display: block;
	width: 140px;
	height: 34px;
	padding-top: 8px;
	color: #ffffff !important;
	text-align: center;
	line-height: 1.6;
}

a.SpPkartres:hover {
	color: #FFD839 !important;
}

.SpPkartAbendkasse {
	font-family: 'zurich_bold_condensed_bt' !important;
	background: #FFCD00;
	display: block;
	width: 140px;
	height: 34px;
	padding-top: 8px;
	/*margin-top: 21px; CWO auskommentiert 23.4.18*/
	color: #0B2E65;
	text-align: center;
	line-height: 1.6;
}

table.progbald .SpPkartAbendkasse {
	margin-top: 21px;
}

.Aboclick {
	position: relative;
	width: auto !important;
	font-size: smaller;
	font-weight: bold;
	cursor: pointer;
}

#tooltip>span {
	color: #FFF !important;
}

.nokart {
	opacity: 0.7;
}
/* ???? : */
.kartres .boxweg {
	display: none;
}

.kartres {
	max-width: 100%;
}

.kartres.kartsingleAbendk {
	font-family: 'zurich_bold_condensed_bt' !important;
	background: #FFCD00 !important;
	color: #0B2E65 !important;
	text-align: center;
	max-width: 100%;
}

.SpPkartAbendkasse:hover, .kartAbendkasse:hover, .kartsingleAbendk:hover {
	background: #FFE064 !important;
	color: #051F49 !important;
}

#uhrzeit {
	opacity: 0;
	text-align: right;
}

#uhrzeit:hover {
	opacity: 1;
}

.infoicon {
	margin: 0 0 8px 3px;
	width: 18px;
	height: auto;
}
/*********************************************************************************************

Bestellung Formular

*********************************************************************************************/
#kartform {
	width: 500px;
	height: 400px !important;
}

#bestellcont {
	margin: 0 auto;
	max-width: 90%;
	margin-top: 5px;
	display: block;
	margin-bottom: 40px;
	margin-left: 15%;
}

#subm-karten {
	opacity: 1;
}

#subm-wechsel {
	opacity: 0.8;
	display: none;
}

form .wpcf7-form {
	margin-bottom: 30px;
}

.eventcontbest {
	display: block;
	line-height: 1.2;
	margin: 0 0 10px 0;
}

h2.artli {
	float: left;
	line-height: 1.2;
	width: 140px;
	vertical-align: bottom;
}

.artre, .artfre {
	display: block;
	vertical-align: bottom;
	/*max-width: 400px; */
	width: 100%;
}

.artfre {
	text-align: left !important;
	padding-top: 3px !important;
	display: block;
}

h2.artfre {
	line-height: 1;
	/*background: green;*/
}

#langanz {
	width: 122px;
}

h3.formfeld {
	margin: 20px 0 !important;
	font-size: 16px;
}

.wpcf7-list-item {
	margin-left: 0;
}

p.abbort {
	width: 30% !important;
	margin: 20px 0 0 0;
	min-width: 170px;
	display: none;
}

#correct {
	margin-top: 0;
	margin-bottom: 50px;
}

#moment {
	border: none;
	background-color: var(--main-color);
	color: #FFF;
	font-size: 12px;
	font-size: 1.1em;
	text-transform: uppercase;
	line-height: 1.5;
	padding: 0.4em 0;
	text-shadow: none;
	box-shadow: none;
	width: 80%;
	min-width: 80%;
	text-align: center;
}

p.subbmit, #moment {
	display: none;
}

span.nulll {
	line-height: 1 !important;
	margin: 0 !important;
}

.zusatz {
	width: 80%;
}

input, textarea {
	padding: 2px 2px;
	font-size: 17px;
	width: 80%;
	color: var(--main-color);
}

input.wpcf7-form-control.wpcf7-quiz {
	width: 30%;
}

.wpcf7-quiz-label {
	margin-right: 15px;
}

.redstar {
	color: red !important;
}

.accep {
	width: 19px;
	height: 19px;
	float: left;
	margin-top: 1px;
	margin-right: 10px;
}

.acceptxt {
	float: right;
	min-height: 50px;
	min-width: 300px;
}
/***THICKBOX ***/
#TB_window iframe {
	width: 97% !important;
	padding-bottom: 5px;
	height: 90% !important;
	overflow: hidden;
}

#TB_window {
	top: 5% !important;
	right: 20% !important;
	bottom: 5% !important;
	left: 20% !important;
	width: 60% !important;
	height: 90% !important;
	margin-bottom: 25px;
	max-width: 800px !important;
	margin: 0 auto !important;
	border: none;
	color: var(--main-color);
	font-family: 'zurich_bold_condensed_bt' !important;
	text-transform: uppercase;
	font-size: 25px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch !important;
}

#TB_title {
	border-bottom: none !important;
	margin: 10px 0 20px 5px !important;
}

#TB_Image {
	width: auto !important;
	max-width: 100%;
	height: auto !important;
	max-height: 100%;
	margin: auto !important;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 20px;
	border: none !important;
}

#TB_closeWindowButton .screen-reader-text {
	display: none;
}

#TB_closeAjaxWindow button, #TB_closeWindowButton button {
	box-shadow: none;
}

.tb-close-icon {
	color: var(--main-color) !important;
	margin-right: 10px;
	box-shadow: none !important;
}

.tb-close-icon:hover, .tb-close-icon:active, .tb-close-icon:focus {
	box-shadow: none !important;
}

.tb-close-icon:before {
	line-height: 0.8 !important;
	margin-top: -10px !important;
	font-size: 33px !important;
	box-shadow: none !important;
}

@media screen and (max-width: 992px) {
	#TB_window {
		top: 20px !important;
		bottom: 20px !important;
		width: 80% !important;
		left: 10% !important;
		right: 10% !important;
	}
}

h1.danke {
	margin-top: 50px;
	text-align: center;
	width: 100%;
}
/*********************************************************************************************

Repertoire Page

*********************************************************************************************/
#REPcont {
	margin-top: 20px;
}

.REPwrapper {
	/* nach au�en orientiert */
	margin-top: 0;
}

.REPrahmen {
	/* circle_container */
	float: left;
	position: relative;
	width: 33%;
	margin: 0% 0% 0% 0%;
	/* 2% 1.2% 1.5% 2%;*/
	background: #e5e5e5;
}

.REPbildaussen {
	/* circle */
	margin-top: 28%;
}

.REPbildmitte {
	display: inline;
	vertical-align: bottom;
	float: left;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
}

.REPspan {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.REPspan:hover {
	opacity: 0.8;
}

.REPspan:link {
	opacity: 0.3;
}

.REPspan:active {
	opacity: 0.3;
}

.REPchronikrahmen {
	margin-bottom: 50px;
}
/*********************************************************************************************

Programm Repertoire einzeln post

*********************************************************************************************/
#prog_col1 {
	float: left;
	margin: 0 1% 0 0;
	width: 59%;
	min-width: 450px;
	min-height: 200px;
	display: inline-block;
	vertical-align: top;
	padding: 0 0% 7% 0;
}

#prog_col2 {
	float: right;
	margin: 5px -2px 0 0;
	width: 40%;
	min-height: 300px;
	display: block;
	vertical-align: top;
	padding: 0 0% 7% 0%;
}

#prog_col2 #breaker {
	display: none;
}

#prog_col2 .wp-video {
	/* 	display: block; */
	max-width: 94%;
	margin-left: 6%;
	padding-right: 0;
}

#StTitel {
	font-family: 'zurich_bold_condensed_bt' !important;
	text-transform: initial;
	line-height: 1;
	font-size: 50px;
	/*vorher 80px */
	margin: 0px 0 -6px 0;
	color: var(--main-color);
}

#StUtitel {
	font-family: 'zurich_bold_condensed_bt' !important;
	text-transform: initial;
	font-size: 28px;
	margin: 10px 0 10px 0;
	color: var(--main-color);
}

.machtitl {
	width: 160px;
	font-weight: bold;
	line-height: 1.7;
	color: var(--main-color);
}

.macher {
	line-height: 1.7;
}

.spieler {
	display: none;
}

.einklapp {
	display: none;
}

.ausklapp {
	display: block;
	/*font-style: italic;*/
}

.tab_absatz {
	margin: 15px 0 0 0;
}

#stueckbeschr {
	margin: 17px 0px 51px 0px;
	display: block;
}

.youtu-container {
	margin: 0 0 52px 0;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.youtu-container iframe, .youtu-container object, .youtu-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vidteaser {
	margin-left: 12%;
}

h2.demnaechst {
	font-size: 35px;
}

.progbald {
	margin: 0 0 0 0;
	color: var(--main-color);
	font-family: 'zurich_bold_condensed_bt' !important;
}

.progbald td {
	width: 135px;
}

.kartenbox {
	text-align: left;
	margin: 0 0 10px 0;
	min-width: 135px;
}

td .baldtag {
	font-size: 26px !important;
	margin: 15px 0 -5px 0;
	color: var(--main-color);
}

td .baldhour {
	font-size: 17px;
}

.kartres, a.kartres {
	background: var(--main-color);
	display: block;
	width: 140px;
	height: 34px;
	margin-top: 21px;
	padding-top: 8px;
	color: #ffffff;
	text-align: center;
	line-height: 1.6;
}

a.kartres:hover {
	color: #FFD839 !important;
}

.nokart {
	opacity: 0.7;
}

.resKartensatz {
	font-weight: normal;
	font-size: small;
	line-height: 1.2;
	width: 230px;
	display: block;
	margin-top: 6px;
	margin-bottom: 6px;
}

.stuckgal_cont {
	float: left;
	position: relative;
	width: 44%;
	margin-left: 6%;
	margin-bottom: 6%;
}

.stuck {
	margin-top: 66.5%;
}

.stuckspan {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/*********************************************************************************************

Seite �BER UNS HAUPT mit menu

*********************************************************************************************/
#UeUmobil {
	display: none;
}

#UeUdeskt {
	display: block;
	margin: 0 auto;
}

#uberuns_col1 {
	display: block;
	text-align: center;
	height: 60px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	z-index: 40;
	position: relative;
}

.ueberunsjustify {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}

.ueberunseinzelbox, .chronjs {
	position: relative;
	background-color: var(--main-color);
	text-align: center;
	text-transform: uppercase;
	width: 14%;
	height: 60px;
	cursor: pointer;
	background: var(--main-color);
	opacity: 0.7;
}

.ueberunseinzelbox.active {
	opacity: 1;
}

.inschrift {
	position: relative;
	/* top: 51%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform-origin: translateY(-50%);
	-moz-transform-origin: translateY(-50%);
	-o-transform-origin: translateY(-50%);
	transform-origin: translateY(-50%); */
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

#tabs {
	list-style: none;
}

#tabs li {
	display: inline;
	line-height: 1.2;
	font-family: 'zurich_bold_condensed_bt';
	font-size: 17px;
}

#tabs li a {
	display: block;
	color: #FFCD00;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	/* Firefox 4 */
	-webkit-transition: all 0.2s;
	/* Safari and Chrome */
	-o-transition: all 0.2s;
	/* Opera */
}

#tabs_content_container {
	position: relative;
	max-width: 100%;
	margin: 0px auto;
}

.tab_content {
	display: none;
}

#vereinWrapper {
	padding: 0;
	margin: 0 0 40px 0;
}

.ueberunseinzelbox:hover {
	opacity: 1;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	/* Firefox 4 */
	-webkit-transition: all 0.2s;
	/* Safari and Chrome */
	-o-transition: all 0.2s;
	/* Opera */
}

ul.ueberunsjustify.tabmobile li {
	display: inline;
	line-height: 1.2;
	padding: 0 20px;
	font-size: 14px;
}

.tabmobile li {
	display: inline;
	line-height: 1.2;
	padding-top: 3px;
	font-family: 'zurich_bold_condensed_bt';
	font-size: 17px;
}

.tabmobile li a {
	padding-top: 5px;
	color: #FFCD00;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	/* Firefox 4 */
	-webkit-transition: all 0.2s;
	/* Safari and Chrome */
	-o-transition: all 0.2s;
	/* Opera */
}
/*********************************************************************************************

SNIPPET VEREIN 

*********************************************************************************************/
.vereinbreite {
	max-width: 800px;
}

.Verein_col_li {
	float: left;
	width: 48.5%;
	max-width: 48.5%;
	margin-bottom: 60px;
	margin-top: -10px;
}

.Verein_col_li h1 {
	margin-top: 1%;
}

.Verein_col_re {
	float: right;
	width: 50.3%;
	margin-top: -2px;
}
/*********************************************************************************************
SNIPPET VORSTAND, JUGENDBEIRAT  

*********************************************************************************************/
/*++++++++++++++++++++++++ VORLAGE::  ++++++++++++++++++++++++++++++++*/
.bilderWrapper {
	margin: 40px -1.5% 40px -1.5%;
}

.bildcontainer {
	float: left;
	position: relative;
	width: 13.4%;
	margin: 1.6%;
	padding: 0;
}

.bild {
	margin-top: 111%;
	/* 111%;  100% w�re quadratisch */
}

.bildspanbeschr {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 40px;
	overflow: hidden !important;
}

.bildspan {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden !important;
}

.bildmitte {
	display: inline;
	vertical-align: bottom;
	float: left;
	top: 50%;
	left: 50%;
	height: 100%;
	/* Eine Höhe muss gesetzt sein */
	width: 100%;
	/* Eine Breite muss gesetzt sein */
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
}
/* +++++++++++++++++++++++++++++++++VOrlage ENDE +++++++++++++++++ */
.beschrWrapper {
	width: 100%;
	height: 40px;
	margin-bottom: 0 !important;
	background: var(--main-color) !important;
	position: relative;
	display: table;
	text-align: center;
	font-size: 0.7em;
	line-height: 1.1;
	padding-top: 0px;
	padding-bottom: 0px;
	bottom: 0;
	font-family: 'zurich_bold_condensed_bt' !important;
	text-transform: normal;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	border: none;
}

.beschreibg {
	display: table-cell;
	min-height: 10em;
	vertical-align: middle;
	padding-left: 6px;
	padding-right: 6px;
	cursor: default;
	border: none;
}
/*********************************************************************************************

SNIPPET MITARBEITER

*********************************************************************************************/
.trennerdavor::before {
	content: "\A";
	white-space: pre;
}

.VKrahmen {
	/* circle_container */
	float: left;
	position: relative;
	width: 29.9%;
	margin: 2% 1.2% 1.5% 2%;
}

.VKbildaussen {
	/* circle */
	margin-top: 48.8%;
}

.VKspan {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--main-color);
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.VKbildlinks {
	width: 45%;
	height: 100%;
}

.VKtxtrahm {
	position: relative;
	top: 0;
	right: 0;
	width: 50%;
	height: 80%;
}

.VKtxtcont {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	margin-left: 10%;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tatigk {
	font-family: 'zurich_bold_condensed_bt';
	font-size: 13px;
	line-height: 1.2;
	color: #FFCD00;
	text-transform: none !important;
}

.VKtxto {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'zurich_bold_condensed_bt';
	font-size: 17px;
	line-height: 1.2;
	color: #FFFFFF;
	text-transform: uppercase;
}

.VKtxtu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-family: 'zurich_bold_condensed_bt';
	font-size: 12px;
	line-height: 1.2;
	color: #FFFFFF;
	text-transform: none !important;
	word-wrap: break-word;
}

.VKtxtu a, .VKtxtu a[href^=tel] {
	color: #FFF;
	text-decoration: none;
}

/*********************************************************************************************

SNIPPET ENSEMBLE

*********************************************************************************************/
.ensembletxt {
	margin: 40px 0;
	max-width: 800px;
}

#EnsFotoWrap {
	margin: 0 -2.1% 0 -1.5%;
}

.Ens_container {
	float: left;
	position: relative;
	width: 13.4%;
	margin: 1.6%;
	padding: 0;
	overflow: hidden;
}

.Ensprop {
	/* margin-top: 111%; */
	padding: 0;
}

.Ens_inn {
	/*position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; */
}

.Ens_inn .bildmitte {
	/* width: 184px;
	height: 245px; */
	height: 260px;
}
/*********************************************************************************************

SNIPPET F�RDERER & PARTNER

*********************************************************************************************/
.VKwrapper {
	/* nach au�en orientiert */
	margin: 20px -2% 0 -2%;
}

.foerderschrift a {
	font-family: 'zurich_bold_condensed_bt';
	font-size: 21px;
	color: #FFFFFF;
	line-height: 1.3;
	text-transform: none !important;
	text-align: center;
	margin: 5px auto 0;
	padding: 0 5%;
	height: 100%;
	width: 100%;
  justify-content: center;
	display: flex;
  align-items: center;
}

.foerderschrift a {
	color: #FFF;
}

.FPbildaussen {
	/* circle */
	margin-top: 32%;
}

.FPrahmen {
	/* circle_container */
	float: left;
	position: relative;
	width: 29.9%;
	margin: 2% 1.2% 1.5% 2%;
}
/*********************************************************************************************

SNIPPET CHRONIK

*********************************************************************************************/
#chronikcol1 {
	float: left;
	margin: 0 0 0 0;
	width: 70%;
	min-height: 400px;
	min-width: 250px;
	display: inline-block;
	padding: 0 1% 0 0;
}

#chronikcol2 {
	float: left;
	margin: 0 0 0 1%;
	width: 27%;
	min-height: 400px;
	min-width: 250px;
	display: inline-block;
	vertical-align: top;
	/* background: lightblue;  */
	padding: 0 0 0 1%;
}

.CHspan {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--main-color);
	padding: 0 10px;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

h1.chrjahr {
	width: 100%;
	font-size: 80px;
	margin: 0;
}

h2.CHhzwei {
	padding-bottom: 10px;
}

.CHtext {
	margin-bottom: 20px;
}

.CHwrapper {
	/* nach au�en orientiert */
	margin: 0 -2% 0 -2%;
}

.CHbildaussen {
	/* circle */
	margin-top: 32%;
}

.CHrahmen {
	/* circle_container */
	float: left;
	position: relative;
	width: 46%;
	margin: 0 1.2% 3% 2%;
}

.CHschrift {
	font-family: 'zurich_bold_condensed_bt';
	font-size: 21px;
	color: #FFFFFF;
	line-height: 1.3;
	text-transform: none !important;
	text-align: center;
	margin: 0 auto;
}

.CHstueckschrift {
	font-family: 'zurich_bold_condensed_bt';
	font-size: 35px;
	color: #FFFFFF;
	text-transform: none !important;
	text-align: center;
	position: relative;
	top: 51%;
	transform: translateY(-50%);
	text-align: center;
	padding: 0 5%;
	line-height: 1;
	padding: 0 12%;
}

a .CHstueckschrift:hover {
	color: #FFE064;
}
/*********************************************************************************************

Seite GESCHICHTE

*********************************************************************************************/

/*********************************************************************************************

Seite ANGEBOTE

*********************************************************************************************/
.angebWrap {
	width: 100%;
	/*max-height: 210px; */
	height: auto;
	margin-top: 15px;
	/* overflow: hidden; */
}

#ang_menu {
	display: block;
	min-width: 120px;
	text-align: center;
	height: 60px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	z-index: 40;
	position: relative;
}

.ang_einzelbox {
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 48%;
	height: 60px;
	cursor: pointer;
	background: var(--main-color);
	opacity: 0.7;
}

.ang_einzelbox.active {
	opacity: 1;
}

.ang_einzelbox:hover {
	opacity: 1;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	/* Firefox 4 */
	-webkit-transition: all 0.2s;
	/* Safari and Chrome */
	-o-transition: all 0.2s;
	/* Opera */
}

#ang_content_container {
	position: relative;
	max-width: 100%;
	margin: 0px auto;
	margin-top: 90px;
	margin-bottom: 50px;
}

.angeb_li {
	float: left;
	width: 48%;
	max-width: 48%;
	margin-bottom: 60px;
}

.angeb_li h1 {
	margin-top: 1%;
}

.angeb_re {
	float: right;
	width: 50%;
	margin-top: 8px;
}

.angeb_cont {
	float: right;
	position: relative;
	width: 46%;
	margin: 0 0 4% 4%;
}

.angeb_bild {
	margin-top: 74%;
	overflow: hidden;
}

.ang_B_int {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*display: flex;*/
}

/*********************************************************************************************

Seite KONTAKT

*********************************************************************************************/
.kontdesktop {
	display: block;
}

.kontmobil {
	display: none;
}

#kontaktcol1 {
	width: 46%;
	/* margin-top: -43px; */
}

#kontaktkartegross {
	float: right;
	width: 46%;
	vertical-align: top;
	margin: 45px 0 0 2%;
	height: 100%;
	min-width: 250px;
	display: block;
	overflow: hidden;
	padding: 0 1% 0 1%;
}

#kontaktkarteschmal {
	display: none;
}

.clearleft {
	clear: left;
}

.konttitl {
	min-width: 200px;
	width: 40%;
	font-weight: bold;
	line-height: 1.7;
	color: var(--main-color);
}

.kontzellezwo {
	line-height: 1.7;
	font-weight: normal;
}
/*********************************************************************************************

WIDGETS SCHOTTE

*********************************************************************************************/
#widgetcontain {
	position: relative;
	max-width: 1200px;
}

#widgetcol1 {
	float: left;
	margin: 0 0 20px 1%;
	width: 28%;
	min-width: 210px;
	display: inline-block;
	padding: 0 1% 0 1%;
	/* background: lightgreen; */
}

#widgetcol2 {
	float: left;
	margin: 0 0 20px 1%;
	width: 32%;
	min-width: 210px;
	display: inline-block;
	vertical-align: top;
	background: #fff6d6;
	/* background: lightblue;  */
	padding: 0 1% 5% 1%;
}

#widgetcol3 {
	float: left;
	margin: 0 0 20px 1%;
	width: 30%;
	min-width: 210px;
	display: inline-block;
	/*  background: green; */
	padding: 0 1% 0 1%;
}
/*********************************************************************************************

FOOTER

*********************************************************************************************/
footer {
	background: #fff;
	border-top: 40px solid var(--main-color);
}

.footer-logos img {
	max-width: 160px;
}

.footer-wrap {
	width: 98%;
	max-width: var(--container-m-w);
	margin-left: auto;
	margin-right: auto; 
	z-index: 100 !important;
}

#footerbox {
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	line-height: 1.2;
	flex-flow: wrap;
}

#footcol1ev {
	float: left;
	display: block;
	width: 275px;
	/* height: 102px; */
	padding-right: 20px;
}

#footcol2ev {
	float: left;
	display: inline;
	width: 140px;
	/*90px*/
	/* height: 102px; */
}

#footcol3ev {
	float: left;
	display: block;
	width: 223px;
	/*173x*/

	/* height: 102px; */
}

#footcol4ev {
	float: left;
	display: block;
	width: 210px;
	/* height: 102px; */
	min-width: 210px;
}

.footer h2 {
	font-size: 40px;
  text-transform: uppercase;
  color: var(--main-color);
  margin-bottom: 30px;
}

.footer table {
	margin-top: -2px;
}

.footer p {
	color: #000;
	margin: 2px 0 0 0;
}

td.smallgraf {
	height: 20px;
	width: 30px;
	vertical-align: middle;
}

td.smallgraf img {
	height: 16px;
  width: 16px;
  vertical-align: middle;
  border-radius: 40px;
  background: #fbce2e;
  padding: 3px;
}

td.graftext, td.graftext a {
	vertical-align: middle;
	font-family: 'zurich_bt' !important;
	color: #000;
	padding: 2px 0 0 0;
}

td.graftext a:hover {
	color: #FFD839;
}

#footeryell {
	display: block;
	padding: 15px 0;
	background: var(--main-color);
	float: left;
	width: 100%;
	line-height: 1.2;
	font-family: 'zurich_condensed_bt' !important;
	font-size: 14px;
}

.footyellbox {
	margin: 0px auto;
	color: #fff;
	float: left;
	width: 100%;

}

.copyr1 {
	text-align: center;
}

.copyr2 {
	display: inline-block;
	float: right;
}

/*************** Footer Widgets  *************************/
.float-left {
	float: left;
}

.site-footer {
	clear: both;
}

#footer-widgets-wrap {
	width: 100%;
	padding: 80px 0 80px 0;
}

.footer-widgets {
	margin-right: -2em;
	width: 100%;
}

.footer-widget-column {
	float: left;
	width: 50%;
	padding-right: 2em;
	box-sizing: border-box;
	margin-bottom: 1rem;
}

.footer-widget-column-full-width {
	width: 100% !important;
	padding-right: 0;
}

@media ( max-width : 768px) {
	.footer-widget-column {
		width: 100%;
	}
	.footer-widget-column-full-width>.widget_block>div {
		display: block !important;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.footer-widget-column {
		width: 50%;
	}
}
/*************** Kartenhäuschen  *************************/

/******************************************************/

/* password-protected */
form.post-password-form input {
	margin: 40px 0 0 0;
	width: 200px;
}

#kartenhaeuschen table {
	width: 1200px;
}

#kartenhaeuschen thead th, #kartenhaeuschen tbody td {
	padding: 5px 10px;
}

#kartenhaeuschen thead th#name {
	min-width: 150px !important;
}

#kartenhaeuschen th#kartkorr, #kartenhaeuschen td#kartenkorr, #kartenhaeuschen td.kartenfix {
	text-align: center;
}

td.uneditable.noprint {
	min-width: 15px;
}

table#kartenhaeuschen, #kartenhaeuschen tr, #kartenhaeuschen td, #kartenhaeuschen th, #kartenhaeuschen input {
	border: 1px inset #d2d2d2;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
}

#kartenhaeuschen input {
	font-size: 18px;
}

#kartenhaeuschen input#bestaet, #kartenhaeuschen input#cancell {
	font-size: 12px;
}

#kartenhaeuschen tr.cellobenoffen {
	border-top: 1px solid white;
}
/* #kartenhaeuschen tr.celluntenoffen {border-bottom: 1px solid white;} */
#kartenhaeuschen input.edit_box {
	/*font-size: 20px !important;*/
	width: 80% !important;
	background-color: #ffffcc !important;
	border: solid 1px #000;
	padding: 2px !important;
}

#kartenhaeuschen td#notiz {
	width: 360px;
}

#kartenhaeuschen .editbox:hover {
	background: url(./icons/edit.png) right no-repeat #e3f1f7;
	cursor: pointer;
}

#kartenhaeuschen input[type=text].edit_box {
	display: none;
}

#kartenhaeuschen #envelope, #kartenhaeuschen .envelope {
	font-size: 16px;
}

#kartenhaeuschen input.edit_box {
	/*font-size: 20px !important;*/
	width: 80% !important;
	background-color: #ffffcc !important;
	border: solid 1px #000;
	padding: 2px !important;
}

#kartenhaeuschen .editbox:hover {
	background: url(./icons/edit.png) right no-repeat #e3f1f7;
	cursor: pointer;
}

span.pointcursor {
	cursor: pointer;
	font-size: 26px;
	line-height: 35px;
}

span.clicky {
	margin-left: 30px;
	width: 40px;
}

tr span.clicky {
	margin-left: 0;
	font-weight: normal !important;
}

table.formular {
	display: none;
}

#kartenhaeuschen .wpcf7 p {
	display: none;
	margin: 20px;
}

#kartenhaeuschen>.kh_tables {
	font-size: 24px;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 40px;
}

#kartenhaeuschen .forminform {
	width: 420px;
	margin: 5px 0;
	display: none;
}

#kartenhaeuschen .forminform input {
	margin: 5px;
}

#kartenhaeuschen .forminform input[type="number"] {
	width: 100px;
}

#kartenhaeuschen .forminform input[type="submit"] {
	width: 50px;
}

#kartenhaeuschen .sortname, #kartenhaeuschen .sortdatum {
	cursor: pointer;
	float: right;
	font-size: 13px;
}

#kartenhaeuschen .sortname {
	margin-right: 120px;
}

#kartenhaeuschen tbody tr td#warteliste {
	cursor: pointer !important;
}

.karthausdiv .headlang_SpP {
	min-height: auto;
	height: auto;
	max-height: 250px;
}


.KH-right-sidebar {
	position: fixed;
	right: 0px;
	z-index: 9999;
	top: 60%;
	transform: translateY(-50%);
	display: flex;
	flex-flow: column;
	gap: 10px;
}

.refresher, .faecher, .tothetop, .sortnam, .auge {
	float: right;
	font-size: 30px;
	border: 1px solid #cfcfcf;
	background-color: #fefae1;
	border-radius: 6px;
	text-align: center;
	width: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

.wartlist {
	border: 2px solid blue !important;
}

.wartbckgr {
	background-color: #cecece;
}

.sortnam {
	top: 415px;
	height: 50px;
	font-size: 10px;
}

@media only screen and (max-width: 1000px) {
	.refresher, .faecher, .tothetop, .sortnam, .auge {
		position: fixed;
		right: 0px;
		float: right;
		font-size: 20px;
		border: 1px solid #cfcfcf;
		background-color: #fefae1;
		border-radius: 6px;
		text-align: center;
		width: 40px;
		padding-top: 6px;
		cursor: pointer;
		z-index: 9999;
	}
	.tothetop {
		top: 100px;
		height: 40px;
	}
	.refresher {
		top: 230px;
		height: 40px;
	}
	.faecher {
		top: 290px;
		height: 40px;
	}
	.sortnam {
		top: 160px;
		height: 50px;
		font-size: 8px;
	}
	.auge {
		top: 350px;
		height: 40px;
	}
}

.auff, .ttest {
	font-size: 10px;
}

table.kartenhaus {
	display: none;
}
/* .printclass{margin-left: 800px ;} */
.printomatic {
	float: right;
	margin-top: 5px;
	margin-right: 70px;
}

@media screen {
	.printnotiz {
		display: none;
	}
}

.printnotiz {
	/*	alle Infos in den WP-Einstellungen -> printomatic CWO*/
	
}

#mailclick {
	cursor: pointer;
	float: right;
}

td.uneditable.noprint.modalmail {
	cursor: pointer !important;
}

#neueeintraege {
	position: fixed;
	top: 150px;
	width: 60%;
	height: 50px;
	line-height: 1.2;
	padding-top: 20px;
	left: 20%;
	right: 20%;
	border: 1px solid red;
	color: red;
	background-color: #FFF;
	font-size: 20px;
	z-index: 9999;
	text-align: center;
	cursor: pointer;
	display: none;
}

.formclass .textfeldm, .formclass .headzeilem {
	padding: 20px;
	background: #FBFBFB;
	font-size: 14px;
	text-align: left;
}

.formclass .headzeilem {
	margin: 40px 0 0 0;
}

.mmailladdrr {
	margin: 25px 5px;
}

.formclass textarea {
	font-size: 14px;
}

/* // codepen only styles */
.modal-link {
	width: 150px;
	height: 40px;
	float: right;
	border: none;
	border-radius: 5px;
}

.hide {
	display: none;
}

.show {
	display: block !important;
}
/* // Styles for functionality */
@media only screen and (min-width: 400px) {
	.show-in-modal {
		position: absolute;
		top: 0;
		left: 0;
	}
	#log {
		position: fixed;
		top: 100px;
		left: 10px;
	}
	.modal-wrapper {
		z-index: 999;
		position: absolute;
		top: 100px;
		left: 20%;
		right: 20%;
		/* min-height: 600px;*/
	}
	.modal {
		display: none;
		position: relative;
		width: 600px;
		min-height: 300px;
		padding: 20px 20px;
		background: #EEEEEE;
		color: #000000;
		text-align: center;
	}
	.close-modal {
		position: absolute;
		top: 5px;
		right: 10px;
		cursor: pointer;
		font-weight: bold;
		font-size: 25px;
		color: var(--main-color);
	}
	.modal input[type=button] {
		margin: 50px 25px;
		width: 200px;
	}
	.modal textarea {
		margin: 50px 0;
	}
	.modal h1 {
		font-size: 56px;
		margin: 35px 0;
	}
	.formclass input[type=Radio] {
		width: 30px;
	}
	.modal .entry-content 
			p {
		font-size: 16px;
	}
	.modal-content {
		padding: 40px;
	}
	.formclass label, formclass input {
		line-height: 3;
	}
}
/* // end of media query */
@media only screen and (min-width: 1030px) {
}
/* // end of media query */

/****

DIALOG css

**/
.dialog-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.dialog-content {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10001;
	width: 85%;
	overflow: hidden;
	background-color: #FAFAFC;
	text-align: center;
	border-radius: 3px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.dialog-content-hd {
	padding: 20px 0 0;
}

.dialog-content-title {
	font-weight: 400;
	font-size: 17px;
}

.dialog-content-bd {
	padding: 15px 20px 0;
	font-size: 14px;
	color: #666; /* word-wrap: break-word; word-break: break-all;  */
	text-align: left;
}

.dialog-content-bd p {
	margin: 5px 0;
}

.dialog-content-ft {
	position: relative;
	line-height: 42px;
	margin-top: 20px;
	font-size: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.dialog-content-ft a {
	position: relative;
	display: block;
	text-decoration: none;
	color: var(--main-color);
	outline: none;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dialog-content-ft a:active {
	background-color: #EEEEEE;
}

.dialog-content-ft:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #D5D5D6;
	color: #D5D5D6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

.dialog-content-ft a:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px solid #D5D5D6;
	color: #D5D5D6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
}

.dialog-content-ft a:first-child:after {
	border-left: none;
}

.dialog-content-ft .dialog-btn-cancel {
	color: #353535;
}

.dialog-content-ft .dialog-btn-ok {
	color: var(--main-color);
	font-weight: bold;
}

.dialog-wrap-info .dialog-overlay {
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.dialog-content-info {
	width: auto;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 10px;
}

.dialog-content-info .dialog-content-bd {
	position: relative;
	padding: 0;
	width: 140px;
	height: 140px;
	color: #fff;
	text-align: center;
}

.dialog-content-info .dialog-content-bd .info-icon {
	max-width: 48px;
	margin: 20% 0 0;
}

.dialog-content-info .dialog-content-bd .info-text {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 20px;
	margin: 0;
	font-size: 16px;
}

.dialog-wrap-show .dialog-overlay {
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.dialog-wrap-show .dialog-content {
	opacity: 1;
	filter: alpha(opacity = 100);
}

@media screen and (min-width: 1024px) {
	.dialog-content {
		max-width: 35%;
	}
}

/*********** TEAM-Kalender  ***************************************/

/*******************************************************************/
.caluser, .allcalusers {
	display: flex;
	float: left;
	margin: 15px 5px;
	border: 1px solid #e4e4e4;;
	padding: 10px 15px;
	cursor: pointer;
	opacity: 1;
	color: #FFF;
}

.ausblenden {
	display: none !important;
}

.urlaub {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.4 !important;
	word-wrap: inital;
}

.allcalusers {
	background-color: #5e71a0;
	width: 100px;
	text-align: center;
	padding-left: 45px;
}

.pressed, .pressedall {
	color: #000;
	opacity: 0.5;
}

.schottecal {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 320px;
	font-size: 1.1em !important;
}

#message {
	height: 50px;
	z-index: 9999;
	margin-right: 55px;
	/* 	margin-top: 5px; */
	background-color: #fffce6 !important;
}

.teamcallogo {
	width: 50px;
	height: auto;
	margin: 5px 5px auto auto;
	position: absolute;
	top: 0;
	right: 0;
}

.cal_info {
	position: absolute;
	top: 0;
	right: 10;
	background: white;
	border-radius: 50%;
	color: var(--main-color);
	margin: 10px 60px 0 0;
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	cursor: pointer;
	z-index: 10;
}

h1.wc-title {
	font-size: 18px !important;
}

table.arbzeit {
	border-collapse: collapse;
	margin: 20px 10px 150px 50px;
}

table.arbzeit, table.arbzeit td, table.arbzeit th {
	border: 1px solid black;
	padding: 0 5px;
	min-width: 50px;
	text-align: right;
}

table.arbzeit td:first-child {
	min-width: 200px;
}

table.arbzeit td:nth-child(even), table.arbzeit th:nth-child(even), table.arbzeit tr:first-child th:nth-child(odd) {
	border-left: 2px solid black;
}

table.arbzeit tr:first-child th:first-child {
	border-left: 1px solid black;
}

.blass {
	opacity: 0.5;
}

table.arbzeit th {
	font-weight: bold;
	text-align: center;
	padding: 8px 5px;
}

button#downl, button#anzArz {
	display: block;
	margin: 0px 0px 0px auto;
}

button#clickjahr {
	margin-left: 30px;
	font-size: small;
}

a.downloadcsv {
	color: #fff !important;
}

#calendar td.fc-today {
	background: #132f4dad !important;
}

/***********************

POPUP: Gutscheine


***********************/
/*

.popupschotte {

}



@media screen and (max-width: 600px) {

	img#popimg {
	  width: 90%;
	  display: none;
	  z-index: 9999;
	}

}




.big {
  animation-name: zooom;
  animation-duration: 2s;
}

.zoomout {
  animation-name: zoomout;
  animation-duration: 3s;
}


@keyframes zooom {
	0%	{transform: scale(0.1,0.1);}
	50%  {transform: scale(1.1,1.1);}
	100% {transform: scale(1,1);}
}
@keyframes zoomout {
	0%	{transform: scale(1,1);}
	100% {transform: scale(0.1);}
}
*/

/* 


  #effect { width: 240px; height: 170px; padding: 0.4em; position: relative; }
  #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
 */

/*flowplayer */
/* .fp-ui a{display: none !important;} */

/*********************************

Gutschein H�ngeschild

*************************************/
/*
#gutschein_cont{
	z-index:99 !important;
}

.gutschein{
	width: 100px;
	height:auto;

}
.gutscheinkarten{
	width: 60px;
	height:auto;

}


#pendulum-child {
	width:120px;
	height:auto;
	position:absolute;
	left:0px;
	top:0px;
}
 
#pendulum-parent {
	margin-left:83%;
	margin-top: -4px;
	width:120px;
	height:auto;
	z-index:99 !important;
}

.page-template-pageSchotte-Karten #pendulum-child {
	width:80px;
	height:auto;
	position:absolute;
	left:0px;
	top:0px;
}

.page-template-pageSchotte-Karten #pendulum-parent {
	margin-left:83%;
	margin-top: -10px;
	width:80px;
	height:auto;
	z-index:99 !important;

}


@media screen and (max-width: 850px) {

	.gutschein{
		width: 90px;
	}
	.gutscheinkarten{
		width: 40px;
	}


	#pendulum-child {
		width:100px;
	}
 
	#pendulum-parent {
		margin-left:75%;
		margin-top: -4px;
		width:100px;
	}
	
	.page-template-pageSchotte-Karten #pendulum-child {
		width:50px;
	}
 
	.page-template-pageSchotte-Karten #pendulum-parent {
		margin-left:75%;
		margin-top: -5px;
		width:50px;
	}


}

@media screen and (max-width: 500px) {

	.gutschein{
		width: 60px;
	}
	.gutscheinkarten{
		width: 40px;
	}


	#pendulum-child {
		width:70px;
	}
 
	#pendulum-parent {
		margin-left:75%;
		margin-top: -4px;
		width:70px;
	}
	
	.page-template-pageSchotte-Karten #pendulum-child {
		width:50px;
	}
 
	.page-template-pageSchotte-Karten #pendulum-parent {
		margin-left:75%;
		margin-top: -5px;
		width:50px;
	}


}
*/

/*********************************************************************************************

MEDIA QUERY

*********************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 1200px) {
	#header-wrap {
		/*header*/
		max-width: 96.5%;
	}
	.inner-wrap, .footer-wrap {
		max-width: 96%;
	}
	#smallscreen {
		display: none;
	}
	.navbar-toggle {
		display: block;
	}
	header.large .dropdown li a {
		padding-left: 0;
		padding-right: 0;
	}
	#fazebuuk img {
		margin-top: 5px;
	}
}
/* ++++++++++++++++++++++++++++++++++++++++	1000px  ++++++++++++++  */
@media screen and (max-width: 1000px) {
	#entry {
		margin-top: 15px;
		/*45px;*/
		margin-bottom: 40px;
		padding-top: 10px;
		/*20px; */
	}
	#standard_entry {
		margin-top: 15px;
		/*45px;*/
		padding-top: 10px;
		/*20px; */
	}
	h1 {
		font-size: 33px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 16px;
	}
	body {
		font-size: 16px;
	}
	#header-wrap {
		/*header*/
		max-width: 96%;
	}
	.inner-wrap, .footer-wrap {
		max-width: 96%;
		width: 100% !important;
	}
	.zelledatum {
		width: 90px;
	}
	.zellleer {
		/* mobil 70px */
		margin: 0;
		padding: 0;
		width: 90px;
	}
	/* schriftgr��e St�ckseite*/
	#StTitel {
		font-size: 40px;
		margin: 0;
	}
	#StUtitel {
		font-size: 20px;
	}
	h2.demnaechst {
		font-size: 26px;
	}
	p {
		font-size: 14px;
	}
	td .baldhour, .machtitl, .macher, .tab_absatz {
		font-size: 14px !important;
	}
	.machtitl {
		width: 140px;
	}
	#stueckbeschr {
		margin: 17px 0px 51px 0px;
		display: block;
	}
	.kartres, a.kartres {
		background: var(--main-color);
		/*		 width: 116px; */
		height: 33px;
		margin-top: 18px;
		padding-top: 10px;
		line-height: 1.7;
	}
	.infoicon {
		margin: 0 0 3px 3px;
		width: 15px;
		height: auto;
	}
	#prog_col1 {
		float: left;
		margin: 0 0 0 0;
		width: 50%;
		min-width: 300px;
		min-height: 200px;
		display: inline-block;
		vertical-align: top;
		padding: 0 0% 7% 0;
	}
	#prog_col2 {
		float: right;
		margin: 0px 0px 0 0;
		width: 50%;
		min-height: 300px;
		display: block;
		vertical-align: top;
		padding: 0 0% 7% 0%;
	}
	/* ------- �BER UNS ------------ */
	#uberuns_col1 {
		margin-bottom: 20px;
	}
	#tabs li a {
		font-size: 15px;
	}
	.beschrWrapper {
		font-size: 13px;
	}
	/* --- Mitarbeiter --- */
	.VKwrapper {
		/* nach au�en orientiert */
		margin: 0 -2% 0 -2%;
	}
	.VKrahmen {
		/* circle_container */
		float: left;
		position: relative;
		width: 46%;
		margin: 2% 2% 1.5% 2%;
	}
	.VKbildaussen {
		/* circle */
		margin-top: 48.8%;
	}
	.foerderschrift a {
		font-size: 17px;
		line-height: 1.2;
	}
	/*Chronik & Jahresgeschichte  */
	.CHwrapper {
		/* nach außen orientiert */
		margin: 0 -1.9% 0 -2.1%;
	}
	#chronikcol1 {
		float: left;
		margin: 0 0 0 0;
		width: 100%;
		min-height: 400px;
		min-width: 250px;
		display: inline-block;
		padding: 0 0 0 0;
	}
	.CHrahmen {
		/* circle_container */
		float: left;
		position: relative;
		width: 30%;
		margin: 0 1.2% 3% 2%;
	}
	#chronikcol2 {
		float: left;
		margin: 0 0 0 0;
		width: 100%;
		min-height: 400px;
		min-width: 250px;
		display: inline-block;
		vertical-align: top;
		/* background: lightblue;  */
		padding: 0 0 0 0;
	}
	/*Kontakt */
	#kontaktkarteschmal {
		visibility: visible;
		float: left;
		margin: 40px auto;
		width: 90%;
		min-width: 100px;
		max-height: 250px;
		display: inline-block;
		overflow: hidden;
	}
	#kontaktkartegross {
		display: none;
	}
}
/* +++++++++++++++++++++ 800px +++++++++++++++++++++++++++ */
@media screen and (max-width: 800px) {
	.REPrahmen {
		width: 49%;
		background: #FFF;
	}
	.REPspan:hover {
		opacity: 1; /*0.8*/
	}
	header.large #menu a {
		font-size: 18px;
	}
	/* ------- �BER UNS ------------ */
	#uberuns_col1 {
		margin-bottom: 200px;
	}
	#vereinwrapper {
		position: relative;
		margin-bottom: 70px;
	}
	#UeUdeskt {
		display: none;
	}
	#UeUmobil {
		display: block;
	}
	.ueberunseinzelbox {
		display: block;
		width: 43%;
		margin: 0 2% 0 2%;
		padding: 0;
	}
	/* --- Verein & Jugendbeirat -- */
	.bilderWrapper {
		margin: 40px -2.1% 40px -2.1%;
	}
	.bildcontainer {
		float: left;
		position: relative;
		width: 28%;
		/* breite */
		margin: 2.6%;
		padding: 0;
	}
	/* ensemble+ */
	.beschrWrapper {
		font-size: 11px;
	}
	/* F�rderer */
	.foerderschrift a {
		font-size: 15px;
		line-height: 1.2;
	}
	/*Chronik & Jahresgeschichte  */
	.CHwrapper {
		/* nach au�en orientiert */
		margin: 0 -2.7% 0 -2%;
	}
	.CHrahmen {
		/* circle_container */
		float: left;
		position: relative;
		width: 46%;
		margin: 0 1.2% 3% 2%;
	}
	CHschrift {
		font-size: 21px;
	}
	/* Angebote */
	.angeb_li, .Verein_col_li {
		float: left;
		width: 100%;
		max-width: 100%;
	}
	.angeb_li h1, .Verein_col_li h1 {
		margin: 2% 0 30px 0;
	}
	.Verein_col_re {
		width: 100%;
		margin: 0 0 30px 0;
	}
	.angeb_re {
		float: left;
		width: 100%;
		margin: 0;
	}
	.angeb_cont {
		float: left;
		position: relative;
		width: 46%;
		margin: 2%;
	}
	.ang_rahm {
		margin: 10px -2% 0;
	}
	/*Kontakt*/
	#kontaktcol1 {
		width: 100%;
	}
	/*footer*/
	#footerbox {
		margin: 0px auto;
		display: block;
		justify-content: initial;
	}
	#footcol1ev {
		float: left;
		display: block;
		max-width: 275px;
		width: 255px;
		margin-bottom: 20px;
	}
	#footcol2ev {
		float: right;
		display: block;
		width: 243px;
		margin-bottom: 20px;
	}
	#footcol3ev {
		clear: both;
		float: left;
		display: block;
		max-width: 173px;
	}
	#footcol4ev {
		float: right;
		display: block;
		width: 243px;
	}

	/* Rommcal*/
	#dtp-rendered-form {
		margin: 50px auto 30px auto;
		min-width: 200px;
		width: 80%;
		padding: 20px 2%;
		left: 10%;
	}
	#dtp-rendered-form .fb-date label {
		width: 200px;
	}
}

/* ********************************************************************


++++++++++++++++++  768px +++++++++	hier schl�gts um  ++++++++++++++ 



************************************************************************ */
@media screen and (max-width: 768px) {
	.inner-wrap {
		max-width: 94%;
	}
	#header-wrap {
		max-width: 96%;
	}
	#header.headroom {
		top: 0;
	}
	#header.headroom--unpinned {
		top: 0;
	}
	#header.headroom--pinned {
		top: 0;
	}
	/* #groundhead {display: block; height: 60px;} */
	#smallscreen {
		display: block;
	}
	.navbar-toggle:hover, #logo img:hover, #fazebuuk img:hover, #instagram img:hover {
		opacity: 1;
	}
	/*.navbar-toggle:hover {
		background-color: #ffe064; 
		transition: all 0.5s;
		-moz-transition: all 0.5s;
 		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
	}*/
	/*navbar-toggle:focus {
		background-color: #ffe064;
	}*/
	#wholesite {
		position: fixed;
		top: 59px;
		left: 0;
		width: 100%;
		height: 600px !important;
		opacity: 0;
		display: none;
		text-align: center;
		cursor: default;
	}
	#wholesite.active {
		display: inline-block !important;
	}
	#menu {
		display: none;
	}
	header.large, header.small {
		/* height: 50px; */
		padding-top: 8px;
		margin-top: 0;
	}
	#platzhinterhead {
		height: 105px;
	}
	header.large #foerderung
	header.large #logo img {
		float: none;
		z-index: 90 !important;
	}
	header.large #logo, header.small #logo {
		max-width: 60px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
	}
	header.large #logo img, header.small #logo img {
		float: none;
		z-index: 90 !important;
		width: 80px;
		margin: 5px auto 0 auto !important;
	}
	header.large #fazebuuk, header.small #fazebuuk {
		float: right;
		width: 22px;
		height: auto;
		margin: 11px 6px 0 0;
	}

	header.large .navbar-toggle, header.small .navbar-toggle {
		display: block;
		float: left;
		border: none !important;
		margin-top: -25px !important;
		width: 21px;
		height: 22px !important;
	}
	/*wird nicht angezeigt*/
	#menu {
		background: var(--main-color) !important;
		/* schotteblau */
		font-size: 26px;
	}
	.dropdown {
		display: block !important;
		justify-content: flex-start !important;
		line-height: 1.2;
		margin-top: 20px;
	}
	.dropdown a {
		font-size: 24px !important;
		display: inline;
	}
	#logo img:hover, #fazebuuk img:hover {
		-webkit-filter: brightness(100%) grayscale(0%) sepia(0%) contrast(100%);
	}


	#header.has-menu-overlay {
		background: none;
		position: fixed;
		top: 0;
	}
	/*verhindert wegscrollen des headers bei mobile Menu*/
	.has-menu-overlay.headroom--unpinned {
		top: 0 !important;
		overflow-y: scroll !important;
	}
	#header.headroom--unpinned {
		top: -10px;
	}
	#header.headroom--unpinned #foerderung {
		display: none;
	}
	#menu.menu-overlay {
		/*padding-top: -29px !important; */
		animation: 300ms cubic-bezier(0.8, 0.02, 0.45, 0.91) 0s normal forwards 1 running scale-fade !important;
		margin-top: 0px !important;
		border-top: 1px solid #FFCD00;
		width: 190px;
		height: 100vh;
		display: inline !important;
		z-index: inherit;
		top: 58px;
		position: fixed;
		overflow: hidden;
		overflow-y: hidden;
	}
	#entry {
		margin-top: 25px;
		/*45px;*/
		padding-top: 10px;
		/*20px; */
	}
	#standard_entry {
		margin-top: 25px;
		/*45px;*/
		padding-top: 0px;
		/*20px; */
	}
	#welcome_col1 {
		display: block;
		margin: 0;
		width: 100%;
		border: none;
		margin-top: 65px;
	}
	#welcome_col2 {
		display: block;
		width: 100%;
		border: none;
	}
	/* St�ckseite */
	#prog_col1 {
		float: left;
		margin: 0 1% 0 0;
		width: 100%;
		min-width: 300px;
		min-height: 200px;
		display: inline-block;
		vertical-align: top;
		padding: 0 0% 7% 0;
	}
	#prog_col2 {
		float: right;
		margin: 10px 2.5% 0 3%;
		width: 100%;
		min-height: 300px;
		display: block;
		vertical-align: top;
		padding: 0 0% 7% 0%;
	}
	/*ueberuns mitarbeiter */
	.VKtxto {
		font-size: 14px;
	}
	/*ueberuns ensemble */
	#EnsFotoWrap {
		margin: 0 -2.1% 0 -1.5%;
	}
	.Ens_container {
		float: left;
		position: relative;
		width: 21%;
		margin: 2%;
		padding: 0;
	}
	.beschrWrapper {
		font-size: 13px;
	}
	/* ueber uns - F�rderer */
	.FPrahmen {
		/* circle_container */
		float: left;
		position: relative;
		width: 46%;
		margin: 2% 2% 2% 2%;
	}
	.foerderschrift a {
		font-size: 17px;
		line-height: 1.2;
	}
	.VKwrapper {
		/* nach au�en orientiert */
		margin: 60px -2% 0 -2%;
	}
	h1.wc-title { /*teamKalender*/
		position: fixed;
		top: 20px;
	}
	#dtp-rendered-form .fc-toolbar {
		font-size: smaller !important;
	}
}
/* ++++++++++++++++++++++++++++++++++ 640 px ++++++++++++ ++++++++++++++++++  */
@media screen and (max-width: 640px) {
	h1 {
		font-size: 26px;
		margin: 20px 0 10px 0;
	}
	h2 {
		font-size: 21px;
	}
	h3 {
		font-size: 14px;
	}
	body {
		font-size: 14px;
	}
	.inner-wrap {
		max-width: 93%;
	}
	#header-wrap {
		max-width: 96%;
	}
	/* Header */
	#logo {
		display: block;
		margin-bottom: 0 !important;
	}
	#logo img {
		height: auto;
		max-width: 100%;
		width: 100%;
	}
	#logo h1 {
		width: 100%;
	}
	#logo h1 {
		display: block;
		float: left;
	}
	.site-description {
		display: none;
	}
	.shortcode-tabs ul.tab_titles li.nav-tab a {
		font-size: 11px;
		padding: 10px 10px 14px;
	}
	#header {
		padding: 0 0 0 0 !important;
	}
	.slides>li h3 {
		margin-top: 50px !important;
	}
	.slides>li .li-wrap {
		width: 80%;
		text-align: center;
	}
	#slider {
		height: 260px !important;
	}
	#slider .slides>li {
		height: 260px;
	}
	.slides>li .excerpt {
		display: none;
	}
	.slides>li h3 {
		font-size: 24px;
	}
	.ersatzheadschrift {
		font-size: 300%;
	}
	/* ++++++++++SPIELPLAN ++++++++++  */
	#welcome_col2 h1, #welcome_col1 h1 {
		margin-bottom: 28px;
	}
	.progr-tabelle {
		margin-bottom: 12px;
	}
	.mehrtag {
		margin-bottom: 22px !important;
	}
	#spielplWrapper {
		margin: 5px auto;
	}
	.Aboclick {
		margin-left: 95px;
	}
	.info_abo {
		width: 85%;
	}
	.zelledatum h2 {
		font-size: 20px;
	}
	h1.prog {
		margin-bottom: 30px;
		margin-top: 50px;
	}
	.zelledatum {
		width: 90px;
	}
	.zellleer {
		/* mobil 70px */
		margin: 0;
		padding: 0;
		width: 90px;
	}
	.zellebeschr h3 {
		text-transform: uppercase;
		margin-bottom: 0px;
	}
	.pfeilrechts {
		font-size: 20px;
	}
	.Reservbutton {
		display: none;
	}
	.ResButtonmobil {
		width: 140px;
		vertical-align: middle;
		text-align: right;
		display: block;
		margin: 12px 0 25px 0;
	}
	.SpPkartres, .SpPkartAbendkasse, a.SpPkartres {
		height: 30px;
		padding-top: 8px;
		line-height: 1.6;
	}
	/*	 .kartAbendkasse {}  */
	#prog_col1 {
		margin-bottom: 60px;
	}
	#prog_col2 {
		float: left;
		margin: 0 !important;
		width: 100%;
		min-height: 300px;
		display: block;
		vertical-align: top;
	}
	#prog_col2 .wp-video {
		max-width: 97%;
		margin-left: 1.5%;
		padding-right: 0;
	}
	#prog_col2 #breaker {
		width: 100%;
		font-size: 6px;
		display: block !important;
	}
	.stuckgal_cont {
		float: left;
		position: relative;
		width: 47%;
		margin: 1.5%;
	}

	/* ueber uns mitarbeiter */
	.tatigk {
		font-size: 11px;
	}
	.VKtxtu {
		line-height: 1.1;
	}
	.foerderschrift a {
		font-size: 15px;
		line-height: 1.2;
	}
	.CHschrift {
		font-size: 17px;
	}
	#message { /*teamcalendar*/
		display: none !important;
	}
}
/* +++++++++++++++++++++++++++ 580 px +++++++++++++++++++++++++*/
@media screen and (max-width: 580px) {
	#footerblue {
		display: block;
		height: 490px;
		background: var(--main-color);
		padding: 40px 0 40px 0;
	}
	#footerbox {
		display: block;
		justify-content: initial;
		margin: 0 16px;
	}
	#footcol1ev {
		clear: both;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 30px;
		height: auto;
	}
	#footcol2ev {
		clear: both;
		float: left;
		display: block;
		width: 290px;
		margin-bottom: 20px;
	}
	#footcol3ev {
		clear: both;
		float: left;
		display: block;
		width: 173px;
		margin-bottom: 20px;
	}
	#footcol4ev {
		clear: both;
		float: left;
		display: block;
		width: 290px;
	}
	#footeryell {
		display: block;
		padding-top: 12px;
		line-height: 1.4;
		text-align: center;
	}
	.copyr1 {
		display: block;
		float: none;
	}
	.copyr1:after {
		clear: both;
	}
	.copyr2 {
		display: block;
		float: none;
		text-align: center;
		margin-top: 1rem;
	}
	#bestellcont {
		margin-left: 5%;
	}
}
/* +++++++++++++++++++++++++++ 500 px +++++++++++++++++++++++++*/
@media screen and (max-width: 500px) {
	.resKartensatz {
		width: 140px !important;
	}
	.REPrahmen {
		/* Repertoire */
		width: 99%;
		/* 2% 1.2% 1.5% 2%;*/
	}
	.bilderWrapper {
		margin: 40px -1.5% 40px -1.5%;
	}
	.bildcontainer /* container*/ {
		float: left;
		position: relative;
		width: 45.5%;
		/* breite */
		margin: 2%;
		padding: 0;
	}
	.VKwrapper {
		/* nach au�en orientiert */
		margin: 60px -3% 0 -3%;
	}
	.VKrahmen {
		/* circle_container */
		float: left;
		position: relative;
		width: 96%;
		margin: 2% 2% 1.5% 2%;
	}
	.VKbildaussen {
		/* circle */
		margin-top: 48.8%;
	}
	/*ueberuns mitarbeiter */
	.VKtxto {
		font-size: 16px;
	}
	.tatigk {
		font-size: 14px;
	}
	.VKtxtu {
		font-size: 12px;
		line-height: 1.2;
	}

	/* ueber uns Ensemble */
	#EnsFotoWrap {
		margin: 0 -2.1% 0 -2%;
	}
	.Ens_container {
		float: left;
		position: relative;
		width: 46%;
		margin: 2%;
		padding: 0;
	}
	/* ueber uns - F�rderer */
	.FPrahmen {
		/* circle_container */
		float: left;
		position: relative;
		width: 96%;
		margin: 2% 2% 2% 2%;
	}
	.foerderschrift a {
		font-size: 19px;
		line-height: 1.3;
	}
	/*Chronik & Jahresgeschichte  */
	.CHwrapper {
		/* nach au�en orientiert */
		margin: 0 -2.7% 0 -2%;
	}
	.CHrahmen {
		/* circle_container */
		float: left;
		position: relative;
		width: 96%;
		margin: 2% 2% 2% 2%;
	}
	.CHschrift {
		font-size: 24px;
	}
	/*Angebote*/
	.angeb_re {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}

	/* Kontakt */
	.konttitl {
		margin-top: 5px;
	}
	.konttitl:first-child {
		margin-bottom: 10px;
	}
	.kontzellezwo {
		line-height: 1.2;
	}
	.kontdesktop {
		display: none;
	}
	.kontmobil {
		display: inline-block;
	}
	/*bestellcontainer/*/
	#TB_ajaxWindowTitle {
		float: left;
		font-weight: 400;
		line-height: 29px;
		overflow: hidden;
	}
	#TB_window {
		font-size: 20px;
	}
	h2.artli {
		width: 110px;
	}
	.bestll {
		margin-left: 0;
	}
	h3.formfeld p {
		font-size: 11px;
	}
	input, textarea {
		padding: 2px 2px;
		font-size: 14px;
		width: 100%;
		color: var(--main-color);
	}
}
/* ++++++++ metaslider +++ */
.metaslider img {
	/*width: auto !important; */
	object-fit: cover !important;
	-webkit-object-fit: cover;
	-o-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	/*padding: 0 auto; */
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 700px) {
	.metaslider img {
		height: 210px !important;
		object-position: 60% 50%;
		-webkit-object-position: 60% 50%;
		-o-object-position: 60% 50%;
		-ms-object-position: 60% 50%;
		-moz-object-position: 60% 50%;
	}
}

@media screen and (max-width: 600px) {
	.metaslider img {
		height: 130px !important;
		object-position: 75% 50%;
		-webkit-object-position: 75% 50%;
		-o-object-position: 75% 50%;
		-ms-object-position: 75% 50%;
		-moz-object-position: 75% 50%;
	}
}



.woocommerce-thankyou-order-received {
	margin-bottom: 4rem;
	text-align: center;
	font-size: 22px;
	margin-top: 3rem;
}