[data-theme=cosma] .chevron:before {
	border-style: solid;
	border-width: 1.4px 1.4px 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
	margin-right: 5px;
	top: 6px;
}

[data-theme=cosma] .chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

[data-theme=cosma] .page-top-chevron:before {
	top: 0;
	margin-right: 8px;
}

[data-theme=cosma] .light-mieter-plus {
	width: 178px;
	margin-bottom: -11px;
}

[data-theme=cosma]  #page-top {
	display: none;
}

#cosma-page-top {
	display: none;
}

[data-theme=cosma] #cosma-page-top {
	display: block;
	height: 470px;
	margin-top: 20px;
	color: #ffffff;
	position: relative;
}

[data-theme=cosma] #cosma-page-top .main-content {
	width: 670px;
	height: 100%;
	background-color: #333333;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	left: 0;
}

[data-theme=cosma] #cosma-page-top .main-content-wrapper {
	width: 560px;
}

[data-theme=cosma] #cosma-page-top .title {
	font-size: 30px;
	line-height: 48px;
}

[data-theme=cosma] #cosma-page-top .title.redesign-title {
	font-size: 40px;
}

[data-theme=cosma] #cosma-page-top .smaller-title {
	font-size: 32px;
	line-height: 44px;
}

[data-theme=cosma] #cosma-page-top .description {
	font-size: 24px;
	line-height: 29px;
	margin-top: 24px;
}

[data-theme=cosma] #cosma-page-top .action-buttons {
	display: flex;
	margin-top: 52px;
}

[data-theme=cosma] #cosma-page-top .kaufer-plus-link {
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	display: flex;
	align-items: center;
	padding-left: 21px;
	color: #ffffff;
}

[data-theme=cosma] #cosma-page-top .main-photo {
	height: 100%;
	display: inline-block;
	width: fit-content;
	position: absolute;
	right: 0;
	z-index: 0;
}

.page-content {
	width: 100%;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: #262626;
}

[data-theme=cosma] .page-content {
	color: #333333;
	font-size: 20px;
	line-height: 24px;
}

[data-theme=cosma] .page-content a {
	text-decoration: none;
}

.page-content .cosma-show {
	display: none;
}

[data-theme=cosma] .cosma-show {
	display: inline-block;
}

h1 {
	font-weight: 600;
}

h2 {
	font-weight: normal !important;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.33;
}

[data-theme=cosma] .navigation-list a {
	font-size: 16px;
}

.navigation-list a:link {
	text-decoration: none;
	color: #262626;
}

.navigation-list a:visited {
	text-decoration: none;
	color: #262626;
}

.navigation-list a:hover {
	text-decoration: none;
	color: #ff7500;
}

[data-theme=cosma] .navigation-list a:hover {
	color: #00d9b1;
}

.navigation-list a:active {
	text-decoration: none;
	color: #ff7500;
}

[data-theme=cosma] .navigation-list a:active {
	color: #00d9b1;
}

a.subscription-button {
	padding: 11px 0;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	background-color: #ff7500;
	border-radius: 4px;
	width: 100%;
	max-width: 266px;
}

[data-theme=cosma] a.subscription-button {
	background-color: #20fed4;
	color: #333333;
	text-align: center;
}

div.separator {
	margin: 19px 0;
	width: 72px;
	height: 3px;
	background-image: linear-gradient(to left, #ffad00, #ff7500);
}

[data-theme=cosma] .separator {
	background-color: #20fed4;
	background-image: none;
	margin: 24px 0;
}

.quotation .content {
	position: relative;
	font-size: 19px;
	font-style: italic;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}

.quotation .content .quote-sign {
	position: absolute;
	left: -80px;
	width: 96px;
	height: 64px;
	background-image: url("/meinkonto/resources/img/premium/quote.svg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top left;
}

.quotation .separator {
	margin: 19px auto;
}

.quotation .signature {
	font-size: 14px;
}

#sticky-navbar {
	display: block;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 999;
	transform: translateY(120%);
	transition-duration: .2s;
}

.sticky-content-wrapper {
	width: 100%;
	position: relative;
	max-width: 1122px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	box-shadow: 0px -3px 10px 2px rgba(0, 0, 0, 0.18);
}

.sticky-content-wrapper .left-pane {
	width: 100%;
}

.sticky-content-wrapper .right-pane {
	position: absolute;
	width: 200px;
	right: 40px;
	text-align: center;
	top: 8px;
}

.sticky-content-wrapper .right-pane .subscription-button {
	padding: 6px;
	font-size: 14px;
}

#sticky-navbar ul.navigation-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

#sticky-navbar ul.navigation-list li {
	text-align: center;
	flex-grow: 1;
	text-transform: uppercase;
}

#sticky-navbar ul.navigation-list li:not(:first-child) {
	border-left: 1px solid #979797;
}

.sticky-bottom {
	transform: translateY(0px) !important;
}

/* Sections */

.section-header {
	text-align: center;
}

.header-with-image {
	background-position: center;
	background-repeat: no-repeat;
	color: #ffffff;
	height: 470px;
}

.header-with-image .title {
	color: #ffffff;
}

.header-with-image .subtitle {
	color: #ffffff;
}

.section-header .title {
	font-size: 30px;
	font-weight: 600;
	margin-top: 50px;
	display: inline-block;
}

.section-header h1.title {
	margin-bottom: 0.1em;
	text-transform: uppercase;
}

[data-theme=cosma] .section-header h1.title {
	font-size: 32px;
	line-height: 44px;
	margin-top: 75px;
	margin-bottom: 4px;
	font-weight: normal;
	text-transform: none;
}

[data-theme=cosma] #vorteile-header .title {
	margin-top: 90px;
}

.section-header .subtitle {
	font-size: 32px;
}

.section-header .description {
	margin-top: 5px;
}

[data-theme=cosma] .section-header .description {
	font-size: 20px;
	line-height: 24px;
}

[data-theme=cosma] .exklusive-counter-container .description {
	font-size: 12px;
	line-height: 16px;
}

/* End of: Sections */

/* Main Theme */

.page-theme-header {
	background-image: url("/meinkonto/resources/img/premium/hintergrund.jpg");
	position: relative;
}

/* Top stripe premium image */
.page-theme-header .header-top-stripe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 3px;
	background-image: linear-gradient(to left, #ffad00, #ff7500);
}

.page-theme-header .header-top-stripe img {
	position: absolute;
	top: -7px;
	left: 13px;
}

/* Page theme layout bottom up */
.page-theme-header .section-header-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.page-theme-header.section-header .title {
	font-size: 39px;
	font-weight: bold;
}

.page-theme-header.section-header .subtitle {
	font-size: 39px;
}

[data-theme=cosma] #suchen {
	padding-top: 65px;
}

[data-theme=cosma] #suchen .cosma-show {
	display: inline-block;
}

.exklusive-counter-container {
	display: none;
}

[data-theme=cosma] .exklusive-counter-container {
	height: 122px;
	width: 122px;
	background-color: #ffffff;
	position: absolute;
	top: 64px;
	right: 110px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
	align-items: center;
	font-family: "Make It Sans IS24 Web",Verdana,"DejaVu Sans",Arial,Helvetica,sans-serif;
}

[data-theme=cosma] .exklusive-counter-wrapper {
	font-size: 12px;
	color: #757575;
	line-height: 16px;
}

[data-theme=cosma] .status-icon {
	width: 7px;
	height: 7px;
	background-color: #00b769;
	border-radius: 50%;
	display: inline-block;
}

[data-theme=cosma] .status {
	height: 16px;
}

[data-theme=cosma] .number {
	font-size: 42px;
	color: #00b769;
	opacity: 0.79;
	line-height: normal;
}

[data-theme=cosma] .exklusive-counter-container .description {
	height: 32px;
	width: 80px;
	margin-top: 0;
}

img.premium-badge {
	position: absolute;
	top: -7px;
	left: 13px;
}

[data-theme=cosma] img.premium-badge {
	display: none;
}

.page-theme-header.section-header .description {
	max-width: 700px;
	width: 100%;
	text-align: center;
	margin: 5px auto 0 auto;
	text-shadow: 0 0 4px #000000;
}

.premium-button-bar {
	margin-top: 33px;
}

.schufa-band {
	height: 75px;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

.schufa-band .schufa-stamp {
	position: absolute;
	right: 24px;
	top: 0;
}

.schufa-band .vorteile {
	display: inline-block;
	margin-top: 27px;
	font-size: 14px;
	line-height: 1.2;
}

.navigation-bar {
	overflow: hidden;
	max-width: 480px;
	margin: 60px auto 0 auto;
}

[data-theme=cosma] .navigation-bar {
	display: none;
}

.navigation-bar ul.navigation-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: -1px;
	list-style-type: none;
}

.navigation-bar ul.navigation-list li {
	flex-grow: 1;
	flex-basis: auto;
	text-align: center;
	text-transform: uppercase;
}

.navigation-bar ul.navigation-list li:not(:first-child) {
	border-left: 1px solid #979797;
}

/* End of: Main Theme */

.body-gray {
	background-color: #f5f5f5;
}

[data-theme=cosma] .body-gray {
	background-color: #333333;
	color: #ffffff;
}

/*
    Suchen Section
 */
#chancen-analyse .content-row-inner {
	min-height: 313px;
	margin-bottom: 92px;
	margin-top: 25px;
}

#oben-in-postfach .content-row-inner {
	min-height: 280px;
	margin-bottom: 30px;
}

[data-theme=cosma] #oben-in-postfach .content-row-inner {
	margin-bottom: 73px;
}

#exklusive-anzeige .content-row-inner {
	min-height: 301px;
	margin-bottom: 89px;
}

#calendar .content-row-inner {
	min-height: 301px;
	margin-bottom: 89px;
}

[data-theme=cosma] #calendar .content-row-inner {
	margin-bottom: 40px;
}

/*
	Bewerben
 */

.bewerben-header {
	background-image: url("/meinkonto/resources/img/premium/pexels-photo-521345-3-x.jpg");
}

[data-theme=cosma] .bewerben-header {
	background-image: none;
	height: auto;
}

[data-theme=cosma] .bewerben-header h1.title {
	margin-top: 63px;
}

.bewerben-header .section-header-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.bewerben-header .quotation {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

[data-theme=cosma] .bewerben-header .quotation {
	display: none;
}

.bewerben-content-container {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between
}

[data-theme=cosma] .bewerben-content-container {
	padding-bottom: 40px;
}

.bewerben-content-left {
	flex-grow: 1;
}

.bewerben-content-carousel {
	flex-grow: 0;
}

.bewerben-content-right {
	flex-grow: 1;
}

.bewerben-content-inner-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	height: 100%;
	padding: 100px 0;
}

.bewerben-content-inner-tile {
	flex-grow: 0;
	padding: 23px 23px 23px 8px;
	max-width: 270px;
	font-size: 14px;
	cursor: pointer;
}

.bewerben-content-right .bewerben-content-inner-tile {
	padding: 23px 8px 23px 23px;
}

.bewerben-content-inner-tile:hover {
	background-color: rgba(0, 0, 0, 0.04);
	border-radius: 4px;
}

[data-theme=cosma] .bewerben-content-inner-tile:hover {
	background-color: #757575;
}

.bewerben-content-left .bewerben-content-inner-wrapper {
	text-align: right;
}

.bewerben-content-right .bewerben-content-inner-wrapper {
	text-align: left;
}

.bewerben-content-inner-tile h3 {
	clear: both;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.schufa-title {
	display: none;
}

[data-theme=cosma] .schufa-title {
	display: inline-block;
}

[data-theme=cosma] .schufa-img {
	display: none;
}

[data-theme=cosma] .bewerben-content-inner-tile h3 {
	text-transform: capitalize;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
}

.bewerben-content-inner-tile .separator {
	width: 48px;
	height: 2px;
	margin: 0 0 18px 0;
}

[data-theme=cosma] .bewerben-content-inner-tile .separator {
	width: 72px;
}

.bewerben-content-left .bewerben-content-inner-tile .separator {
	float: right;
}

.bewerben-content-right .bewerben-content-inner-tile .separator {
	float: left;
}

/*
    Wohnen
 */

#mietrechtsberatung .content-row-inner {
	min-height: 388px;
	margin-bottom: 7px;
}

#schlusselnotdienst .content-row-inner {
	min-height: 307px;
	margin-bottom: 35px;
}

#nebenkostenCheck .content-row-inner {
	min-height: 307px;
	margin-bottom: 50px;
}

#nebenkostenCheck img {
	margin: -200px;
}

#mietkautionsburgschaft .content-row-inner {
	height: 405px;
	margin-bottom: 37px;
}

#mietkautionsburgschaft .content-row-inner .content-row.right {
	z-index: 100;
}

#mietkautionsburgschaft .content-row-inner .content-row.left {
	z-index: 0;
}

#mietkautionsburgschaft .content-row-inner .content-row.left img {
	max-width: 130%;
	max-height: 460px;
	bottom: 0;
	position: absolute;
	left: -80px;
	z-index: 0;
}

/*
	End of - Bewerben
 */

.vorteile-header {
	background-image: url("/meinkonto/resources/img/premium/vorteile-3-x.png");
}

.vorteile-header .section-header-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.content-row-container {
	position: relative;
	margin: 0 100px;
	text-align: left;
}

.content-row-container > .content-row-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.content-row.right {
	margin-left: 50%;
	width: 50%;
}

.content-row.right:not(.floating) {
	padding-left: 40px;
}

.content-row .title {
	font-size: 28px;
}

[data-theme=cosma] .content-row .title {
	font-size: 24px;
	line-height: 29px;
}

.content-row.left:not(.floating) {
	padding-right: 40px;
}

.content-row.left {
	width: 50%;
}

.content-row.floating {
	position: absolute;
	height: 100%;
}

.content-row.left.floating {
	top: 0;
	left: 0;
}

.content-row.right.floating {
}

.img-container {
	text-align: center;
	font: 0/0 a;
}

.img-container:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

img.mieter-plus {
	display: none;
}

[data-theme=cosma] img.dark-mieter-plus {
	width: 178px;
	float: right;
	margin-left: 7px;
	display: block !important;
}

[data-theme=cosma] img.mieter-plus {
	display: block;
	padding-left: 32px;
	padding-top: 29px;
	width: 162px;
}

.floating img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}

.vorteile-content {
	background-image: url("/meinkonto/resources/img/premium/vorteile-grandient-bar.png"),
	url("/meinkonto/resources/img/premium/vorteile-grandient-bar.png"),
	url("/meinkonto/resources/img/premium/vorteile-1.png"),
	url("/meinkonto/resources/img/premium/vorteile-2.png");
	background-position: calc(50% - 264px) calc(0% + 354px),
	calc(100% - 30px) calc(0% + 290px),
	left 82px top 35px,
	right 57px top 249px;
	background-size: 140px 3px,
	auto,
	auto,
	auto;
	background-repeat: no-repeat;
	display: inline-block;
	width: 100%;
	margin: 80px 0;
	padding-left: 10px;
	padding-right: 10px;
}

[data-theme=cosma] .vorteile-content {
	color: #333333;
	background-image: url("/meinkonto/resources/img/premium/cosma-vorteile-gradient-bar.png"),
	url("/meinkonto/resources/img/premium/cosma-vorteile-gradient-bar.png"),
	url("/meinkonto/resources/img/premium/cosma-vorteile-1.png"),
	url("/meinkonto/resources/img/premium/cosma-vorteile-2.png");
	background-position: calc(50% - 310px) calc(0% + 354px), calc(100% - 30px) calc(0% + 290px), left 82px top 35px, right 57px top 249px;
	background-size: 125px 3px, 125px, auto, auto;
	margin: 76px 0px 124px 0px;
}

.vorteile-list-wrapper {
	position: relative;
	max-width: 500px;
	width: 100%;
	border-radius: 6px;
	box-shadow: 4px 7px 12px 0 rgba(0, 0, 0, 0.17);
	background-color: #ffffff;
	margin: 0 auto;
}

ul.vorteile-list {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding: 60px 10px 40px 10px;
	list-style-image: url("/meinkonto/resources/img/premium/ul-li.png");
}

[data-theme=cosma] ul.vorteile-list {
	padding: 7px 35px 25px 35px;
	margin: unset;
	max-width: none;
	list-style-image: none;
}

ul.vorteile-list li {
	margin: 18px;
	font-size: 16px;
	font-weight: 600;
}

[data-theme=cosma] ul.vorteile-list li {
	font-weight: normal;
	line-height: 24px;
	font-size: 20px;
	margin: 18px 0;
}

[data-theme=cosma] ul.vorteile-list li:before {
	font-family: IS24Icons;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
	content: "\e943";
	position: relative;
	top: 0;
	float: left;
}

[data-theme=cosma] ul.vorteile-list .title {
	margin-left: 38px;
}

.price-bar {
	text-align: center;
	font-size: 18px;
}

.price {
	font-size: 36px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

[data-theme=cosma] .price {
	font-weight: normal;
	font-size: 40px;
	line-height: 48px;
}

.price-bar .price-description {
	font-size: 14px;
	color: #9b9b9b;
}

.subscription-bar {
	display: inline-block;
	width: 100%;
	margin: 28px auto;
	text-align: center;
}

[data-theme=cosma] .subscription-bar {
	margin: 25px auto 32px auto;
}

/*
	Carousel
 */

.lp-carousel-container {
	width: 100%;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 10px;
	position: relative;
}

.lp-carousel {
	width: 100%;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 70px;
}

.lp-carousel-slide {
	max-width: 450px;
	text-align: center;
	margin-bottom: 16px;
	margin-top: 16px;
	padding: 0px 10px 10px 10px;
}

.lp-carousel-slide-img {
	width: 100%;
	height: 100%;
	max-width: 333px;
	max-height: 467px;
	object-fit: cover;
	box-shadow: 2px 4px 11px 0 rgba(0, 0, 0, 0.3);
	margin-left: auto;
	margin-right: auto;
}

/* Dots */
.slick-dots {
	bottom: -28px;
}

.slick-dots li {
	width: 8px;
}

.slick-dots li button:before {
	font-size: 10px;
	color: #e0e0e0;
	opacity: 1.0;
}

[data-theme=cosma] .slick-dots li button:before {
	font-size: 8px;
}

.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before {
	opacity: 1.0;
	color: #ff7500;
}

/* Arrows */
.lp-carousel-arrow-prev,
.lp-carousel-arrow-next {
	position: absolute;
	z-index: 2;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.lp-carousel-arrow-prev {
	left: 0;
}

.lp-carousel-arrow-next {
	right: 0;
}

.lp-carousel-arrow-oval {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	background-color: #ffffff;
}

.lp-carousel-arrow-oval img {
	position: relative;
	top: 5px;
}

.lp-carousel-arrow-oval img.prev {
	right: 2px;
}

.lp-carousel-arrow-oval img.next {
	left: 2px;
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (max-width: 1024px) {

	.page-theme-header {
		background-position: right top;
	}

	.content-row-container {
		margin: 0 27px;
	}

	.sticky-content-wrapper .left-pane {
		display: none;
	}

	.sticky-content-wrapper .right-pane {
		position: relative;
		top: 8px;
		right: 0;
		width: 100%;
		text-align: center;
	}

	.sticky-go-top {
		position: absolute;
		left: calc(50% + 140px);
		top: 4px;
	}

	.sticky-content-wrapper .right-pane .subscription-button {
		max-width: 236px;
		padding: 6px 0;
		font-size: 14px;
	}


	.bewerben-content-container {
		flex-wrap: wrap;
		justify-content: space-around;
		padding-bottom: 20px;
	}

	.bewerben-content-carousel {
		width: 100%;
		order: 1;
	}

	.bewerben-content-left {
		order: 2;
		flex-grow: 0;
		text-align: center;
	}

	.bewerben-content-right {
		order: 3;
		flex-grow: 0;
		text-align: center;
	}

	.bewerben-content-inner-wrapper {
		padding: 0 0;
		justify-content: start;
	}

	.bewerben-content-inner-tile {
		text-align: center;
		padding: 23px 0;
	}

	.bewerben-content-inner-tile .separator {
		float: none !important;
		margin: 0 auto 18px auto;
	}

	[data-theme=cosma] #cosma-page-top .main-content {
		width: 500px !important;
	}

	[data-theme=cosma] #cosma-page-top .action-buttons {
		display: block;
	}
}

@media  (max-width: 930px) {
	[data-theme=cosma] #cosma-page-top .main-content-wrapper {
		padding: 0 20px !important;
	}

	[data-theme=cosma] #cosma-page-top .main-content {
		width: 394px !important;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 20px;
		line-height: 24px;
	}

	[data-theme=cosma] #cosma-page-top .title {
		font-size: 30px;
		line-height: 40px;
	}

	[data-theme=cosma] #cosma-page-top .main-photo {
		display: inline-block;
	}

	[data-theme=cosma] #cosma-page-top .action-buttons {
		margin-top: 24px;
	}
}

@media (max-width: 900px) {
	#mietkautionsburgschaft .content-row-inner {
		height: 400px;
	}
}

@media (max-width: 820px) {
	[data-theme=cosma] #cosma-page-top .main-content {
		width: 304px !important;
	}

	[data-theme=cosma] .exklusive-counter-container {
		top: 50px;
		right: 60px;
	}
}

@media (max-width: 767px) {
	/*
    Suchen Section
 */
	#chancen-analyse .img-container {
		margin: 8px 0 28px 0;
	}

	#oben-in-postfach .img-container {
		margin: 8px 0 31px 0;
	}

	#exklusive-anzeige .img-container {
		margin: 8px 0 28px 0;
	}

	#calendar .img-container {
		margin: 8px 0 31px 0;
	}

	.page-wrapper {
		padding: 0 0;
	}

	.page-theme-header {
		background-position: right -230px top;
	}

	.bewerben-header {
		background-position: left -150px top;
	}

	.vorteile-header {
		background-position: left -180px top;
	}

	/* Sections */
	.section-header {
		padding: 0 27px;
	}

	.section-header-content {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.section-header h1.title {
		margin-top: 20px;
		margin-bottom: 0.1em;
		font-size: 32px;
	}

	.section-header h2.subtitle {
		font-size: 32px;
	}

	.section-header .description {
		font-size: 16px;
	}

	.section-body {
		padding: 0 27px;
		margin-bottom: 49px;
	}

	.section-body-content {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.content-row-container {
		margin: 49px 0 0 0;
	}

	.content-row-inner {
		min-height: auto !important;
		margin-bottom: auto !important;
	}

	.content-row {
		margin: 0;
		padding: 0 0;
		width: 100% !important;
	}

	.content-row h2.title {
		font-size: 24px;
	}

	.content-row.right:not(.floating) {
		margin-left: 0;
		padding-left: 0;
	}

	.content-row.right {
		margin-left: initial;
	}

	.content-row.floating {
		position: static;
		text-align: center;
	}

	.content-row img {
		max-width: 100%;
	}

	/*
	Page theme
	 */
	.page-theme-header .header-top-stripe {
		display: none;
	}

	.page-theme-header.section-header h1.title {
		font-size: 32px;
	}

	.page-theme-header.section-header h2.subtitle {
		font-size: 32px;
	}

	.premium-button-bar {
		margin-top: 33px;
	}

	.schufa-band {
		height: 20px;
	}

	.schufa-band .schufa-stamp {
		position: static;
		top: 0;
	}

	.schufa-band .vorteile {
		display: none;
	}

	/*

	Advantages list

	 */
	.vorteile-content {
		background-image: none;
		display: inline-block;
		width: 100%;
		margin: 30px 0;
	}

	.lp-carousel-arrow-next {
		display: none;
	}

	.lp-carousel-arrow-prev {
		display: none;
	}

	[data-theme=cosma] .lp-carousel-arrow-next,
	[data-theme=cosma] .lp-carousel-arrow-prev {
		display: inline-block;
	}

	.bewerben-content-inner-tile {
		max-width: 370px;
	}

	.quotation .content {
		padding: 0 25px;
	}

	.quotation .content .quote-sign {
		left: -15px;
		width: 75px;
		height: 50px;
	}

	/*
	  Start of - Wohnen
    */
	#mietkautionsburgschaft .content-row-inner {
		height: auto;
	}

	#mietkautionsburgschaft .content-row-inner .content-row.left img {
		max-width: 100%;
		max-height: none;
		bottom: 0;
		position: relative;
		left: 0;
		z-index: 0;
	}

	#nebenkostenCheck img {
		margin: 0;
	}

	[data-theme=cosma] #bewerben-content {
		margin-bottom: 0;
	}

	[data-theme=cosma] .exklusive-counter-container {
		top: 220px;
		right: 90px;
	}
}

@media (max-width: 550px) {
	[data-theme=cosma] .exklusive-counter-container {
		top: 200px;
		right: 75px;
	}
}

@media (max-width: 480px) {

	.sticky-go-top {
		left: calc(50% + 120px);
	}

	.section-header h1.title {
		margin-top: 20px;
		font-size: 28px;
	}

	.sectio-header h2.subtitle {
		font-size: 28px;
	}

	.page-content {
		font-size: 14px;
	}

	[data-theme=cosma] .page-content .section-header {
		padding: 0 16px;
	}

	[data-theme=cosma] .page-content .section-header .title {
		font-size: 28px;
		line-height: 36px;
		margin-top: 32px;
	}

	[data-theme=cosma] .page-content .section-header .description {
		font-size: 18px;
		line-height: 22px;
		margin-top: 17px;
	}

	[data-theme=cosma] .page-content .wohnen-carousel {
		margin-top: 24px;
	}

	[data-theme=cosma] .page-content .wohnen-carousel-content {
		padding: 32px;
		background-color: #f2f2f2;
	}

	[data-theme=cosma] .page-content .wohnen-carousel-title {
		font-size: 20px;
	}

	[data-theme=cosma] .page-content .wohnen-carousel-link {
		display: none;
	}

	[data-theme=cosma] ul.vorteile-list {
		padding: 7px 15px 25px 15px;
	}

	[data-theme=cosma] ul.vorteile-list li {
		font-size: 18px;
		line-height: 22px;
		margin: 14px 0;
	}

	[data-theme=cosma] .price {
		font-size: 32px;
		line-height: 38px;
	}

	[data-theme=cosma] .price-description {
		margin-top: 8px;
	}

	[data-theme=cosma] img.mieter-plus {
		padding-left: 15px;
		padding-top: 33px;
	}

	[data-theme=cosma] .vorteile-content {
		background-image: none;
		margin: 24px 0;
	}

	[data-theme=cosma] #vorteile-header .title {
		margin-top: 32px;
		margin-bottom: 0;
		width: 220px;
	}

	[data-theme=cosma] .main-word {
		width: 100%;
		display: block;
		text-align: center;
	}

	[data-theme=cosma] .bewerben-content-inner-tile .separator {
		width: 48px;
	}

	[data-theme=cosma] .bewerben-content-right .bewerben-content-inner-tile {
		padding: 23px 0 9px 0;
	}

	[data-theme=cosma] .bewerben-content-carousel .lp-carousel-arrow-prev,
	[data-theme=cosma] .bewerben-content-carousel .lp-carousel-arrow-next {
		bottom: -16px;
		top: unset;
		display: inline-block;
	}

	[data-theme=cosma] .bewerben-content-carousel .lp-carousel-arrow-next {
		right: -10px;
	}

	[data-theme=cosma] .bewerben-content-carousel .lp-carousel-arrow-prev {
		left: -10px;
	}


	[data-theme=cosma] .wohnen-carousel-slide {
		margin-left: 7px;
		margin-right: 0;
	}

	[data-theme=cosma] .wohnen-carousel-slide-content {
		width: 258px;
	}

	[data-theme=cosma] .wohnen-carousel-slide-content img {
		width: 258px;
	}

	[data-theme=cosma] .page-content .wohnen-carousel-content {
		width: 251px;
		padding: 15px;
		margin: auto;
	}

	[data-theme=cosma] .wohnen-carousel-control-right {
		right: 12px;
	}

	[data-theme=cosma] .wohnen-carousel-control-left {
		left: 12px;
	}

	[data-theme=cosma] .wohnen-carousel-control {
		top: 216px;
	}

	[data-theme=cosma] #wohnen .section-body {
		padding: 0 0;
	}

	[data-theme=cosma] .exklusive-counter-container {
		right: 45px;
		top: 140px;
	}

	[data-theme=cosma] .page-content .content-row .title {
		font-size: 20px;
		line-height: 24px;
	}

	[data-theme=cosma] .page-content {
		font-size: 18px;
		line-height: 22px;
	}

	[data-theme=cosma] .separator {
		margin-top: 3px;
		height: 2px;
	}

	[data-theme=cosma] .section-body {
		padding: 0 16px;
	}

	[data-theme=cosma] .content-row.left:not(.floating) {
		padding-right: 0;
	}

	[data-theme=cosma] #chancen-analyse .img-container {
		margin-bottom: 16px;
	}

	[data-theme=cosma] #oben-in-postfach .img-container,
	[data-theme=cosma] #exklusive-anzeige .img-container,
	[data-theme=cosma] #calendar .img-container{
		margin: 0px 0px 16px 0px;
	}

	[data-theme=cosma] .content-row-container {
		margin: 32px 0px 0px 0px;
	}

	[data-theme=cosma] .section-body {
		margin-bottom: 40px;
	}

	[data-theme=cosma] #suchen {
		padding-top: 8px;
	}
	/*
		Navigation bar
	 */
	.navigation-bar {
		overflow: hidden;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.navigation-bar ul.navigation-list li {
		flex: 1 0 34%;
		text-align: center;
		text-transform: uppercase;
		border-left: 1px solid #dcdcdc !important;
		border-bottom: 1px solid #dcdcdc;
		padding: 5px 0;
	}

	/* Main Theme */
	.page-theme-header.section-header h1.title {
		font-size: 28px;
		margin: 0;
	}

	.page-theme-header.section-header h2.subtitle {
		font-size: 28px;
		margin: 0;
	}

	.page-theme-header.section-header .description {
		max-width: 700px;
		width: 100%;
		text-align: center;
		margin: 0px;
		text-shadow: 0 0 4px #000000;
		margin: 10px 0px 0px 0px;
	}

	.vorteile-list-wrapper .premium-badge {
		display: none;
	}

	ul.vorteile-list {
		padding: 10px 10px 10px 10px;
	}

	[data-theme=cosma] #cosma-page-top {
		height: 430px;
	}

	[data-theme=cosma] #cosma-page-top.redesign-page-top {
		height: 470px;
	}

	[data-theme=cosma] #cosma-page-top .main-content {
		padding: 40px 16px;
		width: auto;
	}

	[data-theme=cosma] #cosma-page-top .main-content-wrapper {
		width: auto;
		padding: 0px !important;
	}

	[data-theme=cosma] #cosma-page-top .title {
		font-size: 32px;
		line-height: 40px;
	}

	[data-theme=cosma] #cosma-page-top .smaller-title {
		font-size: 28px;
		line-height: 36px;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 20px;
		line-height: 24px;
		margin-top: 30px;
	}

	[data-theme=cosma] #cosma-page-top .action-buttons {
		display: block;
		margin-top: 24px;
	}

	[data-theme=cosma] #cosma-page-top .kaufer-plus-link {
		margin-top: 16px;
		padding-left: 7px;
	}

	[data-theme=cosma] #cosma-page-top .title-mieter-plus-wrapper {
		display: block;
		width: 100%;
	}

	[data-theme=cosma] #cosma-page-top .main-pluses {
		display: block;
		position: absolute;
		z-index: 10000;
		right: 0;
		bottom: 0;
	}

	[data-theme=cosma] img.dark-mieter-plus {
		padding-top: 0;
		width: 158px;
		height: 42px;
		margin-top: -4px;
	}

	[data-theme=cosma] .page-content .exklusive-counter-container .description {
		font-size: 12px;
		line-height: 16px;
		margin: auto;
	}
}

@media (max-width: 380px) {
	[data-theme=cosma] .exklusive-counter-container {
		right: 6px;
		top: 94px;
	}
}

[data-theme=cosma] .button-primary {
	max-width: 248px;
}

.wohnen-carousel {
	position: relative;
	margin-top: 34px;
	margin-bottom: 42px;
}

[data-theme=cosma] .wohnen-carousel {
	margin-top: 41px;
}

.wohnen-carousel-line {
	margin: 15px 0 25px 0;
	width: 72px;
	height: 3px;
	background-image: linear-gradient(to left, #ffad00, #ff7500);
}

[data-theme=cosma] .wohnen-carousel-line {
	background-color: #20fed4;
	background-image: none;
	margin: 15px 0 26px 0;
}

.wohnen-carousel-slide {
	margin-left: 10px;
	margin-right: 10px;
}

.wohnen-carousel-slide-content {
	width: 300px
}

.wohnen-carousel-content {
	padding: 40px 24px 0 24px;
	height: 300px;
	background-color: #f2f2f2;
}

[data-theme=cosma] .wohnen-carousel-content {
	background-color: #ffffff;
	padding: 24px 0 0 0;
}

.wohnen-carousel-description {
	font-size: 14px;
}

[data-theme=cosma] .wohnen-carousel-description {
	font-size: 14px;
	line-height: 1.43;
}

.wohnen-carousel-title {
	font-size: 22px;
}

[data-theme=cosma] .wohnen-carousel-title {
	font-size: 24px;
	color: rgba(0,0,0,0.86);
	font-weight: 600 !important;
	line-height: 1.5;
}

.wohnen-carousel-control {
	position: absolute;
	transform: translateY(-50%);
	top: 254px;
	width: 36px;
	height: 36px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	background-color: #ffffff;
	border-radius: 999px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	z-index: 2;
}

.wohnen-carousel-control-left {
	left: 44px
}

.wohnen-carousel-control-right {
	right: 44px
}

.wohnen-carousel .slick-dots {
	bottom: 28px;
}

.wohnen-carousel .slick-dots>li>button::before{
	color: #cccccc;
}

.wohnen-carousel .slick-dots>li.slick-active>button::before{
	color: #a3a3a3;
}

[data-theme=cosma] .page-content .slick-dots li button:hover:before,
[data-theme=cosma] .page-content .slick-dots>li.slick-active>button:before {
	color: #00ffd0;
}

[data-theme=cosma] .page-content .slick-dots>li.slick-active>button:before {
	font-size: 12px;
}

.wohnen-carousel-link {
	font-size: 14px;
	text-decoration: underline;
}

[data-theme=cosma] .wohnen-carousel-link {
	color: #2267e8;
	line-height: 1.43;
	margin-top: 32px;
	display: block;
	width: fit-content;
}

/*************** SPECIAL PROMOTION START *****************/

.sale-countdown-container {
	margin-top: 8px;
	margin-bottom: -14px;
}

.sale-header {
	font-size: 20px;
}

.sale-countdown {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	text-align: center;
	width: 230px;
	color: #ffffff;
	margin: auto;
}

.sale-countdown-number-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1 1 0;
}

.sale-countdown-number {
	border: solid 1px #ffffff;
	background-color: #333333;
	border-radius: 2px;
	width: 44px;
	height: 42px;
	font-size: 24px;
	font-weight: bold;
}

[data-theme=cosma] .sale-countdown-number {
	line-height: 1.6;
}

.sale-countdown-label {
	font-size: 12px;
}

.sale-gray-color {
	color: #333333;
}

.sale-line-through{
	position: relative;
}

.sale-line-through::after{
	content: '';
	border-bottom: 2px solid #f00732;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}

.sale-price-bar {
	text-align: center;
	font-size: 18px;
}

.sale-promo-price {
	color: #f00732;
	font-size: 36px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

.sale-price-description {
	font-size: 14px;
	color: #9b9b9b;
}

.sale-orange-bar {
	 position: relative;
	 height: 3px;
	 width: 100%;
	 background-image: linear-gradient(to left, #ffad00, #ff7500);
 }

[data-theme=cosma] .sale-orange-bar {
	display: none;
}

.sale-premium {
	position: absolute;
	top: -18px;
	left: 16px;
	z-index: 1;
}
.sale-container {
	height: 467px;
	overflow: hidden;
	background: #333333;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	display: flex;
	flex-direction: row;
}
.sale-left-column {
	flex-shrink: 1;
	width: 50%;
	margin-top: 49px;
	padding-left: 110px;
	color: #ffffff;
}
.sale-title-1 {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.22;
}
.sale-title-2 {
	font-size: 36px;
	font-weight: normal;
	line-height: 1.22;
}
.sale-description {
	padding-top: 24px;
	text-shadow: 0 0 4px #000000;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	width: 380px;
}
.sale-button-container {
	width: 297px;
	text-align: center;
 }
.sale-button-container .premium-button-bar {
	width: 100%;
	margin-top: 24px;
}
.sale-button-container .premium-button-bar .subscription-button {
	max-width: none;
}
.sale-right-column {
	flex-shrink: 1;
	width: 50%;
	background-image: url("/meinkonto/resources/img/premium/sale/spring.png");
	background-size: cover;
	background-position: center;
}

[data-theme=cosma] .sale-right-column {
	background-image: url("/meinkonto/resources/img/premium/sale/spring-cosma.png");
}

.sale-discount-info {
	position: relative;
	top: 163px;
	padding-top: 8px;
	padding-bottom: 24px;
	background-color: rgba(51, 51, 51, 0.4);
}

.sale-discount-info-top-text {
	text-align: center;
	font-size: 15px;
	line-height: normal;
	color: #ffffff;
}

.sale-discount-info-text {
	width: 244px;
	height: 50px;
	border-radius: 0.9px;
	background-image: linear-gradient(52deg, #ffffff -7%, #ffffff 29%);
	margin: 10px auto 16px;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	line-height: normal;
	color: #333333;
}

[data-theme=cosma] .sale-discount-info-text {
	line-height: 1.4;
}


.sale-discount-info-no-countdown-text-1 {
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	line-height: 0.94;
	color: #ffffff;
}

.sale-discount-info-no-countdown-text-2 {
	text-align: center;
	font-size: 15px;
	line-height: 1.4;
	margin-top: 8px;
	color: #ffffff;
}

.sale-discount-info-countdown-top-container {
	margin-top: 8px;
}

.sale-discount-info-countdown {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	text-align: center;
	width: 230px;
	color: #ffffff;
	margin: auto;
}

.sale-discount-info-countdown-text {
	line-height: normal;
	text-align: center;
	font-size: 15px;
	color: #ffffff;
}

.mobile-sale-button-container {
	display: none;
}

.sale-countdown-text {
	position: absolute;
	top: 239px;
	left: 62px;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
}
.sale-countdown-top-container {
	position: absolute;
	top: 269px;
	left: 58px;
}
.sale-no-countdown-text-1 {
	position: absolute;
	top: 235px;
	left: 72px;
	width: 207px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.15;
	color: #ffffff;
}
.sale-no-countdown-text-2 {
	position: absolute;
	top: 328px;
	left: 82px;
	width: 187px;
	text-align: center;
	font-size: 17px;
	line-height: 1.4;
	color: #ffffff;
}

[data-theme=cosma] .client-opinion-section {
	background-color: rgba(0, 255, 208, 0.2);
	font-size: 24px;
	line-height: 29px;
	height: 400px;
	position: relative;
	align-items: center;
}

[data-theme=cosma] .client-opinion-section .client-opinion-container {
	float: left;
	width: 460px;
	margin: 81px 87px 132px 113px;
}

[data-theme=cosma] .client-opinion-section .client-opinion-container.first-opinion-container {
	float: right;
	margin: 95px 100px 40px 95px;
}

[data-theme=cosma] .client-opinion-section .client-opinion-separator {
	margin: 41px 0 16px 0;
}

[data-theme=cosma] .client-opinion-section .first-opinion-separator {
	margin: 20px 0 16px 0;
}

[data-theme=cosma] .client-opinion-section .author {
	width: 100px;
	font-size: 14px;
	line-height: 20px;
}

[data-theme=cosma] .client-opinion-section .client-opinion-bg {
	position: absolute;
	right: 95px;
	top: 30px;
}

[data-theme=cosma] .client-opinion-section .client-opinion-bg.first-opinion-bg {
	left: 50px;
}

[data-theme=cosma] .client-opinion-section img {
	display: block;
	width: 516px;
	height: 347px;
}

@media (max-width: 1200px) {
	[data-theme=cosma] .client-opinion-section .client-opinion-container {
		width: 400px;
	}
}

@media (max-width: 1100px) {
	[data-theme=cosma] #cosma-page-top .main-content {
		width: 578px;
	}

	[data-theme=cosma] #cosma-page-top .main-content-wrapper {
		width: auto;
		padding: 0 30px;
	}

	[data-theme=cosma] #cosma-page-top .title {
		font-size: 28px;
	}

	[data-theme=cosma] #cosma-page-top .title.redesign-title {
		font-size: 36px;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 20px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container {
		width: 440px;
		margin: 95px 87px 45px 50px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-bg {
		right: 50px;
		top: 40px;
	}

	[data-theme=cosma] .client-opinion-section img {
		width: 450px;
		height: 320px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container.first-opinion-container {
		width: 440px;
		margin-right: 65px;
	}
}

@media (max-width: 1024px) {
	[data-theme=cosma] #cosma-page-top .title {
		font-size: 24px;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 19px;
	}

	[data-theme=cosma] #cosma-page-top .kaufer-plus-link {
		padding-top: 20px;
		padding-left: 5px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container.first-opinion-container {
		width: 400px;
		margin-right: 30px;
	}
}

@media (max-width: 970px) {
	.sale-left-column {
		flex-shrink: 0;
		padding-left: 24px;
	}
	.sale-title-1 {
		font-size: 32px;
		line-height: 1.19;
	}
	.sale-title-2 {
		font-size: 32px;
		line-height: 1.19;
	}
	.sale-description {
		width: 230px;
	}
	.sale-button-container {
		width: 289px;
	}
	.sale-right-column {
		flex-shrink: 0;
		flex-grow: 1;
		background-image: url("/meinkonto/resources/img/premium/sale/spring.png");
		background-size: cover;
		background-position: left;
		background-repeat: no-repeat;
	}
	.sale-countdown-text {
		top: 165px;
		left: 60px;
		font-size: 14.4px;
	}
	.sale-countdown-top-container {
		top: 196px;
		left: 58px;
	}
	.sale-countdown {
		width: 200px;
	}
	.sale-countdown-number {
		width: 40px;
		height: 38px;
		line-height: 1.46;
	}

	[data-theme=cosma] .sale-countdown-number {
		line-height: 1.46;
	}

	.sale-countdown-label {
		font-size: 10px;
		line-height: 1.67;
	}
	.sale-no-countdown-text-1 {
		top: 163px;
		left: 57px;
		font-size: 33px;
	}
	.sale-no-countdown-text-2 {
		top: 245px;
		left: 68px;
		font-size: 15px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container.first-opinion-container {
		width: 365px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-bg.first-opinion-bg {
		left: 40px;
	}
}

@media (max-width: 930px) {
	[data-theme=cosma] #cosma-page-top .title {
		font-size: 19px;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 16px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container {
		width: 350px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-bg {
		position: absolute;
		right: 27px;
		top: 70px;
	}

	[data-theme=cosma] .client-opinion-section img {
		display: block;
		width: 430px;
		height: 275px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container.first-opinion-container {
		font-size: 21px;
		width: 320px;
	}
}

@media (max-width: 820px) {
	.sale-left-column {
		flex-grow: 1;
	}

	.sale-right-column {
		flex-grow: 0;
		background-image: url("/meinkonto/resources/img/premium/sale/spring-tablet.png");
		background-size: cover;
		background-position: center;
	}

	[data-theme=cosma] .sale-right-column {
		background-image: url("/meinkonto/resources/img/premium/sale/spring-cosma-tablet.png");
	}

	[data-theme=cosma] .client-opinion-section img {
		display: block;
		width: 400px;
		height: 260px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container {
		width: 300px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container.first-opinion-container {
		width: 270px;
	}
}

@media (max-width: 750px) {
	.sale-orange-bar {
		display: none;
	}
	.sale-container {
		height: 622px;
		flex-direction: column;
		background-image: url("/meinkonto/resources/img/premium/sale/spring.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	[data-theme=cosma] .sale-container {
		background-image: url("/meinkonto/resources/img/premium/sale/spring-cosma.png");
	}

	.sale-left-column {
		flex-shrink: 0;
		text-align: center;
		width: 318px;
		margin-top: 0;
		padding-left: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.sale-title-1 {
		padding-top: 26px;
		font-size: 24px;
		font-weight: 600;
		line-height: 1.25;
	}
	.sale-title-2 {
		font-size: 24px;
		font-weight: normal;
		line-height: 1.25;
	}
	.sale-description {
		width: auto;
	}
	.sale-button-container {
		display: none;
		width: 250px;
		margin-left: auto;
		margin-right: auto;
	}

	.sale-discount-info-text {
		width: auto;
	}

	.sale-discount-info-no-countdown-text-2 {
		margin-bottom: 24px;
	}

	.sale-discount-info-countdown-top-container {
		margin-bottom: 16px;
	}

	.mobile-sale-button-container {
		display: inline-block;
		width: 250px;
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-sale-button-container .premium-button-bar {
		margin-top: 0px;
	}

	.sale-button-container .premium-button-bar {
		margin-top: 16px;
	}
	.sale-right-column {
		flex-shrink: 0;
		background: none;
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	[data-theme=cosma] .sale-right-column {
		background: none;
	}

	.sale-discount-info {
		top: 0;
		margin-bottom: 44px;
	}

	[data-theme=cosma] #cosma-page-top .main-content {
		padding: 40px 16px;
		width: auto !important;
	}

	[data-theme=cosma] #cosma-page-top .main-content-wrapper {
		width: auto;
	}

	[data-theme=cosma] #cosma-page-top .action-buttons {
		display: block;
		margin-top: 24px;
	}

	[data-theme=cosma] #cosma-page-top .action-buttons.redesign-action-buttons {
		display: flex;
	}

	[data-theme=cosma] #cosma-page-top .kaufer-plus-link {
		margin-top: 16px;
		padding-left: 7px;
	}

	[data-theme=cosma] #cosma-page-top .title-mieter-plus-wrapper {
		display: block;
		width: 100%;
	}

	[data-theme=cosma] #cosma-page-top .main-pluses {
		display: block;
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: 0;
	}

	[data-theme=cosma] #cosma-page-top .main-photo {
		display: none;
	}

	[data-theme=cosma] #cosma-page-top .title {
		font-size: 30px;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 20px;
	}

	[data-theme=cosma] .client-opinion-section .first-opinion-separator {
		margin: 20px auto 16px auto;
		width: 41px;
	}
}
@media (max-width: 750px) {
	[data-theme=cosma] #cosma-page-top .title {
		font-size: 26px;
		width: 600px;
	}

	[data-theme=cosma] #cosma-page-top .title.redesign-title {
		width: 550px;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 18px;
	}

	[data-theme=cosma] #cosma-page-top .kaufer-plus-link {
		padding-left: 21px;
		margin-top: 0;
		padding-top: 0;
	}

	[data-theme=cosma] .client-opinion-section {
		flex-direction: column-reverse;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 427px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container,
	[data-theme=cosma] .client-opinion-section .client-opinion-container.first-opinion-container {
		width: 415px;
		top: 248px;
		font-size: 18px;
		line-height: 20px;
		left: 16px;
		margin: 26px auto 42px auto;
		text-align: center;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container {
		margin: 26px auto 40px auto;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-separator {
		width: 41px;
		margin: 23px auto 12px auto;
	}

	[data-theme=cosma] .client-opinion-section .author {
		margin: auto;
		margin-top: 12px;
		width: 100px;
		text-align: center;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-bg {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		margin: 40px auto 0 auto;
		left: auto;
	}

	[data-theme=cosma] .client-opinion-section img {
		width: 335px;
		height: 195px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-bg.first-opinion-bg {
		left: auto;
	}

	[data-theme=cosma] .text-wrapper {
		display: inline-block;
	}
}

@media (max-width: 600px) {
	[data-theme=cosma] #cosma-page-top .title {
		font-size: 22px;
		width: unset;
	}

	[data-theme=cosma] #cosma-page-top .title.redesign-title {
		width: unset;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 18px;
	}

	[data-theme=cosma] #cosma-page-top .action-buttons.redesign-action-buttons {
		display: block;
	}

	[data-theme=cosma] #cosma-page-top .kaufer-plus-link {
		margin-top: 24px;
		padding-left: 6px;
	}

	[data-theme=cosma] .text-wrapper {
		display: flex;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.sale-container {
		background-image: url("/meinkonto/resources/img/premium/sale/spring-mobile.png");
		background-size: cover;
	}

	[data-theme=cosma] .sale-container {
		background-image: url("/meinkonto/resources/img/premium/sale/spring-cosma-mobile.png");
	}

	[data-theme=cosma] .mobile-width {
		max-width: 80%;
	}

	[data-theme=cosma] #cosma-page-top .title {
		font-size: 19px;
	}

	[data-theme=cosma] #cosma-page-top .title.redesign-title {
		font-size: 32px;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 16px;
	}

	[data-theme=cosma] #cosma-page-top .description.redesign-description {
		font-size: 20px;
	}

	[data-theme=cosma] #cosma-page-top .kaufer-plus-link {
		margin-top: 16px;
	}

	[data-theme=cosma] #cosma-page-top .main-content {
		display: flex;
	}

	[data-theme=cosma] .client-opinion-section img {
		width: 310px;
		height: 180px;
	}

	[data-theme=cosma] .client-opinion-section .client-opinion-container,
	[data-theme=cosma] .client-opinion-section .client-opinion-container.first-opinion-container {
		width: 288px;
	}

	[data-theme=cosma] .client-opinion-section.first-opinion-section {
		height: 465px;
	}

	[data-theme=cosma] .client-opinion-section .first-opinion-separator {
		margin: 15px auto 12px auto;
	}
}

@media (max-width: 380px) {
	[data-theme=cosma] #cosma-page-top .title {
		font-size: 16px;
	}

	[data-theme=cosma] #cosma-page-top .description {
		font-size: 14px;
	}

	[data-theme=cosma] #cosma-page-top.redesign-page-top .main-content {
		display: block;
	}

	[data-theme=cosma] .client-opinion-section img {
		width: 280px;
		height: 176px;
	}
}

@media (max-width: 340px) {
	.sale-promo-price {
		font-size: 30px;
		font-weight: bold;
		margin-left: 5px;
		margin-right: 5px;
	}

	.sale-price-bar {
		font-size: 16px;
	}

	.sale-description {
		font-size: 15px;
		padding-left: 2px;
		padding-right: 2px;
	}

	[data-theme=cosma] .sale-description {
		padding-left: 8px;
		padding-right: 8px;
	}
}

/**************** SPECIAL PROMOTION END *************/


/*=========================================*/
/* === Show overview of benefits on top ===*/
/*=========================================*/
.benefits.grid {
    margin-top: 24px;
}
.benefits .grid-item .benefit {
    padding: 5px;
    font-size: 14px;
    display: flex;
}
.benefits .grid-item .benefit:before {
    font-family: IS24Icons;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    content: "\e943";
    margin-right: 5px;
}

.benefits-price {
    font-size: 18px;
    margin-top: 20px;
}
.benefits-price .price{
    font-size: 32px;
}

.benefits-price .price-description{
    display: inline-block;
}

#cosma-page-top.section.with-benefits {
    height: 640px;
    overflow: hidden;
}

[data-theme=cosma] #cosma-page-top.section.with-benefits .main-photo {
    right: -50px;
}
[data-theme=cosma] #cosma-page-top.section.with-benefits .main-photo img{
    height: 640px;
}

[data-theme=cosma] #cosma-page-top.section.with-benefits .main-content .action-buttons {
    margin-top: 35px;
}

@media (max-width: 1024px) {
    [data-theme=cosma] #cosma-page-top.section.with-benefits .title.redesign-title {
        font-size: 32px;
    }
    .benefits.grid-flex.gutter-horizontal-s {
        margin-left: -20px;
        width: calc(100% + 100px);
    }
    .price-description {
        font-size: 16px;
    }

    [data-theme=cosma] #cosma-page-top.with-benefits .main-content {
        width: 500px !important;
    }
}

@media  (max-width: 750px) {
    [data-theme=cosma] #cosma-page-top.with-benefits .main-content {
        width: auto !important;
    }
    .benefits.grid-flex.gutter-horizontal-s {
        margin-left: 0;
        width: calc(100% + 8px);
    }
}
@media  (max-width: 668px) {
    #cosma-page-top.section.with-benefits {
        height: 730px;
    }
}
@media  (max-width: 600px) {
    #cosma-page-top.section.with-benefits {
        height: 800px;
    }
}
@media  (max-width: 460px) {
    #cosma-page-top.section.with-benefits {
        height: 800px;
    }
}
@media  (max-width: 380px) {
    #cosma-page-top.section.with-benefits {
        height: 840px;
    }
}
@media  (max-width: 360px) {
    #cosma-page-top.section.with-benefits {
        height: 890px;
    }
}