@media screen and (min-width: 1600px) and (max-width: 1900px) {



}



@media screen and (min-width: 1400px) and (max-width: 1599px) {



}




@media screen and (min-width: 1200px) and (max-width: 1399px) {


	.lorem-left {
		padding: 50px 37px 55px;
	}

	.lorem-right {
		padding: 50px 37px 72px;
	}
	


}




/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {



	.kontact-ctn h1 {
		font-size: 45.54px;
	}

	.address-left {
		background: #fff;
		padding: 50px 57px 60px 36px;
	}

	.address-right {
		padding: 58px 51px 79px 51px;
	}

	.robot-img a img {
		width: 256px;
	}




	/*
	=========================
	Homepage responsive here
	==========================
	*/

	/*=========================
		neu-area responsive 
	============================*/

	.neu-center h1 {
		font-size: 46px;
	}

	.neu-center h2 {
		font-size: 33.54px;
		margin-bottom: 22px;
	}

	.neu-center h4 {
		font-size: 24px;
		margin-top: 25px;
	}

	.neu-right img {
		width: 180px;
	}


	.tages-area {
		padding: 9px 26px 11px;
	}


	.jetzt-link a {
		font-size: 13px;
		padding: 13px 5px;
	}

	.jetzt-link a i {
		font-size: 11px;
		margin-right: 3px;
	}

	.selber-zone {
		padding: 20px 10px 39px 15px;
	}


	.werden-zone a {
		font-size: 18px;
		padding: 11px 19px;
	}

	.member-box ul li {
		font-size: 12px;
		display: flex;
		align-items: center;
	}

	.member-box {
		padding: 21px 15px;
	}

	.member-box ul {
		margin-bottom: 14px;
	}

	.member-box h4 {
		font-weight: 500;
		font-size: 25px;
		line-height: 1.3;
		text-align: center;
		color: #127729;
		margin-bottom: 6px;
	}

	.zugangi-left h5 {
		font-size: 18px;
	}

	.zugangi-left {
		padding: 32px 31px 65px 25px;
	}

	.brand-zone ul li a img {
		width: 83px;
	}

	.brand-zone ul li {
		margin-right: 8px;
	}

	.jetzt-img img {
		width: 70px;
		top: -43px;
	}

	.zugangi-center {
		padding: 25px 15px 34px;
	}
	
	.poragraph-area {
		padding: 0 0 70px;
	}



	/*
	==============================
	details-page responsive here
	==============================
	*/

	.lorem-right {
		padding: 55px 57px 54px 40px;
	}

	.schreiben-zone a {
		font-size: 18px;
		padding: 13px 30px;
	}

	.qualifikationen-zone {
		padding: 25px 33px 155px;
	}

	.quality-zone {
		padding: 25px 33px 195px;
	}

	.zugangi-left2 {
		padding: 25px 33px 5px;
	}

	.bewart-flex {
		width: 218px;
	}

	.schrei-link a {
		font-size: 15px;
		padding: 10px 13px 10px 20px;
	}

	.icon-zone ul li a i {
		color: #F1BD42;
	}

	.review-zone {
		gap: 27px;
	}

	.review-zone {
		padding-bottom: 20px;
	}


}



/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.menu-item ul li a {
		font-size: 18px;
	}

	.menu-item ul li {
		margin-right: 30px;
	}

	.kontact-ctn h1 {
		font-size: 40.54px;
		line-height: 1.5;
	}

	.kontack-area {
		padding: 89px 0 105px;
	}


	.address-area {
		padding: 45px 0 60px;
	}

	.address-left {
		padding: 40px 55px 50px 30px;
	}

	.address-left h4 {
		margin-bottom: 25px;
	}

	.address-left ul {
		margin-bottom: 35px;
	}

	.address-right {
		padding: 30px 35px 30px 35px;
	}

	.address-right h2 {
		font-size: 32px;
		margin-bottom: 25px;
	}

	.adress-form-left input {
		margin-bottom: 16px;
		padding: 13px 12px;
		font-size: 16px;
	}

	.adress-form-right textarea {
		height: 100px;
		margin-bottom: 16px;
		padding: 14px 12px;
		font-size: 16px;
	}

	.robot-flex {
		margin-top: 7px;
		flex-direction: column;
		align-items: center;
	}

	.robot-img a img {
		width: 282px;
		margin-bottom: 8px;
	}

	.senden-ctn a {
		font-size: 21px;
		padding: 14px 55px;
	}


	.footer-left {
		gap: 14px;
		flex-direction: column;
		margin: 0 auto;
		margin-bottom: 7px;
	}

	.mobile-footer-main {
		padding: 30px 0 25px;
	}

	.footer-list ul li a {
		font-size: 13px;
		margin-right: 10px;
	}

	.footer-right {
		text-align: center;
	}

	.footer-right ul li a i {
		font-size: 25px;
	}

	.footer-right ul {
		margin-top: 7px;
		margin-bottom: 5px;
	}


	/*
	=========================
	Homepage responsive here
	==========================
	*/

	/*=========================
		neu-area responsive 
	============================*/

	.neu-area {
		padding: 89px 0 0;
	}

	.neu-center h1 {
		font-size: 34px;
	}

	.neu-center h2 {
		font-size: 25px;
		margin-bottom: 18px;
	}
	
	.neu-center h4 {
		font-size: 22px;
		margin-top: 19px;
	}

	.neu-right img {
		width: 132px;
	}


	/* unsere-area responsive */

	.tages-ctn p {
		font-size: 15px;
		margin-left: 9px;
	}

	.jetzt-link a {
		font-size: 14px;
	}

	.selber-zone2 {
		padding: 20px 10px 14px 15px
	}


	/* live-area responsive */

	.live-area {
		padding: 0 0 50px;
	}

	.live-area-main {
		margin-top: 40px;
	}

	.live-left h3 {
		font-size: 25px;
		margin-bottom: 30px;
	}

	.member-box {
		padding: 21px 20px;
	}

	.member-box h4 {
		font-size: 25px;
		margin-bottom: 12px;
	}

	.werden-zone a {
		font-size: 20px;
	}

	.member-box ul {
		margin-bottom: 15px;
	}

	.video-zone {
		padding: 44px 30px;
	}

	.somtag-live p {
		font-size: 18px;
		margin-bottom: 7px;
	}

	.video-zone img {
		margin-bottom: 16px;
	}

	#videoModal iframe {
		height: 300px;
	}

	.member-box ul li {
		margin-bottom: 3px;
	}

	.member-box ul li img {
		width: 13px;
	}



	.zugangi-right {
		margin-top: 43px;
	}

	.jetzt-img img {
		width: 65px;
		top: -26px;
	}

	.zugangi-area {
		padding: 0 0 40px;
	}


	.poragraph-area {
		padding: 0 0 40px;
	}



	/*
	==============================
	details-page responsive here
	==============================
	*/

	.advisor-second h3 br {
		display: none;
	}

	.advisor-second h5 {
		font-size: 18px;
		margin-bottom: 18px;
	}

	.advisor-second p {
		padding: 15px 19px 15px 13px;
		font-size: 17px;
	}

	.advisor-main {
		gap: 30px;
	}

	.schreiben-zone a {
		font-size: 17px;
		padding: 13px 30px;
	}

	.lorem-right p {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.lorem-right {
		padding: 18px 33px 39px 31px;
	}

	.qualifikationen-zone {
		padding: 25px 33px 155px;
	}

	.quality-zone {
		margin-top: 25px;
	}


	.email-ctn h3 {
		font-size: 25px;
		margin-bottom: 30px;
	}

	.fe-content h4 {
		font-size: 22px;
	}

	.bewertungen-ctn h3 {
		font-size: 25px;
		margin-bottom: 30px;
	}

	.bewart-flex {
		gap: 17px;
		width: 200px;
		padding: 10px 10px 10px 10px;
	}

	.icon-zone ul li a i {
		font-size: 12px;
	}

	.schrei-link a {
		font-size: 15px;
		padding: 10px 16px 10px 16px;
	}

	.review-zone {
		gap: 25px;
		padding-bottom: 22px;
	}

	.review-left h6 {
		font-size: 16px;
		margin-top: 8px;
	}

	.review-right h6 {
		font-size: 16px;
	}

	.bewertungen-area {
		padding: 59px 0 55px;
	}



}



/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {


	.header-logo {
		margin: 0 auto;
		margin-bottom: -17px;
	}

	
	.mobile-header-login::after {
	content: "Login";
	color: var(--color-green-dark);
	font-weight: bold;
	
	}

	.mobile-header-user::after {
	content: "Mein Bereich";
	color: var(--color-green-dark);
	font-weight: bold;

	}



	.login-area {
		display: none;
	}

	.header-area {
		display: none;
	}


	.kontact-ctn h1 {
		font-size: 32px;
	}

	.kontack-area {
		background: #98D195;
		padding: 89px 0 168px;
	}


	/* address-area responsive */

	.address-area {
		padding: 27px 0 55px;
	}

	.address-left {
		padding: 29px 30px 28px 30px;
		margin-bottom: 36px;
	}

	.address-left h4 {
		font-size: 24px;
		margin-bottom: 18px;
	}

	.address-left ul {
		margin-bottom: 18px;
	}


	.address-right {
		padding: 59px 30px 87px 30px;
		background: #fff;
	}

	.address-right h2 {
		font-size: 28px;
	}

	.adress-form-left input {
		margin-bottom: 12px;
		padding: 14px 12px;
		font-size: 16px;
	}

	.robot-flex {
		margin-top: 0px;
		flex-direction: column;
		text-align: center;
	}

	.robot-img a img {
		width: 245px;
		margin-bottom: 16px;
	}

	.senden-ctn a {
		padding: 13px 63px;
	}



	/* footer-area responsive */



	.footer-left {
		gap: 14px;
		flex-direction: column;
		margin: 0 auto;
		margin-bottom: 7px;
	}

	.mobile-footer-main {
		padding: 30px 0 25px;
	}

	.footer-list ul li a {
		font-size: 13px;
		margin-right: 10px;
	}

	.footer-right {
		text-align: center;
	}

	.footer-right ul li a i {
		font-size: 25px;
	}

	.footer-right ul {
		margin-top: 7px;
		margin-bottom: 5px;
	}





	/*
	=========================
	Homepage responsive here
	==========================
	*/

	/*=========================
		neu-area responsive 
	============================*/

	.unsere-area {
		padding: 60px 0 60px;
	}

	.neu-heading h1 {
		font-size: 34px;
		text-align: center;
	}

	.werden-zone a {
		font-size: 20px;
		padding: 10px 45px;
		width: 100%;
	}

	.white-love img {
		width: 24px;
	}

	.tages-ctn p {
		font-size: 14px;
	}

	.unsere-zone {
		margin-bottom: 20px;
	}

	.unsere-img1 h6 {
		top: 0px;
		right: 0px;
	}

	.selber-flex {
		flex-direction: column;
	}

	.selber-left {
		width: 100%;
		text-align: center;
		min-height: 100px !important;
	}

	.selber-left small {
		font-size: 16px;
	}

	.selber-right {
		width: 100%;
	}

	.jetzt-link a {
		padding: 11px 16px;
		width: 100%;
	}

	.unsere-center {
		margin-top: 21px;
	}


	/* live-area responsive */

	.live-area {
		display: none;
	}


	.zugangi-ctn h3 {
		font-size: 22px;
		margin-bottom: 47px;
	}

	.zugangi-left {
		padding: 15px 34px 25px 23px;
	}

	.soft-box {
		margin-bottom: 30px;
		padding-left: 0;
	}

	.anonym-zone a {
		font-size: 16px;
	}

	.zugangi-center {
		margin-top: 40px;
	}

	.zugangi-right {
		margin-top: 40px;
	}

	.brand-zone ul li a img {
		width: 88px;
	}

	.brand-zone ul li {
		margin-right: 10px;
	}

	.zugangi-right h5 {
		font-size: 20px;
		margin-bottom: 26px;
	}

	.jetzt-img {
		display: none;
	}

	.werden-zone p {
		font-size: 14px;
		margin-bottom: 34px;
	}

	.zugangi-right {
		padding: 25px 18px 82px 22px;
	}

	.zugangi-area {
		padding: 0 0 35px;
	}

	.poragraph-area {
		padding: 0 0 68px;
	}




	/*
	==============================
	details-page responsive here
	==============================
	*/

	.advisor-second h3 br {
		display: none;
	}

	.advisor-second h5 {
		font-size: 17px;
	}

	.advisor-second p {
		padding: 15px 15px 15px 10px;
		font-size: 17px;
		max-width: 100%;
	}




	.schreiben-zone a {
		padding: 13px 35px;
	}

	.lorem-left {
		padding: 50px 36px 50px;
	}

	.lorem-right {
		padding: 35px 22px 51px 20px;
		margin-top: 30px;
	}

	.qualifikationen-zone {
		padding: 25px 33px 66px;
		margin-top: 20px;
	}

	.qualifikationen-zone p {
		line-height: 1.4;
	}

	.lorem-area {
		padding: 10px 0;
	}



	.fast-email {
		flex-direction: column;
		text-align: center;
	}

	.fe-content h4 {
		font-size: 20px;
	}

	.fe-ctn-link a {
		width: 100%;
	}

	.fe-content2 h4 {
		margin-left: 0;
	}

	.fe-ctn-link a {
		font-size: 17px;
		padding: 9px 23px 9px 30px;
	}

	.email-ctn h3 {
		font-size: 24px;
	}


	.bewertungen-ctn h3 {
		font-size: 24px;
	}


	.bewart-flex {
		width: 100%;
	}

	.schrei-link {
		text-align: center;
	}

	.bewertungen-left p {
		margin-bottom: 28px;
		max-width: 426px;
	}

	.review-zone {
		gap: 21px;
		flex-direction: column;
		text-align: center;
	}

	.review-left {
		max-width: 100%;
	}

	.review-right h6 {
		font-size: 16px;
	}

	.review-left img {
		width: 100%;
	}

	.bewertungen-area {
		padding: 45px 0 47px;
	}

	.advisor-main {
		display: flex;
		gap: 39px;
		flex-direction: column-reverse;
	}

	.advisor-main > div {
		width: 100%;
	}


}


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


	
	#offcanvasExample {
		width: 85%;
	}


}