@media only screen and (max-width:991px) {
	.navbar-toggler.menu-icon:focus,
	.navbar-toggler.menu-icon:hover {
		box-shadow: none !important;
		outline: none !important;
	}

	.navbar-toggler.menu-icon {
		width: 32px;
		padding: 0;
		cursor: pointer;
		position: relative;
		border: 0px;
		margin-right: 10px;
	}

	.navbar-toggler.menu-icon span {
		width: 100%;
		height: 3px;
		display: block;
		background: #fff;
		margin: 6px 0;
		-webkit-transition: .5s;
		transition: .5s;
	}

	.navbar-toggler.menu-icon.active span {
		background:#DD8555 !important;
	}

	.header.fixed .navbar-toggler.menu-icon span {
		background:#000;
	}	

	.navbar-toggler.menu-icon.active span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.navbar-toggler.menu-icon.active span:nth-child(2) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		display: none;
	}

	.navbar-toggler.menu-icon.active span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.navbar-toggler.menu-icon.active span {
		position: absolute;
		top: calc(50% - 8px);
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		/*background: radial-gradient(63.33% 77.83% at 80.75% 47.51%, #FFC480 0%, #DD8555 100%);*/
		height: 100%;
		display: block !important;
		left: -100% !important;
		transition: all .3s;
		padding-top: 100px;
		padding-left: 30px;
		padding-right: 37px;
	}

	.navbar-toggler.menu-icon.active + .navbar-collapse.collapse {
		left: 0% !important;
	}

	.navbar-toggler.menu-icon.active {
		position: fixed;
		top: 55px;
		right: 23px;
		z-index: 999;
	}

	.navbar-nav {
		margin-left:0px;
	}

	.nav-link {
		color: #000;
		font-size: 17px;
		line-height: 1;
	}

	.last-btn .nav-link {
		border-color:#DD8555;
	}

	.last-btn .nav-link:hover {
		background:#DD8555;
		border-color:#DD8555;
		color:#fff;
	}

	.navbar-nav .nav-item {
		margin-right: 0px;
		margin-bottom: 15px;
	}

	.header.fixed .nav-link:hover {
		color: #fff;
	}
	.header.fixed .nav-link {
		color: #fff;
	}

	.menu-item-has-children {
		cursor: pointer;
	}

	.menu-item-has-children>a {
		pointer-events: none;
		cursor: pointer;
		position: relative;
	}

	.menu-item-has-children>a:after {
		content: '';
		width: 25px;
		height: 25px;
		background: #000;
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		top: 50%;
		transform: translate(0px, -50%);
		border: none;
	}

	.menu-item-has-children>a:before {
		position: absolute;
		top: 0;
		right: 0;
		color: #fff;
		font-size: 27px;
		z-index: 99;
		top: 53%;
		transform: translate(0px, -50%);
		right: 6px;
		content: "\f067";
		display: inline-block;
		font: normal normal normal 14px / 1 FontAwesome;
	}

	.menu-item-has-children.current>a:before {
		content: "\f068";
	}

	li.menu-item-has-children ul.sub-menu {
		opacity: 1;
		visibility: visible !important;
		position: relative !important;
		left: 0 !important;
		display: none !important;
	}

	ul li.current ul.sub-menu {
		display: block !important;
		pointer-events: auto;
		margin-top:15px;
	}

	.navbar-nav {
		margin-left: 0px;
		width: 100%;
	}

	.navbar-nav>.nav-item>a {
		color: #444;
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}

	.navbar-nav>.nav-item>.sub-menu {
		opacity: 1 !important;
		pointer-events: all !important;
		margin-top: 0px !important;
		display: none !important;
		width: 100%;
	}

	.navbar-nav>.nav-item.current>.sub-menu {
		display: inline-block !important;
	}

	.navbar-nav>.nav-item.menu-item-has-children>a:after {
		content: '';
		margin-top: 0px;
	}

	.navbar-nav>.nav-item.last-btn {
		margin-right: 0px !important;
		margin-left: 0px;
	}


}


@media only screen and (max-width:767px) {
	.header { padding:20px 0px;}
	.banner .h1 {
		font-size: 65px;
		margin-bottom: 50px;
	}

	.banner {
		padding-top:38%;
		text-align: center;
		height:auto;
	}

	.banner img {
		height: auto;
	}

	.banner .align-self-center,
	.banner .align-self-end {
	}

	.btn-default {
		font-size: 18px;
		padding: 0px 20px;
		min-width: 158px;
		line-height: 56px;
	}

	h2 {
		font-size: 26px;
	}

	.borderl,.borderr {
		border-width: 5px;
		padding: 60px 10px;
	}

	h3 {
		font-size: 35px;
	}

	.leisteng {
		overflow: hidden;
	}

	.imgstyle2 {
		margin-top: 40px;
	}

	.testibox {
		padding: 50px 20px;
		padding-bottom: 70px;
	}

	.testibox .userbox .img img {
		margin-right: 10px;
		max-width: 81px;
	}

	.owl-carousel .owl-item img {
		max-width: 40px;
	}

	.accordion-button {
		font-size: 15px;
	}

	p {
		font-size: 14px;
	}

	.footer {
		text-align: center !important;
	}

	.footer h3 {
		margin: 20px 0px;
	}

	.footer .logo {
		margin-top: 20px;
	}

	.footer .social {
		justify-content: center;
	}

	ul.list {
		font-size: 14px;
		line-height: 1.2;
	}

	.imgstyle {
		width: 280px;
		height: 280px;
	}

	.imgstyle.green, .imgstyle {
		margin: 30px 30px;
	}

	.leisteng h3 { margin-top:20px;}

	.teambox {
		margin-bottom: 20px;
	}

	.info {
		border-width: 10px;
	}

	.info h2 {
		font-size: 22px;
		margin-bottom:40px;
	}

	.info h3 {
		font-size: 19px;
		margin-bottom: 15px;
	}

	.info p.lg {
		font-size: 15px;
	}

	.info p {
		font-size: 16px;
		line-height: 28px;
	}

	.info.impressum p.lg {
		font-size: 16px;
		line-height: 33px;
	}

	.dotlist {
		font-size: 16px;
		line-height: 28px;
	}

	.last-btn {
		margin-left:0px;
		margin-right:auto;
	}	

}


@media only screen and (min-width:768px) and (max-width:991px) {
	.banner h1 {
		font-size: 50px;
		margin-bottom: 50px;
	}

	h2 {
		font-size: 26px;
	}

	.imgstyle {
		width: 315px;
		height: 315px;
	}

	.borderl,.borderr {
		border-width: 10px;
		padding: 60px 30px;
	}

	h3 {
		font-size: 35px;
	}

	.leisteng {
		overflow: hidden;
	}

	.imgstyle2 {
		margin-top: 40px;
	}

	.testibox {
		padding: 50px 20px;
		padding-bottom: 70px;
	}

	.testibox .userbox .img img {
		margin-right: 10px;
		max-width: 81px;
	}

	.owl-carousel .owl-item img {
		max-width: 40px;
	}

	.accordion-button {
		font-size: 15px;
	}

	p {
		font-size: 14px;
	}

	.footer h3 {
		margin: 20px 0px;
	}

	.footer .logo {
		margin-top: 20px;
	}

	.footer .social {
		justify-content: center;
	}

	ul.list {
		font-size: 14px;
		line-height: 1.2;
	}

	.info h2 {
		font-size: 30px;
		margin-bottom:40px;
	}

	.info h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.info p.lg {
		font-size: 15px;
	}

	.info p {
		font-size: 18px;
		line-height: 32px;
	}

	.info.impressum p.lg {
		font-size: 16px;
		line-height: 33px;
	}

	.dotlist {
		font-size: 18px;
		line-height: 32px;
	}

}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.banner h1 {
		font-size: 70px;
		margin-bottom: 50px;
	}

	h2 {
		font-size: 40px;
	}

	.navbar-nav>.nav-item {
		margin-right: 16px;
	}

	.navbar-nav>.nav-item>a {
		font-size: 19px;
	}

	.navbar-nav>.nav-item.menu-item-has-children>a:after {
		right: 4px;
		margin-top: -12px;
	}

}


@media only screen and (min-width:1200px) and (max-width:1399px) {
	.banner h1 {
		font-size: 70px;
		margin-bottom: 50px;
	}

	.banner .row .align-self-center {		
		align-self: flex-end !important;
	}

	.banner .btn-default {
		margin-bottom:50px;
	}

	.header.fixed {
		padding:15px 0px;
	}

	h2 {
		font-size: 40px;
	}

}

@media only screen and (min-width:1440px) {
	/*** CONTAINER ***/
	.container {
		max-width:80%;
	}
}