﻿@media screen and (max-width: 1370px) {
	.logo-wrapper {
		display:none;
	}
	
	.logo-wrapper-mobile  {
		display:block;
		position:absolute;
		bottom:85px;
		left:30px;
		z-index:99999;
	}	
	
	.logo-wrapper-mobile img {
		width:auto;
		height:180px;
	}
}

@media screen and (max-width: 1040px) {
	.header-title {
		padding-left:15px;
		padding-right:15px;
	}
}

@media screen and (max-width: 991px) {
	#menu-top {
		display:none;
	}
	
	.content-area {
		padding-top:35px;
		padding-bottom:35px;
	}
	
	.header-title h2 {
		font-size:32px;
	}
	
	.resp-menu-button {
		background:#c30414;
		color:#f6a800;
		text-align:center;
		padding:0px 15px;
		font-size:38px;
		display:block;
		position:absolute;
		top:22px;
		right:40px;
		cursor:pointer;
		z-index:9999;
	}
	
	#menu-top {background:#f8f8d6;}
	
	#menu-top ul.menu li,
	#menu-top ul.menu,
	#menu-top {
		height:auto;
	}
	
	#menu-top  ul.nav > li {background:#be1a1d;}
	
	#menu-top ul.menu > li,
	#menu-top ul.menu ul li,
	#menu-top ul.menu ul,
	#menu-top ul.menu a {
		display:block;
		padding:0;
		margin:0;
		border:0;
		width:100%;
		clear:both;
		position:relative;
		max-height:9999px;
	}
	
	#menu-top ul.menu ul a {
		padding-left:15px;
	}
	
	#footer .text-right {
		text-align:left !important;
		padding-top:15px;
	}
	
	#menu-top .customspenden {
		display:none !important;
		right:17px;
		left:auto;
	}
	
	#menu-top ul.nav-child li {
		border-bottom:2px solid #c00317 !important;
		border-left:2px solid #c00317 !important;
		border-right:2px solid #c00317 !important;
	}
	
	#menu-top .customspenden img {
		height:55px;
		margin-top:5px;
	}
	
	#menu-top ul.menu li ul li:hover:before {
		position:absolute;
		top:-2px;
		width:calc(100% + 4px);
		height:2px;
		background:#f6a800;
		content:'';
		left:-2px;
	}
	#menu-top ul.menu li ul li:hover:after {
		position:absolute;
		width:calc(100% + 4px);
		height:2px;
		background:#f6a800;
		content:'';
		top:100%;
		left:-2px;
	}
	
	#menu-top ul.nav.menu {
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.logo-wrapper-mobile img {
		width:auto;
		height:160px;
	}
	
	.spenden-mobile {
		display:block;
		border:1px solid #000;
		overflow:hidden;
	}
	
	.spenden-mobile img {
		height:60px;
		width:auto;
		max-width:1000px;
	}
	
	.sidebar-box h3 {
		font-size:18px;
	}
	
	.header-image {
		height:420px;
		width:auto !important;
		overflow:hidden !important;
	}
	
	.owl-item .custom {
		height:420px;
		width:100%;
		position:relative;
		overflow:hidden;
	}
	
	.owl-item {
		overflow:hidden;
		max-width:100%;
	}

	.header-image img {
		min-width:100%;
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
		width:auto !important;
		height:420px;
		z-index:99;
	}
}

@media screen and (max-width: 767px) {
	.header-title h2 {
		font-size:25px;
	}
	
	
	.logo-wrapper-mobile {
		top:auto;
		bottom:65px;
	}
	
	
	.bloginterview .items-row.cols-3 .item {
		width:100%;
		float:left;
		margin-left:0;
	}
	
	.items-leading article {
		border-bottom: 0px solid #5d5c3c;
	}
	
	.sidebar-box li:before,
	.content-wrapper li:before,
	.ce_text li:before,
	.items-leading li:before {
		content:'-';
		position:absolute;
		left:0;
		top:-3px;
		font-size:18px;
		color:#000;
	}
	

	.header-image,
	.owl-item .custom,
	.header-image img {
		height:380px;
	}
	
	.items-leading article:first-child,
	.items-leading article {
		padding-bottom: 0px;
		border-bottom: 0px !important;
	}
	
	.items-leading article:last-child {
		padding-bottom:40px;
	}
	
	.itemid-140 .items-leading article,
	.itemid-102 .items-leading article {
		margin-bottom:0px;
		padding-bottom:40px;
	}
	
	.itemid-119 .items-leading article {
		padding-bottom:0px !important;
	}
	
	
	.header-image {
		height:320px;
	}
	
	.owl-item .custom {
		height:320px;
	}

	.header-image img {
		height:320px;
	}
}

@media screen and (max-width: 620px) {
	.header-title h2 {
		font-size:20px;
	}
	
	/*
	.logo-wrapper-mobile {
		top:10px;
		left:30px;
	}
	
	.logo-wrapper-mobile img {
		width:auto;
		height:120px;
	}
	*/
	
	.header-image {
		height:280px;
	}
	
	.owl-item .custom {
		height:280px;
	}

	.header-image img {
		height:280px;
	}
	.logo-wrapper-mobile {
		top:auto;
		bottom:55px;
	}
}

@media screen and (max-width: 550px) {
	/*
	.logo-wrapper-mobile img {
		width:auto;
		height:90px;
	}
	*/
	
	.header-title h2 {
		font-size:18px;
	}
}


@media screen and (max-width: 480px) {
	.header-title h2 {
		font-size:16px;
	}
	
	.resp-menu-button {
		background:#c30414;
		color:#f6a800;
		text-align:center;
		padding:0px 10px;
		font-size:28px;
		display:block;
		position:absolute;
		top:22px;
		right:40px;
		cursor:pointer;
	}
	
	.content-wrapper img {
		width:100%;
		clear:both;
	}
	
	.flash-intro-image-wrapper {
		width:100%;
		max-width:100%;
	}
	
	
	.logo-wrapper-mobile img {
		width:auto;
		height:100px;
	}
	
	.logo-wrapper-mobile {
		top:auto;
		bottom:50px;
	}
	
	.header-image,
	.owl-item .custom,
	.header-image img {
		height:200px;
	}
	
	.igui-scope audio, .igui-scope canvas, .igui-scope img, .igui-scope video {
		max-width: 100% !important;
		width:auto !important;
		max-height:80px !important;
		height: 80px !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 420px) {
	.header-title h2 {
		font-size:14px;
	}
	
	#footer ul li {
		display:block;
		clear:both;
		padding-top:4px;
		padding-bottom:4px;
		border:none;
	}
	
	/*
	.logo-wrapper-mobile img {
		width:auto;
		height:60px;
	}
	*/
}

@media screen and (max-width: 370px) {
	.logo-wrapper-mobile {
		top:auto;
		bottom:45px;
	}
	
	.header-title h2 {
		font-size:12px;
	}
}