/*
	upHill Value Marketing - Theme 2025
*/

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src:  url('/files/_tmpl/fonts/Anton-Regular.ttf');
  font-display: swap;
}

:root {
	
	--farbe-linker-balken:          #fdb388;
	--farbe-linker-balken-text:     #000000;
	
	--farbe-hellgrau:               #e9e9e9;
	--farbe-hellorange:             #ffdeca;
	
	--hero-background:              #E9E9E9;
	--hero-headline-schrift:        Anton, sans-serif;
	--hero-headline-farbe:          #b28b79;
	--hero-headline-groesse:        84px;
	--headline-schrift:             Anton, sans-serif;
	--headline-farbe:               #47504f;
	--headline-groesse-h2:          38px;
	--headline-groesse-h2-small:    32px;

	--farbe-button-bg:              var(--farbe-orange-dunkel);
	--farbe-button-text:            #ffffff;
	--farbe-button-rahmen:          #ffffff;
	--farbe-button-bg-hover:        var(--farbe-grau-ganzhell);
	--farbe-button-text-hover:      var(--farbe-orange-dunkel);
	--farbe-button-rahmen-hover:    var(--farbe-orange-dunkel);

	--nav-mobile-color-text:           #ffffff;
	--nav-mobile-color-submenu-text:   #333333;
	--nav-mobile-color-submenu-bg:     #E9E9E9;
	--nav-mobile-color-submenu-border: var(--farbe-marke);
	--nav-mobile-color-submenu-text2:  #ffffff;
	--nav-mobile-color-submenu-bg2:    transparent;
	--farbe-navi-sub-bg:               var(--farbe-hellorange);

}


/*

	Breakpoints/Bereiche:
	xs: - 549px          (min-width: 0px)
	sm: 550 - 767px      (min-width: 34.375em)
	md: 768 - 939px      (min-width: 48em)
	lg: 940 - 1099px     (min-width: 58.75em)
	xl: 1100 -           (min-width: 68.75em)


*/

html {
  scroll-behavior: smooth;
}

header {
	text-align: right;
}



@media screen and (max-width: 549px) {
	#container {
		padding-top: 60px;
	}
}

#main > .inside {
	padding-top: 0;
}

#main h2 {
	font-family: var(--headline-schrift);
	font-size: var(--headline-groesse-h2);
	color: var(--headline-farbe);
	hyphens: none;
}
@media screen and (max-width: 549px) {
	#main h2 {
		font-size: var(--headline-groesse-h2-small);
	}
}


#main .mod_article:not(.hero2025) .ce_text.linker-balken {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	left: 12%;
	background: var(--farbe-linker-balken);
	color: var(--farbe-linker-balken-text);
	padding: 30px 30px;
	width: 300px;
	height: 100%;
}
#main .mod_article.hero2025 .ce_text.linker-balken {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	left: 12%;
	background: var(--farbe-linker-balken);
	color: var(--farbe-linker-balken-text);
	padding: 30px 30px;
	width: 300px;
	height: 100%;
}



body.seite2 #header .socialmedia-links {
  top: 10px;
}
@media screen and (max-width: 767px) {
	body.seite2 .logo img {
		width: 110px;
	}
}


.logo-im-balken {
	position: absolute;
	top: 45px;
	left: calc(12% + 150px);
	z-index: 999;
	transform: translate(-50%,0);
}


.hero2025.y2025 .article_bg.image img {
	object-fit: contain;
	object-position: top right;
}
.hero--text.y2025 {
	left: 15%;
	width: 50%;
}

@media screen and (min-width: 1100px) and (max-width: 1600px) {
	.mod_article:not(.has_inside) .article_bg img, .mod_article.has_inside > .article_inside > .article_bg img {
		object-fit: contain;
	}
	.article_bg.image picture {
		position: relative !important;
	}
	.hero--text {
		top: 30% !important;
		left: 30% !important;
	}
	.hero--text.y2025 {
		left: 10% !important;
	}
	.hero--text.y2025 h1 {
		font-size: 64px !important;
	}
	#main .mod_article .ce_text.linker-balken {
		left: 6% !important;
		width: 260px !important;
	}
	.logo-im-balken {
		top: 50px;
		left: calc(6% + 130px);
		z-index: 999;
		transform: translate(-50%,0);
	}
}

@media screen and (min-width: 940px) {
	.mod_article.hero2025 {
		height: 90vh;
	}
}
@media screen and (max-width: 960px) {
	.mod_article:not(.has_inside) .article_bg {
		position: absolute;
	}
}

#main .ce_text p {
	font-size: 20px !important;
	font-size: 1.25rem !important;
}
#main .ce_text.dicker-text p {
	font-family: var(--headline-schrift);
	text-transform: uppercase;
	line-height: 1.15;
	font-size: 46px !important;
	color: var(--headline-farbe);
}
@media screen and (max-width: 549px) {
	#main .ce_text p {
		font-size: 18px !important;
		font-size: 1.125rem !important;
	}
}
.dekobild-1 {
	position: absolute;
	right: -20%;
	width: 420px;
	rotate: 10deg;
}





.handstreich p, 
.handstreich h2 {
	position: relative;
}
.handstreich p::after, 
.handstreich h2::after, 
h2.handstreich::after {
	content: ' ';
	display: inline-block;
	position: absolute;
	bottom: -35px;
	right: 20px;
	width: 70%;
	height: 50px;
	background-image: url(https://www.uphill-value-marketing.de/files/Bilder/2025/handstreich.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#main .mod_article > .inside div.row:not(.article_bg) {
	z-index: 99;
	position: relative;
}


body.seite2 [id="header"] {
  position: relative;
}
[id="header"]::before {
	display: none;
}
body.seite2 [id="header"] > .inside {
	padding-bottom: 45px;
}
.nav-toggler {
	grid-column: 2 / 3;
}
.nav--main {
	display: inline-block;
}
.nav--mobile .level_2 {
	background-color: var(--nav-mobile-color-submenu-bg);
	border: 1px solid var(--nav-mobile-color-submenu-border);
}	
.nav--mobile .level_2 a, 
.nav--mobile .level_2 strong {
	color: var(--nav-mobile-color-submenu-text) !important;
}
.nav--mobile .level_2 a:hover {
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.nav--main ul.level_2 {
		padding: 0 30px 0 0;
	}
	.nav--mobile .level_2 {
		background-color: var(--nav-mobile-color-submenu-bg2);
		border: none;
		padding: 0 30px 0 0;
	}	
	.nav--mobile .level_2 a, 
	.nav--mobile .level_2 strong {
		color: var(--nav-mobile-color-submenu-text2) !important;
	}
}



.mod_article.hero2025 {
	padding: 0;
}
.mod_article.hero2025 > .inside {
	padding: 0;
}

.hero--text {
	position: absolute;
	top: 50%;
	left: 37%;
	width: 35%;
	line-height: 1;
	z-index: 999;
}
.hero--text h1 {
	color: var(--hero-headline-farbe);
	font-size: var(--hero-headline-groesse);
	font-family: var(--hero-headline-schrift);
	line-height: 1.1;
}
.hero--text h2 {
	line-height: 1.1;
}
.hero--text.y2025 {
	left: 15%;
}

#main .ce_text.hero--text p {
	font-size: 24px !important;
}

@media screen and (min-width: 0) {
	#main .ce_text.linker-balken {
		position: relative;
		top: auto;
		width: calc(100% + 30px);
		height: auto;
		left: -15px;
	}
}
@media screen and (min-width: 34.375em) {
}
@media screen and (min-width: 48em) {
	.b2b-hero {
		min-height: 300px;
	}
}
@media screen and (min-width: 58.75em) {
	.b2b-hero {
		min-height: 400px;
	}
}

/*
	sm: 550 - 767px      (min-width: 34.375em)
	md: 768 - 939px      (min-width: 48em)
	lg: 940 - 1099px     (min-width: 58.75em)
*/

@media screen and (max-width: 767px) {
	#main .mod_article.hero2025 {
		height: 85vh;
	}
	#main .mod_article.hero2025 > .article_bg {
		position: relative;
		height: 75vh;
	}
	#main .mod_article.hero2025 .article_bg.image picture {
		background-color: var(--hero-background);
		padding-top: 80px;
	}
	#main .hero--text {
		position: absolute;
		height: auto;
		width: 30vw;
		top: 26vh;
		left: 5vw;
	}
	#main .hero--text.y2025 {
		width: 50%;
		left: 3vw;
	}
	#main .hero--text h1 {
		font-size: 42px;
	}
	#main .ce_text.hero--text p {
		font-size: 16px !important;
		line-height: 1.25;
	}
	.logo-im-balken {
		top: 3vh;
		left: 3vw;
		transform: none;
	}
	.ce_image.logo-im-balken a {
		max-width: 25vw;
		height: auto;
	}
	#main .mod_article.hero2025 .ce_text.linker-balken {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 999;
		background: transparent;
		color: var(--farbe-linker-balken-text);
		padding: 15px;
		width: 100%;
		height: auto;
	}
	#main .mod_article:not(.hero2025) {
		padding-top: 0;
		padding-bottom: 0;
	}
	.mod_article:not(.has_inside) .article_bg .inside, 
	.mod_article.has_inside > .article_inside > .article_bg .inside {
		height: 100%;
	}
	#main .mod_article:not(.hero2025) .ce_text.linker-balken {
		position: relative;
		left: -30px;
		top: auto;
		z-index: 999;
		background: var(--farbe-linker-balken);
		color: var(--farbe-linker-balken-text);
		padding: 30px 30px 30px 30px;
		width: calc(100% + 60px);
		height: auto;
	}

	.dekobild-1 {
		position: relative;
	}
}
@media screen and (max-width: 549px) {
	#main .mod_article.hero2025.y2025 .article_bg.image {
		position: relative !important;
	}
	#main .mod_article.hero2025.y2025 .article_bg.image picture {
		position: relative !important;
	}
	#main .hero--text.y2025 {
		position: relative;
		width: 100%;
		left: auto;
		padding: 15px;
	}
	#main .hero--text.y2025 h1 {
		margin: 0;
	}
	#main .hero--text.y2025 h1 + h2 {
		margin: 0;
	}
}



.kundenstimmen .ce_text  {
	display: grid;
	grid-template-columns: 33% 34% 33%;
	grid-template-rows: auto auto;
}
.kundenstimmen figure  {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	padding: 0 30px;
}
.kundenstimmen p  {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
.kundenstimmen .ce_text figure.float_left, 
.kundenstimmen .ce_text figure.float_right  {
	max-width: none;
	margin: 0;
	float: none;
}
.kundenstimmen .ce_text figure.float_right  {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
}
.kundenstimmen .ce_text figure.float_left  {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
.kundenstimmen .ce_text figure.float_left + p  {
	grid-column: 2 / 4;
	grid-row: 1 / 2;
}
.kundenstimmen .ce_text figure.float_right + p  {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}
.kundenstimmen img {
  border-radius: 100%;
  height: auto;
  border: 4px solid var(--farbe-marke-wcag);
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
  filter: saturate(70%);
}

@media screen and (max-width: 549px) {
	.kundenstimmen .ce_text  {
		display: block;
	}
	.kundenstimmen figure  {
		padding: 0 45px 30px 45px;
	}
	.kundenstimmen figure  img {
		max-width: 350px;
	}
	.kundenstimmen p  {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.kundenstimmen .ce_text figure.float_left, 
	.kundenstimmen .ce_text figure.float_right  {
		max-width: none;
		margin: 0;
	}
	.kundenstimmen .ce_text figure.float_right  {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.kundenstimmen .ce_text figure.float_left  {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.kundenstimmen .ce_text figure.float_left + p  {
		grid-column: 2 / 4;
		grid-row: 1 / 2;
	}
	.kundenstimmen .ce_text figure.float_right + p  {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
}


/*
	sm: 550 - 767px      (min-width: 34.375em)
	md: 768 - 939px      (min-width: 48em)
	lg: 940 - 1099px     (min-width: 58.75em)
*/

/*  ----------  Tablet Größe  ----------  */
@media screen and (min-width: 768px) and (max-width: 939px) {
	#main .mod_article.hero2025 {
		height: 75vh;
	}
	#main .mod_article.hero2025.y2025 {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 3 / 2 !important;
		margin-bottom: 0 !important;
	}
	#main .mod_article.hero2025 > .inside {
		height: 100%;
	}
	.mod_article.hero2025 .article_bg.image picture {
		background-color: var(--hero-background);
		padding-top: 0;
	}
	.mod_article.hero2025:not(.has_inside) .article_bg img, 
	.mod_article.hero2025.has_inside > .article_inside > .article_bg img {
	}
	#main .mod_article.hero2025 .ce_text.linker-balken {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 999;
		background: transparent;
		color: var(--farbe-linker-balken-text);
		padding: 15px;
		width: 100%;
	}
	#main .mod_article:not(.hero2025) {
		padding-top: 0;
		padding-bottom: 0;
	}
	.mod_article:not(.has_inside) .article_bg .inside, 
	.mod_article.has_inside > .article_inside > .article_bg .inside {
		height: 100%;
	}
	.mod_article:not(.has_inside) .article_bg img, 
	.mod_article.has_inside > .article_inside > .article_bg img {
		object-fit: cover;
	}
	#main .mod_article:not(.hero2025) .ce_text.linker-balken {
		position: relative;
		left: -30px;
		top: auto;
		z-index: 999;
		background: var(--farbe-linker-balken);
		color: var(--farbe-linker-balken-text);
		padding: 30px 30px 30px 30px;
		width: calc(100% + 60px);
		height: auto;
	}

	.logo-im-balken {
		top: 30px;
		left: 30px;
		transform: none;
	}
	.hero--text {
		position: relative;
		top: auto;
		left: auto;
		padding-top: 240px;
		padding-left: 30px;
		height: 600px;
	}
	.hero--text.y2025 {
		left: 3vw !important;
	}
	.hero--text h1 {
		font-size: 64px;
	}
	.hero--text.y2025 h1 {
		font-size: 46px;
	}
	#main .hero--text.y2025 h1 {
		font-size: 6vw !important;
	}
	#main .hero--text.y2025 h2 {
		font-size: 5vw !important;
	}
	#main .ce_text.hero--text p {
		font-size: 24px !important;
		line-height: 1.25;
	}
	#main .linker-balken h2 {
		font-size: 64px;
	}
	.dekobild-1 {
		position: relative;
		right: auto;
	}
	#main .mod_article.y2025 + .mod_article {
		padding-top: 0 !important;
	}
	.hero2025.y2025 .article_bg.image img {
		object-fit: cover !important;
	}
	#main .hero--text.y2025 {
		position: absolute;
		top: 40%;
		height: auto;
		padding: 0 !important;
	}
}

/*
	sm: 550 - 767px      (min-width: 34.375em)
	md: 768 - 939px      (min-width: 48em)
	lg: 940 - 1099px     (min-width: 58.75em)
*/

/*  ----------  Tablet Größe  ----------  */
@media screen and (min-width: 940px) and (max-width: 1099px) {
	#main .mod_article.hero2025 {
		height: 75vh;
	}
	#main .mod_article.hero2025 > .article_bg {
		position: relative;
		height: 75vh;
	}
	#main .mod_article.hero2025 .article_bg.image picture {
		background-color: var(--hero-background);
		padding-top: 0;
	}
	#main .hero--text {
		position: absolute;
		height: auto;
		width: 30vw;
		top: 30vh;
		left: 5vw;
	}
	#main .hero--text.y2025 {
		left: 5% !important;
		width: 50vw !important;
	}
	#main .hero--text h1 {
		font-size: 46px;
	}
	#main .hero--text.y2025 h2 {
		hyphens: none !important;
	}
	#main .ce_text.hero--text p {
		font-size: 18px !important;
		line-height: 1.25;
	}
	.logo-im-balken {
		top: 5vh;
		left: 5vw;
		transform: none;
	}
	#main .mod_article .ce_text.linker-balken {
		left: 0 !important;
		width: 280px !important;
	}
	#main .mod_article.hero2025 > .inside {
		height: 100%;
	}
	.mod_article.hero2025 .article_bg.image picture {
		background-color: var(--hero-background);
		padding-top: 0;
	}
	.mod_article.hero2025:not(.has_inside) .article_bg img, 
	.mod_article.hero2025.has_inside > .article_inside > .article_bg img {
	}
	#main .mod_article.hero2025 .ce_text.linker-balken {
		position: relative;
		left: 0;
		top: 0;
		z-index: 999;
		background: transparent;
		color: var(--farbe-linker-balken-text);
		padding: 15px;
		width: 100%;
	}
	.hero--text {
		position: absolute;
		top: 35%;
		left: 45px;
		width: 35%;
		line-height: 1;
		z-index: 999;
	}
	#main .mod_article:not(.hero2025) .ce_text.linker-balken {
		position: relative;
	}
}

/*
	sm: 550 - 767px      (min-width: 34.375em)
	md: 768 - 939px      (min-width: 48em)
	lg: 940 - 1099px     (min-width: 58.75em)
*/

@media screen and (max-width: 549px) {
	#main .mod_article.hero2025.y2025 {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 2.75 / 2 !important;
		margin-bottom: 0 !important;
	}
	#main .mod_article.hero2025 .article_bg.image picture {
		padding: 0;
	}
	.hero2025.y2025 .article_bg.image img {
		object-fit: cover !important;
	}
	#main .hero--text.y2025 {
		top: auto;
		border-bottom: 2px solid var(--farbe-hellgrau);
	}
	#main .hero--text.y2025 h1 {
		font-size: 7vw !important;
	}
	#main .hero--text.y2025 h2 {
		font-size: 6vw !important;
	}
}
@media screen and (min-width: 550px) and (max-width: 767px) {
	#main .mod_article.hero2025.y2025 {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 3 / 2 !important;
		margin-bottom: 0 !important;
	}
	#main .mod_article.hero2025 .article_bg.image picture {
		padding: 0;
	}
	#main .mod_article.y2025 + .mod_article {
		padding-top: 0 !important;
	}
	.hero2025.y2025 .article_bg.image img {
		object-fit: cover !important;
	}
	#main .hero--text.y2025 {
		top: 40%;
	}
	#main .hero--text.y2025 h1 {
		font-size: 5.5vw !important;
	}
	#main .hero--text.y2025 h2 {
		font-size: 4.5vw !important;
		hyphens: none;
	}
}
@media screen and (min-width: 940px) and (max-width: 1199px) {
	#main .mod_article.hero2025.y2025 {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 3 / 2 !important;
		margin-bottom: 0 !important;
	}
	#main .mod_article.y2025 + .mod_article {
		padding-top: 0 !important;
	}
	.hero2025.y2025 .article_bg.image img {
		object-fit: cover !important;
	}
	#main .hero--text.y2025 {
		position: absolute;
		top: 30%;
		width: 70%
		height: auto;
		padding: 0 !important;
	}
	#main .hero--text.y2025 h1 {
		font-size: 64px !important;
	}
	#main .hero--text.y2025 h2 {
		font-size: 38px !important;
		hyphens: none;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1439px) {
	#main .mod_article.hero2025.y2025 {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 3 / 2 !important;
		margin-bottom: 0 !important;
	}
	#main .mod_article.y2025 + .mod_article {
		padding-top: 0 !important;
	}
	.hero2025.y2025 .article_bg.image img {
		object-fit: cover !important;
	}
	#main .hero--text.y2025 {
		position: absolute;
		top: 40% !important;
		left: 5% !important;
		width: 60% !important;
		height: auto;
		padding: 0 !important;
	}
	#main .hero--text.y2025 h1 {
		font-size: 64px !important;
	}
	#main .hero--text.y2025 h2 {
		font-size: 38px !important;
		hyphens: none;
	}
}
@media screen and (min-width: 1440px) {
	#main .mod_article.hero2025.y2025 {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 4.5 / 2 !important;
		margin-bottom: 0 !important;
	}
	#main .mod_article.y2025 + .mod_article {
		padding-top: 0 !important;
	}
	.hero2025.y2025 .article_bg.image img {
		object-fit: contain !important;
	}
	#main .hero--text.y2025 {
		position: absolute;
		top: 40% !important;
		left: 20% !important;
		width: 60% !important;
		height: auto;
		padding: 0 !important;
	}
	#main .hero--text.y2025 h1 {
		font-size: 64px !important;
	}
	#main .hero--text.y2025 h2 {
		font-size: 38px !important;
		hyphens: none;
	}
}


.ce_text.bg-hellgrau {
	background-color: var(--farbe-hellgrau);
}
.ce_text.bg-hellorange {
	background-color: var(--farbe-hellorange);
}
.mod_article.w1200 > .inside {
	max-width: 1200px;
}
.mod_article.w1400 > .inside {
	max-width: 1400px;
}




.vergleichskasten {
	position: relative;
	padding-top: 45px !important;
	padding-left: 50px !important;
	hyphens: auto;
}
.vergleichskasten h3 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 20px;
	left: 10px;
	line-height: 1;
	font-family: var(--headline-schrift);
	writing-mode: sideways-lr;
	font-size: 46px;
	-ms-writing-mode: tb-rl; 
	writing-mode: vertical-rl; 
	transform:rotate(180deg);
}
@media screen and (min-width: 0) {
	.vergleichskasten {
		min-height: 320px;
	}
	.vergleichskasten h3 {
		font-size: 36px;
	}
}
@media screen and (min-width: 34.375em) {
	.vergleichskasten {
		min-height: 320px;
	}
	.vergleichskasten h3 {
		font-size: 36px;
	}
}
@media screen and (min-width: 48em) {
	.vergleichskasten {
		min-height: 380px;
	}
	.vergleichskasten h3 {
		font-size: 36px;
	}
}

.ce_player.quadratisch .video_container, 
.ce_youtube.quadratisch .video_container {
	padding-bottom: 0;
}
.ce_player.quadratisch video {
	position: relative;
}



#main h2.ce_headline {
	position: relative;
}
#main h2.ce_headline.handstreich::after {
	background-position: 80%;
}
#main h2.ce_headline.headline-2 {
	font-size: 64px;
	text-align: center;
	background-image: url(/files/_tmpl/img/UpHill_Haken.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 60px;
	padding: 0 75px;
}
#main h2.ce_headline.headline-3 {
	font-size: 54px;
	text-align: center;
	background-image: url(/files/_tmpl/img/UpHill_Haken.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 60px;
	padding: 0 75px;
}

.ce_hyperlink.button a {
	position: relative;
	background-color: var(--farbe-button-bg);
	color: var(--farbe-button-text);
	padding: 15px 30px;
	border-radius: 50px;
	border: 2px solid var(--farbe-button-rahmen);
	font-size: 20px;
	font-size: 1.25rem;
	text-align: center;
	display: inline-block;
	line-height: 1.25;
	transition: all 0.3s;
}
.ce_hyperlink.button a:hover {
	background-color: var(--farbe-button-bg-hover);
	color: var(--farbe-button-text-hover);
	border: 2px solid var(--farbe-button-rahmen-hover);
}
.ce_hyperlink.button-hand a {
	font-size: 24px;
	padding: 15px 15px 15px 90px;
	position: relative;
	display: block;
	line-height: 1.25;
	height: 100px;
}
.ce_hyperlink.button-hand a::before {
	position: absolute;
	top: 10px;
	left: 0;
	content: ' ';
	display: inline-block;
	width: 80px;
	height: 80px;
	background-image: url(/files/Bilder/2025/Neues%20Design%20%28200%20x%20200%20px%29.svg);
	background-repeat: no-repeat;
	background-size: contain;
}


/*
	sm: 550 - 767px      (min-width: 34.375em)
	md: 768 - 939px      (min-width: 48em)
	lg: 940 - 1099px     (min-width: 58.75em)
*/

@media screen and (max-width: 47.9em) {
	#main h2.ce_headline.headline-2 {
		font-size: 46px;
		text-align: center;
		background-image: url(/files/_tmpl/img/UpHill_Haken.svg);
		background-repeat: no-repeat;
		background-position: top left;
		background-size: 50px;
		padding-top: 60px;
	}
}



/*  ==========  NFC Landing Page  ==========  */


body.nfc-lp #main > .inside {
	padding-top: 0;
}
body.nfc-lp [id="wrapper"] {
	width: 100%;
	max-width: 480px;
}
body.nfc-lp .mod_article.hero {
	min-height: auto;
	max-height: none;
}
body.nfc-lp .mod_article.hero > .inside {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	max-width: none;
}
body.nfc-lp .mod_article.hero .ce_hero > .image_container {
	height: 75vh;
	overflow: hidden;
}
body.nfc-lp .ce_hero {
	margin: 0;
	padding: 0;
}
body.nfc-lp .mod_article.hero .ce_hero > .image_container img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	max-width: 100vw;
	margin: 0;
}
body.nfc-lp .ce_hero.text-unten .content_container {
	padding: 0;
}
body.nfc-lp .ce_hero .content_container .teaser, 
body.nfc-lp .ce_hero .content_container .teaser {
	position: relative !important;
	top: auto!important;
	right: auto!important;
	bottom: auto!important;
	left: auto!important;
}
body.nfc-lp .ce_hero h1 {
	margin: 0 !important;
}
body.nfc-lp .mod_article.hero .logo {
	position: absolute;
	top: 5vh;
	left: 5vw;
}
body.nfc-lp .mod_article.hero .logo.rechts {
	left: auto;
	right: 5vw;
}
body.nfc-lp .mod_article.hero .logo.unten {
	top: 55vh;
}


#bewertungen.mod_article {
	z-index: 99;
}