/*
Theme Name: Fieldsets
Version: 2.5 2026
*/

.menu-item-1055 {
  	display: none !important;
}
header .menu-item-1055 {
	display: block !important;
	opacity: 0;
	pointer-events: none;
}


/* fonts */

@font-face {
	font-family: 'Figtree';
	src: url('assets/fonts/Figtree-VariableFont_wght.ttf') format('truetype-variations');
    src: url('assets/fonts/Figtree-VariableFont_wght.ttf') format('truetype') tech('variations');
	font-weight: 300 900;
}

@font-face {
	font-family: 'Budidaya';
	src: url('assets/fonts/Budidaya-Regular.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
}




/* basics / resets */

html {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 16px;
}
@media (max-width: 1399px) {
	html { font-size: 15.5px; }
}
@media (max-width: 1299px) {
	html { font-size: 15px; }
}
@media (max-width: 1199px) {
	html { font-size: 14.5px; }
}
@media (max-width: 1099px) {
	html { font-size: 14px; }
}
@media (max-width: 999px) {
	html { font-size: 16.5px; }
}
@media (max-width: 719px) {
	html { font-size: 16px; }
}
@media (max-width: 511px) {
	html { font-size: 3.75vw; }
}


body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	font-family: 'Figtree', sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: var(--blue);
	color: #687886;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;

	--blue: #005492;
	--red: #BF213B;
}

* {
	-webkit-tap-highlight-color: transparent;
}


::-moz-selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}

form {
	margin: 0;
	padding: 0;
}

table, td, input, textarea, select {
	font-family: inherit;
	font-size: 1em;
}

img, iframe {
	border: 0;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
	transition: color 0.3s ease;
}

.footer-wave::before,
.wave-top::before,
.wave-bottom::after {
	content: "";
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -1px;
	height: 4.5em;
	background: url(assets/images/wave-bottom.svg) top center no-repeat;
	background-size: cover;
	z-index: 2;
	pointer-events: none;
}

.wave-top::before {
	bottom: auto;
	top: -1px;
	transform: scaleY(-1);
}

.footer-wave::before {
	background-image: url(assets/images/footer-wave.svg);
	bottom: auto;
	top: 1px;
	transform: translateY(-100%);
}


.bg-gelbverlauf {
	background: #fbf6ce url(assets/images/bg-gelbverlauf.svg) center center no-repeat;
	background-size: cover;
}

.bg-classic {
	background: url(assets/images/bg-classic.svg) bottom center no-repeat;
	background-size: cover;
}
.bg-medium {
	background: url(assets/images/bg-medium.svg) bottom center no-repeat;
	background-size: cover;
}
.bg-naturelle {
	background: url(assets/images/bg-naturelle.svg) bottom center no-repeat;
	background-size: cover;
}
.bg-zitrone {
	background: url(assets/images/bg-zitrone.svg) bottom center no-repeat;
	background-size: cover;
}

.bg-zitronenzweige {
	background: url(assets/images/bg-zitronenzweige.svg) top center no-repeat;
	background-size: 100% auto;
}



/* page */

#page {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
	
	min-height: 100vh;
	overflow: hidden;
}

main {
	-webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
	z-index: 10;
	margin-top: -3em;
}


/* header */

header {
	position: relative;
	box-sizing: border-box;
	z-index: 1000;
}

header > .wrap {
	background-color: white;
	box-shadow: 0px 0.25em 1.5em rgba(0, 0, 0, 0.15);
	/*border-radius: 1em;max-width: 88em;*/
	margin: 0 auto;
	position: relative;
	height: 5em;
}



#logo {
	position: absolute;
	left: calc(50% - 1.875em);
	top: calc(50% - 1.7em);
	margin: 0 auto;
	width: 3.75em;
	height: auto;
}

@media (max-width: 999px) {
	#logo {
		left: 1.1em;
	}
}


.absolute,
.ani-element {
	position: absolute;
	height: auto;
	pointer-events: none;
	z-index: 1;
}

.ballon {
	top: 8%;
	left: 0;
	width: 16%;
	max-width: 12vw;
}
.ballon .image-wrap {
	max-width: 16em; 
}

.wanderer {
left: 25.3%;
	bottom: 34.01%;
	width: 10%;
	height: 17%;
	overflow: hidden;
}

.bikerin {
	left: 22.2%;
	bottom: 34.88%;
	width: 9.5%;
	height: 16.5%;
	overflow: hidden;
	transform: rotate(12deg);
}

.kontakt-bikerin {
left: calc(50% - 6em);
	bottom: 0;
	width: 12em;
}


.gleitschirm {
	top:6%;
	right:9%;
	width:8%;
}

.voegel {
	top:0;
	right:0;
	width:52%;
}


.medfam {
left: 21.36%;
	bottom: 34.49%;
	width: 11.75%;
	height: 14%;
	overflow: hidden;
	transform: rotate(8.6deg);
}

.medbal {
	top:16%;
	right:19%;
	width:18%;
}


.paar {
	left: 19.06%;
	bottom: 28%;
	width: 13.5%;
}

.zitbal {
	top: 18%;
	right: 26%;
	width: 5.2%;
}

.kontakt-bal {
	left: 0;
	top: 15%;
	width: 6em;

}


.intro-text {
	position: absolute;
	top: calc(10% + 2em);
	left: 50%;
	width: 40em;
	max-width: calc(100% - 4em);
	transform: translateX(-50%);
	z-index: 2;
}


#ahrtal-head .intro-text {
	top: auto;
	bottom: calc(10% + 2.5em);
	width: 56em;
}
#ahrtal-head .intro-text h1 {
	color: white;
}


.classic-zoomed {
left: 73.25%;
	width: 25.5%;
	top: -3vw;
}

.home-group {
	left: 0.5%;
	width: 21.2%;
	bottom: calc(0.5em + 2%);
}

.col-home-sortiment {
	padding: 2em 0 8em 0 !important;
}
.col-home-sortiment .content-image {
	margin: 0 auto;
	max-width: 12em;
}

.slide-flasche {
	bottom: -1%;
	right: 8%;
	width: 18%;
}

.home-badge {
	left: calc(26% - 8em);
	width: 16em;
	height: auto;
	top: calc(32% - 4em);
}



/* footer */

footer {
	position: fixed;
	z-index: ;
	color: white;
	padding: 3em 1em;
	z-index: 5;
	left: 0;
	right: 0;
	bottom: 0;
}
footer > .wrap {
	max-width: 88em;
	margin: 0 auto;
	position: relative;
}

/*
footer::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -7em;
	height: 7.1em;
	background: url(assets/images/footer-wave.svg) top center no-repeat;
	background-size: cover;
	pointer-events: none;
}*/

footer .menu-fb,
footer .menu-insta {
	display: none;
}


#footer-logo {
	margin: 5em auto;
	width: 16.8em;
		max-width: 44%;
	aspect-ratio: 1;
	mask: url(assets/images/logo.svg) center center no-repeat;
	mask-size: contain;
	background-color: #4c83ae;
}
#copy {
	color: #4c83ae;
	font-size: 0.875em;
	font-weight: bold;
}
#footer-menu {
	font-size: 0.875em;
	margin-right: -1.1em;
}

#footer-split {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

.btn-naturelle .button-link {
	background-color: #301a12;
}
.btn-medium .button-link {
	background-color: #003122;
}
.btn-zitrone .button-link {
	background-color: #337733;
}

.overflow-visible {
	overflow: visible;
	z-index: 3;
}



.partner .content-image {
	padding: 1em;
	border: 1px solid #E7E8E9;
	box-shadow: 0px 10px 26px -8px #0000000F;
	border-radius: 1em;
	box-sizing: border-box;
}

.partner .image-wrap {
	margin: 0 auto;
	max-width: 7em;
}

.partner {
	max-width: 39em;
	margin: 0 auto;
}


@media (min-width: 1000px) {
	.ueber-atq {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.ueber-atq > * {
		width: 100%;
	}
	.ueber-atq > .content-image.desktop-only ~ .content-text {
		width: 22%;
	}

}

@media (max-width: 999px) {

	.mobile-tropfen-gelb::before,
	.mobile-tropfen-rot::before {
		content: "";
		width: 3.8em;
		aspect-ratio: 1;
		margin: 2em auto 0em auto;
		display: block;
		background: url(assets/images/tropfen-blau.svg) center center no-repeat;
		background-size: contain;
	}

	.mobile-tropfen-rot::before {
		background-image: url(assets/images/tropfen-blau.svg) ;
	}

	.mobile-tropfen-gelb *,
	.mobile-tropfen-rot * {
		text-align: center !important;
	}

}


.insta-mobile {
	margin-left: -2em;
	margin-right: -2em;
}


.kontakt-header-image .image-wrap {
	min-height: 55em;
	max-height: 60em;
}
.produkte-header-image .image-wrap {
	min-height: 62em;
	max-height: 64em;
}
.ahrtal-header-image .image-wrap {
	min-height: 36em;
	max-height: 62em;
}


.sortiment-flaschen-intro {
	margin: -24.75em auto 0em auto;
	max-width: 34em;
}

#sorten-links {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	column-gap: 1.5em;
	margin-top: 2em;
}
#sorten-links a {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 5em 1em 1.5em 1em;
	font-family: 'Budidaya';
	font-weight: bold;
	border-radius: 1em;
	font-size: 1.5em;
	color: var(--blue);
	background: #2374890F;
	text-decoration: none;
}
#sorten-links .sl-medium {
	background: #1C5F570F;
}
#sorten-links .sl-naturelle {
	background: #E17F660F;
}
#sorten-links .sl-zitrone {
	background: #FFDC010F;
}

#sorten-links a::after {
	content: "";
	position: absolute;
	left: calc(50% - 35px);
	width: 70px;
	height: 8px;
	bottom: -4px;
	border-radius: 4px;
	background: var(--blue);
}

#sorten-links a::before {
	content: "";
	position: absolute;
	left: calc(50% - 4em);
	width: 8em;
	height: 8em;
	top: -2.75em;
	background: var(--blue);
	mask: url(assets/images/drop.svg) center center no-repeat;
	mask-size: contain;
	font-size: 0.66em;
}


#sorten-links .sl-medium::before,
#sorten-links .sl-medium::after {
	background: #1C5F57;
}
#sorten-links .sl-naturelle::before,
#sorten-links .sl-naturelle::after {
	background: #E17F66;
}

#sorten-links .sl-zitrone::before,
#sorten-links .sl-zitrone::after {
	background: #FFDC01;
}



.sortiment-abschnitt .column::before {
	content: "";
	position: absolute;
	left: 0;
	width: 70%;
	height: 100%;
	background: linear-gradient(270deg, #237489 40.3%, #7FBBC7 100%);
	border-radius: 2em;
}
.sortiment-abschnitt .column {
	position:  relative;
}
.sortiment-abschnitt {
	background: #e9f1f3;
	padding-top: 3em;
	padding-bottom: 3em;
}
.sortiment-abschnitt .content-image {
	width: 16em;
	margin-top: 2em;
	margin-left: 4em;
	z-index: 2;
}

.sortiment-abschnitt .content-text h2 {
	padding-top: 0;
}
.sortiment-abschnitt .content-text {
	background: white;
	position: absolute;
	right: 0;
	width: 66%;
	border-radius: 2em;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	padding: 1.5em;
	box-shadow: 0px 10px 30px 0px #14426D26;
	z-index: 2;
}

.text-table {
	border: 1px #ddd solid;
	border-radius: 1em;
	width: 100%;
	box-sizing: border-box;
		max-width: 34em;
}
.text-table td {
	box-sizing: border-box;
	padding: 0.3em 0.75em;
	vertical-align: middle;
}

@media (max-width: 719px) {
.text-table td {
	padding: 0.3em 0.3em;
}
}

.text-table tr:not(:last-child) td {
	border-bottom: 1px #ddd solid;
}
.text-table td:first-child {
	color: var(--blue);
}
.text-table td:not(:last-child) {
	border-right: 1px #ddd solid;
}

.sortiment-abschnitt .text-table td:last-child {
	width: 33%;
	text-align: center;
}

.sortiment-abschnitt .text-table tr td:not(:first-child) strong {
	font-size: 0.9em;
	background: #016AB51A;
	border-radius: 1em;
	padding: 0.2em 0.9em;
	display: inline-block;
	color: var(--blue);
	font-weight: 700;
} 

.sortiment-abschnitt::before {
	content: "";
	background: url(assets/images/sortiment-stripe.svg) left center no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 28%;
	width: 100%;
	height: 26em;
	z-index: 1;
}

.sa-medium::before {
	background-image: url(assets/images/sortiment-stripe-m.svg);
}
.sa-naturelle::before {
	background-image: url(assets/images/sortiment-stripe-n.svg);
}
.sa-zitrone::before {
	background-image: url(assets/images/sortiment-stripe-z.svg);
}
.sa-medium {
	background: #dde7e6;
}
.sa-naturelle {
	background: #fdf1ee;
}
.sa-zitrone {
	background: #fffbe6;
}
.sa-medium .column::before {
	background: linear-gradient(90deg, #3B8D83 0%, #1C5F57 60%);
}
.sa-naturelle .column::before  {
	background: linear-gradient(90deg, #F1A59A 0%, #E98677 79.61%);
}
.sa-zitrone .column::before {
	background: linear-gradient(90deg, #FCE65D 0%, #FFDC01 60%);
}

.intro-contact {
	position: absolute;
	left: var(--content-offset, 2em);
	top: 45%;
	right: 2em;
}

.home .hidden-on-home {
	display: none;
}
#insta .ballon {
	top: 0;
}

#kontakt .content-form {
	box-shadow: 0px 15px 41.4px 0px #00549233;
	position: absolute;
	right: var(--content-offset, 2em);
	top: calc(10% + 3.5em);
	box-sizing: border-box;
	padding: 1.5em 2em;
	background: white;
	border-radius: 1.5em;
	width: calc( var(--content-width) * 0.4 );
}

#kontakt .content-form h3 {
	padding-top: 0;
	color: var(--blue);
}

.page-header .image-wrap {
	min-height: 20em;
}

.page-header-long .image-wrap {
	min-height: 28em;
}
.page-header-long + .intro-contact {
	top: 35%;
}


#intro-atq h1 {
	color: white;
}
#intro-atq {
	background: radial-gradient(circle,rgba(75, 132, 173, 1) 0%, rgba(0, 84, 146, 1) 60%);
	color: white;
}

.atqpaar {
		width: 20em;
	max-width: 60%;
	top: -6em;
	z-index: 10;
	right: 2em;
}

@media (min-width: 1000px) {
	.atq-f {
		margin-left: -4em;
	}
}

@media (max-width: 511px) {
 	.atq-f {
		margin-bottom: 0 !important;
	}
}



.ahrtal-box {
	background: url(assets/images/at-desktop.jpg) center center no-repeat;
	background-size: cover;
	border-radius:2em;
	aspect-ratio: 1817 / 658;
	box-sizing: border-box;
	padding: 7.25em 60% 0 2em;
	color: white;
} 
.ahrtal-box h2 {
	color: white;
}

@media (max-width: 999px) {
	.ahrtal-box {
		background-image: url(assets/images/at-mobil.jpg);
		aspect-ratio: unset;
		padding: 1em 2em 76vw 2em;
		background-position: bottom center;
	}
	.ahrtal-wanderer {
		margin-left: auto !important;
		max-width: 28vw !important;
		margin-right: auto !important;
	}
}


.step-box {
	position: relative;
	background: linear-gradient(180deg, #CBE0E5 0%, #EAF5F7 100%);
	border-radius: 1em;
	padding: 1em 2em;
	margin-bottom: 6.5em;
}
@media (max-width: 999px) {
	.step-box {
	margin-bottom: 4.5em;
	}
}

.step-box:not(.fin-box)::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	right: 0;
	height: 2.75em;
	background: url(assets/images/box-arrow.svg) top center no-repeat;
	background-size: contain;
}

.num-box,
.step-box > :first-child {
	margin: 0.5em 0 0 0 !important;
	padding: 0.25em 1em !important;
	background: #B6D3D9;
	border-radius: 1em;
	display: inline-block;
	color: #0C383F;
}

.num-box {
	position: absolute;
	text-decoration: none;
	z-index: 3;
	border: 1px white solid;
	box-shadow: 0px 0.15em 0.6em rgba(0, 0, 0, 0.3);
}


.fin-box {
	background: linear-gradient(0deg, #7FBBC7 3.73%, #237489 98.92%);
	color: white;
	margin-bottom: 0;
}
.step-box h2 {
	color: #14426D;
}
.fin-box h2 {
	color: white;
}


#regional .content-text {
	max-width: calc(100% - 2em);
	margin-left: auto;
	margin-right: auto;
}

#footer-placeholder {
	height: 1px;
	position: relative;
	pointer-events: none;
		z-index: 10;
}
#footer-placeholder::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	height: 3em;
	background: linear-gradient(180deg,rgba(0, 84, 146, 1) 0%, rgba(0, 84, 146, 0) 100%);
}


.blauverlauf-header {
		background: linear-gradient(180deg, #d1eaf1 0%, #f4fafc 20%, #fff 50%, #e1ecf3 78%);
		padding-top: 13em;
		padding-bottom: 13em;
}

@media (max-width: 1349px) {
	.blauverlauf-header .kontakt-bal {
		display: none;
	}
	.blauverlauf-header {
		padding-top: 9em;
		padding-bottom: 8em;
	}

}




@media (min-width: 1000px) {
	#regional h2 {
		padding-top: 0;
		margin-top: -4vw;
	}
}

@media (max-width: 999px) {
	.mobile-center {
		text-align: center;
	}

	.atqpaar {
	top: -2em;
	}

	footer {
		padding-top: 0;
	}
	footer #primary-menu ul {
		display: block;
		text-align: center;
	}

	footer #primary-menu ul a {
		display: block;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	#footer-logo {
		margin: 3em auto 3.5em auto;
	}
	#footer-split {
		flex-direction: column-reverse;
		align-items: center;
		row-gap: 2em;
	}
	#footer-menu {
		margin-right: 0;
	}
	#footer-menu ul {
		flex-wrap: wrap;
	row-gap: 1em;
	}

	.zitronenzweige {
		margin-top: 2em;
	}
	.ballon {
		top: 0%;
		width: 20%;
		z-index: -1;
	}



	#home-intro {

		background: linear-gradient(177deg, #afdbe7 0%, #ecf7fa 30%, #ffffff 100%);
	}

	.classic-zoomed {
		position: static;
		width: 18em;
		max-width: 57%;
		margin: 0 auto;
	}

	section:not(#ahrtal-head) .intro-text {
		position: static;
		margin: 1em 2em;
		width: auto;
		max-width: 100%;
		transform: none;
	}

	.home-group {
		left: 5%;
		width: 90%;
		bottom: 0em;
	}


	#home-slider .content-slider > .ratio {
		padding-top: 250% !important;
	}
	.slide-flasche {
	top: 6em;
	left: 37%;
	bottom: auto;
	right: auto;
	width: 30%;
	}
	#home-slider .image-overlay {
		width: auto;
		bottom: auto;
		top: 40%;
		left: 2em;
		right: 2em;
		text-align: center;
		z-index: 2;
	}

	#home-slider .swiper-button-next,
	#home-slider .swiper-button-prev {
		top: 25%;
	}

	#home-slider .swiper-slide > .content-image > .image-wrap > img {
		object-position: 47% 100%;
	}

	#home-slider .button-link {
		xdisplay: none;
	}

	.bikerin {
left: 25.1%;
		bottom: 24.08%;
	width: 24%;
	aspect-ratio: 1;
	height: unset;
	}
	.medfam {
		left: 22.06%;
		bottom: 23.99%;
		width: 26.75%;
		height: unset;
		overflow: hidden;
		transform: rotate(6.6deg);
		aspect-ratio: 3 / 2;
	}
.wanderer {
		left: 18.3%;
		bottom: 17.28%;
	width: 20%;
	height: unset;
	overflow: hidden;
	aspect-ratio: 1 / 2;
}
	.paar {
		left: 20.16%;
		bottom: 19.19%;
		width: 31.5%;
	}


	#home-slider .content-image.btn-zitrone::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 50%;
		background: linear-gradient(170deg, #fff3b8 0%, #fffbeb 55%, #fffef600 100%);
				z-index: 1;
	}

	#insta .ballon {
		display: none;
	}

	#sortiment-intro {
		background: linear-gradient(177deg, #d1eaf1 0%, #f4fafc 20%, #fff 50%, #e1ecf3 78%, #17649c 100%);
		padding-top: 10em;
		padding-bottom: 26em;
	}
	#sortiment-intro + section {
		border-top: 1px transparent solid;
	}

	#sorten-links {
	flex-wrap: wrap;
	row-gap: 4em;
	}


	.sortiment-abschnitt .column::before {
		left: 1em;
		width: calc(100% - 2em);
		height: calc(100% - 6em);
	}
	.sortiment-abschnitt .content-image {
		width: 16em;
		margin-top: 0;
		padding-top: 2em;
		margin-left: auto;
		margin-right: auto;
		max-width: 60%;
	}
	.sortiment-abschnitt .content-text {
		position: relative;
		width: auto;
		top: -2em;
		transform: none;
	}

	.sortiment-abschnitt::before {
		background-position: 7% 50%;
		background-size: cover;
		height: 16em;
		top: 24%;
	}
	.sortiment-abschnitt {
		padding-bottom: 1em;
	}


	#kontakt {
		background: linear-gradient(177deg, #d1eaf1 0%, #f4fafc 20%, #fff 50%, #e1ecf3 78%, #17649c 100%);
		padding-top: 10em;
		padding-bottom: 12em;
	}


	#kontakt .content-form {
		width: 40em;
		max-width: calc(100% - 4em);
		margin: 2em auto 3em auto;
		position: static;
	}
	#kontakt .intro-contact {
		position: static;
		margin-left: 2em;
	margin-right: 2em;
	}

}


@media (max-width: 511px) {
	#regional h2 {
		margin-top: 1em;
	}

	#sortiment-intro {
		padding-bottom: calc(11em + 35vw);
	}
	.sortiment-flaschen-intro {
		margin-top: -18em;
	}


	#home-slider h2 + p {
	box-sizing: border-box;
	min-height: 7.6em;
	}

	#schichten {
		margin-left: -2em;
	margin-right: -2em;
	}

}


@media (min-width: 1100px) and (min-aspect-ratio: 16 / 9) {

	.ahrtal-header-image .image-wrap {
		max-height: 58em;
	}

	#home-slider .slider-type-default-slider > .ratio,
	#home-intro .content-image.home-scene > .image-wrap > .ratio {
			padding-top: 47% !important;
	}

	.slide-flasche {
		width: 17%;
	}

	.wanderer {
	left: 28.3%;
	bottom: 34.01%;
	width: 9%;
	height: 18%;
	}
	.bikerin {
	left: 26.2%;
	bottom: 34.88%;
	width: 9.05%;
	height: 18.5%;
	}
	.medfam {
	left: 24.36%;
		bottom: 34.09%;
		width: 10.75%;
		height: 16.25%;
		overflow: hidden;
		transform: rotate(10.7deg);
	}
	.paar {
	left: 24.06%;
	bottom: 27%;
	width: 11.5%;
	}
}



@media (min-width: 1200px) {
	#logo {
		font-size: 1.175em;
	}
	header > .wrap {
		height: 7em;
	}
	#primary-menu {
		padding-top: 1rem;
	}
	#primary-menu li:not(.menu-contact) a {
		font-size: 1.2em;
	}
}


@media (min-width: 1480px) {
	#footer-menu a, #primary-menu a {
		padding: 0 2em;
	}
}



/* breakpoints */

.mobile-only {
	display: none;
}

@media (max-width: 999px) {
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
}