@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

/* variables */

:root {
	
	--pb-background-color-rgb-blue: rgb(21, 134, 188);
	--pb-background-color-rgb-rose: rgb(220, 53, 69);
	--pb-background-color--rgba-lightgray: rgba(246, 246, 246,.8);
	--pb-background-color--rgba-cleargray: rgba(105, 105, 105,.2);
	--pb-background-color-hex-blue: #1586bc;
	--pb-background-color-hex-25b-blue: #339fd2;
	--pb-background-color-hex-25d-blue: #1e6689;
	--pb-background-color-hex-rose: #dc3545;
	--pb-background-color-hex-25b-rose: #da7b84;
	--pb-background-color-hex-25d-rose: #ab3036;
	--pb-background-color-hex-lightgray: #f6f6f6;
	
	--pb-text-color-hex-dark: #050c11;
	
	--pb-font: Calibri, sans-serif;
	
    --pb-item--width: 95%;
   
    --text-transition: 0.4s ease-in-out;
    --box-transition: 0.25s ease-in-out;
	--scale-transition: 0.4s ease;
	--scale-linear-transition: 0.25s ease;
    
}
 
/* general */

html {
    
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background-color: rgb(244,244,244);
}

body {
    
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(244,244,244);
    margin-top: 0;
	position: relative;
	min-height: 100vh;
}

p {
	
	font-family: Calibri, sans-serif;
	font-size: 12pt;
	line-height: 1.2;
	padding-top: 6px;
	padding-bottom: 6px;
}

a {
	
	text-decoration: none;
    cursor: pointer;
	transition: 0.4s ease-in-out;
	color: #dc3545;
}

.button {
	
	padding: .625rem 1.875rem;
	border-radius: 100px;
	font-family: var(--pb-font);
	font-weight: 600;
	font-size: 1rem;
	color: rgba(255,255,255,1);
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	touch-action: manipulation;
	-webkit-box-shadow: 2px -2px 10px 2px rgba(220, 220, 220, 0.8);
	-moz-box-shadow: 2px -2x 10px 2px rgba(220, 220, 220, 0.8);
	box-shadow: 2px -2px 10px 2px rgba(220, 220, 220, 0.8);
	background-color: rgb(255,255,255);
	transition: var(--box-transition);
}

.button.blue {
	
	background-color: var(--pb-background-color-hex-blue);
	transition: var(--box-transition);
	border: solid 2px var(--pb-background-color-hex-blue);
	transition: transform 0.25s;
    -moz-transition: transform 0.25s;
    -webkit-transition: transform 0.25s;
    -o-transition: transform 0.25s;
    -ms-transition: transform 0.25s;
}

.button.rose {
	
	background-color: var(--pb-background-color-hex-rose);
	transition: var(--box-transition);
	border: solid 2px var(--pb-background-color-hex-rose);
}

.button.white {
	
	background-color: rgba(255,255,255,1);
	color: var(--pb-text-color-hex-dark);
	border: solid 2px var(--pb-background-color--rgba-cleargray);
}

.button.blue:hover,
.button.blue:focus {
	
	background-color: var(--pb-background-color-hex-25d-blue);
  	color: rgba(255,255,255,1);
	border: solid 2px var(--pb-background-color-hex-25d-blue);
	transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
}

.button.blue:active {
	
	background: var(--pb-background-color-hex-25b-blue);
  	color: rgb(255, 255, 255, .7);
	border: solid 2px var(--pb-background-color-hex-25b-blue);
}

.button.rose:hover,
.button.rose:focus {
	
	background-color: var(--pb-background-color-hex-25d-rose);
  	color: rgba(255,255,255,1);
	border: solid 2px var(--pb-background-color-hex-25d-rose)
}

.button.rose:active {
	
	background: var(--pb-background-color-hex-25b-rose);
  	color: rgb(255, 255, 255, .7);
	border: solid 2px var(--pb-background-color-hex-25b-rose)
}

.none {
	
	display: none;
}

.mark {
	
	color: var(--pb-background-color-hex-rose);
}

/* header */

header {
	
	width: 100%;
	background-color: rgb(255,255,255);
	box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
	display: flex;
	align-items: center;
	position: sticky;
    top: 0;
	z-index: 999;
}

header.scaled {
	
	
}

.header {
	
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: var(--scale-transition);
}

.header.scaled {
	
	padding-top: 6px;
	padding-bottom: 6px;
}

.header_logo {
	
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.header_logo_img {
	
	height: 60px;
	transition: var(--scale-linear-transition);
}

.header_logo_img.scaled {
	
	height: 30px;
}

.header_logo_img img {
	
	height: 100%;
	width: auto;
}

.header_menu {
	
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* menu */

.menu {
	
	
}

.menu ul {
	
	list-style-type: none;
}

.menu ul li {
	
	margin-left: 30px;
	transition: 0.2s ease-in-out;
	border-radius: 2rem;
}

.menu ul li:hover {
	
	background-color: rgba(228,228,228,.4);
}

.menu ul li a {
	
	padding: .625rem 1.875rem;
	line-height: 1.5rem;
	font-family: Calibri, sans-serif;
	font-weight: 500;
	color: #050c11;
	font-size: 1.2rem;
	text-decoration: none;
	display: flex;
	align-items: center;
	transition: 0.2s ease-in-out;
}

.menu ul li:hover a {
	
	margin-bottom: 2px;
}

.menu ul li a::before {
	
	font-family: 'Font Awesome';
	font-size: 1.4rem;
	color: #050c11;
	margin-right: 12px;
	font-weight: 400;
}

.menu ul li a.menu_item_menu::before {
	
	content: "\f0c9";
}

.menu ul li a.menu_item_date::before {
	
	content: "\f073";
}

.menu ul li a.menu_item_contact::before {
	
	content: "\f0e0";
}

.menu ul li a.menu_item_link::before {
	
	content: "\f08e";
}

.navigation {
	
	display: flex;
	align-items: center;
}

/* navigation */

nav {
	
	position: fixed;
	height: 100vh;
	width: 100%;
	z-index: 1006;
	top: 0;
}

nav.hidden {
    
	visibility: hidden;
	transition-delay: 0.6s;
}

.nav_wrapper-main {
	
	background-color: rgb(21,134,188);
	width: 30%;
	height: 100%;
	position: absolute;
	z-index: 1002;
}

.nav_wrapper-main .nav_wrapper {
	
	width: 90%;
	padding-top: 60px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.nav_wrapper .nav_title {
	
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.nav_wrapper .nav_title div span {
	
	font-family: var(--pb-font);
	font-size: 22pt;
	font-weight: 200;
	text-transform: uppercase;
	color: var(--pb-text-color-hex-dark);
}

.nav_wrapper .nav_title div:last-child {
		
	transition: transform 0.25s;
    -moz-transition: transform 0.25s;
    -webkit-transition: transform 0.25s;
    -o-transition: transform 0.25s;
    -ms-transition: transform 0.25s;
	cursor: pointer;
}

.nav_wrapper .nav_title div:last-child:hover {
		
	transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.nav_wrapper .nav_title div:last-child::before {
	
	font-family: 'Font Awesome';
	font-size: 30pt;
	color: rgba(255,255,255,.7);
	font-weight: 600;
	content: "\f057";
	padding: 10px;
	transition: var( --box-transition:);
}

.nav_wrapper .nav_title div:last-child:hover::before {
	
	color: rgba(255,255,255,1);transition: transform 0.25s;
}

.nav_wrapper .nav {
	
	padding-bottom: 30px;
}

.nav_wrapper .nav ul {
	
	list-style-type: none;
}

.nav_wrapper .nav ul li {
	
	margin-top: 30px;
	margin-bottom: 30px;
}

.nav_wrapper .nav ul li a {
	
	color: #fff;
	text-decoration: none;
	font-family: var(--pb-font);
	font-size: 20pt;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav_wrapper .nav ul li.nav_item a::after {
	
	font-family: 'Font Awesome';
	font-size: 20pt;
	color: #fff;
	font-weight: 600;
	content: "\f054";
}

.nav_item {
	
	width: 170px;
	transition: 0.25s ease-in-out;
}

.nav_item:hover {
	
	width: 200px;
}

.nav_item:active {
	
	width: 230px;
}

.nav_wrapper-main.visible {
	
	left: 0;
	animation: einfliegen .4s;
	animation-timing-function: ease-in;
}

@keyframes einfliegen {
    from { left:-30%; }
    to { left: 0; }
}

.nav_wrapper-main.invisible {
	
	left: -30%;
	animation: ausfliegen .4s;
	animation-timing-function: ease-in;
}

@keyframes ausfliegen {
    from { left: 0; }
    to { left: -30%; }
}

.nav_wrapper-main.closed {
	
	left: -30%;
}


.navigation-wrapper-aside {
	
	width: 100%;
	height: 100%;
	z-index: 1001;
}

.navigation-wrapper-aside.none {
	
	display: none;
}

.navigation-wrapper-aside .navigation-wrapper-aside-background {
	
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
 	z-index: 1001;
	background-color: rgba(0,0,0,.2);
	animation: einblenden 1.5s;
	
}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@keyframes ausblenden {
    from { opacity:1; }
    to { opacity:0; }
}

.navigation-wrapper-aside .navigation-wrapper-aside-background:nth-child(1) {
  backdrop-filter: blur(2px);
  mask-image: linear-gradient(to left, black 90%, transparent 100%);
}

.navigation-wrapper-aside .navigation-wrapper-aside-background:nth-child(2) {
  backdrop-filter: blur(2.5px);
  mask-image: linear-gradient(to right, black 80%, transparent 90%);
}

.navigation-wrapper-aside .navigation-wrapper-aside-background:nth-child(3) {
  backdrop-filter: blur(3px);
  mask-image: linear-gradient(to bottom, black 70%, transparent 80%);
}

.navigation-wrapper-aside .navigation-wrapper-aside-background:nth-child(4) {
  backdrop-filter: blur(3px);
  mask-image: linear-gradient(to top, black 60%, transparent 70%);
}


/* fonts */

/* font-awesome-900 - latin */

@font-face {
  font-family: 'Font Awesome';
  font-display: block;
  font-weight: 900;
  src: url("Assets/fonts/FontAwesome/fa-solid-900.woff2") format("woff2"), url("Assets/fonts/font-awesome/fa-solid-900.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Font Awesome Regular';
  font-display: block;
  font-weight: 400;
  src: url("Assets/fonts/FontAwesome/fa-regular-400.woff2") format("woff2"), url("Assets/fonts/font-awesome/fa-regular-400.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Font Awesome Brands';
  font-display: block;
  font-weight: 400;
  src: url("Assets/fonts/FontAwesome/fa-brands-400.woff2") format("woff2"), url("Assets/fonts/font-awesome/fa-brands-400.ttf") format("truetype"); 
}

/* areas */

.flex_section {
	
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 30px;
	flex-wrap: wrap;
}

.flex_section main {
	
	width: 68.75%;
	margin-left: auto;
	margin-right: auto;
}

.flex_section aside {
	
	width: 28.75%;
	margin-left: auto;
	margin-right: auto;
}

.flex_section main .main_section {
	
	width: 100%;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(255,255,255);
}

.main_section .section-content,
.aside_section .section-content {
	
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

.main_section .section-content h3,
.aside_section .section-content h3 {
	
	font-family: Calibri, sans-serif;
	color: #050c11;
	font-weight: 600;
	line-height: 1.0;
	padding-top: 15px;
	padding-bottom: 6px;
	font-size: 18pt;
	z-index: 3;
}

.main_section .section-content p,
.aside_section .section-content p {
	
	font-family: Calibri, sans-serif;
	color: #050c11;
	width: 72%;
	text-align: justify;
}

.main_section_button,
.aside_section_button {
	
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex_section aside .aside_section {
	
	width: 100%;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(255,255,255);
}

.flex_section aside .aside_section.topic_box {
	
	padding-top: 60%;
}

.aside_section.backgroundimage {
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.aside_section.backgroundimage .content-box,
.aside_section.backgroundimage .overlay {
	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.aside_section.backgroundimage .content-box {
	
	z-index: 2;
}

.aside_section.backgroundimage .overlay {
	
	background-color: rgba(53,53,53,.6);
	z-index: 1;
}

.aside_section.backgroundimage .content-box .aside_section_button {
	
	height: 40%;
}

/* dates homepage */

.main_section-dates {
	
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.dates_item {
	
	margin-bottom: 10px;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	transition: 0.25s ease-in-out;
	border-radius: 0.5rem;
	background-color: rgba(246,246,246,1);
	transition: transform 0.25s;
    -moz-transition: transform 0.25s;
    -webkit-transition: transform 0.25s;
    -o-transition: transform 0.25s;
    -ms-transition: transform 0.25s;
}

.dates_item:hover {
	
	background-color: rgba(246,246,246,.9);
	-webkit-box-shadow: 0px 3px 20px 3px rgba(200, 200, 200, 0.5);
	-moz-box-shadow: 0px 3x 20px 3px rgba(200, 200, 200, 0.5);
	box-shadow: 0px 3px 20px 3px rgba(200, 200, 200, 0.5);
	transform: scale(1.01, 1.01);
    -moz-transform: scale(1.01, 1.01);
    -webkit-transform: scale(1.01, 1.01);
    -o-transform: scale(1.01, 1.01);
    -ms-transform: scale(1.01, 1.01);
}


.dates_item-content {
	
	padding-top: 5px;
	padding-bottom: 5px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dates_item-infopart {
	
	width: 70%;
}

.dates_item-information {
	
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.dates_item-information span {
	
	font-family: Calibri, sans-serif;
	font-size: 12pt;
	font-weight: 900;
	margin-right: 15px;
	padding-top: 3px;
}

.dates_item-information span:nth-child(1) {
	
	text-transform: uppercase;
}

.dates_item-information span:nth-child(2) {
	
	color: #dc3545;
}

.dates_item-information span:nth-child(3) {
	
	color: #050c11;
}

.dates_item-information::before {
	
	font-family: 'Font Awesome';
	font-size: 12pt;
	color: #050c11;
	margin-right: 12px;
	font-weight: 400;
	content: "\f073";
}

.dates_item-title {
	
	padding-top: 6px;
	padding-bottom: 4px;
}

.dates_item-title span {
	
	font-family: Calibri, sans-serif;
	font-size: 15pt;
	font-weight: 600;
	color: #dc3545;
}

.dates_item-place {
	
	padding-bottom: 6px;
}

.dates_item-place span {
	
	font-family: Calibri, sans-serif;
	font-size: 12pt;
	color: #050c11;
}

.dates_item-linkpart {
	
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* page */

.page_heading {
	
	width: var(--pb-item--width);
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}

.page_heading div h1,
.page_heading div h2 {
	
	font-family: var(--pb-font);
	line-height: 1.1;
}

.page_heading div h1 {
	
	color: var(--pb-text-color-hex-dark);
	font-weight: 900;
	font-size: 15pt;
}

.page_heading div h2 {
	
	color: var(--pb-background-color-hex-blue);
	font-weight: 400;
	font-size: 29pt;
}

.date_infoline-time,
.date_infoline-place {
	
	font-family: Calibri, sans-serif;
	font-size: 12pt;
	font-weight: 900;
	margin-right: 15px;
	padding-top: 3px;
}

.date_infoline-time::before,
.date_infoline-place::before {
	
	font-family: 'Font Awesome';
	font-size: 12pt;
	color: var(--pb-background-color-hex-rose);
	margin-right: 12px;
	font-weight: 400;
}

.date_infoline-time::before {
	
	content: "\f073";
}

.date_infoline-place::before {
	
	content: "\f3c5";
}

.date_details {
	
	font-family: Calibri, sans-serif;
	color: #050c11;
	width: 72%;
}

.date_details .date_subheading {
	
	font-weight: 900;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 15pt;
}

.date_details ul {
	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-family: Calibri, sans-serif;
	font-size: 12pt;
	list-style-type: square;
}

.date_details ul li {
	
	padding-top: 6px;
	padding-bottom: 6px;
}

.contact_box_wrapper {
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}

.contact_box_img_wraper {
	
	width: 25%;
}

.contact_box_img {
	
	width: 175px;
	height: 175px;
	border-radius: 100%;
	background-image: url("Assets/icon-7797704_1280.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.contact_box {
	
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.contact_box .contact_box_name,
.contact_box .contact_box_details {
	
	font-family: var(--pb-font);
	line-height: 1.1;
	color: var(--pb-text-color-hex-dark);
}

.contact_box .contact_box_name {
	
	font-size: 15pt;
	font-weight: 900;
}

.contact_box .contact_box_details {
	
	font-size: 13pt;
	font-weight: 200;
	padding-bottom: 15px;
}

.contact_box .contact_box_link {
	
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 15px;
	padding-bottom: 15px;
}

.link_list {
	
	width: var(--pb-item--width);
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 60px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.link_list a {
	
	font-size: 12pt;
	font-family: var(--pb-font);
	color: var(--pb-background-color-hex-blue);
	margin-bottom: 10px;
	transition: var(--text-transition);
}

.link_list a:hover {
	
	text-decoration: underline;
}

.link_list a::before {
	
	font-family: 'Font Awesome';
	font-size: 12pt;
	color: var(--pb-background-color-hex-blue);
	margin-right: 12px;
	font-weight: 400;
	content: "\f08e";
}

.title_section {
	
	width: 100%;
	display: flex;
	align-items: flex-start;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
}

.title_section-backgroundimage {
	
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url("Assets/IMG_0745.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	transition: transform 0.25s;
    -moz-transition: transform 0.25s;
    -webkit-transition: transform 0.25s;
    -o-transition: transform 0.25s;
    -ms-transition: transform 0.25s;
}

.title_section-backgroundimage:hover {
	
	transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.title_box_content-wrapper {
	
	width: 32%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(21, 134, 188, 1), rgba(21, 134, 188, 1));
	display: flex;
	align-items: center;
	justify-content: flex-start;
	z-index: 2;
	position: relative;
}

.title_box_content-wrapper_skew {
	
	transform: skew(-15deg);
	height: 100%;
	background-image: linear-gradient(to right, rgba(21, 134, 188, 1), rgba(21, 134, 188, 1));
	width: 170px;
	margin-left: -90px;
	z-index: 1;
}

.title_box-content {
	
	width: 115%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0;
	left: 7%;
	bottom: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.title_box-content h2 {
	
	font-size: 30pt;
	color: #fff;
	font-family: var(--pb-font);
}

.title_box-content div {
	
	padding-top: 6px;
	padding-bottom: 6px;
}

.title_box-content div span {
	
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: var(--pb-font);
	font-size: 12pt;
	color: #fff;
}


/* footer */

footer {
	
	width: 100%;
}

.footer_section {
	
	width: var(--pb-item--width);
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	display: flex;
	align-items: center;
	border-top: solid 2px rgba(105, 105, 105,.2);
}

.footer_section_content {
	
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.footer_section_content a,
.footer_section_content div {
	
	font-family: var(--pb-font);
	font-size: 10pt;
	color: var(--pb-text-color-hex-dark);
}

.footer_section_content a {
	
	text-transform: uppercase;
	font-weight: 600;
}

.footer_section_content div {
	
	font-weight: 300;
}

/* mobile */

@media screen and (max-width: 912px) {
	
	.flex_section main {
		
		width: 100%;
	}
	
	.flex_section aside {
		
		width: 100%;
	}
	
	.menu_item-date {
		
		display: none;
	}
	
	.menu_item-contact {
		
		display: none;
	}
	
	.nav_wrapper-main {
	
		width: 50%;
	
	}
	
	@keyframes einfliegen {
    from { left:-50%; }
    to { left: 0; }
	}

	.nav_wrapper-main.invisible {
	
	left: -50%;
	animation: ausfliegen .4s;
	animation-timing-function: ease-in;
	}

	@keyframes ausfliegen {
    from { left: 0; }
    to { left: -50%; }
	}

	.nav_wrapper-main.closed {
	
	left: -50%;
	}
	
	.contact_box_img_wraper {
	
		width: 40%;
	}


	.contact_box {
	
		width: 60%;
	}
	
}

@media screen and (max-width: 600px) {
	
	.dates_item-content {
	
		flex-direction: column;
		flex-wrap: wrap;
	}

	.dates_item-infopart {
	
		width: 100%;
	}
	
	.dates_item-linkpart {
	
	width: 100%;
	justify-content: flex-start;
	}

}

@media screen and (max-width: 470px) {
	
	.header_logo_img {
	
		height: 40px;
	}
	
	.nav_wrapper-main {
	
		width: 100%;
	
	}
	
	@keyframes einfliegen {
    from { left:-100%; }
    to { left: 0; }
	}

	.nav_wrapper-main.invisible {
	
	left: -100%;
	animation: ausfliegen .4s;
	animation-timing-function: ease-in;
	}

	@keyframes ausfliegen {
    from { left: 0; }
    to { left: -100%; }
	}

	.nav_wrapper-main.closed {
	
	left: -100%;
	}
	
	
	.title_box-content h2 {
	
		font-size: 20pt;
	}
	
	.main_section .section-content p,
	.aside_section .section-content p {
	
		width: 95%;
	}
	
	.date_details {
	
		width: 95%;
	}
	
	.contact_box_wrapper {
	
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.contact_box {
	
		width: 100%;
		padding-top: 15px;
		justify-content: center;
		align-items: center;
	}
	
	.contact_box .contact_box_link {
	
		justify-content: center;
	}
	
	.footer_section {
	
		height: auto;
	}
	
	.footer_section_content {
	
		flex-direction: column;
		justify-content: center;
	}
	
	.footer_section_content a,
	.footer_section_content div {
	
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	
}

@media screen and (max-width: 370px) {
	
	.header_logo_img {
	
		height: 30px;
	}
	
}