/*
 Theme Name:   marionettentheater
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Thomas Usborne, Max Herrmann
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/


/* roboto-regular - latin*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/Roboto-Light-webfont.woff') format('woff'); 
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/Roboto-LightItalic-webfont.woff') format('woff');
} 

/* roboto-400 - latin*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Roboto-Regular-webfont.woff') format('woff'); 
} 

/* roboto-400-italic - latin*/
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/Roboto-Italic-webfont.woff') format('woff'); 
} 

/* roboto-condensed - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/RobotoCondensed-Light-webfont.woff') format('woff'); 
}


html {
overflow-y: scroll;
}
		
body
{
background-image: none !important;
height:100%;
}
b, strong {font-weight: 400;}
body .grid-container {
    max-width: 3000px !important;
}
a {font-weight:400;}
#page {background-color: #fff; width: 100% !important;}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {color: #333 !important;}

#content {padding: 0px 0 90px 0; min-height:700px;}
.grid-container {background-color:rgba(0,0,0,0) !important;}
.inside-header {background-color: transparent !important;}
/*.main-navigation, .site-info, .inside-site-info,.main-navigation .main-nav ul li a, .main-navigation .main-nav ul li a {background-color:transparent !important;}
.main-navigation .main-nav ul li a {padding: 0 10px; margin: -1px 0;}
.main-navigation a {font-size: 22px;}
.site-info {padding: 0 20px 60px 20px;}

.header-aligned-left .site-header{
  text-align:center;
}*/
.header-image {
    width: 80%;
}
.custom-menu div  {float:left;}
.inside-article, .comments-area, .page-header, .one-container .container, .paging-navigation, .inside-page-header {
    background-color: transparent;
}
.entry-content {padding:30px 5% 0 5% !important; max-width: 960px; margin: 0 auto;}
.entry-content img {border-radius:2px;}
img.alignright {margin: 0 0 1em 1.5em;}
img.alignleft {margin: 0 1.5em 1em 0;}
.entry-header {padding: 0 5%;}
.inside-article {padding:0 !important;}

.home .entry-title {display: none;}

.entry-meta {display: none;}

/*#################################################################### Reservierungen #####*/

#message.updated { font-weight: 400; color: green; padding: 5px 10px; display: inline-block; text-transform: uppercase; background-color:#CDF8CB;} 
#message.updated p {margin:0;}
.button-large  {background-color: green !important;  font-weight: 400; text-transform: uppercase;}
input[type="submit"]:hover {background-color: black !important; }  
.button {padding: 5px 10px !important;}
#content a:hover{text-decoration: none !important;}

/*#primary-menu {background-color: #DFD8A1;}

/*#################################################################### table #####*/
table {width:auto; border-collapse:collapse; border-width: 0px; border-spacing: 0px; border: none !important;}
tr {margin:0; padding:0; }
td {margin:0; padding:0 10px 5px 0; text-align:left;font-weight:300; border-width: 0px; vertical-align: top;}

/*#################################################################### spielplan #####*/
table.spiel-datum {margin: -40px 0 80px 0; display:block;line-height: 1.2; overflow: auto; float:left;}
tr {margin:0; padding:0;}
table.spiel-datum td {margin:0; padding:15px 0px 10px 10px;vertical-align: top; text-align:left; width: auto;}
table.spiel-datum td.uhrzeit {padding-right:10px;}
table.spiel-datum td.datum {padding-left: 5px; text-align: right;}
table.spiel-datum td.tag, td.datum, td.uhrzeit, td.stueck-titel, td.ticket1, td.ticket2, td.reservierung {border-bottom: 1px solid #ddd;}
td.ticket1, td.ticket2 {max-width: 100px; font-size:13px; text-transform: uppercase; vertical-align: bottom !important; font-weight:400;}
a.link-ticket  {margin-left:0px; font-weight: 400; color: #0063a6;}
.ticket2 a i  {color: #81c5f2;}
td.ticket2 {padding-right: 15px !important;}
a.link-ticket:hover  {color: #000;}
.page-id-184 h2, .page-id-1162 h2  {margin: 40px 0 0 0; padding-bottom: 0;}
.page-id-184 h3, .page-id-1162 h3  {margin-top: 60px;}
.page-id-184 .entry-content, .page-id-1162 .entry-content {margin-top: -20px;}
.stueck-titel {font-weight: 400; min-width: 280px;}
.fett-text a{color: #000;}
.fett-text a.link-ticket {color:#999;}
i.fas{
    font: 24px/1 fontawesome;
	display:inline-block;
	padding: 0;
	-webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
}
.monat-name {width: 100%;}
.legende {float:right; margin-top: 70px; font-size: 14px; }
.legende i.fas {font-size: 22px;}

/*#################################################################### spielplan home #####*/
table.circle td {vertical-align:middle;padding:0;}
table.circle{width:450px;height:450px;}
table.spiel-datum-home td {margin:0; padding:0 5px 10px 0;vertical-align: top;border:none; line-height:120%;}
table.spiel-datum-home {width:85%;margin:0 auto !important;border:none;color:#000;}
#spielplan-home  {position:relative; }
.spielplan-home {border-radius:225px; width:450px;height:450px;position:absolute;z-index:1000;bottom:100px;right:-5%; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF056',  endColorstr='#FFE900');
background-image:linear-gradient(hsla(55,100%,55%,0.85) 20%, hsl(55,100%,55%) 50%);}
.spielplan-home a {font-weight:300; }
.spielplan-home .stueck-titel {font-weight:400;}
table.spiel-datum-home .tag {width: 142px;text-align: right; }

@media (min-width: 1600px) {
	.spielplan-home {right: -30%; bottom: 200px;}
}

/*#################################################################### typo #####*/
h1.entry-title {text-align:center;margin: 50px 0 10px 0;}
#content a:hover {text-decoration: underline;}

/*.site-footer {font-family: 'roboto condensed'; }



/* ###################################################################  slider #############*/

.bild-container {padding-top: 30px;}
.home .bild-container {padding-top: 0px;}
.home .slick-slider {max-width: 100% !important; width: 100% !important;margin:0 !important;}
.slick-slider {max-width: 1200px; margin: 0 auto;}

.slick-slide img {
    width: 100%;
}
.slides-home {position:relative;}
.slick-dots li {
    margin: 0 !important;
}
.slider-top
{
 height:18px;
 width:100%;
 position:absolute;
 z-index:2000;
}

.slick-loading .slick-list
{
    background: #fff url('./slick/ajax-loader.gif') center center no-repeat;
}

/* Dots */
.slick-slider
{
    margin-bottom: 0px;
}

.slick-dots
{
    position: absolute;
    bottom: 40px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 40px;
    padding: 5px 10px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 55px;
    line-height: 65px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    content: '•';
    text-align: center;
    opacity: .5;
    color: #ddd;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .7;
    color: #fff;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
	color: #fff;
}

ul.slick-dots {margin:0;}
/*###################################################### navi ########*/
#menu-hauptmenue li.menu-item {position:relative; white-space: nowrap;}
#menu-hauptmenue li.menu-item:after {content:'\A0'; border-right: 0px solid #444; position:absolute;top:18px;left:-4px;}
#menu-hauptmenue li:first-child::after {content:'';}
@media (min-width:981px) {
ul#menu-hauptmenue {   display: flex;  justify-content: center;}}

#menu-fusszeilemenue span.sep:after {content:'I';padding:0 5px 0 5px;}
#menu-fusszeilemenue span.sep:last-child::after {content:'';}
#menu-fusszeilemenue span.sep {position:relative;}
#menu-fusszeilemenue {margin-bottom: 10px;}
#menu-kinder-programm div.menu-item ,#menu-abend-programm div.menu-item{float:none;}

#menu-kinder-programm, #menu-abend-programm {margin-bottom: 30px;}


/*#################################################### kontaktform ########*/
.wpcf7-form textarea, .wpcf7-form input {
    width: 100% !important;
	}
	
.wpcf7-form p {
    margin: 0 0 14px 0 !important;
}
.wpcf7-form  {
    margin-top: 1.5em !important;
}
.wpcf7-form img {
position: absolute;
top: 1px;
right: 2px;
background: #F1F1F1;
padding: 6px 5% 7px 0;
width: 20%;
}
input.wpcf7-captchar.kontakt {
width:74% !important;
}

div.wpcf7-validation-errors {
    border: 1px solid #95BA12;
    color: #65696d;
}
/*############################################################# PAGINATION ################*/

.pagination {text-align: right; position:relative; margin: 10px 0 5px 3px; font-size: 15px;font-weight:700;}
.pagination a {padding: 0 5px 0 5px;}
.pagination a:hover {font-weight: bold; text-decoration: none;}
.pagination span.current {padding: 0 5px 0 5px; font-size: 15px;color:#5A7C4A}
.pagination .current::before {content: "| Seite\A0"; font-size: 15px;} 
.pagination .current::after {content: " |"; ; font-size: 15px;} 

/*############################################################# MOBIL ################*/
@media (max-width: 1400px) {
	.spielplan-home {bottom: 50px;}
}

@media (max-width: 1000px) {
	img.alignright {margin: 0 0 1em 0;}
	.post-184 .spiel-datum {display: table-footer-group !important; float:none; margin-top:-20px;}
	.post-184 pre {display: table-header-group;float: none; background-color: #fff;}
}

@media (min-width: 701px) {
.on_mobil {display: none;}
.on_pc {display:block;}
	
}

@media (max-width: 700px) {
#menu-hauptmenue li.menu-item:after {content: '';}
.on_mobil {display: block;}
.on_pc {display:none;}
table.spiel-datum td.uhrzeit {width:0px !important;}
table.spiel-datum td.datum, table.spiel-datum td.tag {width:auto !important; text-align:left;}
.datum .on_mobil {margin-left:-25px;}
h1 {font-size:170%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
	td.ticket1, td.ticket2, td.stueck-titel {vertical-align: middle !important;}
}

@media (min-width: 701px) {
.home .entry-content {margin-top:0px;}
.on_mobil2 {display: none;}
.on_pc2 {display:inline;}
}

@media (max-width: 980px) {
.on_mobil2 {display: block;}
.on_pc2 {display:none;}

.spielplan-home {background:transparent;border-radius:0px;width:100%;height:auto;position:initial;z-index:1000;}
.home .entry-content {margin-top:0px;}
table.circle td {vertical-align:top;padding:0;}
table.circle{width:100%;height:auto; margin-top:20px;}
table.spiel-datum-home td {margin:0; padding:0 5px 5px 0;vertical-align: top;border:none;}
table.spiel-datum-home {width:100%;margin:0 auto !important;border:none;color:#333;}
#spielplan-home  {position:relative;}
table.spiel-datum-home .tag {width: 120px;text-align: right;padding:0 10px 10px 0;}
table.spiel-datum-home .datum .on_mobil {margin:0;}
	.legende {margin-top:0;}
	table.spiel-datum td.uhrzeit {padding-right:5px; padding-left:0 !important;}
.ticket2 {width: auto;}
a.link-ticket  {margin-left:0px;}
	table.spiel-datum td {margin:0; padding:15px 10px 15px 0px !important; font-size: 17px;}
	.ticket1, .ticket2 {font-size:13px !important;}
	.spiel-datum td.tag {padding-right: 0px !important;}
	#post-184 p, #post-1162 p{text-align: left !important;}
	.stueck-titel {min-width: 0;}
	body {-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
	hyphens: auto; }
}