/* Variables */

* {
    --color-main: #ff6f61;
	
    --color-yellow: #f5d547;
    --color-blue: #4ab1b7;
    --color-lilac: #c5b4e3;
    --color-pink: #ff6f61;
    --color-black: #333333;
    --color-white: #f7f1e1;
    --color-grey: #7F7D77;
	
	--space-x: 20px;
	--space-y: 30px;
	
	--font-size: 14px;
	--font-text: "dinpro", sans-serif;
	--font-headline: "questa", serif;
	--font-light: 300;
	--font-regular: 400;
	--font-medium: 500;
	--font-bold: 600;
}

.row {
	--bs-gutter-x: 20px;
	--bs-gutter-y: 20px;
}

@media (min-width: 768px) {
	* {
		--space-x: 30px;
		--space-y: 30px;
		--font-size: 15px;
	}
	.row {
		--bs-gutter-x: 30px;
		--bs-gutter-y: 30px;
	}	
}

@media (min-width: 992px) {
	* {
		--space-x: 50px;
		--space-y: 50px;
		--font-size: 16px;
	}
	.row {
		--bs-gutter-x: 50px;
		--bs-gutter-y: 50px;
	}	
}

/* Fonts */

@font-face {
    font-family: 'questa';
    src: url('../fonts/questa-webfont.woff2') format('woff2'),
         url('../fonts/questa-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'questa';
    src: url('../fonts/questa-black-italic-webfont.woff2') format('woff2'),
         url('../fonts/questa-black-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'dinpro';
    src: url('../fonts/dinpro-bold-webfont.woff2') format('woff2'),
         url('../fonts/dinpro-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'dinpro';
    src: url('../fonts/dinpro-light-webfont.woff2') format('woff2'),
         url('../fonts/dinpro-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'dinpro';
    src: url('../fonts/dinpro-webfont.woff2') format('woff2'),
         url('../fonts/dinpro-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'dinpro';
    src: url('../fonts/dinpro-medium-webfont.woff2') format('woff2'),
         url('../fonts/dinpro-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

/* Basics */

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    color: var(--color-black);
    font-size: var(--font-size);
    font-family: var(--font-text);
    font-weight: var(--font-regular);
    line-height: 1.5em;
    background: var(--color-white);
}

hr {
    width: 1px;
    height: 200px !important;
    margin: 50px auto;
    background: var(--color-grey);
}

h1 {
    font-family: var(--font-headline);
    font-size: 2.75rem;
    font-weight: var(--font-bold);
}

h2 {
    font-family: var(--font-headline);
    font-size: 2.15rem;
    font-weight: var(--font-bold);
}

h3 {
	padding: 0 0.5rem;
    font-size: 1.25rem;
    font-family: var(--font-headline);
    font-weight: var(--font-bold);
	background: var(--color-lilac);
    background: linear-gradient(0deg,var(--color-lilac) 0%, var(--color-lilac) 40%, rgba(26, 35, 52, 0) 40%, rgba(26, 35, 52, 0) 100%);
}

@media (min-width: 768px) {
	h2 {
		font-size: 2.5rem;
	}
	h3 {
		padding: 0 1.5rem;
		font-size: 2.25rem;
	}
}

@media (min-width: 992px) {
	h2 {
		font-size: 2.75rem;
	}
	h3 {
		padding: 0 2.5rem;
		font-size: 2.5rem;
	}
}

h4 {
    font-size: 2rem;
    font-family: var(--font-headline);
    font-weight: var(--font-regular);
}

h5 {
    font-size: 1.5rem;
    font-family: var(--font-headline);
    font-weight: var(--font-bold);
}

h6 {
    font-size: 1.25rem;
    font-family: var(--font-headline);
    font-weight: var(--font-regular);
}

p {
	margin: 1.25rem 0;
}

i {
    color: var(--color-main);
}

a {
    color: var(--color-black);
    text-decoration: none;
}

a:hover {
    color: var(--color-black);
}

b, strong {
    color: var(--color-black);
    font-weight: 600;
}

ul {
	max-width: 400px;
    margin: 30px auto;
    text-align: left;
}

::selection {
    color: var(--color-white);
    background-color: var(--color-pink);
  }

/* Sections */

.s-header {
	display: flex;
	justify-content: space-between;
    padding: var(--space-y) var(--space-x) 0 var(--space-x);
}

.s-header--yellow .c-logo {
	fill: var(--color-yellow);
}
.s-header--pink .c-logo {
	fill: var(--color-pink);
}
.s-header--lilac .c-logo {
	fill: var(--color-lilac);
}
.s-header--blue .c-logo {
	fill: var(--color-blue);
}

.s-main {

}

.s-section {
	box-sizing: border-box;
	overflow: visible;
	padding: var(--space-y) calc(var(--space-x)/2);
}

.s-section--pink {
	color: var(--color-black);
	background: var(--color-pink);
}
.s-section--blue {
	color: var(--color-black);
	background: var(--color-blue);
}

.s-section--image {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 300px;
	color: var(--color-white);
	background: var(--color-black);
	z-index: 0;
	overflow: hidden;
}

.s-section--image img {
	position: absolute;
	width: 100%;
	height: 110%;
	object-fit: cover;
	z-index: 0;
}

@media (max-width: 410px) {
	.s-section--image img {
		height: 100%;
		transform: none !important;
	}
}

@media (min-width: 411px) {
	.s-section--image  {
		min-height: 500px;
	}
}

@media (min-width: 576px) {
	.s-section--image  {
		min-height: 600px;
	}
}

@media (min-width: 768px) {
	.s-section--image  {
		min-height: 700px;
	}
}

@media (min-width: 992px) {
	.s-section--image  {
		min-height: 800px;
	}
}

.s-section--image-portfolio {
	background-image: url("../img/catherinehenrik-0595.jpg");
}
.s-section--image-wedding {
	background-image: url("../img/katharinamichael-97.jpg");
}
.s-section--image-family {
	background-image: url("../img/thilo-159.jpg");
}

.s-section > .row {
	position: relative;
    max-width: 1000px;
    margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.s-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: var(--space-y);
	padding: var(--space-x) var(--space-y);
    border-top: 1px solid var(--color-black);
}

.s-footer .c-nav:last-child {
	justify-content: flex-start;
	width: 100%;
	margin-top: 1rem;
	text-align: left;
}

.s-footer .c-nav:last-child ul li {
    margin: 0 1rem 0 0;
}

@media (min-width: 768px) {
	.s-footer .c-nav:last-child {
		width: calc(100% - 200px);
		margin-top: 0;
		justify-content: flex-end;
		text-align: right;
	}
	.s-footer .c-nav:last-child ul li {
		margin: 0 0 0 1rem;
	}
}

@media (min-width: 992px) {
	
}

/* Components */

.c-logo {
    width: 50px;
    height: 50px;
    margin: auto;
}

.c-nav {
	width: calc(100% - 60px);
}

.s-header .c-nav:first-child {
	display: none;
}

.c-nav:last-child {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}

.c-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.c-nav ul li {
	display: inline-block;
    width: auto;
    margin: 0 2.5rem 0 0;
    font-family: var(--font-text);
    font-size: 0.85rem;
    font-weight: var(--font-regular);
    letter-spacing: 0.15em;
    line-height: 1.5em;
    text-transform: uppercase;
}

.c-nav:last-child ul li {
	margin: 0 0 0 1rem;
}

.c-nav ul li a {
	position: relative;
	display: block;
	padding-bottom: 0.25em;
	color: var(--color-black);
	text-decoration: none;
	border: 0 none;
}

.c-nav ul li a:hover {
	color: var(--color-black);
}

.c-nav ul li a::after {
	content: "";
	position: absolute;
	left: -12px;
    bottom: 4px;
    display: block;
    content: "";
    width: 0%;
    height: 10px;
    background: var(--color-pink);
    transition: all 0.5s ease;
	z-index: -1;
}

@media (min-width: 768px) {
	.c-nav:last-child {
		align-items: flex-start;
	}
	.c-nav:last-child ul li {
		margin: 0 0 0 1.25rem;
	}
	.c-logo {
		width: 60px;
		height: 50px;
		margin: auto;
	}

	.s-header .c-nav:first-child {
		display: block;
	}
	.c-nav {
		width: calc(50% - 60px);
	}
}

@media (min-width: 992px) {
	.c-nav:last-child ul li {
		margin: 0 0 0 2.5rem;
	}
	.c-nav {
		width: calc(50% - 200px);
	}
}

.s-header--yellow .c-nav ul li a::after {
	background: var(--color-yellow);
}

.s-header--blue .c-nav ul li a::after {
	background: var(--color-blue);
}

.s-header--lilac .c-nav ul li a::after {
	background: var(--color-lilac);
}

.c-nav ul li a:hover::after {
    width: calc(100% + 20px);
}

.c-nav ul li a.active {
	font-weight: var(--font-bold);
}

.c-btn {
    display: inline-block;
    margin: 0 0.5em 1rem 0;
    padding: 0.5rem 2.5rem;
    color: var(--color-white);
	font-family: var(--font-headline);
    font-size: 2rem;
    font-weight: var(--font-bold);
	font-style: italic;
	line-height: 1em;
    border: 0 none;
	background: linear-gradient(0deg, var(--color-pink) 0%, var(--color-pink) 40%, rgba(26, 35, 52, 0) 40%, rgba(26, 35, 52, 0) 100%);
}

.c-img {
	overflow: hidden;
}

.c-img:hover img {
	transform: scale(1.05);
}

.c-img img {
	transition: all 1.5s ease;
}

.c-insta {
	display: block;
	position: relative;
	overflow: hidden;
}

.c-insta::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.6672 12C8.6672 10.1591 10.1591 8.6664 12 8.6664C13.8409 8.6664 15.3336 10.1591 15.3336 12C15.3336 13.8409 13.8409 15.3336 12 15.3336C10.1591 15.3336 8.6672 13.8409 8.6672 12ZM6.86512 12C6.86512 14.836 9.164 17.1349 12 17.1349C14.836 17.1349 17.1349 14.836 17.1349 12C17.1349 9.164 14.836 6.86512 12 6.86512C9.164 6.86512 6.86512 9.164 6.86512 12ZM16.1382 6.66152C16.1381 6.89886 16.2084 7.13089 16.3401 7.32829C16.4719 7.52568 16.6593 7.67956 16.8785 7.77047C17.0977 7.86138 17.339 7.88525 17.5718 7.83904C17.8046 7.79283 18.0185 7.67862 18.1863 7.51087C18.3542 7.34311 18.4686 7.12934 18.515 6.89658C18.5614 6.66382 18.5377 6.42253 18.447 6.20322C18.3563 5.98392 18.2025 5.79644 18.0052 5.6645C17.808 5.53257 17.576 5.4621 17.3386 5.462H17.3382C17.02 5.46215 16.715 5.58856 16.49 5.81347C16.265 6.03837 16.1384 6.34339 16.1382 6.66152ZM7.96 20.1398C6.98504 20.0954 6.45512 19.933 6.10296 19.7958C5.63608 19.614 5.30296 19.3975 4.95272 19.0478C4.60248 18.698 4.38568 18.3652 4.20472 17.8983C4.06744 17.5463 3.90504 17.0162 3.86072 16.0413C3.81224 14.9872 3.80256 14.6706 3.80256 12.0001C3.80256 9.3296 3.81304 9.01384 3.86072 7.95888C3.90512 6.98392 4.06872 6.45488 4.20472 6.10184C4.38648 5.63496 4.60296 5.30184 4.95272 4.9516C5.30248 4.60136 5.63528 4.38456 6.10296 4.2036C6.45496 4.06632 6.98504 3.90392 7.96 3.8596C9.01408 3.81112 9.33072 3.80144 12 3.80144C14.6693 3.80144 14.9862 3.81192 16.0412 3.8596C17.0162 3.904 17.5452 4.0676 17.8982 4.2036C18.3651 4.38456 18.6982 4.60184 19.0485 4.9516C19.3987 5.30136 19.6147 5.63496 19.7965 6.10184C19.9338 6.45384 20.0962 6.98392 20.1405 7.95888C20.189 9.01384 20.1986 9.3296 20.1986 12.0001C20.1986 14.6706 20.189 14.9863 20.1405 16.0413C20.0961 17.0162 19.9329 17.5462 19.7965 17.8983C19.6147 18.3652 19.3982 18.6983 19.0485 19.0478C18.6987 19.3972 18.3651 19.614 17.8982 19.7958C17.5462 19.933 17.0162 20.0954 16.0412 20.1398C14.9871 20.1882 14.6705 20.1979 12 20.1979C9.32952 20.1979 9.01376 20.1882 7.96 20.1398ZM7.8772 2.06056C6.81264 2.10904 6.0852 2.27784 5.44992 2.52504C4.792 2.78032 4.23504 3.1228 3.67848 3.67848C3.12192 4.23416 2.78032 4.792 2.52504 5.44992C2.27784 6.0856 2.10904 6.81264 2.06056 7.8772C2.01128 8.94344 2 9.28432 2 12C2 14.7157 2.01128 15.0566 2.06056 16.1228C2.10904 17.1874 2.27784 17.9144 2.52504 18.5501C2.78032 19.2076 3.122 19.7661 3.67848 20.3215C4.23496 20.877 4.792 21.219 5.44992 21.475C6.0864 21.7222 6.81264 21.891 7.8772 21.9394C8.944 21.9879 9.28432 22 12 22C14.7157 22 15.0566 21.9887 16.1228 21.9394C17.1874 21.891 17.9144 21.7222 18.5501 21.475C19.2076 21.219 19.765 20.8772 20.3215 20.3215C20.8781 19.7658 21.219 19.2076 21.475 18.5501C21.7222 17.9144 21.8918 17.1874 21.9394 16.1228C21.9879 15.0558 21.9992 14.7157 21.9992 12C21.9992 9.28432 21.9879 8.94344 21.9394 7.8772C21.891 6.81256 21.7222 6.0852 21.475 5.44992C21.219 4.7924 20.8772 4.23504 20.3215 3.67848C19.7658 3.12192 19.2076 2.78032 18.5509 2.52504C17.9144 2.27784 17.1874 2.10824 16.1236 2.06056C15.0574 2.01208 14.7165 2 12.0008 2C9.28512 2 8.944 2.01128 7.8772 2.06056Z" fill="%23ffffff"/><path d="M8.6672 12C8.6672 10.1591 10.1591 8.6664 12 8.6664C13.8409 8.6664 15.3336 10.1591 15.3336 12C15.3336 13.8409 13.8409 15.3336 12 15.3336C10.1591 15.3336 8.6672 13.8409 8.6672 12ZM6.86512 12C6.86512 14.836 9.164 17.1349 12 17.1349C14.836 17.1349 17.1349 14.836 17.1349 12C17.1349 9.164 14.836 6.86512 12 6.86512C9.164 6.86512 6.86512 9.164 6.86512 12ZM16.1382 6.66152C16.1381 6.89886 16.2084 7.13089 16.3401 7.32829C16.4719 7.52568 16.6593 7.67956 16.8785 7.77047C17.0977 7.86138 17.339 7.88525 17.5718 7.83904C17.8046 7.79283 18.0185 7.67862 18.1863 7.51087C18.3542 7.34311 18.4686 7.12934 18.515 6.89658C18.5614 6.66382 18.5377 6.42253 18.447 6.20322C18.3563 5.98392 18.2025 5.79644 18.0052 5.6645C17.808 5.53257 17.576 5.4621 17.3386 5.462H17.3382C17.02 5.46215 16.715 5.58856 16.49 5.81347C16.265 6.03837 16.1384 6.34339 16.1382 6.66152ZM7.96 20.1398C6.98504 20.0954 6.45512 19.933 6.10296 19.7958C5.63608 19.614 5.30296 19.3975 4.95272 19.0478C4.60248 18.698 4.38568 18.3652 4.20472 17.8983C4.06744 17.5463 3.90504 17.0162 3.86072 16.0413C3.81224 14.9872 3.80256 14.6706 3.80256 12.0001C3.80256 9.3296 3.81304 9.01384 3.86072 7.95888C3.90512 6.98392 4.06872 6.45488 4.20472 6.10184C4.38648 5.63496 4.60296 5.30184 4.95272 4.9516C5.30248 4.60136 5.63528 4.38456 6.10296 4.2036C6.45496 4.06632 6.98504 3.90392 7.96 3.8596C9.01408 3.81112 9.33072 3.80144 12 3.80144C14.6693 3.80144 14.9862 3.81192 16.0412 3.8596C17.0162 3.904 17.5452 4.0676 17.8982 4.2036C18.3651 4.38456 18.6982 4.60184 19.0485 4.9516C19.3987 5.30136 19.6147 5.63496 19.7965 6.10184C19.9338 6.45384 20.0962 6.98392 20.1405 7.95888C20.189 9.01384 20.1986 9.3296 20.1986 12.0001C20.1986 14.6706 20.189 14.9863 20.1405 16.0413C20.0961 17.0162 19.9329 17.5462 19.7965 17.8983C19.6147 18.3652 19.3982 18.6983 19.0485 19.0478C18.6987 19.3972 18.3651 19.614 17.8982 19.7958C17.5462 19.933 17.0162 20.0954 16.0412 20.1398C14.9871 20.1882 14.6705 20.1979 12 20.1979C9.32952 20.1979 9.01376 20.1882 7.96 20.1398ZM7.8772 2.06056C6.81264 2.10904 6.0852 2.27784 5.44992 2.52504C4.792 2.78032 4.23504 3.1228 3.67848 3.67848C3.12192 4.23416 2.78032 4.792 2.52504 5.44992C2.27784 6.0856 2.10904 6.81264 2.06056 7.8772C2.01128 8.94344 2 9.28432 2 12C2 14.7157 2.01128 15.0566 2.06056 16.1228C2.10904 17.1874 2.27784 17.9144 2.52504 18.5501C2.78032 19.2076 3.122 19.7661 3.67848 20.3215C4.23496 20.877 4.792 21.219 5.44992 21.475C6.0864 21.7222 6.81264 21.891 7.8772 21.9394C8.944 21.9879 9.28432 22 12 22C14.7157 22 15.0566 21.9887 16.1228 21.9394C17.1874 21.891 17.9144 21.7222 18.5501 21.475C19.2076 21.219 19.765 20.8772 20.3215 20.3215C20.8781 19.7658 21.219 19.2076 21.475 18.5501C21.7222 17.9144 21.8918 17.1874 21.9394 16.1228C21.9879 15.0558 21.9992 14.7157 21.9992 12C21.9992 9.28432 21.9879 8.94344 21.9394 7.8772C21.891 6.81256 21.7222 6.0852 21.475 5.44992C21.219 4.7924 20.8772 4.23504 20.3215 3.67848C19.7658 3.12192 19.2076 2.78032 18.5509 2.52504C17.9144 2.27784 17.1874 2.10824 16.1236 2.06056C15.0574 2.01208 14.7165 2 12.0008 2C9.28512 2 8.944 2.01128 7.8772 2.06056Z" fill="%23ffffff"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	z-index: 2;
	transition: all 0.75s ease;
}

.c-insta::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-pink);
	opacity: 0;
	z-index: 1;
	transition: all 0.75s ease;
}

.c-insta img {
	transition: all 1.5s ease;
}

.c-insta:hover::before {
	opacity: 1;
}

.c-insta:hover::after {
	opacity: 0.75;
}

.c-insta:hover img {
	transform: scale(1.05);
}

.c-success {
	display: none;
}

.c-more {
	position: relative;
    padding: 0;
    margin: 0;
    font-size: 4rem;
    font-weight: 300;
    line-height: 30px;
    background: var(--color-pink);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: 3;
    text-align: center;
    overflow: hidden;
	cursor: pointer;
}

.js-load-later {
	display: none;
}

/* Utilities */

.u-headline--white i {
	color: var(--color-white);
}
.u-headline--yellow i {
	color: var(--color-yellow);
}
.u-headline--blue i {
	color: var(--color-blue);
}
.u-headline--lilac i {
	color: var(--color-lilac);
}
.u-headline--pink i {
	color: var(--color-pink);
}

.u-headline--arrow {
	position: relative;
}
.u-headline--arrow svg {
	position: absolute;
	top: 7px;
	right: -3px;
	width: 50px;
	height: 80px;
}

h2.u-headline--arrow {
	padding-right: 5rem;
}

.u-headline--right {
	position: relative;
	z-index: 9;
	white-space: normal;
	transform: translateX(0);
}
.u-headline--left {
	white-space: normal;
	transform: translateX(0);
}
.u-headline--far-left {
	white-space: normal;
	transform: translateX(0);
}

.u-align-left {
	text-align: left;
}
.u-align-center {
	text-align: left;
}
.u-align-right {
	text-align: left;
}

.u-subtitle {
	position: relative;
	z-index: 9;
    display: inline-block;
    width: auto;
	margin: 0;
    padding: 0 1rem;
    font-family: var(--font-text);
    font-size: 0.8rem;
    font-weight: var(--font-regular);
    letter-spacing: 0.15em;
    line-height: 1.5em;
    text-transform: uppercase;
    background: var(--color-main);
    background: linear-gradient(0deg,var(--color-main) 0%, var(--color-main) 50%, rgba(26, 35, 52, 0) 50%, rgba(26, 35, 52, 0) 100%);
}

.u-subtitle--white-text,
.u-subtitle--white-text:hover {
	color: var(--color-white);
}
.u-subtitle--white {
    background: var(--color-white);
    background: linear-gradient(0deg,var(--color-white) 0%, var(--color-white) 50%, rgba(26, 35, 52, 0) 50%, rgba(26, 35, 52, 0) 100%);
}
.u-subtitle--yellow {
    background: var(--color-yellow);
    background: linear-gradient(0deg,var(--color-yellow) 0%, var(--color-yellow) 50%, rgba(26, 35, 52, 0) 50%, rgba(26, 35, 52, 0) 100%);
}
.u-subtitle--blue {
    background: var(--color-blue);
    background: linear-gradient(0deg,var(--color-blue) 0%, var(--color-blue) 50%, rgba(26, 35, 52, 0) 50%, rgba(26, 35, 52, 0) 100%);
}
.u-subtitle--lilac {
    background: var(--color-lilac);
    background: linear-gradient(0deg,var(--color-lilac) 0%, var(--color-lilac) 50%, rgba(26, 35, 52, 0) 50%, rgba(26, 35, 52, 0) 100%);
}
.u-subtitle--pink {
    background: var(--color-pink);
    background: linear-gradient(0deg,var(--color-pink) 0%, var(--color-pink) 50%, rgba(26, 35, 52, 0) 50%, rgba(26, 35, 52, 0) 100%);
}
.u-subtitle--left {
	white-space: nowrap;
	transform: translateX(0px);
}
.u-subtitle--right {
	white-space: nowrap;
	transform: translateX(0px) translateY(0px);
}
.u-subtitle--mr {
	margin-right: 4rem;
}

.u-move-up--s {
	
}

.u-move-down--s {
	
}

.u-move-up--m {
	
}

.u-move-down--m {
	
}

.u-move-up--l {
	
}

.u-move-down--l {
	
}

.u-intro {
    color: var(--color-black);
    font-size: 1.1rem;
    font-weight: 500;
}

.u-space {
	margin: 0;
	width: 100%;
	height: 200px;
	background: none;
	border: 0 none;
}

.u-margin-top,
.u-margin-top-m,
.u-margin-top-l,
.u-margin-top-xl {
	margin-top: var(--space-y);
}

.u-margin-bottom,
.u-margin-bottom-m, 
.u-margin-bottom-l, 
.u-margin-bottom-xl {
	margin-bottom: var(--space-y);
}

.u-no-margin {
	margin: 0;
}

.u-padding-top {
	padding-top: var(--space-y);
}
.u-padding-bottom {
	padding-bottom: var(--space-y);
}

.u-no-padding {
	padding: 0;
}

.s-footer svg {
	width: 150px;
}

@media (min-width: 768px) {
	.s-footer svg {
	width: 200px;
}
	.u-subtitle {
		padding: 0 1.5rem;
		font-size: 0.95rem;
	}
}

@media (min-width: 992px) {
	.u-margin-top {
	margin-top: var(--space-y);
}
.u-margin-top-m {
	margin-top: calc(2 * var(--space-y));
}
.u-margin-top-l {
	margin-top: calc(3 * var(--space-y));
}
.u-margin-top-xl {
	margin-top: calc(4 * var(--space-y));
}

.u-margin-bottom {
	margin-bottom: var(--space-y);
}
.u-margin-bottom-m {
	margin-bottom: calc(2 * var(--space-y));
}
.u-margin-bottom-l {
	margin-bottom: calc(3 * var(--space-y));
}
.u-margin-bottom-xl {
	margin-bottom: calc(4 * var(--space-y));
}
	.u-align-center {
		text-align: center;
	}
	.u-align-right {
		text-align: right;
	}
	.u-headline--right {
		white-space: nowrap;
		transform: translateX(130px);
	}
	.u-headline--left {
		white-space: nowrap;
		transform: translateX(-130px);
	}
	.u-headline--far-left {
		white-space: nowrap;
		transform: translateX(-260px);
	}
	.u-subtitle--left {
		transform: translateX(-130px);
	}
	.u-subtitle--right {
		transform: translateX(130px) translateY(-20px);
	}
	.u-subtitle--mr {
		margin-right: 4rem;
	}
	.u-move-up--s {
		margin-top: -130px;
	}

	.u-move-down--s {
		margin-bottom: -130px;
	}

	.u-move-up--m {
		margin-top: -310px;
	}

	.u-move-down--m {
		margin-bottom: -310px;
	}

	.u-move-up--l {
		margin-top: -530px;
	}

	.u-move-down--l {
		margin-bottom: -530px;
	}
}



/* Bootstrap */

.row.small-gutter > .col-12,
.row.small-gutter > .col-6 {
	padding-left: 10px;
	padding-right: 10px;
}

.col-12 img,
.col-6 img{
    max-width: 100%;
    height: auto;
}

.form-control,
.form-select {
	text-transform: uppercase;
	font-size: 0.85rem;
	letter-spacing: 0.1rem;
	border: 0px solid var(--color-white);
	border-radius: 0px;
	background: var(--color-white);
}

.col-12 > .form-floating > label,
.form-floating > .form-select {
	padding: 1rem 1rem;
}

.form-floating>.form-control:focus, 
.form-floating>.form-control:not(:placeholder-shown) {
    padding-left: 1.25rem;
	border: 0px solid var(--color-white);
	border-radius: 0px;
	background: var(--color-white);
	box-shadow: none;
}
.form-floating>.form-control:focus {
	border-bottom: 2px solid var(--color-pink);
}

.form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label, 
.form-floating>.form-select~label {
    opacity: 0.5;
    transform: scale(0.8) translateY(-0.4rem) translateX(0.6rem);
}

.form-floating > label {
    padding-left: calc(1.25rem + 5px);
	padding-right: calc(1.25rem + 5px);
	text-transform: uppercase;
	font-size: 0.85rem;
	letter-spacing: 0.1rem;
}

textarea.form-control {
    min-height: calc(10rem + (.75rem + 2px));
}

form {
	margin-top: 20px;
}

@media (min-width: 768px) {
	form {
		margin-top: 30px;
	}
}

@media (min-width: 992px) {

	form {
		margin-top: 0;
	}
	
	.form-control,
	.form-select {
		text-transform: uppercase;
		font-size: 0.85rem;
		letter-spacing: 0.1rem;
		border: 0px solid var(--color-white);
		border-radius: 0px;
		background: var(--color-white);
	}

	.col-12 > .form-floating > label,
	.form-floating > .form-select {
		padding: 1rem 1.25rem;
	}
	.form-floating > label {
		padding-left: calc(1.25rem + 25px);
		padding-right: calc(1.25rem + 25px);
	}
}