@media(max-width: 1890px) {
	.mobile-menu-trigger {
		display: block;
		font-size: 30px;
		color: #fff;
		text-align: right;
		margin-right: 15px;
		position: relative;
		top: -2px;
		cursor: pointer;
		z-index: 9999;
	}

	.menu-header .menu-nav {
		display: none;
	}

	header {
		position: relative;
	}

	.menu-header .menu-nav {
		display: none;
		position: absolute;
		background: rgba(0, 0, 0, 0.6);
		width: 100%;
		right: 0px;
		top: 100%;
		z-index: 9999;
	}

	.menu-header .menu-nav a:hover {
		font-weight: bold;
		text-decoration: underline;
	}

	.menu-header .menu-nav a {
		width: 100%;
		padding: 5px 0px;
	}
}

@media(max-width: 1765px) {
	header .menu.not-logged .button:nth-child(2) {
		margin-right: 0px;
	}
}

@media(max-width: 1690px) {
	.design-custom-messages.position {
		margin-top: 160px;
	}
}

@media(max-width: 1636px) {
	.menu-header a {
		color: #fff;
		font-size: 18px;
		width: auto;
		display: block;
		float: left;
		padding: 0px 10px;
		font-weight: bold;
	}
}

@media(min-width: 1424px) {
	.section1 {
		margin-top: -130px;
	}

	.layout-content.homepage .hero {
		max-height: 690px;
	}
}

@media(max-width: 1370px) {
	.meine-deals .container-medium .meine-deal .action {
		border-radius: 0px 0px 10px 10px;
	}

	.meine-deals .container-medium .meine-deal .main {
		border-radius: 10px 10px 0px 00px;
	}
}

@media(max-width: 1320px) {
	.inserat .input-container .row span:nth-child(2) input:last-child {
		border-left: 1px solid #666666;
	}

	.section1 .row .col {
		width: calc((100% / 2) - (2*19px) / 2);
		margin-bottom: 20px;
	}

	.profile-detail .deals .section3 .row .deal {
		width: 100%;
		margin: 0;
	}

	.layout-content.homepage .hero img {
		height: 500px;
		object-fit: cover;
	}
}

@media screen and (max-width: 1280px) {
	.section2 .title .buttons {
		position: relative;
		width: auto;
		display: block;
		flex-grow: 1;
		float: none;
		right: unset;
	}
}

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

@media screen and (max-width: 1220px) {
	.inserat .tabs .tab {
		margin-bottom: 7px;
		flex-grow: 1;
		width: calc(100%/2 - 20px);
	}

	.inseratansicht .content .row .col .box .text ul li {
		font-size: 1em;
	}

	.inseratansicht .content .row .col .box {
		padding: 24px;
	}

	.inseratansicht .content .row .col .box .text ul li img {
		margin-right: 10px;
	}

	.inseratansicht .content .row .col .box .image {
		margin-right: 20px;
	}

	.inseratansicht .compound-title .list .tool .text {
		font-size: 22px;
	}

	.inseratansicht .compound-title .list .tool .extra {
		font-size: 14px;
	}
}

@media(max-width: 1085px) {
	.inseratansicht .content .row .col .box .text ul li {
		font-size: 1em;
	}
}

@media(max-width: 1050px) {
	.design-custom-messages.position {
		margin-top: 220px;
	}

	.inseratansicht .content .row .col .box .text ul li {
		font-size: 1em;
	}
}

@media screen and (max-width: 890px) {
	.inserat .tabs {
		flex-direction: column;
	}

	.inserat .tabs .tab {
		width: 100%;
		margin-right: 0;
	}

	.section1 .row .col {
		width: 100%;
	}

	header .logo,
	.menu-header {
		margin-bottom: 10px;
	}

	.mobile-menu-trigger {
		display: block;
		font-size: 30px;
		color: #fff;
		text-align: right;
		margin-right: 15px;
		position: absolute;
		bottom: 23px;
		cursor: pointer;
		right: 0px;
		top: unset;
	}

	.inseratansicht .content .group {
		flex-direction: unset;
	}

	.inseratansicht .content .group .item {
		width: 50%;
	}

	header .menu.logged .menu-floating {
		left: 50%;
		right: unset;
		transform: translate(-50%, 0%);
	}

	.section3 .row {
		justify-items: center;
	}

	.section3 .row.pagination .items {
		justify-content: center;
	}

	.section3 .row.pagination .items {
		justify-items: center;
	}
}

@media screen and (max-width: 800px) {
	.meine-deals .container-medium .meine-deal .main .info {
		padding-top: 11px;
		display: grid;
		grid-template-columns: auto auto;
		grid-row-gap: 10px;
		text-align: left;
	}

	.meine-deals .container-medium .meine-deal .main .info .stars {
		color: #9a9a9a;
		grid-column-start: 1;
		grid-row-start: 1;
		grid-row-end: span 2;
		grid-column-end: span 2;
	}

	.meine-deals .container-medium .meine-deal .main .info {
		padding-top: 11px;
		display: block;
		text-align: left;
	}

	.meine-deals .container-medium .meine-deal .main .info div {
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 0 !important;
	}

	.meine-deals .container-medium .meine-deal .main .info .stars {
		margin-left: 75px !important;
	}
}

@media(max-width: 788px) {
	.layout-content.homepage .hero {
		position: relative;
		max-height: 490px;
		overflow: hidden;
	}
}

@media(max-width: 740px) {
	.layout-content.homepage .hero img {
		display: block;
		margin: 0;
		width: 100%;
		height: 550px;
		object-fit: cover;
		max-height: 550px;
	}
}

@media(max-width: 700px) {
	.design-custom-messages.position {
		margin-top: 399px;
	}

	.inseratansicht .compound-title .list .tool:last-child .text {
		margin-left: 100px;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .icon {
		margin-right: 35px;
	}

	.hero img {
		display: block;
		margin: 0;
		object-fit: cover;
		width: 100%;
	}

	.inseratansicht .compound-title .list .tool:last-child .text {
		margin-left: 68px;
	}

	.inseratansicht .compound-title {
		flex-direction: column;
		max-width: 450px;
		margin: 0 auto 10px;
	}

	.inseratansicht .compound-title .title {
		width: 100%;
	}

	.inseratansicht .compound-title .list .tool {
		justify-content: left;
	}

	.inseratansicht .compound-title .list .tool .icon {
		margin-right: 6px;
	}
}

@media(max-width: 600px) {
	.inseratansicht .compound-title .list .tool:last-child .text {
		margin-left: 0px;
	}

	.section1 .row .col .image img {
		width: 100%;
	}

	.section1 .row .col .image .overlay .text img {
		display: inline-block;
		margin: 0;
		max-width: 50px;
	}

	header {
		padding: 20px 20px 20px 20px;
	}

	.inseratansicht .content .group .item,
	.inseratansicht .map .language-date .language,
	.inseratansicht .map .language-date .date,
	.section5 .row .col {
		width: 100%;
	}

	.inseratansicht .services .row .service-list .service {
		width: 30%;
	}

	.inseratansicht .map .language-date {
		padding: 0px;
	}

	.section3 .row .deal .image .overlay .content {
		overflow: visible;
	}

	.section3 .row .deal .image .overlay .content .profile {
		position: absolute;
		right: 10px;
	}

	.hero.rubrikseite .overlay .overlay-text .select-tabs {
		position: relative;
		top: -30px;
	}

	.inserat .tabs .tab {
		margin-right: 0px;
	}

	.inserat .form-tabs {
		display: block;
	}

	.inserat .input-container .row span:nth-child(2) input:last-child {
		border-left: 1px solid #000;
	}

	.messaging .container-medium main .text {
		text-align: center;
	}

	.modal-overlay .modal-box {
		width: 90%;
	}

	.inseratansicht .content .row .col .box .text .inner {
		display: block;
	}

	.inseratansicht .content .row .col .box .text .inner a {
		text-align: center;
	}

	.inseratansicht .content .row .col .box .text .inner a .name {
		margin-right: 0;
	}

	.inseratansicht .content .row .col .box .text .inner .stars {
		text-align: center;
	}

	/* .account-input{
		padding: 0px;
	} */
	.inseratansicht .compound-title .list .tool:last-child {
		margin: 0;
		padding-left: 111px;
	}

	.inseratansicht .content .group {
		flex-direction: unset;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .text,
	.inseratansicht .content .group .item,
	.inseratansicht .map .language-date .language,
	.inseratansicht .map .language-date .date,
	.section5 .row .col {
		width: 50%;
		font-size: 1em;
	}

	.profile-detail .profile-header .row .img .profile-img {
		width: 200px;
		height: 200px;
	}

	.profile-detail .profile-header .row .title {
		margin-top: 55px;
	}

	.meine-deals .container-medium .meine-deal .main .info {
		padding-top: 11px;
		display: grid;
		grid-template-columns: auto;
		grid-row-gap: 10px;
		text-align: left;
	}

	.meine-deals .container-medium .meine-deal .main .info .stars {
		color: #9a9a9a;
		grid-column-start: 1;
		grid-row-start: 1;
		grid-row-end: span 1;
		grid-column-end: span 1;
	}

	.section2 .subtitle {
		font-size: 26px;
		line-height: 26px;
		text-align: center;
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.section2 .title h2 {
		font-size: 28px;
		text-align: center;
		float: left;
		width: 100%;
		margin: 0px;
		line-height: 28px;
	}

	.section3 .row .deal .context .right .tool .text>span {
		margin-bottom: 5px;
	}

	.section3.rubrikseite {
		min-height: 850px;
		margin-top: 85px;
	}

	.section3 .row .deal .context .left .city,
	.section3 .row .deal .context .left .people,
	.section3 .row .deal .context .left .person,
	.section3 .row .deal .context .left .date {
		padding-left: 30px;
	}

	.inseratansicht .compound-title .list .tool {
		justify-content: left;
	}

	.inseratansicht .compound-title .title {
		width: 100%;
	}

	.inseratansicht .compound-title .list .tool:last-child {
		padding-left: 72px;
	}

	.meine-deals .container-medium .meine-deal .main .social {
		position: absolute;
		right: 5%;
		top: 20px;
		transform: translate(-50%, 0%);
	}

	.meine-deals .container-medium .meine-deal .main .row .image {
		margin-right: 0px;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .text {
		max-width: 80%;
	}

	.review-button {
		text-align: center;
	}

	.inseratansicht .recommendations .compound-title .button.gray {
		float: none;
	}

	.inseratansicht .content .title h1 {
		word-break: break-word;
	}

	.inseratansicht .compound-title .list .tool .icon {
		margin-right: 10px;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool.second .icon {
		margin-right: 10px;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .icon {
		margin-right: 20px;
	}

	.meine-deals .container-medium .meine-deal .main .info .person {
		color: #666666;
		margin-right: 28px;
		position: relative;
		padding-left: 50px;
	}

	.meine-deals .container-medium .meine-deal .main .info .date {
		color: #666666;
		margin-right: 28px;
		padding-left: 40px;
		position: relative;
	}

	.meine-deals .container-medium .meine-deal .main .info .city {
		padding-left: 40px;
		position: relative;
	}

	.meine-deals .container-medium .meine-deal .main .info .stars {
		margin-left: 50px !important;
	}

	.account-input {
		padding-top: 40px;
	}

	.account-input .login-box .img.register img {
		max-width: 175px;
		margin: -5px;
		position: relative;
        z-index: -1;
	}

	.login-box h2 {
		margin: 20px 0;
	}
}

@media screen and (max-width: 570px) {
	header .menu.not-logged span {
		margin: 10px 0px;
		width: 100%;
		display: block;
		text-align: center;
	}

	header .menu.not-logged span a {
		margin-right: 0;
	}

	.profile-detail .deals h2 {
		position: relative;
		padding-left: 60px;
	}

	.profile-detail .deals h2 img {
		position: absolute;
		top: 7px;
		left: 0px;
		margin: 0px;
	}

	.profile-detail .reviews .review-wrapper .review .text p {
		font-size: 16px;
		text-align: center;
	}

	.profile-detail .reviews .review-wrapper .review .image .name {
		max-width: 100%;
	}

	.profile-detail .reviews .review-wrapper .review .text .title {
		text-align: left;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .text>span,
	.meine-deals .container-medium .meine-deal .main .row .context .tool .text .title,
	.meine-deals .container-medium .meine-deal .main .info .date,
	.meine-deals .container-medium .meine-deal .main .info .person,
	.meine-deals .container-medium .meine-deal .main .info .city {
		font-size: 15px;
	}

	.profile-detail .reviews .review-wrapper .review .image .name a {
		max-width: 100%;
		text-align: center;
	}

	.meine-deals .container-medium .meine-deal .main {
		padding: 10px;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .text .title {
		margin: 0px;
	}

	.account-input .login-box.email .img {
		margin-top: 30px;
	}

	.inseratansicht .compound-title .title {
		font-size: 27px;
	}

	.inseratansicht .compound-title .list .tool .text {
		font-size: 15px;
	}

	.account-input .container {
		padding: 0px 40px;
	}

	.inseratansicht .compound-title {
		margin-bottom: 20px;
	}

	.inseratansicht .content .title {
		flex-direction: column-reverse;
	}

	.inseratansicht .compound-title .list .tool .icon {
		margin-right: 7px;
	}

	.inseratansicht .compound-title .list .tool .icon img {
		width: 50px;
	}

	.inseratansicht .compound-title .title img {
		max-width: 40px;
	}

	.inseratansicht .compound-title .list .tool:last-child {
		padding-left: 58px;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .text .extra {
		width: 22px;
		height: 22px;
		min-width: 22px;
		margin-right: 4px;
	}

	.progress1a,
	.progress1b,
	.progress2a,
	.progress2b {
		margin: 0 0 0 0;
	}

}

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


	#CybotCookiebotDialog #CybotCookiebotDialogBodyContent div {
		line-height: 1.231;
		max-height: 250px;
		overflow-y: scroll;
	}

	.inseratansicht .compound-title .list .tool .icon img {
		top: 20px;
	}

	.section3 .row .deal .context .left {
		max-width: 100%;
	}

	.section3 .row .deal .context .left .stars {
		height: auto;
		float: left;
		flex-grow: unset;
		text-align: left;
	}

	.section3 .row .deal .image .overlay .content {
		padding: 15px 0px;
	}

	.section3 .row .deal .image .overlay .content .profile {
		top: calc(50% - 50px);
	}

	.ribbondealcard {
		bottom: 22px;
		padding: 2.4px;
		right: 0;
	}

	.ribbondealcard:before {
		top: -14px;
		border-width: 0px 18px 15px 0px;
	}

	.ribbondealcard:after {
		border-width: 8px 8px 0px 9px;
	}

	.section3 .row .deal .image .overlay .content .profile img {
		width: 60px;
		height: 60px;
		border-radius: 100%;
	}

	.section3 .row .deal .content {
		position: relative;
	}

	.section3 .row .deal .context .left .stars {
		position: absolute;
		right: 20px;
		top: 10px;
	}

	.section3 .row .deal .context .right {
		margin-bottom: 0px;
	}

	.section3 .row .deal .context .left {
		padding-top: 0px;
	}

	.meine-deals .container-medium .meine-deal .main .social {
		right: -3%;
	}

	.section3 .row .deal .context .right .tool .text>span .extra {
		margin-left: 10px;
	}

	.inseratansicht .recommendations .compound-title .title {
		font-size: 27px;
	}

	.inseratansicht .deals h2 {
		font-size: 27px;
	}

	.inseratansicht .content .title h1 {
		margin-top: 30px;
	}

	header .menu.logged a {
		margin-right: 10px;
	}

	header .menu {
		width: 80%;
	}

	.section3.rubrikseite {
		min-height: 850px;
		margin-top: 133px;
	}

	.account-input .login-box .link a {
		font-size: 18px;
	}

	.meine-deals .container-medium .meine-deal .main .social {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		transform: unset;
		text-align: center;
	}

	.inseratansicht .content .row .col .box .text .inner .name {
		margin: 0px;
		text-align: center;
	}

	.inseratansicht .content .row .col .box .text .inner .stars,
	.inseratansicht .recommendations .row .text .inner .stars,
	.profile-detail .reviews .review-wrapper .review .rating-number .stars .fas,
	.profile-detail .deals .section3 .row .deal .context .left .stars {
		text-align: center;
	}

	.inseratansicht .map .language-date .date {
		text-align: right;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .text .extra {
		position: absolute;
		right: -15px;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool.second .icon img {
		width: 40px;
	}

	.meine-deals .container-medium .meine-deal .main .row .context .tool .icon img {
		width: 30px;
	}

	.section3 .row.pagination .items {
		display: block;
	}

	.hero.rubrikseite {
		min-height: 300px;
		height: auto;
		max-height: 815px;
	}

	.section3 .row .deal .image .overlay .content .text {
		max-width: 70%;
	}

	.section3 .row {
		display: block;
	}

	.section3 .row .deal {
		margin-bottom: 20px;
	}

	.profile-detail .reviews .review-wrapper .review .rating-number {
		position: absolute;
		left: 46%;
		transform: translate(-50%, 0%);
		top: 135px;
	}

	.profile-detail .reviews .review-wrapper .review .image {
		margin-bottom: 60px;
	}

	.profile-detail .reviews .review-wrapper .review .text p {
		text-align: left;
	}

	.messaging .container-medium main .message-wrapper .message-box {
		padding: 10px;
	}

	.hero img {
		display: block;
		margin: 0;
		object-fit: cover;
		width: 100%;
		min-height: 470px;
	}

	@media screen and (max-width: 330px) {
		.inseratansicht .compound-title .list .tool .text {
			font-size: 13px;
		}
	}
}