/*
 Theme Name:   bhost Child
 Description:  Child css für Ziegeleipark
 Author:       Gordon Rohde
 Author URI:   www.durchdiestadt-agentur.de
 Template:     bhost
 Version:      1.0
 Text Domain:  bhost-child
*/

body {
    height: 100vh;
}
.hr-oben {height: 55px;width: 100%;}
.hr-unten {height: 35px;width: 100%;}
hr.trenner {margin: 20px auto;width: 80%;}

button, input[type="button"], input[type="submit"], input[type="reset"] {margin: 0; padding: 0!important;}
#page {margin-top: 80px;}
.content {z-index: 90;}

#primary, .content-area {background: transparent;}

.clear {float: none;clear: both;}
:focus {outline: none;}


.envira-lazy {
    width: 264px!important;
}
.uebernachten-content-bilder .envira-lazy {
    width: 100%!important;
}

.abstimmungsbutton {
    display: inline-block;
    position: fixedimportant;
    bottom: 5rem;
    right: 5rem;
    z-index: 50;
}

a#abstimmung:hover {border: 1px solid #000;}

a,
a:hover {color: #000!important;text-decoration: none;}

h1,
h2,
h3,
h4,
h5,
h6,
h1 span {font-family: 'Londrina Solid' , sans-serif;letter-spacing: 1px;text-transform: uppercase;color: #5c5c5c;}
p,
a,
li,
td,
th,
i,
small,
strong {font-family: 'Open Sans', sans-serif;font-size: 16px;color: #000;}
small {font-size: 12px;}
p,
a,
li,
td,
th,
span {font-weight: normal;}
h1 strong span,
h3 strong,
h2 strong {font-family: 'Londrina Solid' , sans-serif;color: #5c5c5c;}
h3 strong,
h2 strong {font-size: 24px;}
h1 {font-size: 30px;}
h2 {font-size: 25px;}
h3 {font-size: 21px;font-weight: 300;}

.container {max-width: 1200px;min-width: 300px;width: 100%;padding: 0 15px;margin: 0 auto;margin-top: 30px;}
.content-box {padding: 15px;}
ul.outlink li a {background-image: url(/wp-content/uploads/2020/09/redirect.svg);background-repeat: no-repeat;padding-left: 25px;vertical-align: middle;display: block;background-position-y: 3px;}

.dds-display-none {display: none;}
.spezial-style div div {margin: 0!important;}

.zp-ver .termin-kontakt p {margin-bottom: 2px;}
.zp-ver table {margin: 5px 0!important;}
.zp-ver table th, .zp-ver table td {padding: 5px;}

/*** Contact & Social Media ***/
.csm {position: fixed;top: 300px;right: 0;transform: translatey(-50px);display: flex;width: 65px; height: 220px;justify-content: flex-end;z-index: 500;}
.csm-container {display: flex;flex-wrap: wrap;justify-content: flex-end;}
.csm-container span {border: 1px solid #ccc;width: 55px;height: 55px;display: flex;transition: 0.25s ease-in-out;background: #fff;position: relative;}
.csm-container span:first-child {border-top-left-radius: 10px;}
.csm-container span:last-child {border-bottom-left-radius: 10px;}
.csm-container span p {margin: 0;}
.csm-container span i {width: 35px;height: 35px; line-height: 35px;font-size: 28px;display: flex;justify-content: center; align-items: center;margin: 10px;transform: scale(1);transition: 0.25s ease-in-out;}
.csm-container span img {width: 28px;height: 28px;display: flex;justify-content: center; align-items: center;margin: 12px;transform: scale(1);transition: 0.25s ease-in-out;}
.csm-container span:hover i {transform: scale(1.3);padding-left: 10px;transition: 0.25s ease-in-out;}
.csm-container span:hover img {transform: scale(1.3);transition: 0.25s ease-in-out;}
.csm-container span:hover {width: 65px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;transition: 0.25s ease-in-out;}

.csm .csm-container span input {position: relative;width: 53px;height: 53px;border-radius: 10px 0 0 0;transition: 0.25s ease-in-out;}
.csm .csm-container span button.cb {position: absolute;top: 0;right: 0;width: 53px;height: 53px;border: none;border-radius: 10px 0 0 0;transition: 0.25s ease-in-out;}
.csm .csm-container span:hover input {position: relative;width: 63px;height: 53px;border-radius: 10px 0 0 10px;transition: 0.25s ease-in-out;}
.csm .csm-container span:hover button.cb {position: absolute;top: 0;right: 0;width: 63px;height: 53px;border: none;border-radius: 10px 0 0 10px;transition: 0.25s ease-in-out;background: #fff;}

/*** spezieller Schortcode listen Style ***/


/*** Post-style ***/
.stellenangebote {margin-bottom: 30px;border: 2px solid #943e00;}
.stellenangebote > div > div:nth-child(-n+2) {padding-bottom: 30px;}
.stellenangebote h2,
.stellenangebote p,
.stellenangebote ul {padding: 0 15px;}

/*** Button style ***/

.su-button span,
.ext-link-button,
.anfahrt-container .mehr-button span,
.ext-link-button a,
.umgebung-content-box a,
.thumb p a {color: rgba(245, 234, 212, 1)!important;font-style: normal;font-weight: 300;background-color: #e69900;position:relative;display: inline-block;width: auto;height: 44px;line-height: 44px!important;margin: 0;padding: 0 36px;border: 2px solid #ecae80!important;font-size: 14px;margin-top: 15px;}
.ext-link-button:hover,
.anfahrt-container:hover .mehr-button span,
.ext-link-button a:hover,
.umgebung-content-box a:hover,
.thumb p a:hover {color: rgba(131, 40, 0, 1)!important;background-color: rgba(245, 234, 212, 1);position:relative;display: inline-block;width: auto;height: 44px;line-height: 44px;margin: 0;padding: 0 36px;border: 2px solid #ecae80;font-size: 14px;margin-top: 15px;}
.umgebung-content-box a,
.umgebung-content-box a:hover,
.thumb p a:hover {width: 100%;text-align: center;}
.full-link, .full-link:hover {width: 100%;text-align: center;}

.facebook-link-button {
    color: rgba(245, 234, 212, 1)!important;
    font-style: normal;
    font-weight: 300;
    background-color: #e69900;
    position: relative;
    display: inline-block;
    width: auto;
    height: 52px;
    line-height: 57px;
    margin: 0;
    padding: 0 20px;
    border: 2px solid #ecae80!important;
    font-size: 16px;
    margin-top: 15px;
    border-radius: 20px;
}
.facebook-link-button:hover {color: rgba(131, 40, 0, 1)!important;background-color: rgba(245, 234, 212, 1);position:relative;display: inline-block;width: auto;height: 52px;line-height: 57px;margin: 0;padding: 0 20px;border: 2px solid #ecae80;font-size: 16px;margin-top: 15px;border-radius: 20px;}

.facebook-link-button i {font-size: 30px;color: #3b6998;border: 1px solid rgba(255,255,255,0.25);border-radius: 50%;}

.int-link-button {width: 100%;display: flex;justify-content: flex-end; align-items: flex-end;}
.int-link-button a {width: max-content;padding: 5px 15px;border-radius: 25px;background-color: #e69900!important;color: rgba(131, 40, 0, 1)!important;border: 1px solid #ccc;}
.int-link-button a:hover {color: rgba(131, 40, 0, 1)!important;background-color: rgba(245, 234, 212, 1)!important;}

/*** Header ***/
/*** header-top ***/
.header-top-field {max-width: 100%;width: 100%;height: 33px;background: rgba(229, 161, 2, 1);}

/*** header-site-branding ***/
.header-line-1-2 {max-width: 100%;width: 100%;background: #fff;display: block;}
.header-line-1-2-1 {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.site-branding {max-width: 280px;min-width: 280px;width: 100%;padding: 10px;}
.site-branding img {width: 260px;height: 92px;}

/*** header-navigation ***/
.mainmenu {background: #fff;max-width: 800px;min-width: 800px;width: 100%;}
.mainmenu #nav li.current_page_item a {color: #000;}
.mainmenu #nav li a {box-sizing: border-box;display: block;font-size: 16px;font-weight: 600;padding: 0 10px;text-decoration: none;text-transform: none;letter-spacing: 2px;line-height: 100px;}
.mainmenu #nav li a {color: #330300;}
.mainmenu #nav li:hover a {color: #000;}
.mainmenu #nav li:before {position: absolute;width: 0;height: 3px;content: '';background: #330300;top: 25%;left: 0;opacity: 0;transition: 0.8s;visibility: hidden;}
.mainmenu #nav li:after {position: absolute;width: 0;height: 3px;content: '';background: #330300;bottom: 25%;left: 0;opacity: 0;transition: 0.8s;}
.mainmenu #nav li.current_page_item:after {width: 100%;opacity: 1;}
.mainmenu #nav li:hover:after {width: 100%;opacity: 1;}
.mainmenu .current-menu-item > a, .mainmenu .current-menu-item:hover > a {background: transparent;}

/*** header sub-menu ***/
.mainmenu #nav ul.children, .mainmenu #nav ul.sub-menu, .mainmenu #nav li ul.children li ul.children, .mainmenu #nav li ul.sub-menu li ul.sub-menu {display: block;left: 0;transform: none;border: none;box-shadow: none;width: fit-content;}
.mainmenu #nav li ul.children li, .mainmenu #nav li ul.sub-menu li {width: max-content;line-height: 25px;width: fit-content;border: none;transform: none;height: 100%;}
.mainmenu #nav li ul.children li a, .mainmenu #nav li ul.sub-menu li a {width: 100%;line-height: 25px;border: none;transform: none;}
.mainmenu #nav li:hover ul.children li a:hover, .mainmenu #nav li:hover ul.sub-menu li a:hover {background: #fff;color: #888;line-height: 25px;}
.mainmenu #nav li .sub-menu li:after {bottom: 0;}

/*** header-bottom ***/
header .header_top_bottom_holder {position: fixed;width: 100%;top: 0;}
.header_top {display: none!important;}
.header_bottom .container {margin: 0;max-width: 100%;}
.header_bottom .container_inner {
	position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    vertical-align: middle;
	width: max-content;
}
.header_bottom .container_inner .logo_wrapper {width: 80px;height: 80px!important;}
header.centered_logo .header_inner_left {margin: 10px 0;}
nav.main_menu ul li {height: 80px;margin: 10px 0;}

.content {margin-top: 100px;}
.content-box p {margin-bottom: 15px;}
.content-box li {font-size: 16px;font-weight: 600;}

.q_logo a {visibility: visible;height: 80px;margin-right: 25px;}

.page-template-full_width .title_outer.title_without_animation.title_text_shadow {display: none;}

/*** Sticky Header ***/
.sticky {position: fixed;top: 0;width: 100%;z-index: 2000;}
/*.sticky .site-branding {max-width: 10%;width: 100%;float: left;}*/
/*.sticky .mainmenu {max-width: 90%;width: 100%;float: left;}*/
.sticky + .content-area {padding-top: 150px;}
.sticky .header-line-1,
.sticky .header-line-1-2,
.sticky .site-branding,
.sticky .mainmenu #nav li a {height: 85px;}
.sticky .mainmenu #nav li a {line-height: 85px;}
.sticky .site-branding img {width: 75px;height: 74px;}
.sticky .mainmenu #nav li ul.children li, .sticky .mainmenu #nav li ul.sub-menu li {width: 100%;line-height: 25px;width: fit-content;border: none;transform: none;height: 100%;}
.sticky .mainmenu #nav li ul.children li a, .sticky .mainmenu #nav li ul.sub-menu li a {width: 100%;line-height: 25px;border: none;transform: none;height: 100%;}
.sticky .mainmenu #nav li:hover ul.children li a:hover, .sticky .mainmenu #nav li:hover ul.sub-menu li a:hover {background: #fff;color: #888;line-height: 25px;}
.site-branding {text-align: right;padding-right: 25px;}

.mainmenu .current-menu-ancestor a, .mainmenu .current-menu-ancestor a {background-color: transparent!important;}

ul {list-style: none;padding:0;}

/*** Footer ***/
footer#footer {background-color: #e69900!important;text-align: left;position: relative;padding: 0;}
footer#footer a {font-size: 16px;padding: 2px 5px;}
.footer-sponsoren {display: flex;justify-content: left;align-items: center;flex-wrap: wrap;}
.footer-sponsoren a {width: 100%;}
#footer hr {margin: 0!important;}
.fbl div p, .fbr div p {display: flex;align-items: center;height: 60px;}
.fbl div p {justify-content: flex-start;}
.fbr div p {justify-content: flex-end;}
.fbr div p a {max-width: 30%;width: 100%;}
footer#footer .container {margin-top: 0!important;}

ul#menu-rechtliches {display: block;}
ul#menu-rechtliches li {display: inline-block;height: 60px;line-height: 60px;}

/*** footer-top ***/


/*** Content ***/
//.page-content, .entry-content, .entry-summary {margin-top: 80px!important;}

.top-leer-bereich {height: 80px;}

/*** Startseite ***/
.flex-container-1 {display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;}
.flex-container-1 > div {margin: 10px;}
.flex-box-1 {min-width: 300px;max-width: 400px;height: 100%;}
.flex-box-1.fb-1 {background: #20bf6b;}
.flex-box-1.fb-2 {background: #3867d6;}
.flex-box-1.fb-3 {background: #8854d0;}
.flex-box-1.fb-4 {background: #fa8231;}
.flex-box-1 .text-area-1 {height: 525px;}
.startseiten-teaser {text-align: center;}

.flex-container-up {display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;}
.flex-container-up > div:first-child {min-width: 300px;max-width: 66%;}
.flex-container-up > div:last-child {min-width: 300px;max-width: 33%;}

hr.trennstrich {display: block;max-width: 1200px;width: 100%:}

.start-museum-teaser {margin-top: 30px;}
.start-museum-teaser .flex-container-museum {display: none!important;}

.einleitung {width: 100%;height: 100%; padding: 15px 20px;}
.einleitung .first {font-size: 1.2em;margin: 1.2em;}
.einleitung .second {font-size: 1em;margin: 1.2em}
.einleitung .third {font-size: 1em;margin: 1.2em;}
.einleitung .four {font-size: 1em;margin: 1.2em;}

/*** allgemeiner Style ***/
.hr-width-60 hr {max-width: 60%;width: 100%;margin: 0 auto;}
.d-none {display: none;}
.mt-50 {margin-top: 50px;}
.mb-30 {margin-bottom: 30px;}
.mb-15 {margin-bottom: 15px;}

a.download-button {background: rgba(229, 161, 2, 1);padding: 15px;margin-bottom: 25px;}
.content-box table {margin: 15px 0;}
.preis {padding: 0 10px;}

.content-box table td {min-width: 270px;max-width: 300px;padding: 5px 10px;}

.testarea > div > div > div > div {margin: 0!important;}

#primary a:hover {text-decoration-line: none;}
.entry-title, .meta_area {display: none;}
table {border: none;box-shadow: none;}
table tr:hover {background: transparent;color: #000;cursor: pointer;}
table th, table td, table tr:hover td {border: none;text-align: left;color: #000;background: transparent;cursor: context-menu;}

.umgebung-a h3 {margin: 20px 0 10px 0;}
.umgebung-a a span {color: #fff!important;font-weight: 500;padding-left: 10px;letter-spacing: 2px;}
.umgebung-a a:hover span {color: #000!important;}
.umgebung-a h4 {letter-spacing: 1px;text-transform: uppercase;font-size: 18px;margin: 10px 0;font-family: 'Londrina Solid', sans-serif;}

.stellenangebote img {vertical-align: bottom!important;}
.stellenangebote div {margin-bottom: 0!important;}

/*** Veranstaltungsorte ***/
.veranstaltungsorte .su-tabs-nav span {font-size:16px;}
.veranstaltungsorte .su-tabs-nav span.su-tabs-current,
.veranstaltungsorte .su-tabs-nav span:hover {border-bottom: 2px solid rgba(229, 161, 2, 1);}

/*** Museumsstyle ***/
.entry-content.museum-style, .museum-style {max-width: 1200px;width: 100%;margin: 0 auto;padding: 15px;}
.entry-content.museum-style .teaser-1, .start-museum-teaser .teaser-1, .museum-style .teaser-1 {width: 100%;position: relative;height: 50px;}
.entry-content.museum-style .teaser-1 hr, .start-museum-teaser .teaser-1 hr, .museum-style .teaser-1 hr {position: absolute;left: 12.5%;top: 50%;width: 75%;margin: 0;border: 0;border-top: 2px solid rgba(229, 161, 2, 1);}
.entry-content.museum-style .teaser-1 h2, .start-museum-teaser .teaser-1 h2, .museum-style .teaser-1 h2 {width: max-content;padding: 10px;border: 2px solid rgba(229, 161, 2, 1);border-radius: 30px;background: #fff;font-size: 24px;position: absolute;top: 0;	left: 0;margin: 0;}
.entry-content.museum-style .content-box-1, .start-museum-teaser .content-box-1, .museum-style .content-box-1 {margin: 50px 0;font-size: 30px;;top: 0;	left: 0;;}

.museum-style .teaser-2 {width: 100%;position: relative;height: 50px;}
.museum-style .teaser-2 hr {position: absolute;left: 12.5%;top: 50%;width: 75%;margin: 0;border: 0;border-top: 2px solid rgba(229, 161, 2, 1);}
.museum-style .teaser-2 h1, .museum-style .teaser-2 h2 {width: max-content;padding: 10px 20px 10px 0;border: 2px solid rgba(229, 161, 2, 1);border-bottom-right-radius: 30px;border-top-right-radius: 30px;background: #F5EAD4;position: absolute;top: 0;	left: 0;margin: 0;border-top: none;border-left: none;}
.museum-style .teaser-2 h1 {font-size: 32px;}
.museum-style .teaser-2 h2 {font-size: 28px;}

.flex-container-museum {position: relative;width: 100%;}


.flex-container-museum > div {
	display: flex;
	flex-wrap: wrap!important;
	position: relative;
	margin: 0;
	justify-content: center;
	align-items: stretch;
}

.flex-container-museum > div > div {
	min-width: 300px;max-width: 50%;height: 100%;padding: 20px;margin: 0;width: 100%;
}
.flex-box-museum.flex-box-museum-img {width: fit-content;margin: 0 0 0 auto;max-width: 555px;}

.dampflok-info {position: relative;}
.dampflok-info-content {text-decoration: underline;}
.dampflok-info-content > .dampflok-info-content-hover {display: none;}
.dampflok-info-content:hover > .dampflok-info-content-hover {display: block;position: absolute;background: #aaa;border: 1px solid #777;border-radius: 5px;padding: 5px 10px;right: 0;bottom: -30px;}

/*** sidebar-Navigation ***/
.menu-sidebar {display: block;position: fixed;max-width: 220px;width: 100%;}
.menu-sidebar ul li {margin-top: 15px;}
.menu-sidebar ul li a {border-bottom: 1px solid #777;font-size: 15px;width: 100%;}


.uebernachten-1 li {margin-bottom: 20px;border-bottom: 1px solid #000;}
.uebernachten-content-text-sleeperoo {padding: 0 50px 0 15px;text-align: justify;}

/*** Team Style ***/
.flex-container-team {display: flex!important;flex-wrap: wrap!important;justify-content: left!important;align-items: stretch!important;}
.flex-container-team > div {margin: 10px;}
.flex-container-team > div {min-width: 320px;max-width: 335px;height: 100%;width: 100%;}
.flex-box-team > div {border: 1px solid #000;background: #fff;}
.flex-box-team .team-text .team-name-posi {height: 130px;}
.flex-box-team .team-text i {width: 25px;text-align: right;}
.flex-box-team .team-text .kontakt-felder {height: 70px;}
.flex-box-team h5, .flex-box-team h6 {font-family: 'Londrina Solid', cursive;letter-spacing: 1px;text-transform: uppercase;line-height: 1.6em;font-weight: 400;margin: 0;}
.flex-box-team h5 {color: #832800;font-size: 19px;padding: 25px 15px 0 15px;/*border-top: 1px solid #000;*/}
.flex-box-team h6 {font-size: 15px;color: #696969;padding: 10px 15px 15px 15px;}
.flex-box-team p,
.flex-box-team a,
.flex-box-team a:hover,
.flex-box-team a:visited {font-family: 'Open Sans',sans-serif;font-size: 13px;font-weight: 600;color: #000;text-decoration: none;padding: 0 15px 0 15px;}
.flex-box-team img {height: 500px;overflow: hidden;}

.trennstrich-01 {border-color: #943e00;border-width: 1px;margin: 50px 0;border-style: solid;}

.view {width: 300px;height: 200px;margin: 10px;float: left;border: 10px solid #fff;overflow: hidden;position: relative;text-align: center;box-shadow: 1px 1px 2px #e6e6e6;cursor: default;background: #fff url(../images/bgimg.jpg) no-repeat center center;}
.view .mask, .view .content {width: 300px;height: 200px;position: absolute;overflow: hidden;top: 0;left: 0;}
.view img {display: block;position: relative;margin: 0 auto;}
.view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 5px 10px;background: rgba(0, 0, 0, 0.8);margin: 20px 0 0 0;width: 95%;}
.view p {font-family: Georgia, serif;font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 10px 20px;text-align: center;}
.view a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff!important;text-transform: uppercase;box-shadow: 0 0 1px #000;}
.view a.info:hover {box-shadow: 0 0 5px #000;}

.view-first img {transition: all 0.2s linear;}
.view-first .mask {opacity: 0;background-color: rgba(219,127,8, 0.7);transition: all 0.4s ease-in-out;}
.view-first h2 {transform: translateY(-100px);opacity: 0;transition: all 0.2s ease-in-out;}
.view-first p {transform: translateY(100px);opacity: 0;transition: all 0.2s linear;}
.view-first a.info{opacity: 0;transition: all 0.2s ease-in-out;}

.view-first:hover img {transform: scale(1.1);} 
.view-first:hover .mask {opacity: 1;}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {opacity: 1;transform: translateY(0px);}
.view-first:hover p {transition-delay: 0.1s;}
.view-first:hover a.info {transition-delay: 0.2s;}

.spon01, spon03 {}
.spon02 {background: #e40613;}
.spon04 {background: #f56818;}


/*** Textausrichtungen ***/
.ta-c {text-align: center;}  //Text mittig
.ta-r {text-align: right;}   //Text rechts
.ta-l {text-align: left;}    //Text links
.ta-j {text-align: justify;} //Text Blocksatz

/*** Partner und Sponsoren ***/
.museum-style ul li a i {padding-right: 15px;}
.museum-style ul li a {font-size: 16px;}
.museum-style ul li a i:before {padding-right: 15px;}

/*** Stromtanken ***/
/***.strombilder {display: inline-block;position: relative;margin-bottom: 120px;}
img.haupt-pic {position: relative;}
img.sticker-pic {position: absolute;bottom: -110px;left: -80px;}***/

/*** Übernachten ***/
.uebernachten-title {position: relative;display: block;width: 100%;margin-bottom: 30px;}
.uebernachten-content {position: relative;display: flex;width: 100%;vertical-align: top;align-items: flex-start;margin-bottom: 30px;}
.uebernachten-content-text {max-width: 600px;min-width: 330px;width: 100%;padding: 15px;}
.uebernachten-content-bilder {max-width: 600px;min-width: 330px;width: 100%;padding: 15px;}
.uebernachten-content-bilder img {padding: 15px;}
.uebernachten .su-expand-link,
.umgebung-content-box .su-expand-link {width: 100%;text-align: center!important;border: 2px solid #e69900;background-color: #e69900;}
.uebernachten .su-expand-link:hover,
.umgebung-content-box .su-expand-link:hover {width: 100%;text-align: center!important;border: 2px solid rgba(131, 40, 0, 1);background-color: rgba(245, 234, 212, 1);}
.uebernachten .su-expand-link a,
.umgebung-content-box .su-expand-link a {color: rgba(245, 234, 212, 1)!important;font-size: 16px;line-height: 40px;display: block!important;margin: 0;}
.uebernachten .su-expand-link:hover a,
.umgebung-content-box .su-expand-link:hover a {color: rgba(131, 40, 0, 1)!important;font-size: 16px;line-height: 40px;}
.uebernachten-impressionen {margin-bottom: 30px!important;}

.uebernachten-content-sleeperoo .sleeperoo_bk_calendar_wrapper {margin: 0 auto;border: 15px solid #fff!important;max-width: 300px!important;}
.uebernachten-content-sleeperoo .sleeperoo_calendar_api .sleeperoo_bk_calendar_price p,
.uebernachten-content-sleeperoo .sleeperoo_calendar_api .sleeperoo_bk_calendar_price p .mainprice {color: #000!important;}

.quellen-link, .quellen-link:hover {color: #000!important;}

.umgebung-content {position: relative;display: flex;width: 100%;vertical-align: center;align-items: top;flex-wrap: wrap;padding: 15px;column-gap: 10px;}
.umgebung-content-box {max-width: 420px;min-width: 230px;width: 100%;border: 1px solid rgba(131, 40, 0, 1);margin-bottom: 30px;padding: 0 10px;}
.umgebung-content-box .su-expand {margin: 0;padding: 10px;}

/*** Essen und Trinken ***/
.essen .ext-link-button {width: max-content;}
.museum-style.essen .ext-link-button a,
.museum-style.essen .ext-link-button a:hover {color: #000!important;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background: rgba(229, 161, 2, 1)}
.museum-style.essen p a,
.museum-style.essen p a:hover {color: #000!important;}
/**.flex-box-museum-img div img:first-child {margin-bottom: 15px;}**/

/*** Preise ***/
.preis .testarea {margin: 25px 0;}
.preis > div {margin: 50px 0;}
.preis-teil-1 {width: 100%;text-align: center;background: #e69900;border: 1px solid #65707f;}
.preis-teil-1 a {display: flex;align-items: flex-start;justify-content: flex-start;float: right;}
.preis-teil-1 a img {height: 33px;padding-left: 10px;}
.preis-teil-1 h3 {color: #fff;font-size: 14px;text-transform: uppercase;padding: 16px;margin: 0;}
.preis-teil-2 {width: 100%;text-align: center;background-color: #fff;border: 1px solid #65707f;}
.preis-teil-2 p {border-bottom: 1px solid #efeff0;font-size: 14px;padding: 16px 56px;margin: 0;}
.preis-teil-3 {width: 100%;text-align: center;background-color: #f5f7f8;border: 1px solid #65707f;padding: 16px 0;}
.preis-teil-3 p span {margin: 0;font-size: 30px;line-height: 30px;padding: 0;}
.preis-teil-3 p {font-size: 12px;text-transform: uppercase;margin: 0;}

/*** Anfahrt Style ***/
.anfahrt-container {width: 100%;position: relative;display: block;}
.anfahrt-container a {width: 100%;position: relative;display: inline-block;text-align: center;}
.anfahrt-container a p {text-align: left;}
.anfahrt-container a .mehr-button {width: 100%;text-align: right;}
.anfahrt-container a img {margin: 0 auto;}
.anfahrt-container iframe {height: 575px;}

.strombilder {position: relative;display: block;width: 100%;height: min-content;}
.haupt-pic {position: relative;display: inline-block;top: 0;left: 0;}
.sticker-pic {position: absolute;display: inline-block;left: -80px;bottom: -80px;}

/*** Charterhäfen ***/
.menu-sidebar-2 li {background: transparent;max-width: 200px; min-width: 200px;width: 100%;position: relative;}
.menu-sidebar-2 li span {width: 5px;min-height: 30px;background: #ddd;transition: width 0.7s;position: relative;display: block;}
.menu-sidebar-2 li a {background: transparent;width: 100%;min-height: 30px;display: block;top: 0;text-decoration: none;border: none!important;font-weight: bold;}
.menu-sidebar-2 li ul.sub-menu li {background: transparent;max-width: 170px; min-width: 170px;width: 100%;position: relative;}
.menu-sidebar-2 li ul.sub-menu li a {font-weight: normal;}

.menu-sidebar-2 li a:after {position: absolute;content: '';width: 0;height: 2px;background: #e69900;transition: 0.4s ease-in;bottom: 0;left: 0;}
.menu-sidebar-2 li a:hover::after {width: 100%;}

.bootschaft {background: url(https://www.ziegeleipark.de/wp-content/uploads/2020/12/Hausboot.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;height: 20vh;position: relative;margin-top: 50px;}
.freecamper {background: url(https://www.ziegeleipark.de/wp-content/uploads/2020/12/Free_Camper.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;height: 20vh;position: relative;margin-top: 50px;}
.fuenf-sterne-yachtcharter {background: url(https://www.ziegeleipark.de/wp-content/uploads/2020/12/5sterne_yachtcharter.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;height: 20vh;position: relative;margin-top: 50px;}
.museumshafen {background: url(https://www.ziegeleipark.de/wp-content/uploads/2018/02/museumshafen_01.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;height: 20vh;position: relative;margin-top: 50px;}
.marina-neuer-hafen {background: url(https://www.ziegeleipark.de/wp-content/uploads/2020/12/marina_neuer-hafen.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;height: 20vh;position: relative;margin-top: 50px;}
.marina-alter-hafen {background: url(https://www.ziegeleipark.de/wp-content/uploads/2020/12/alter_hafen_header.jpg);background-size: cover;background-position: bottom;background-repeat: no-repeat;height: 20vh;position: relative;margin-top: 50px;}
.charterhafen-content h2 {background: rgba(255, 255, 255, 0.8);color: #111;padding: 10px;text-align: center;position: absolute;bottom: 0;width: 100%;left: 0;}
.charterhafen-content .textwidget {padding: 15px;text-align: justify;}
.charterhafen-content .textwidget h3 {margin-top: 0;}

/*** Kontaktformular ***/
aside.cf-info {width: 1200px;margin: 120px auto 80px;position: relative;display: block;}
aside.cf-info section {width: 100%;position: relative;display: block;}
aside.cf-info section.content {margin: 15px 0;}
aside.cf-info section h2 {background: rgba(0,0,0,0.2);margin: 0 0 20px 0;padding: 10px;position: relative;display: block;width: 100%;}
aside.cf-info section p small {padding: 0 15px;}
aside.cf-info section span {position: relative;width: 100%;display: flex;}
aside.cf-info section span label {position: relative;display: flex;min-width: 300px;width: 50%;flex-wrap: wrap;justify-content:flex-start;align-items: flex-start;padding: 10px;}
aside.cf-info section span label.full {position: relative;display: flex;min-width: 300px;width: 100%;flex-wrap: wrap;justify-content:flex-start;align-items: flex-start;padding: 10px;}
aside.cf-info section span.full label {position: relative;display: flex;min-width: 300px;width: 100%;flex-wrap: wrap;justify-content:flex-start;align-items: flex-start;padding: 10px;}
aside.cf-info section span.full label input {width: 20px;height: 20px;margin: 10px 15px 10px 5px;}
aside.cf-info section span.full label span {display: block;width: calc(100% - 50px);}
aside.cf-info section span.full.button {display: flex;justify-content: center;align-items: center;height: 50px; background: #e69900;}
aside.cf-info section span.full.button input {background: #e69900;max-width: 1200px;width: 100%!important;height: 50px;border: none;font-size: 24px;font-weight: 600;}

/*** Termin Button ***/

/*** Tour Buttons ***/
.thumb {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
	justify-content: space-between;
}
.thumb li {
	list-style: none;
	display: inline-block;
	margin: 10px 10px 30px 10px;
	cursor: pointer;
	transition: 0.5s;
	min-width: 260px;
	max-width: 340px;
	width: 100%;
}
.thumb .imgBox-2 {
	position: relative;
	display: inline-block;
	min-width: 260px;
	max-width: 340px;
	width: 100%;
	min-height: calc(260px/4*3);
	max-height: calc(340px/4*3);
	height: 100%;
	background: #333;
}
.thumb li img {
	display: block;
	position: relative;
	max-width: 340px;
	width: 100%;
}
.thumb li img:hover, .thumb li img p:hover {
	filter: grayscale(0.8);
	transition: 0.5s;
	filter: invert(0.6);
}
.thumb li .imgBox-2 p.bildbanner,
.thumb li .imgBox-2 a.bildbanner {
	position: absolute;
	/*transform: translateY(-50%);*/
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: rgba(0,0,0,0.2);
}
.thumb li .imgBox-2 p.bildbanner:hover,
.thumb li .imgBox-2 a.bildbanner:hover {
	background: rgba(0,0,0,0.65);
}
.thumb li .imgBox-2 p span, 
.thumb li .imgBox-2 a span {
	font-size: 24px;
	font-weight: bold;
	padding: 15px 0;
	text-transform: uppercase;
	color: #fff!important;
	line-height: 30px;
	transition: 0.7s;
}
.thumb li .imgBox-2 p span.nohover, .thumb li .imgBox-2:hover p span.onhover,
.thumb li .imgBox-2 a span.nohover, .thumb li .imgBox-2:hover a span.onhover {
	display: block;
	transition: 0.7s;
}
.thumb li .imgBox-2:hover p span.nohover, .thumb li .imgBox-2 p span.onhover,
.thumb li .imgBox-2:hover a span.nohover, .thumb li .imgBox-2 a span.onhover {
	display: none;
	transition: 0.7s;
}
.thumb h2 {
	margin-top: 20px;
}
.thumb p a {width: 100%;text-align: center;}

.thumb li p:nth-child(2) {
	min-height: 70px;
	max-height: max-content;
}

.thumb #link_01 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Museumhafen_©justconnected.jpg);background-position: center;background-size: cover;}
.thumb #link_02 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Museumsvorplatz_©justconnected.jpg);background-position: center;background-size: cover;}
.thumb #link_03 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Ziegeleibahn_©ZP_Fotografin-Julia-Nimke.jpg);background-position: center;background-size: cover;}
.thumb #link_04 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Ringofen-IV_©justconnected.jpg);background-position: center;background-size: cover;}
.thumb #link_05 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Abenteuerspielwiese_©ZP_Fotografin-Julia-Nimke.jpg);background-position: center;background-size: cover;}
.thumb #link_06 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Seilfaehe_©ZP_Fotografin-Julia-Nimke.jpg);background-position: center;background-size: cover;}
.thumb #link_07 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Alte-Werkstaetten_©ZP_Fotografin-Julia-Nimke.jpg);background-position: center;background-size: cover;}
.thumb #link_08 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Alte-Aufbereitung_©justconnected.jpg);background-position: center;background-size: cover;}
.thumb #link_09 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Feldbahnschau_©ZP_Fotograf-Susanne-Wernicke.jpg);background-position: center;background-size: cover;}
.thumb #link_10 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Aussichtsturm_©ZP_Fotograf-Peter-Himsel.jpg);background-position: center;background-size: cover;}
.thumb #link_11 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Besucherzentrum_©justconnected.jpg);background-position: center;background-size: cover;}
.thumb #link_12 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Ringofen-III_©ZP_Fotografin-Susanne-Wernicke.jpg);background-position: center;background-size: cover;}
.thumb #link_13 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Ziegelei-Stackebrandt_©justconnected.jpg);background-position: center;background-size: cover;}
.thumb #link_14 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Maschinenziegelei_©ZP_Fotografin-Julia-Nimke.jpg);background-position: center;background-size: cover;}
.thumb #link_15 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Ringofen-II_©ZP_Fotografin-Julia-Nimke.jpg);background-position: center;background-size: cover;}
.thumb #link_16 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Galerie-Kugelmuehle_©justconnected.jpg);background-position: center;background-size: cover;}
.thumb #link_17 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Trafostation_©justconnected.jpg);background-position: center;background-size: cover;}
.thumb #link_18 {background-image: url(https://www.ziegeleipark.de/wp-content/uploads/2022/04/Interaktives-Museum_Ziegel-streichen_©ZP_Fotografin-Julia-Nimke.jpg);background-position: center;background-size: cover;}


/** Galerie Style **/
.su-custom-gallery-slide img {border: none!important;}

/** Calender Style **/
/*.ai1ec-agenda-widget-view .ai1ec-date {height: 100px;}*/
.ai1ec-agenda-widget-view {max-width: 100%!important;}
.ai1ec-agenda-widget-view .ai1ec-event a {height: 83px;}
span.ai1ec-event-title {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: end;
	width: 80%;
}
a.ai1ec-popup-trigger.ai1ec-load-event {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}.ai1ec-agenda-widget-view .ai1ec-event .ai1ec-allday-badge {height: 100%;}
span.ai1ec-event-title {font-size: 2em;}
span.ai1ec-event-location{padding-left: 15px;}

span.ai1ec-event-location {display: none}

/*** neuer Style ***/
.zp-button a {
	color: #000;
	background: #fff;
	border: 1px solid #e69900;
}
.zp-button a:hover {
	color: #fff!important;
	background: #e69900;
}
.zp-button a span {
	padding: 5px 10px;
}
.zp-button-2 a span {padding: 10px 20px;font-size: 22px;font-weight: 600;}

.abstimmungsbutton {
    display: block;
    position: fixed!important;
    bottom: 5rem;
    right: 5rem;
    z-index: 50;
}

a#abstimmung {border: 3px solid #a69900;}
a#abstimmung:hover {border: 3px solid #000;}

a#abstimmung > span > span {
    font-size: 30px;
    font-weight: 600;
    color: #666;
    font-family: 'Londrina Solid';
    padding: 15px 25px;
}

/*** Entfällt-Banner ***/
.entfaellt-banner {
    position: absolute;
    display: flex;
    justify-content: center;
    background: red;
    color: #fff;
    top: 15px;
    left: -45px;
    transform: rotate(315deg);
    padding: 5px;
    box-shadow: 1px 1px 2px #000;
    font-size: 20px;
}
.entfaellt-banner .eb-mt {
	top: -3px;
	left: -34px;
}





/*** mobil style ***/
@media screen and (max-width: 1024px) {
	.container {padding: 0;margin-top: 120px;}
	.flex-container-museum > div > div {padding: 10px;}
.header_bottom .container_inner {
    position: relative;
    display: block;
    flex-wrap: unset;
    align-content: unset;
    vertical-align: unset;
    width: 100%;
}	
.logo_wrapper {
    display: block;
    height: 100px!important;
    width: auto!important;
    left: 50%;
    position: absolute;	
}
	a.download-button {
    background: rgba(229, 161, 2, 1);
    padding: 10px;
    margin-bottom: 25px;
    width: 100%;
    max-width: 300px;
}
}

@media screen and (max-width: 1024px) {
	.site-branding {text-align: center;}
	.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: sticky;
    background: #e69900;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999;
    margin-bottom: 40px;
    top: 0;
	}
	.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li a:hover {
		background: #e69900;
	}
	.mean-container .mean-nav ul li a.mean-expand {
		height: 20px!important;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover {
		background: rgba(0,0,0,0.25);
	}
	.sticky {
		display: none;
	}
	.preis-teil-1 h3 span {font-size: 16px!important;}
	.page-content, .entry-content, .entry-summary {margin: 0!important;}
	.container {margin-top: 0!important;}
	li#menu-item-5408 {display: none;}
	#primary, .content-area {width: 100%;}
	.content-box h1 span {font-size: 1em!important;}
	.flex-container-museum > div > div {max-width: 100%;}
}

.hauptinformationen p {color: #fff!important;}
.title_subtitle_holder_inner {background: rgba(255,255,255,0.2)};
.content_inner.test > div > div.title h1 span {font-size: 36px!important;}

.ai1ec-agenda-view .ai1ec-event-summary.ai1ec-expanded div.section .full_section_inner .vc_column_container .vc_column-inner .wpb_wrapper {display: none;}

.eventpark div span {font-size: 28px;line-height: 44px;color: #ddd;text-shadow: 2px 2px 2px #555;font-weight: 800;padding: 10px;}
.button-new {text-align: center;height: 50px;line-height: 50px;width: 100%;background: #555;border-radius: 10px;box-shadow: 3px 3px 3px #222;}
.button-new a {color: #ddd;}
.button-new:hover {box-shadow: none;transition: all 1s;}