@font-face {
    font-family: 'ABC Favorit';
    src: url('../fonts/ABCFavorit-Bold.woff2') format('woff2'),
        url('../fonts/ABCFavorit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABC Favorit';
    src: url('../fonts/ABCFavorit-Light.woff2') format('woff2'),
        url('../fonts/ABCFavorit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABC Favorit';
    src: url('../fonts/ABCFavorit-LightItalic.woff2') format('woff2'),
        url('../fonts/ABCFavorit-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ABC Favorit';
    src: url('../fonts/ABCFavorit-Medium.woff2') format('woff2'),
        url('../fonts/ABCFavorit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABC Favorit';
    src: url('../fonts/ABCFavorit-MediumItalic.woff2') format('woff2'),
        url('../fonts/ABCFavorit-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ABC Favorit';
    src: url('../fonts/ABCFavorit-BoldItalic.woff2') format('woff2'),
        url('../fonts/ABCFavorit-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ABC Favorit';
    src: url('../fonts/ABCFavorit-RegularItalic.woff2') format('woff2'),
        url('../fonts/ABCFavorit-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ABC Favorit';
    src: url('../fonts/ABCFavorit-Regular.woff2') format('woff2'),
        url('../fonts/ABCFavorit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html,body, header, nav, section, article, main, aside, figure, .sidebar, footer { display: block; padding:0; margin:0; }

body{ 
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: 'ABC Favorit', sans-serif;
	font-size:22px;
	color:#000;
	background:#eaeaea;
}
a { text-decoration: none; outline: none; transition: all 50ms ease 0ms; color:#ff01d9;}
a:hover, a:focus {text-decoration: none; color:#ff01d9;}
a img{border: none; }
label {cursor: pointer; }
textarea { resize:none; margin: 0;}
input, textarea { outline: none; }
input[type="search"] {
	outline: none;
	border-radius: 0;
	-webkit-appearance: none !important;
}
iframe {
	margin: 0;
	border: none;
}
table {
	border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
section, article, header, footer {display:block;}

h1, h2, h2, h4, h5, h6, p, fieldset, form, ul, ol, li, dl, dt, dd {
	padding: 0;
	margin: 0;
}

.clearfix {
	float:none !important;
    clear: both;
    display: block;
}

#page {
	width:100%;
	overflow:hidden;
}

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


img.full-width {
	width:100%;
	height:auto;
}

.container {
	width:100%;
	max-width:1850px;	
}


section {
	clear:both;
	position:relative;
}

.nopadding {
	padding:0 !important;
}

.nobottompadding {
	padding-bottom:0px !important;
}

.notoppadding {
	padding-top:0px !important;
}

.nomargin {
	margin:0;
}

.std-width {
	width:auto;
	height:auto;
	max-width:100%;
}

/* headings ------------------------------------------------- */

h1 {
	font-weight: 400;
	font-size: 27px;
	line-height: 28px;
	letter-spacing: -2%;
	text-align: center;
	vertical-align: middle;
}

h2 {
	font-weight: 400;
	font-size: 27px;
	line-height: 28px;
	letter-spacing: -2%;
	text-align: center;
	vertical-align: middle;
}

h3 {
	font-size:46px;
	line-height:120%;
	font-weight:400;
	margin-bottom:20px;
	color:#555e6d;
}

h4 {
	font-size:18px;
	line-height:110%;
	font-weight:400;
	color:#555e6d;
}

h5 {
	font-size:16px;
	line-height:110%;
	font-weight:400;
	color:#555e6d;
}

h6 {
	font-size:12px;
	line-height:110%;
	font-weight:400;
	color:#555e6d;
}

.col-left .bodytext p,
.col-left .bodytext li {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.5px;
	letter-spacing: -2%;
}
.col-left .bodytext p {
	margin-bottom:18px;
}

.col-left .bodytext p:only-child,
.col-left .bodytext p:last-child {
	margin-bottom:6px;
}

/* page styles ---------------------------------------------- */


#page {
	width:100%;
	/* max-height:1000px; */
	position:relative;
	top:0;
	margin:0 auto;
}

#page .inside {
	position:relative;
	/* max-width:1152px; */
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:999;
}


#page .inside-wrapper {
  width: 100%;
  height: 100%;
  /* background: linear-gradient(0deg, rgba(255, 255, 255, 0) 81.5%, #FF00D9 92.5%); */
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, #FF00D9 93%);
  position: relative;
  z-index:0;
}

#page .inside-wrapper:after{
	background: linear-gradient(0deg,rgba(234, 234, 234, 1) 0%, rgba(234, 234, 234, 1) calc(100% - 127px), rgba(234, 234, 234, 0) calc(100% - 30px));
	content:'';
	z-index:0;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.col-right {
	position:relative;
	z-index:0;
}


.col-right:after {
  /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, #FF00D9 100%); */
  background: linear-gradient(180deg,rgba(234, 234, 234, 1) 0%, rgba(234, 234, 234, 1) calc(100% - 160px), rgba(234, 234, 234, 0) 100%);
  z-index:1;
  position:absolute;
  width:100vw;
  height:50%;
  bottom:0;
  left:0;
  content:'';
}

.gradient-abs-bottom {
	height:200px;
	width:100vw;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
}

.gradient-change {
  background: #0000ff;
  transition: background 0.5s ease-in-out; /* Animacja trwa teraz 500ms */
}

.calendar-wrapper {
	position:relative;
	z-index:999;
}
	

#header {
	height:90px;
	position:relative;
	z-index:9999;
}

.logo-wrapper {
	position:absolute;
	left:0;
	right:0;
	top:1px;
	margin:0 auto;
	width:110px;
}


.logo-wrapper img {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.logo-wrapper img:first-child {
	opacity:1;
}

.logo-wrapper:hover img:first-child {
	opacity:0;
}

.logo-wrapper:hover img:last-child {
	opacity:1;
}


.logo-wrapper img.imglogo {
	margin:10px; 
	top:-3px; 
	left:-3px;
}

.menu-top {
	width:100%;
}

.menu-top ul {
	width:100%;
	display:flex;
	gap: 15px;
}

.menu-top li {
	display:block;
	flex: 0 0 calc(50% - 7.5px);
}

.menu-top li a {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 27px;
	line-height: 40px;
	letter-spacing: -2%;
	text-align: center;
	vertical-align: middle;
	color:#000;
	display:block;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

.menu-top li.current_page_item a,
.menu-top li a:hover {
	border-color:#fff;
	color:#fff;
}


.left-menu-wrapper {
	position:absolute;
	left:18px;
	top:29px;
	width:43%;
}

.right-menu-wrapper {
	position:absolute;
	right:18px;
	top:29px;
	width:43%;
}

.text-wrapper {
	border-top:2px solid #000;
	margin-top:4px;
	padding-top:10px;
}

.calendar-wrapper .text-wrapper {
	border-top:0px;
	margin-top:0px;
	padding-top:5px;
}

.img-slider-wrapper,
.text-wrapper figure {
	width:100%;
	margin-bottom:8px;
}

.text-wrapper figure img {
	width:100%;
}

.text-wrapper::-webkit-scrollbar {
    display: none;
}
.text-wrapper {
    scrollbar-width: none;
}
.text-wrapper {
    -ms-overflow-style: none;
}

.col-left,
.col-right {
	height:100%;
	overflow:hidden;
}

.col-right {
	overflow:visible;
}

.text-wrapper {
	height:calc(100% - 50px);
	overflow:auto;
}

.calendar-wrapper .text-wrapper {
	height:calc(100% - 130px);
	overflow:auto;
}

.col-left .text-wrapper {
	margin-right:3px;
}

.col-right .text-wrapper {
	margin-left:3px;
}

/* Kategorien --------------- */

.category-menu-wrapper {
	padding-bottom:3px;
	font-size: 15px;
	border-top: 2px solid #000;
	margin-top: 4px;
	padding-top: 10px;
}

.category-menu-title {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.5px;
	letter-spacing: -2%;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}

.category-menu-title:hover {
	/* color:#FF01D9; */
}

.category-menu-content a {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.5px;
	letter-spacing: -2%;
	color:#808080;
	margin-right:12px;
	display:inline-block;
	height:17.5px;
	max-height:17.5px;
}

.category-menu-content {
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	line-height:100%;
}

.category-menu-content a.selected,
.category-menu-content a:hover {
	/* color:#FF01D9; */
}

.category-item {
	position:relative;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:2px solid #000;
	display:block;
}

.category-item:last-child {
	border:0;
}

.category-item .cc-arrow {
	position:absolute;
	bottom:0px;
	right:0px;
	/* color:#FF01D9; */
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.5px;
	letter-spacing: -2%;
}


.cat-day {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 27px;
	line-height: 39px;
	letter-spacing: -2%;
	text-align: center;
	vertical-align: middle;
	/* color:#FF01D9; */
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin-bottom:5px;
}

.cat-hour {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.5px;
	letter-spacing: -2%;
	color:#000;
}

.cat-hour span {
	float:right;
}

.cat-title {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 27px;
	line-height: 28px;
	letter-spacing: -2%;
	color:#000;
}


.category-item:hover .cat-title {
	/* color:#FF01D9; */
}


.cat-desc {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.5px;
	letter-spacing: -2%;
	color:#000;
}

.cat-tags {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.5px;
	letter-spacing: -2%;
	color:#808080;
}

/* ------------------------ */

.accordion-title {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 27px;
	line-height: 28px;
	letter-spacing: -2%;
	text-align: center;
	vertical-align: middle;
	border-top:2px solid #000;
	padding-top:6px;
	padding-bottom:6px;
	cursor:pointer;
}

.accordion-title:hover {
	/* color:#FF01D9; */
}

.accordion-title-disabled {
	font-family: ABC Favorit;
	font-weight: 400;
	font-size: 27px;
	line-height: 28px;
	letter-spacing: -2%;
	text-align: center;
	vertical-align: middle;
	border-top:2px solid #000;
	padding-top:6px;
	padding-bottom:6px;
	cursor:default;
	color:#808080;
}

.accordion-title-placeholder {
	padding-top: 40px;	
}

.accordion-content {
	display:none;
}

.accordion-content.acc_open {
	display:block;
}

.mobile-menu-wrapper {
	display:none;
}

.bodytext > .title {
	opacity:0;
	visibility:hidden;
}

.home .bodytext > .title {
	opacity:1;
	visibility:visible;
}

.calendar-wrapper.bodytext > .title {
	opacity:1;
	visibility:visible;
}

.col-left .bodytext strong {
	font-weight:400;
	/* color:#FF01D9; */
}