@media screen and (max-width: 1380px) {
	img.header-arr-image {
		max-width:350px !important;
	}
	
	#header .logo-wrapper {
		left:15px;
		max-width:150px !important;
	}
	
	.leistungen-row .col-lg-4 {
		padding-right: 15px !important;
	}

	.leistungen-row .col-lg-8 {
		padding-left: 15px !important;
		position: static;
		left:0px;
	}
	
	.leistungen-row p {
		font-size: 22px;
	}
}

@media screen and (max-width: 1199px) {
	#footer .ccrow {
		padding-left: 80px;
	}
}

@media screen and (max-width: 1100px) {
	.image-buttons-area a {
		font-size:32px;
	}
	
	#navigation .menu-wrapper li {
		margin-left: 20px;
		position: relative;
	}
}

@media screen and (max-width: 991px) {
	#navigation {
		display:none;
	}
	
	
	#header img {
		width:150px;
		margin-top: 20px;
	}
	
	#header {
		height: 175px;
	}

	.resp-menu-button {
		display:block;
		font-size:38px;
		color:#fff;
		margin-top:11px;
		cursor:pointer;
		position:absolute;
		right:15px;
		top:48px;
	}
	
	.sticky-header .resp-menu-button {
		top:3px;
	}
	
	#navigation {
		width:100%;
		background:#fff;
		padding:0;
	}
	
	#navigation .menu-wrapper {
		padding:0;
		margin:0;
	}
	
	#navigation .menu-wrapper li {
		display:block;
		width:100%;
		padding:0;
		margin:0;
		border-bottom:1px solid #00aca7;
		line-height:50px; 
	}
	
	#navigation .menu-wrapper ul, 
	#navigation .menu-wrapper div, 
	#navigation .menu-wrapper li {
		display: block;
		position:relative;
	}
	
	#navigation ul.sub-menu { 
		padding:0;
		left:0;
		right:0;
	}
	
	#navigation ul.sub-menu li {
		margin:0;
	}
	
	#navigation ul.sub-menu li:last-child {
		border-bottom:0px;
	}

	#navigation .menu  {
		display:block;
	}
	
	.menu-wrapper li:first-child {
		border-top:1px solid #00aca7;
	}

	#navigation ul.sub-menu li a {
		border:0px !important;
	}
	
	#navigation .menu-wrapper li a {
		min-height:60px;
		height:auto;
		line-height:60px;
		display:block;
		text-decoration:none !important;
	}

	#navigation ul.sub-menu li a:hover,
	#navigation ul.sub-menu li a:active,
	#navigation ul.sub-menu li a.active,
	#navigation .menu a:active,
	#navigation .menu a.active,
	#navigation .menu a:hover {
		background:#00aca7 !important;
		color:#fff !important;
		border-color:#fff;
	}
		
	#navigation .menu-wrapper > ul > li:last-child a {
		color: #fff;
		background: #00aca8;
		padding: 6px 18px;
		padding-bottom: 6px;
		text-transform: uppercase;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		text-decoration: none !important;
		border:0px;
		padding-bottom: 4px;
	}
	
	#navigation .menu-wrapper > ul > li:last-child a:hover {
		color: #fff !important;
		background: #019b98 !important;
	}
		
	img.header-arr-image {
		max-width:250px !important;
	}
	
	.content-area p {
		font-size:18px;
	}
	
	h1 {
		font-size:32px;
		line-height:46px;
	}
	.leistungen-row h2 {
		font-size:32px;
	}
	h2 {
		font-size:32px;
		line-height:46px;
	}

	h3 {
		font-size:24px;
	}

	#footer .ccrow {
		padding-left: 15px;
	}
	
	#footer .mobile-text-center {
		text-align:center;
	}
	
	#footer .menu {
		padding-left: 50px;
	}
	
	.owl-controls {
		bottom: 15px;
	}
}

@media screen and (max-width: 767px) {
	.contact-wrapper,
	.facebook-news-item {
		margin-bottom:50px;
	}
	.facebook-news-item .btn-custom {
		margin-top:30px;
	}
	
	/* Logo auf Mobilgeräten kleiner anzeigen */
	.logo-wrapper img.std-width {
    	max-width: 200px;   /* hier die gewünschte Breite in px */
    	height: auto;       /* Höhe passt sich proportional an */
  }


	h1 {
		font-size:34px;
		line-height:38px;
		margin-bottom:30px;
	}
	
	.leistungen-row .col-lg-8 {
		margin-top:30px;
	}
	
	.image-buttons-area img {
		min-height:500px;
	}
	
	.image-buttons-area .container {
		top:65px;
	}
	
	.fb-news-wrapper,
	.image-buttons-area a {
		margin-bottom:30px;
	}
	
	.bbtext p {
		line-height: 28px;
	}
	
	.leistungen-row * {
		text-align:center !important;
	}
	
	#footer {
		padding-bottom:35px;
	}
	
	#footer .menu li {
		display:block;
	}

	#footer .footer-row {
		display:block;
		width:100%;
		padding:0;
		margin:0;
		vertical-align:top;
		text-align:center;
	}
	
	#footer .footer-row li {
		display:block;
		width:100%;
		text-align:center;
		margin-bottom:15px;
	}
	
	#footer .menu {
		padding-left: 0px;
	}
}

@media screen and (max-width: 680px) {
	.header-arr-image {
		display:none;
	}
	

}


@media screen and (max-width: 575px) {
	
	.content-area img {
		width:100%;
	}
	
	.gallery-row img {
		margin-bottom:15px;
	}
	
	
	.mobile-text-center {
		text-align:center !important;
	}
	
	#footer li {
		display:block;
		text-align:center !important;
		margin:0;
		line-height:110%;
		margin-bottom:25px;
		clear:both;
	}
	
	.accordion-item .accordion-content {
		padding-left:5px;
		padding-right:5px;
	}
	
	
	h1 {
		font-size:26px;
		line-height:32px;
	}
	.leistungen-row h2 {
		font-size:26px;
		line-height:32px;
	}
	h2 {
		font-size:26px;
		line-height:32px;
	}

	h3 {
		font-size:20px;
	}
	
	.underlined {
		font-size: 40px;
		line-height:50px;
		font-weight: 300;
		position: relative;
		display: table;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}
	
	.spacing-more {
		padding-top:80px;
		padding-bottom:80px;
	}
	
	.form-wrapper button { 
		font-size:24px;
		line-height:24px;
	}
	
	#kontakt table a {
		font-size:16px;
	}
}

@media screen and (max-width: 480px) {
	h1 {
		font-size:26px;
		line-height:30px;
		letter-spacing:2px !important;
		margin-bottom:30px;
	}
	
	#header img {
		width:200px;
		margin-top: 20px;
	}
	
	#header {
		height: 145px;
	}
	
	.resp-menu-button {
		top: 40px;
	}
}

@media screen and (max-width: 440px) {
	
	h1 {
		font-size:22px;
		line-height:26px;
		letter-spacing:2px !important;
		margin-bottom:25px;
	}
}

@media screen and (max-width: 390px) {
}

@media screen and (max-width: 360px) {
	#header .logo-wrapper {
		top:20px;
	}
	
	#kontakt table * {
		font-size:16px;
	}
}