/*-----------------------
Container
-----------------------*/
#wrapper
{
    margin-top: 65px;
}

#content {
	margin:0;
	padding:0 15px 20px 15px;
	border-right:0;
	width:100%;
	float:none;
}
#sidebar {
	padding:0 15px 60px 15px;
	width:100%;
	float:none;
}

/*-----------------------
Footer
-----------------------*/


.the-footer,
.the-footer .about .inner,
.the-footer .links .inner,
.the-last-footer,
.the-last-footer .links
{
    flex-direction: column;
}

.the-footer,
.the-last-footer
{
    line-height: inherit;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.the-footer .logo
{
    /* display: none; */
}

.the-footer .about,
.the-footer .links
{
    width: 100%;
}

.the-last-footer
{
    padding-top: 10px;
    flex-direction: column-reverse;
}

.the-last-footer .copyright
{
    text-align: right;
    margin: 10px 0;
    width: 100%;
}

.the-last-footer a
{
    height: auto;
}

.the-footer .links .link-title
{
    margin-top: 20px;
}

.the-last-footer i
{
    display: inline;
}


#footerNavigation {
	padding-bottom:20px;
	display:block;
	width:100%;
	float:none;
	clear:both;
}
#footerNavigation li {
	padding:0 0 0 6px;
}

/*-----------------------
Grid
-----------------------*/
.col-3,
.col-3:nth-child(even),
.col-3:nth-child(odd) {
        width:40%;
}
.col-4,
.col-4:nth-child(even),
.col-4:nth-child(odd) {
        width:50%;
}
.col-8,
.col-8:nth-child(even),
.col-8:nth-child(odd) {
        width:50%;
}
.col-9,
.col-9:nth-child(even),
.col-9:nth-child(odd) {
        width:60%;
}

/*-----------------------
Navigation
-----------------------*/

header
{
    --logo-width: 140px;
    height: 65px;
    /* grid-template-rows: 1fr; */
    grid-template-columns: 1fr var(--logo-width) 1fr;
    grid-template-areas: ". logo burger";

    padding: 20px 20px;
}

header .user-options,
header #navigation
{
    display: none;
}

header #headerContainer
{

}

header .burger
{
    display: block;
}

/* #toggleHeaderNavigation { */
/* 	display:block; */
/* } */
/* #toggleHeaderNavigation a { */
/* 	color:#222; */
/* 	border-color:#222; */
/* } */
/* #navigation { */
/* 	background-color: rgba(0, 0, 0, 0); */
/* } */
/* #navigation ul { */
/* 	height:auto; */
/* 	position:absolute; */
/* 	top:47px; */
/* 	width:100%; */
/* 	z-index:10; */
/* } */
/* #navigation ul.level_1 { */
/* 	display:none; */
/* } */
/* #navigation:target ul.level_1 { */
/* 	display:block; */
/* } */
/* #navigation ul li { */
/* 	height:auto; */
/* 	float:none; */
/* } */
/* #navigation ul li a { */
/* 	padding:15px 20px 0 20px; */
/* 	height:53px; */
/* } */
/* #navigation ul li a .fa { */
/* 	/\*display:none;*\/ */
/* 	font-size: 17px; */
/* 	color: #FFF; */
/* 	float: right; */
/* } */
/* /\* zweite Ebene *\/ */
/* #navigation ul li ul { */
/* 	display:block; */
/* 	width:100%; */
/* 	height:auto; */
/* 	position:static; */
/* } */
/* #navigation ul li ul li { */
/* 	display:block; */
/* 	width:100%; */
/* 	height:auto; */
/* 	position:static; */
/* } */
/* #navigation ul li ul li a { */
/* 	padding-left:50px; */
/* } */
/* #navigation ul li ul li a .fa { */
/* 	font-size: 17px; */
/* 	color: #FFF; */
/* 	float: right; */
/* 	margin-top: 4px; */
/* } */
/* /\* dritte Ebene *\/ */
/* #navigation ul li ul li ul { */
/* 	margin:0; */
/* 	left:auto; */
/* 	display:block; */
/* 	width:100%; */
/* 	height:auto; */
/* 	position:static; */
/* } */
/* #navigation ul li ul li ul li a { */
/* 	padding:6px 0 0 70px; */
/* 	height:32px; */
/* } */
/* #navigation ul li ul li ul li a .fa { */
/* 	font-size: 17px; */
/* 	color: #FFF; */
/* 	float: right; */
/* } */
/* #navigation ul li:hover ul li ul { */
/* 	display:block; */
/* } */
/* #navigation ul li ul li:hover ul { */
/* 	display:block; */
/* } */

/* #header .fa{ */
/* 	color:var(--primary-color); */
/* } */

/* #headerContainer{ */
/* 	padding: 0 15px; */
/* } */

/*-----------------------
Slider
-----------------------*/
#content .sliderContainer,
#content .sliderContainer.birthday,
#sidebar .sliderContainer {
	margin:0 0 30px 0;
	height:460px;
}
#content .sliderContainer .dbaySliderBrowsePrev,
#content .sliderContainer .dbaySliderBrowseNext,
#sidebar .sliderContainer .dbaySliderBrowsePrev,
#sidebar .sliderContainer .dbaySliderBrowseNext {
	background-position:center 140px;
	max-height: 73%;
}
#sidebar .sliderContainer .dbaySliderText {
	height:120px;
}
#sidebar .sliderContainer .dbaySliderText h2.dbaySliderHl {
	height:76px;
}
#sidebar .sliderContainer .dbaySliderText .dbaySliderTextInfo {
	height:44px;
}

/*-----------------------
Suche
-----------------------*/
#navigation ul li#searchLink {
	float:none;
}
#navigation ul li#searchLink a {
	padding:12px 0 0 0;
	text-align:center;
}
#navigation ul li#searchLink a i {
	font-size:1.6em;
	line-height:140%;
	display:block;
}
#searchBar {
	display:block;
}

/*-----------------------
Banner
-----------------------*/
.leaderboard .banner
{
    text-align: center;
}
/* #headerBannerContainer { */
/* 	margin:0 auto; */
/* 	float:none; */
/* } */
/* #sideBannerContainer { */
/* 	text-align:left; */
/* } */
/* #sideBannerContainer .banner { */
/* 	margin:0; */
/* } */
/* .leaderboard .banner{ */
/* 	padding: 0 15px; */
/* } */

/*-----------------------
Veranstaltungen
-----------------------*/

/*-----------------------
Category List
-----------------------*/
.category-list h2 {
	text-align: center;
	background-color: var(--primary-color);
	line-height: 150%;
	color: white;
}
.category-list .itemList {
	height: 0;
	overflow: hidden;
}
/*-----------------------
Google Maps
-----------------------*/

/*-----------------------
Social Bookmark Icons
-----------------------*/
/* #headerSocialMediaIcons a { */
/* 	width:38px; */
/* 	color:#222; */
/* } */
/* #headerSocialMediaIcons a:hover { */
/* 	background-color:transparent; */
/* 	color:#ddd; */
/* } */

/*-----------------------
Workaround
-----------------------*/
#content .today-button{
	display: inline-block;
}
#sidebar .today-button{
	display: none;
}

.button-on-mobile
{
	cursor: pointer;
	background-color: var(--primary-color);
	padding: 7px;
	color: #FFF;
	text-align: center;
}

.event-youtube-video
{
    height: 520px;
}