@charset "utf-8";
/*
 Theme Name:   Twentynineteen Child Centre Bagatelle
 Description:  Twentynineteen Child Theme for Centre Bagatelle
 Author:       Chris
 Template:     twentynineteen
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentynineteen-child
*/

@font-face {
  font-family: "OpenSans";
  src: url("fonts/OpenSans-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/OpenSans-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/OpenSans-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/OpenSans-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/OpenSans-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-SemiBold";
  src: url("fonts/OpenSans-SemiBold.eot"); /* IE9 Compat Modes */
  src: url("fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/OpenSans-SemiBold.svg") format("svg"), /* Legacy iOS */
    url("fonts/OpenSans-SemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/OpenSans-SemiBold.woff") format("woff"), /* Modern Browsers */
    url("fonts/OpenSans-SemiBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoSlab";
  src: url("fonts/RobotoSlab-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/RobotoSlab-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/RobotoSlab-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/RobotoSlab-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/RobotoSlab-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/RobotoSlab-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html {
	scroll-behavior:smooth;
}
html, body {
	margin:0;
	padding:0;
	overflow-x:auto;
}
body {
	background-color:#FEFDF9;
	color:#000;
	font-family:'OpenSans',sans-serif;
	font-size:16px;
	line-height:1.35;
}
body:before, body:after {
	display:none;
}
body:not(.custom-background-image)::after {
    bottom:initial;
}
.site-content {
	min-height:calc(100vh - 536px);
	margin-top:80px;
}
a, a:hover, a:focus, a:active, a:visited, .press-entry a, .exhib-container a {
	color:#000;
}
a:focus {
	text-decoration:none;
}
button:hover, button:focus, button:active {
	background:none;
}
h1 {
	margin:0 0 30px;
	font-size:32px;
	font-family:'RobotoSlab';
	text-transform:uppercase;
}
h4 {
	margin-top:0;
}
table, select {
	font-family:'OpenSans';
	font-size:16px;
}

.entry .entry-title::before, h1::before, h2::before, h3::before, .clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {
	display:none !important;
}

.background-container {
	position:fixed;
	height:100vh;
	width:100%;
	top:0;
	background-size:cover;
}
.site {
	margin:0;
	position:relative;
}
.site-main {
	position:relative;
	margin:0;
}
.site-header {
	position:fixed;
	top:0;
	width:100%;
	height:80px;
	z-index:120;
	padding:10px 0;
	background-color:#fff;
	box-shadow:0px 2px 6px rgba(0,0,0,0.15);
}
.header-inner {
	position:relative;
	width:1024px;
	margin:0 auto;
}
.entry .entry-header {
	margin:0;
}
.alignnone {
	margin-top:10px;
}
a.tickets-box, a.tickets-box:hover, a.tickets-box:focus, a.tickets-box:active, .single_add_to_cart_button.button.alt, ul.products li.product .button, .shop_table .button, a.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .order-again a.button, button.woocommerce-Button, button.woocommerce-button {
	position:absolute;
	right:100px;
	top:0;
	padding:16px 50px;
	color:#fff;
	background-color:#353535;
	font-family:'OpenSans';
	font-size:13px;
	font-weight:bold;
	border-radius:0;
	cursor:pointer;
}
a.tickets-box:not(.header-box), a.tickets-box:not(.header-box):hover, a.tickets-box:not(.header-box):focus, a.tickets-box:not(.header-box):active, ul.products li.product .button, .shop_table .button, a.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .order-again a.button, button.woocommerce-Button, button.woocommerce-button {
	position:static;
	display:block;
	margin-top:20px;
	font-family:'OpenSans';
	text-transform:uppercase;
}
.tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit, .tnp-unsubscribe button.tnp-submit, .tnp-reactivate button.tnp-submit {
	margin-top:10px !important;
	padding:16px 50px !important;
	background-color:#353535 !important;
	font-size:13px !important;
	border-radius:0;
	font-family:'OpenSans';
}
.shop_table .button {
	display:inline;
	margin-top:0;
	padding:14px 50px;
}
.woocommerce-account table.account-orders-table .button {
	display:block;
}
.menu-container {
	position:absolute;
	bottom:6px;
	right:0;
	display:inline-block;
	width:770px;
	padding-right:70px;
	background-color:#fff;
	font-size:16px;
}
.cart-icon {
	position:absolute;
	top:-1px;
	right:0;
	width:33px;
	height:30px;
	background:url('images/cart-icon.png') no-repeat;
	background-size:24px;
}

.menu-item-main a.current {
	font-weight:bold;
}
.menu-item-main a.main-item {
	position:absolute;
	width:130px;
	padding-left:0;
	z-index:10;
}
.menu-item a {
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}
ul.nav-menu {
	display:flex;
	justify-content:space-between;
	margin:0;
	padding:0;
	list-style:none;
}
li {
	line-height:1;
	display:inline-block;
	font-family:'OpenSans-SemiBold',sans-serif;
}
li.current-menu-item a {
	color:#b2ca06;
}
.agbcats li {
	font-family:'OpenSans',sans-serif;
}
.logo {
	display:inline-block;
	width:200px;
	height:58px;
	background:url('images/centre-bagatelle-logo.svg') no-repeat;
	background-size:200px;
}
.logolink {
	position:relative;
	z-index:1;
	display:inline-block;
	outline-offset:2px;
}
.homeslider {
	position:relative;
	width:100vw;
	height:70vh;
}
.homeslide-wrapper {
	position:relative;
	width:100vw;
	height:70vh;
	background-size:cover;
	background-position:center;
}
.homeslider.evt, .homeslide-wrapper.evt {
	height:495px;
}
.events-header {
	position:relative;
	width:100vw;
	height: 488px;
	background-size:cover;
	background-position:center;
	overflow-y:clip;
}
.events-header-l {
	position:absolute;
	z-index:2;
	top:-3px;
	height:495px;
	background-size:cover;
}
.events-header-r {
	position:absolute;
	z-index:1;
	top:-3px;
	height:495px;
	background-size:cover;
	transform:scaleX(-1);
	filter:blur(3px);
}
.img-caption {
	width:1024px;
	margin:5px auto -22px;
	text-align:right;
	font-size:13px;
	color:#909090;
}
.homeslider-infobox {
	position:absolute;
	z-index:5;
	top:50px;
	right:90px;
	width:300px;
	padding:30px;
	min-height:100px;
	background-color:#fff;
}
.infobox-link {
	position:relative;
	display:block;
	z-index:6;
}
.homeslider-infobox.sl, .aktuellesslider-infobox.sl {
	position:static;
	width:262px !important;
	padding:0 24px;
	border-right:1px solid #3c3c3c;
	hyphens:auto;
}
.homeslider-infobox.sl h3, .aktuellesslider-infobox.sl h3 {
	margin-bottom:0;
	font-size:16px;
	line-height:1.3;
	font-family:'OpenSans',sans-serif;
}
.homeslider-infobox.sl p:first-of-type {
	margin-top:0;
}
.homeslider-infobox.sl p:last-of-type {
	margin-bottom:0;
}
.dj-infobox {
	width:300px;
	margin-top:10px;
	padding:0 0 16px 30px;
	border-left:1px solid #3c3c3c;
}
.dj-infobox h3 {
	margin:0;
	font-size:16px;
	text-transform:uppercase;
}
.aktuelles-slider {
	width:1046px;
	margin-left:-24px;
}
.section-container .aktuelles-slider h2 {
	line-height:1.3;
}
/*.slick-track {
	display:flex;
}
*/.aktuelles-slider .slick-slide {

	height:inherit;
}
.aktuelles-slider .slick-slide div {
	height:100%;
}
.slick-autoplay-toggle-button {
	left:auto;
	right:100px;
	bottom:20px;
	opacity:1;
}
a:hover:not(a.opac):not(a.infobox-link):not(.to-home), .slick-autoplay-toggle-button:hover, .slick-prev:hover .slick-prev-icon, .slick-next:hover .slick-next-icon, .menu-button:hover, .menu-close:hover, .read-more:hover, .read-more-close:hover, .social:hover, .all-events:hover, summary:hover, .singlecats button:hover, .single_add_to_cart_button.button.alt:hover {
	opacity:0.8;
}
.tickets-box:hover, a.infobox-link:hover, .close:hover {
	opacity:0.95;
}
.slick-autoplay-toggle-button .slick-pause-icon::before, .slick-autoplay-toggle-button .slick-play-icon::before {
	content:'';
	display:inline-block;
	height:35px;
	width:35px;
	background:#fff url('images/CB_Startslider_pause.svg') no-repeat center;
	background-size:14px;
	border-radius:50%;
}
.slick-autoplay-toggle-button .slick-play-icon::before {
	background-image:url('images/CB_Startslider_go.svg');
}
.slick-dots {
	bottom:42px;
	right:175px;
	width:fit-content;
	padding-left:20px;
}
.slick-dots li button {
	padding:10px 16px;
}
.slick-dots li button:focus .slick-dot-icon::before {
	color:#fff;
}
.slick-dots li button:active .slick-dot-icon::before {
	color:#B8A874;
}
.homeslider.home {
	margin-bottom:80px;
}
.slick-slider.slick-dotted {
	margin-bottom:0;
}
.slick-dots li button .slick-dot-icon::before, .slick-dots li.slick-active button .slick-dot-icon::before {
	margin:0;
	font-size:20px;
}
.slick-dots li button .slick-dot-icon {
	color:#b6b6b6;
	opacity:1;
}
.slick-dots li.slick-active button .slick-dot-icon {
	color:#fff;
}
.slick-next:focus, .slick-prev:focus {
	top:auto;
}
.slick-prev:focus .slick-prev-icon, .slick-next:focus .slick-next-icon {
	color:#000;
}
.slick-next, .slick-prev {
	z-index:100;
	left:auto;
	right:294px;
	top:auto;
	bottom:3vh;
}
.slick-next {
	right:223px;
}
.gal-slider .slick-prev {
	right:34px;
}
.gal-slider .slick-next {
	z-index:-1;
	right:-36px;
}
.events-slider .slick-next, .events-slider .slick-prev {
	right:auto;
	left:18px;
	bottom:10px;
	transform:none;
}
.events-slider.hme .slick-next, .events-slider.hme .slick-prev {
	bottom:22px;
}
.events-slider .slick-prev {
	z-index:10;
	left:-53px;
}
.slick-next::before, .gal-next::before {
	content:'';
	position:absolute;
	left:-18px;
	top:-25px;
	height:55px;
	border-left:1px solid #3c3c3c;
}
.slick-prev .slick-prev-icon::before, .slick-next .slick-next-icon::before, .goto-allevents:after, .backlink:before, .gal-pag-arrow-prev::before, .gal-pag-arrow-next::before, .totop::before {
	content:'';
	display:inline-block;
	width:35px;
	height:35px;
	background:#353535 url('images/CB_sliderarrow_left.svg') no-repeat 9px center;
	background-size:14px;
	border-radius:50%;
}
.slick-next .slick-next-icon::before, .gal-pag-arrow-next::before {
	background:#000 url('images/CB_sliderarrow_right.svg') no-repeat 12px center;
	background-size:14px;
}
.gal-slider .slick-prev .slick-prev-icon::before {
	background:#fff url('images/CB_sliderarrow_left_black.svg') no-repeat 9px center;
}
.gal-slider .slick-next .slick-next-icon::before {
	background:#fff url('images/CB_sliderarrow_right_black.svg') no-repeat 9px center;
}
.gal-slider .slick-next::before {
	border-color:#fff;
}
.slick-prev .slick-prev-icon, .slick-next .slick-next-icon, .prefooter a:hover {
	opacity:1 !important;
}
.slick-next:focus .slick-next-icon, .slick-next:focus .slick-prev-icon, .slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon {
	margin-left:0px;
}
.backlink {
	position:relative;
	display:block;
	width:fit-content;
	margin:40px 0 60px !important;
	padding-left:45px;
	font-family:'RobotoSlab';
	font-size:14px;
	font-weight:bold;
}
.backlink.evnts {
	width:1024px;
	margin:40px auto 60px;
}
.backlink:before {
	position:absolute;
	left:0;
	top:-8px;
}
.backlink.kurse {
	left:calc(50% - 512px);
}
.goto-allevents:after {
	position:absolute;
	top:-8px;
	right:-40px;
	background:#000 url('images/CB_sliderarrow_double_right.svg') no-repeat 7px center;
	background-size:24px;
}
.breadcrumb {
	width:1024px;
	margin:30px auto;
}
.breadcrumb, .breadcrumb a, .woocommerce-breadcrumb, .woocommerce-breadcrumb a {
	font-size:13.5px;
	color:#909090;
	text-transform:uppercase;
}
article:not(#post-2) {
	margin-bottom:80px;
}
h1.cb {
	width:fit-content;
	margin:-45px 0 0;
	padding:5px 12px;
	line-height:40px;
	color:#fff;
	background-color:#b1c905;
	font-family:'RobotoSlab';
	font-size:16px;
	font-weight:normal;
}
h1.cb.evt {
	max-width:200px;
	padding:12px;
	line-height:1.3;
	hyphens:auto;
	text-transform:uppercase;
}
h2, h2.cb, h2.h2-kurse {
	font-size:24px;
	font-family:'RobotoSlab';
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3, h3#order_review_heading {
	font-size:24px;
	font-family:'OpenSans';
	text-transform:uppercase;
}
.section-container h2 {
	margin-top:0;
	line-height:1.2;
}
.content-module h2 {
	margin-top:0;
	line-height:0.7;
}
h2.h2-kurse {
	margin-top:0 !important;
	padding:0 !important;
	line-height:0.7;
	text-transform: uppercase !important;
	border:none !important;
}
button.read-more {
	position:relative;
	padding:0 0 0 32px;
	font-family:'OpenSans',sans-serif;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	color:#000;
	background:none;
}
a.more, a.more-link, a.read-more {
	position:relative;
	padding-left:35px;
}
a.more::before, button.read-more::before, .link-more a.more-link::before, a.read-more::before {
	content:'';
	position:absolute;
	left:0px;
	top:-2px;
	width:26px;
	height:25px;
	background:url('images/arrow-right.svg') no-repeat;
	background-size:26px;
}
.link-more a.more-link::before {
	top:0;
}
.section-container {
	display:flex;
	width:1024px;
	margin:60px auto 0;
	padding-bottom:40px;
	border-bottom:1px solid #3c3c3c;
}
.section-container.sl, .section-container.ev, .section-container.dj, .section-container.gal {
	position:relative;
	display:block;
	margin:50px auto 0;
}
.section-container.gal.verein {
	border:none;
}
.section-container.single {
	position:relative;
	margin:50px auto 0;
	padding-bottom:0;
	border-bottom:none;
	justify-content:space-between;
}
.section-container.sl {
	overflow-x:clip;
}
.section-container.dj {
	padding-top:40px;
	border-top:1px solid #3c3c3c;
}
.section-container.dj > div {
	display:flex;
	justify-content:space-between;
}
.section-container.dj img {
	width:300px;
	border-radius:50%;
}
.section-container.gal > div:not(.gal-pagination):not(.galerie-container) {
	position:relative;
	height:190px;
}
.gal-inner > div {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.gal-inner {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	display:none;
}
#galpage-1 {
	display:block;
}
.gal-inner img {
	width:190px;
	margin-bottom:18px;
}
.gal-pagination {
	margin:20px -62px 0 0;
	text-align:right;
	font-family:'RobotoSlab';
	font-weight:bold;
}
.gal-pagination span {
	margin:0 5px;
	cursor:pointer;
	opacity:1;
	transition:opacity 0.4s
}
.gal-pagination > span:first-of-type {
	margin-right:10px;
}
.gal-pagination span.currnt, .gal-pag-arrow-prev.currnt, .gal-pag-arrow-next.currnt {
	opacity:0.3;
	pointer-events:none;
}
.galdummy {
	width:190px;
}
.gal-pagination button {
	position:relative;
	margin-left:30px;
	padding:0;
	background:none;
	vertical-align:middle;
}
.galerie-container {
	position:fixed;
	z-index:10000;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:rgba(35,35,35,0.97);
	display:none;
}
.close, .close:hover, .close:focus, .close:active {
	position:absolute;
	top:50px;
	right:60px;
	width:50px;
	height:50px;
	padding:0;
	border-radius:50%;
	background:#fff url('images/close-icon.svg') no-repeat center;
	background-size:30px;
}
.galthumb {
	cursor:pointer;
}
.gal-slider {
	position:absolute;
	width:1200px;
	height:700px;
	top:calc(50vh - 350px);
	left:calc(50vw - 600px);
}
.gal-slider .slick-slide img {
	max-width:1200px;
	max-height:700px;
	height:90vh;
}
.gal-slider .slick-slide {
	width:1200px !important;
	height:780px !important;
}
.gal-slider .slick-slide span {
	display:block;
	margin-top:20px;
	padding:0 80px;
	text-align:center;
	color:#fff;
}

.gal-counter {
	position:absolute;
	bottom:3vh;
	left:calc(50% - 600px);
	color:#fff;
}

.content-module {
	margin-right:30px;
	border-right:1px solid #a6a6a6;
}
.section-container > div:last-of-type {
	border:none;
}
.content-module.w75 {
	width:75%;
}
p.welcome {
	width:242px;
	margin-top:0;
	line-height:0.7;
	font-size:24px;
}
h2.welcome {
	font-size:24px;
	font-family:'OpenSans';
	font-weight:normal;
}
.goto-allevents {
	position:absolute;
	bottom:82px;
	right:56px;
}
.goto-allevents > div {
	position:absolute;
	bottom:0px;
	right:-56px;
	width:2px;
	height:139.5px;
	border-right:1px solid #353535;
}
.goto-allevents:after {
	position:absolute;
	top:-8px;
	right:-40px;
	background:#000 url('images/CB_sliderarrow_double_right.svg') no-repeat 8px center;
	background-size:23px;
}

/* KREISE */
#unser-angebot {
	position:absolute;
	display:block;
	top:-180px;
}
.section-container.kreise {
	position:relative;
	display:block;
	height:750px;
	margin-bottom:60px;
	padding-bottom:0;
	border:none;
}
.section-container.kreise h3 {
	margin-bottom:0;
	font-size:16px;
}
.section-container.kreise p {
	margin-top:0;
	width:655px;
}
.kreise-inner {
	position:relative;
	display:flex;
	justify-content:space-between;
	margin-top:40px;
	padding:0 40px;
}
.kreise-inner .hauptkreis {
	display:table;
	width:210px;
	height:210px;
	margin:auto;
	border-radius:50%;
	border:1px solid #231f20;
	text-align:center;
	font-weight:bold;
}
.kreise-inner a.hauptkreis {
	color:#000;
	background-color:#fff;
	transition:color 0.3s, background-color 0.3s;
}
.kreise-inner a.hauptkreis:hover {
	color:#fff;
	background-color:#231f20;
}
.eventkreis:hover ~ a.kurse, .eventkreis:hover ~ a.kinder, .eventkreis:hover ~ a.miet {
	opacity:0.1;
}
.kursekreis:hover ~ a.event, .kursekreis:hover ~ a.kinder, .kursekreis:hover ~ a.miet {
	opacity:0.1;
}
.kinderkreis:hover ~ a.event, .kinderkreis:hover ~ a.kurse, .kinderkreis:hover ~ a.miet {
	opacity:0.1;
}
.mietkreis:hover ~ a.event, .mietkreis:hover ~ a.kurse, .mietkreis:hover ~ a.kinder {
	opacity:0.1;
}
.section-container.kreise a {
	outline:none;
}
.section-container.kreise div span, .kreise-inner div span {
	display:table-cell;
	vertical-align:middle;
}
.kreislinks {
	position:relative;
}
a.kreislink {
	opacity:1;
	transition:opacity 0.4s;
}
.kreis {
	display:table;
	position:absolute;
	width:155px;
	height:155px;
	border-radius:50%;
	text-align:center;
}
a.kreislink:hover ~ a.kreislink, a.kreislink:has(~ a.kreislink:hover) {
	opacity:0.1;
}

.kreis.musik {
	top:250px;
	left:-20px;
	background-color:rgb(50,50,255);
	color:#fff;
}
.kreis.dialog {
	top:410px;
	left:140px;
	background-color:rgb(50,195,204);
}
.kreis.events {
	top:200px;
	left:920px;
	background-color:rgb(214,218,0);
}
.kreis.entert {
	top:420px;
	left:500px;
	background-color:rgb(244,64,133);
	color:#fff;
}
.kreis.sprach {
	top:245px;
	left:585px;
	background-color:rgb(208,232,171);
}
.kreis.kreativ {
	top:200px;
	left:180px;
	background-color:rgb(255,241,145);
}
.kreis.bewegung {
	top:370px;
	left:310px;
	background-color:rgb(255,200,231);
}
.kreis.kinderj {
	top:435px;
	left:695px;
	background-color:rgb(250,112,63);
	color:#fff;
}
.kreis.kinderk {
	top:270px;
	left:760px;
	background-color:rgb(250,172,127);
}
.kreis.vermietung {
	top:225px;
	left:410px;
	background-color:rgb(0,145,147);
	color:#fff;
}
.prefooter {
	position:relative;
	width:100vw;
	height:827px;
	background:url('images/Centre-Bagatelle_208nSG.webp');
	background-size:cover;
	background-position:top;
}
.prefooter img {
	width:50px;
	margin-bottom:5px;
}
.prefooter h2 {
	margin:0;
}
.prefooter p {
	margin:10px 0 0;
}
.prefooter a {
	display:inherit;
}
.section-container.pf {
	padding:40vh 0 0;
	margin:0 auto;
	justify-content:space-between;
	border:none;
}
.section-container.pf div {
	width:330px;
	min-height:22vh;
	padding:15px 40px 20px;
	background:rgba(255,255,255,0.85);
	text-align:center;
}

/* VERANSTALTUNGEN */
summary {
	list-style-type:none;
	cursor:pointer;
}
button.all-events, details.evt {
	width:1024px;
	margin:0 auto 18px;
	padding-bottom:18px;
	border-bottom:1px solid #353535;
}
button.all-events, .singlecats button {
	display:block;
	padding:0 0 18px 24px;
	text-align:left;
	background:none;
	outline:none;
	color:#000;
	border-radius:0;
	font-size:24px;
	font-family:'RobotoSlab';
	transition:color 0.5s;
}
.singlecats button, a.subcat-link {
	display:block;
	width:fit-content;
	margin-bottom:5px;
	font-size:16px;
	font-weight:normal;
	border:none;
	padding:0;
	text-transform:uppercase;
}
article details:last-of-type {
	border:none;
}
details.evt h2 {
	display:inline;
	margin-bottom:18px;
	color:#000;
	transition:color 0.5s;
	text-transform:uppercase;
}
.all-events.green, .singlecats button.green, details[open='open'] summary h2, details.details-sub[open='open'] summary h3 {
	color:#b2ca06;
}
summary > span {
	margin-right:10px;
	font-size:24px;
	line-height:24px;
	font-family:'RobotoSlab';
}
.down {
	font-size:32px;
}
.singlecats {
	display:none;
	margin:10px 0 0 23px;
	line-height:1.4;
	font-family:'RobotoSlab';
}
.vereincats, .agbcats {
	display:none;
}
.singlecats button:first-of-type {
	margin-top:12px;
}
.singlecats button:last-of-type {
	margin-bottom:20px;
}
.events-headline {
	width:1024px;
	margin:60px auto 45px;
	font-size:22px;
	text-transform:uppercase;
}
.events-wrapper {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:1024px;
	margin-left:calc(50vw - 565px);
}
.events-slider {
	width:1058px;
}
.events-wrapper > a, .events-slider .slick-slide div > a {
	width:318px !important;
}
.events-slider .slick-slide {
	padding-top:10px;
}
.events-container {
	position:relative;
	width:318px;
	margin:45px;
}
.events-slider.hme .events-container {
	margin:0 0 45px;
}
.date-wrapper, .kurse-wrapper {
	position:absolute;
	z-index:1;
	top:-10px;
	left:20px;
	width:84px;
	height:84px;
	line-height:1;
	padding-top:12px;
	text-align:center;
	font-family:'RobotoSlab';
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
.date-wrapper span {
	display:block;
	margin-top:3px;
	font-size:24px;	
}
.kurse-wrapper {
	display:table;
	padding:0;
}
.kurse-wrapper span {
	display:table-cell;
	font-size:13px;
	vertical-align:middle;
}
.events-container img {
	filter:grayscale(100%);
	transition:filter 0.3s;
}
.events-container:hover img {
	filter:grayscale(0%);
}
.events-infos, .verein-infos {
	min-height:95px;
	margin-top:10px;
	padding:15px 20px;
	border-left:1px solid #353535;
}
.events-infos span {
	font-weight:bold;
	text-transform:uppercase;
}
.events-infos p {
	margin:0;
}
.dummy {
	width:31%;
}
#no-events {
	margin:-20px 0 50px 47px;
}

/* VERANSTALTUNGEN SINGLE */
.section-container.single h1 {
	margin:0 0 10px;
	font-size:32px;
	font-family:'RobotoSlab';
	text-transform:uppercase;
}
.section-container.single h2, h2.h2-kurse {
	font-family:'OpenSans';
}
.section-container.single p, .maintext-single h1, .maintext-single h2 {
	max-width:780px;
}
.maintext-single {
	text-align:justify;
	hyphens:auto;
}
.maintext-single.kurse {
	width:740px;
	border-bottom:1px solid #ccc;
}
.maintext-single.kurse h2 {
	margin-top:18px;
	padding-top:15px;
	border-top:1px solid #ccc;
	text-transform:none;
}
.sidebar-single {
	width:200px;
}
.sidebar-single.kurse {
	width:240px;
}
.date-wrapper-single {
	width:200px;
	height:200px;
	padding:26px 0 0 30px;
	line-height:1;
	font-family:'RobotoSlab';
	font-size:20px;
	text-transform:uppercase;
}
.date-wrapper-single span {
	font-size:52px;
	font-weight:bold;
}
.kursinfo-wrapper {
	width:240px;;
	padding:26px 30px;
	line-height:1;
	font-family:'RobotoSlab';
	font-size:17px;
	font-weight:bold;
	white-space:nowrap;
}
.kursinfo-wrapper a {
	white-space:normal;
	hyphens:auto;
}
.kursinfo-wrapper.white a {
	color:#fff;
}
.section-container.single .tickets-box {
	top:230px;
	right:0;
	width:100%;
	max-width:200px;
	padding:16px 0;
	text-align:center;
}
.section-container.single .tickets-box.kurse {
	max-width:240px;
}
.eintritt {
	width:200px;
	margin:20px 0 50px;
	line-height:1.8;
	font-weight:bold;
	text-transform:uppercase;
}

/* TICKETS */
.ticket_content {
	margin:150px auto 50px !important;
}
.single_add_to_cart_button.button.alt {
	position:static;
	text-transform:uppercase;
	font-family:'OpenSans',sans-serif;
}
.single-product div.product {
  width:1024px;
  margin:50px auto 0;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	width:auto;
	margin-bottom:30px;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width:450px;
	margin-right:140px;
}
.woocommerce .content-area .site-main {
	max-width:none;
}
.woocommerce-product-gallery img {
	width:380px;
}
.woocommerce-tabs {
	width:80%;
}
.woocommerce-tabs .panel h2:first-of-type, .woocommerce-tabs ul {
	display:none;
}
.woocommerce-breadcrumb {
	width:1024px;
	margin:30px auto 0;
	font-family:'OpenSans';
}
.woocommerce-variation-price {
	margin-bottom:1rem;
}
.shop-content {
	width:1024px;
	margin:30px auto;
}

/* DER VEREIN */
.header-img {
	width:100%;
	height:500px;
	background-size:cover;
}
.verein-text {
	margin:0 0 50px 353px;
	padding:10px 0 10px 20px;
	border-left:1px solid #353535;
	font-family:'OpenSans', sans-serif;
	hyphens:auto;
	text-align:justify;
}
.verein-text a, .maintext-single a {
	position:relative;
	margin-left:22px;
}
.verein-text a::before, .maintext-single p a::before {
	content:'';
	position:absolute;
	top:4px;
	left:-22px;
	width:16px;
	height:14px;
	background:url('images/arrow-right.svg') no-repeat;
	background-size:16px;
}
.events-wrapper.vrein {
	margin:0 auto;
}
.verein-text img {
	margin:-20px 0 30px;
}
.events-container.verein {
	margin:0 0 45px;
}
.events-container.verein img {
	filter:none;
	transition:none;
}
.verein-infos p {
	margin:0;
}
.verein-infos p:first-of-type {
	font-weight:bold;
}
.verein-infos a {
	text-decoration:underline;
}
.gmaps-container {
	height:240px;
	padding:50px;
	text-align:center;
	box-sizing:border-box;
}
.reset-gmap-c {
	background:none;
	padding:0;
}
.gmaps-container button {
	background:none;
	border-radius:0;
	font-family:'OpenSans';
	font-size:16px;
	color:#000;
	text-decoration:underline;
}
.gmaps-container a {
	margin-left:0;
	text-decoration:underline;
}
.gmaps-container a::before {
	display:none;
}

/* FOOTER */
footer {
	height:396px;
	padding: 60px 0 70px;
	color:#fff;
	background-color:#353535;
	font-size:13.5px;
	line-height:1.7;
}
footer p {
	margin:0 0 20px;
}
.footer-inner {
	display:flex;
	width:1024px;
	margin:0 auto;
}
.footer-inner > div {
	width:33.3%;
}
.footer-l .logo {
	display:block;
	margin:0 auto;
	background-image:url('images/centre-bagatelle-logo-white.svg');
}
.social-container {
	display:flex;
	justify-content:space-between;
	width:160px;
	margin:28px auto 36px;
}
.social {
	display:block;
	width:35px;
	height:35px;
	padding-top:3px;
	background-color:#98AB0F;
	border-radius:50%;
}
.social.nebenan img, .social.insta img, .social.fb img {
	display:block;
	width:26px;
	margin:0 auto;
}
.social.insta, .social.fb {
	padding-top:5px;
}
.social.insta img {
	width:25px;
}
.social.fb img {
	width:16px;
}
.searchform input[type="text"] {
	height:35px;
	width:290px;
	font-family:'OpenSans',sans-serif;
	color:#fff;
	background-color:#6f6f6f;
	border-radius:18px;
	border:none;
}
input::placeholder {
	font-family:'OpenSans',sans-serif;
	color:#fff;
}
.searchform input[type="submit"] {
	width:35px;
	height:35px;
	padding:0;
	background:url('images/Lupe.svg') no-repeat center;
	background-size:24px;
}
.footer-l p {
	margin:32px 0 0;
	text-align: center;
}
.footer-m, .footer-r {
	padding-left:60px;
}
.footer-m, .footer-m a, .footer-r a {
	color:#b2ca06;
}
.footer-m a.footerlink, .footer-r a.footerlink {
	display:block;
	color:#fff;
}

.error-404 {
	position:relative;
	width:1024px;
	margin:0 auto;
}
.error-404 div:first-of-type {
	position:absolute;
	z-index:0;
	left:18%;
	width:64%;
	font-family:'RobotoSlab';
	font-size:20vw;
	color:#b2ca06;
	line-height: 14.5vw;
	opacity:0.3;
}
.error-404 .content {
	position:relative;
}
.error-404  {
	font-family:'OpenSans';
	font-weight:normal;
}
.search.search-results article {
	width:1024px;
	margin:50px auto 0;
	border-bottom:1px solid #353535;
}
.search.search-results h1.page-title {
	width:1024px;
	margin:1rem auto 0;
	font-family:'OpenSans';
}
.search.search-results article figure {
	margin:20px 400px 20px 0;
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
	filter:none;
}
.image-filters-enabled .entry .post-thumbnail::after {
	display:none;
}
.navigation.pagination {
	width:1024px;
	margin:0 auto;
}
.pagination .nav-links {
	margin-left:-22px;
	font-family:OpenSans;
}
.pagination .nav-links .prev > *, .pagination .nav-links .next > * {
	vertical-align:top;
}
.pagination .nav-links > .dots svg, .pagination .nav-links > .next svg {
	margin-top:-1px;
}
.tnp.tnp-subscription {
	margin-left:0;
}

.details-sub {
	margin-left:25px;
}
.details-sub h3 {
	display:inline-block;
	margin-bottom:0;
	font-family:'RobotoSlab';
	font-size:18px;
	font-weight:normal;
}
summary.sum-sub > span {
	font-size:18px;
}
.agbcats p {
	margin:0;
	padding-top:16px;
}
.read-more-content p:first-of-type {
	margin-top:0;
}
.mb0 {
	margin-bottom:0;
}
.mb20 {
	margin-bottom:20px;
}
.mb40 {
	margin-bottom:40px;
}
.show-template {
	position:fixed;
	bottom:0;
	right:0;
	padding:10px;
	border:1px solid #000;
	background-color:#fff;
	font-size:14px;
	line-height:1;
	cursor:pointer;
}
.only-mobile, .only-portrait, .only-landscape, .menu-button, .menu-close, .section-img-mobil, .section-content-container.vita .section-content p:first-of-type strong, .read-more-content, #menu-item-542, #menu-item-543, #menu-item-544, #menu-item-817, #menu-item-818, .slick-slide img.only-portrait, .slick-slide img.only-landscape, .stock.in-stock {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 980px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.only-mobile, .menu-button, .menu-close, #menu-item-542, #menu-item-543, #menu-item-544, #menu-item-817, #menu-item-818, .slick-slide img {
		display:block;
	}
	.only-desktop, .menu-container, .goto-allevents > div, .section-container.kreise, .footer-m, .footer-r {
		display:none;
	}
	.galimg.only-desktop {
		display:none !important;
	}
	h1, .tnp.tnp-subscription {
		width:90vw;
		margin:0 5vw 30px 0;
	}
	.menu-container {
		position:fixed;
		z-index:20;
		top:0;
		bottom:auto;
		right:0;
		width:100vw;
		height:100vh;
		padding-right:0;
	}
	nav#site-navigation {
		height:100%;
		margin:0 0 0 32vw;
		padding:10vh 0 0 5vw;
		box-shadow:1px 5px 8px 5px rgba(0,0,0,0.2);
	}
	.to-home-portrait {
		position:absolute;
		z-index:-1;
		top:0;
		left:0;
		width:32vw;
		height:100%;
		background-image:url('images/menu_mobile_portrait.webp');
		background-size:cover;
		background-position:bottom;
	}
	ul.nav-menu, li:not(.wc_payment_method) {
		display:block;
		line-height:2;
		font-size:18px;
	}
	.slick-dots li {
		display:inline-block;
	}
	.slick-dots li button:focus .slick-dot-icon::before {
		color:#777;
	}
	.wc_payment_method {
		line-height:1.35;
		hyphens:auto;
	}
	
	.site-header {
		height:62px;
		padding:7px 0 0;
	}
	.header-inner, .content-module.w75, .logolink, .maintext-single.kurse {
		width:100%;
	}
	.logo {
		display:block;
		height:50px;
		width:170px;
		margin:0 auto;
		background-size:170px;
	}
	.site-content {
		margin-top:62px;
	}
	.menu-button, .menu-close {
		position:absolute;
		z-index:5;
		top:0;
		right:6px;
		width:35px;
		height:35px;
		padding:10px;
		background-color:#fff;
		box-sizing:content-box;
	}
	.menu-button img, .menu-close-button img {
		max-width:none;
	}
	#menu-item-19 {
		margin-top:20px;
	}
	#menu-item-544 a {
		color:#b2ca06;
	}
	li.current-menu-item a {
		color:#999;
	}
	nav .social-container {
		position:absolute;
		bottom:30px;
	    display:flex;
		margin:0;
	}
	.homeslider, .homeslide-wrapper, .homeslider.evt, .homeslide-wrapper.evt {
		height:auto;
	}
	.homeslider {
		padding-bottom:35px;;
	}
	.homeslide-wrapper {
		background-image:none !important;
	}
	.homeslide-wrapper, .homeslide-wrapper.evt {
		padding-bottom:6px;
	}
	.homeslider-infobox {
		position:relative;
		top:auto;
		right:auto;
		width:90vw;
		margin:10px 0 0 5vw;
		padding:10px 30px 20px;
		border:1px solid #ccc;
		box-shadow:5px 6px 5px rgba(0,0,0,0.2);
	}
	.homeslider-infobox p {
		margin-top:0;
	}
	.homeslider.evt .homeslider-infobox {
		margin-top:48vw;
	}
	h2.cb {
		margin-bottom:5px;
	}
	summary h2 span {
		display:block;
		margin-left:23px;
	}
	.slick-dots {
		bottom:-5px;
		right:65px;
	}
	.slick-autoplay-toggle-button {
		bottom:-30px;
		right:-4px;
	}
	.slick-dots li button .slick-dot-icon {
		color:#bbb;
	}
	.slick-dots li.slick-active button .slick-dot-icon {
		color:#777;
	}
	.slick-autoplay-toggle-button .slick-pause-icon::before, .slick-autoplay-toggle-button .slick-play-icon::before {
		background-color:#bbb;
	}
	
	.section-container {
		display:block;
		width:90vw;
		margin:30px auto;
	}
	.section-container.sl {
		overflow-x:visible;
	}
	.section-container.ev {
		border:none;
	}
	.section-container.gal {
		margin-top:0;
	}
	.gal-inner img {
		width:29vw;
		margin-bottom:6px;
	}
	article:not(#post-2) {
		margin-bottom:0;
	}
	.gal-slider {
		width:100vw;
		height:58.33vw;
		top:100px;
		left:0;
	}
	.gal-slider .slick-slide img {
		width:100vw !important;
		height:58.33vw !important;
	}
	.gal-slider .slick-slide {
		width:100vw !important;
		height:100vw !important;
	}
	.gal-slider .slick-slide span {
		width:90vw;
		margin:70px 0 0 5vw;
		padding:0;
		text-align:left;
		font-size:16px;
	}
	.gal-pagination {
		margin-right:-6px;
		font-size:16px;
	}
	.gal-counter {
		top:calc(53vw + 148px);
		left:5vw;
		font-size:16px;
	}
	.close, .close:hover, .close:focus, .close:active {
		top:20px;
		right:20px;
		width:35px;
		height:35px;
		background-size:20px;
	}
	.content-module {
		margin-right:0;
		border:none;
	}
	.content-module h2 {
		line-height:1.2;
	}
	.slick-prev, .slick-next {
		right:auto;
		left:279px;
	}
	.slick-prev {
		left:208px;
	}
	.events-slider.hme .slick-prev {
		right:auto;
		left:61vw;
		bottom:45px;
	}
	.events-slider.hme .slick-next {
		right:auto;
		left:79vw;
		bottom:45px;
	}
	.events-slider .slick-next::before {
		left:-4vw;
	}
	.gal-slider .slick-prev, .gal-slider .slick-next {
		z-index:20;
		bottom:-55px;
	}
	.events-infos {
		width:66vw;
		padding:0 24px;
	}
	.events-wrapper .events-infos {
		width:100%;
		padding:5px 24px 10px;
		min-height:unset;
	}
	.events-slider .events-container, .events-slider .slick-slide div > a {
		width:70vw !important;
	}
	.goto-allevents {
		bottom:70px;
		right:auto;
	}
	.goto-allevents::after {
		display:none;
	}
	button.all-events, .singlecats button {
		padding-left:5vw;
	}
	button.all-events, details.evt {
		width:90vw;
		font-size:20px;
	}
	.events-wrapper, .events-headline {
		width:90vw;
		margin:0 auto;
	}
	.events-container {
		width:100%;
		margin:45px 0;
	}

	.prefooter {
		height:auto;
		padding-bottom:1px;
		background-size:auto;
		background-repeat:no-repeat;
		background-color:#C6AD8D;
	}
	
	.breadcrumb, .sidebar-single {
		width:90vw;
	}
	.sidebar-single.kurse {
		margin:30px auto 0;
	}
	.breadcrumb, .breadcrumb a, .woocommerce-breadcrumb, .woocommerce-breadcrumb a {
		font-size:12px;
	}
	.section-container.pf div {
		width:84vw;
		margin:0 auto 30px;
	}
	.events-header, .events-header-l {
		width:100vw;
		height:35vw;
		background-position:center;
	}
	.section-container.single {
		margin-top:0;
	}
	.section-container.single h1 {
		font-size:20px;
	}
	.date-wrapper-single {
		margin:30px auto 0;
	}
	h2, .events-headline {
		font-size:20px;
	}
	h2.cb, h2.h2-kurse {
		font-size:16px;
	}
	.eintritt {
		width:auto;
		text-align:center;
	}
	#no-events {
		margin:20px 0 -20px;
	}
	.header-img {
		width:100vw;
		height:32vw;
	}
	.events-container.verein img {
		width:280px;
	}
	.verein-text {
		margin:0;
		padding-left:0;
		border:0;
		font-size:16px;
		text-align:left;
	}
	.verein-infos {
		min-height:unset;
		margin:0;
		font-size:16px;
	}
	.gmaps-container {
		padding-top:25px;
	}
	.section-container.dj > div {
		display:block;
	}
	.dj-entry {
		margin-bottom:30px;
	}
	.dj-entry img {
		display:block;
		margin:0 auto;
	}
	.backlink {
		margin:40px auto 60px !important;
	}
	.backlink.evnts {
		width:90vw;
		margin-left:5vw !important;
	}
	.section-container.single .tickets-box {
		margin:20px auto 0;
	}
	button.totop {
		position:fixed;
		right:5vw;
		bottom:2vh;
		padding:0;
		background:none;
	}
	button.totop::before {
		transform: rotate(90deg);
	}

	.woocommerce-breadcrumb, .woocommerce-product-gallery img, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary, .entry .entry-content, .entry .entry-summary {
		width:90vw;
		margin:0 auto 0 0;
	}
	.shop-content {
		width:90vw;
	}
	.woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .button {
		width:100%;
		float:none;
		margin-top:20px;
	}
	.woocommerce-billing-fields h3, .woocommerce-additional-fields h3, h3#order_review_heading {
		font-size:20px;
	}
	
	footer {
		height:auto;
		padding:30px 0;
	}
	.footer-inner {
		width:auto;
	}
	.footer-inner > div{
		width:90vw;
		margin:0 auto;
		text-align:center;
	}
	.searchform input[type="text"] {
		width:85%;
	}
	a.footerlink {
		display:inline-block;
		color:#fff;
	}
	a.footerlink.fstl {
		margin:40px 0 5px;
	}
	.footer-l p {
		margin-top:10px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : portrait),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.only-portrait, .slick-slide img.only-portrait {
	 	display:block;
	}
	.only-landscape {
	 	display:none !important;
	}
	.slick-dots li {
		margin: 0 2px;
	}
	.aktuellesslider-infobox.sl {
		width:85vw !important;
	}
	.slick-next {
		left:calc(85vw + 17px);
	}
	.slick-prev {
		left:calc(85vw - 53px);
	}
	.events-slider.slick-initialized .slick-slide, .events-slider.slick-initialized .slick-slide img {
		width:75vw !important;
	}
	.events-wrapper, .events-headline {
		display:block;
	}
	.events-wrapper > a, .events-slider .slick-slide div > a {
		width:100% !important;
	}
	.section-container.pf {
		padding-top:32vh;
	}
	.prefooter {
		background-image:url('images/Centre-Bagatelle_208nSG_portrait.webp');
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : landscape),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.only-portrait {
		display:none !important;
	}
	.only-landscape, .slick-slide img.only-landscape {
		display:block;
	}
	.only-landscape.inl {
		display:inline !important;
	}
	.to-home-portrait {
		width:20vw;
		background-image: url('images/menu_mobile_landscape.webp');
	}
	nav#site-navigation {
		margin-left:20vw;
		padding-top:12vh;
	}
	#menu-item-18, #menu-item-19, #menu-item-543, #menu-item-544, #menu-item-817, #menu-item-818, nav .social-container {
		position:absolute;
		left:65vw;
	}
	#menu-item-19 {
		margin-top:0;
		top:12vh;
	}
	#menu-item-18 {
		top:calc(12vh + 36px);
	}
	#menu-item-817 {
		top:calc(12vh + 72px);
	}
	#menu-item-818 {
		top:calc(12vh + 108px);
	}
	#menu-item-543 {
		top:calc(12vh + 144px);
	}
	#menu-item-544 {
		top:calc(12vh + 180px);
	}
	.homeslider-infobox {
		width:280px;
	}
	.slick-prev {
		left:470px;
	}
	.slick-next {
	    left:541px;
	}
	.events-slider .slick-prev {
		bottom: 46px;
		left: 480px;
	}
	.events-slider .slick-next {
	    bottom:46px;
		left:544px;
	}
	.events-slider.hme .slick-prev {
		right:auto;
		left:61vw;
		bottom:45px;
	}
	.events-slider.hme .slick-next {
		right:auto;
		left:79vw;
		bottom:45px;
	}
	.events-slider .events-container, .events-slider .slick-slide div > a {
		width:40vw !important;
	}
	.events-slider.slick-initialized .slick-slide, .events-slider.slick-initialized .slick-slide img {
		width:42.5vw !important;
	}
	.events-infos {
		width:auto;
	}
	.events-slider.hme .slick-prev {
		right:auto;
		left:75vw;
		bottom:45px;
	}
	.events-slider.hme .slick-next {
		right:auto;
		left:89vw;
		bottom:45px;
	}
	.events-wrapper > a, .events-slider .slick-slide div > a {
		width:42.5vw !important;
	}
	.events-container {
		margin:20px 0;
	}
	.gal-inner img {
		width:17.5vw;
		margin-bottom:4px;
	}
	.section-container.pf {
		padding-top:105vh;
	}
	.section-container.pf div {
		width:280px;
	}
	.gal-slider {
		top:0;
		height:100vh;
	}
	.gal-slider .slick-slide img {
		width:auto !important;
		height:90vh !important;
		margin:0 auto;
	}
	.gal-slider .slick-prev, .gal-slider .slick-next {
		bottom:0;
		height:35px;
		width:35px;
		left:auto;
		right:3vw;
	}
	.gal-slider .slick-prev {
		right:calc(3vw + 72px);
	}
	/*.slick-next::before, .gal-next::before {
		top:10px;
	}*/
	.gal-counter {
		bottom:10px;
		top:auto;
	}
	.gal-slider .slick-slide span {
		margin-top:5px;
		text-align:center; 
	}
	.gal-inner {
		position:relative;
	}
	.section-container.gal > div:not(.gal-pagination):not(.galerie-container) {
		height:auto !important;
	}
	.galdummy {
		width:22vw;
	}
	.events-container.verein, .events-container.verein img {
		width:43.5vw;
	}
	.close, .close:hover {
		z-index:20;
		right:3vw;
	}
	.prefooter {
		background-image:url('images/Centre-Bagatelle_208nSG_landscape.webp');
	}
}
/* 2026.01.03 - Jannes - hinzugefuegt */
.tnp-subscription label {
	font-size: 1.2em !important;
    font-family: 'OpenSans',sans-serif;
}
.tnp-name {
	font-size: 1em !important;
    font-family: 'OpenSans',sans-serif;
}