/* Fonts ==========================================================================*/

/* Acumin Pro Wide */
@import url('https://use.typekit.net/mmq4lmi.css');

/* TT Norms Pro */
@import url('//fast.fonts.net/cssapi/8a0b450d-4468-4e65-b486-1340a5ee1fe9.css');

/* Globals ========================================================================*/

/* Document */
html,
body {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100vw;
    min-height: 100vh;
    background: #F7F7F7;
    background-image: url('/assets/img/dmdvf-sunset-background.png');
    background-size: auto 400px;
    background-repeat: repeat-x;
    color: #000;
    text-align: center;
    font-family: 'TT Norms W03', 'Helvetica Neue', 'sans-serif';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.3px; /* 164.375% */
    letter-spacing: 0.32px;
}

/* Headline */
h1 {
    margin: 20px 0 20px 0;
    color: #000;
    text-align: center;
    font-family: 'acumin-pro-wide', 'sans-serif';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 125% */
    text-transform: uppercase;
}

/* Paragraph */
p {
    margin: 20px 0;
}

/* Container */
.o-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    width: 100vw;
    min-height: 100vh;
}

/* Panel */
.o-panel {
    margin: 20px;
    padding: 30px 20px;
    width: 100%;
    max-width: 520px;
    height: auto;
    background: #FFF;
    box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.04);
    text-align: center;
    
    @media screen and (min-width: 600px) {
        margin: 40px;
        padding: 40px;
    }
    
    @media screen and (min-width: 700px) {
        padding: 140px;
    }
}

/* Logo */
.c-logo {
    display: block;
    margin: -18px auto 30px;
    padding: 0;
    width: 160px;
    height: auto;
}

/* Button */
.c-button {
    margin: 20px 0 0;
    display: inline-flex;
    padding: 10px 50px;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: 'acumin-pro-wide', 'sans-serif';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32.503px; /* 203.141% */
    letter-spacing: 0.298px;
    text-transform: uppercase;
    text-decoration: none;
}

/* Button, hovered */
.c-button:hover {
    background: #000;
    color: #FFF;
}

/* Cookiebot ======================================================================*/

#CybotCookiebotDialog {
	top: auto !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	max-width: -webkit-max-content !important;
	max-width: -moz-max-content !important;
	max-width: max-content !important;
	--tw-translate-x: 0px !important;
	--tw-translate-y: 0px !important;
	-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	-ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
	border-radius: 0 !important;
	padding: 2.75rem 2.25rem !important
}

#CybotCookiebotDialog a {
	--tw-text-opacity: 1 !important;
	color: rgb(0 0 0 / var(--tw-text-opacity)) !important
}

#CybotCookiebotDialog a:not(.CybotCookiebotDialogNavItemLink) {
	text-decoration-line: underline !important
}

@media (min-width: 1024px) {
	#CybotCookiebotDialog {
		padding-left: 104px !important;
		padding-right: 104px !important
	}
}

#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
	max-width: 1072px !important
}

@media (min-width: 1280px) {
	#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

#CybotCookiebotDialogHeader {
	display: none !important
}

#CybotCookiebotDialogTabContent {
	margin-top: 1.5rem !important
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {
	margin: 0 !important
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
	--tw-border-opacity: 1 !important;
	border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)) !important
}

#CybotCookiebotDialogDetailBodyContentTextAbout {
	margin-left: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
	padding-left: 0 !important
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter CybotCookiebotDialogTabContent #CybotCookiebotDialogTabContent {
	margin: 0 !important
}

.CybotCookiebotScrollContainer {
	border-style: none !important;
	padding: 0 !important
}

.CybotCookiebotScrollbarContainer {
	border-style: none !important
}

#CybotCookiebotDialogPoweredByText {
	display: none !important
}

#CybotCookiebotDialogBodyContentTitle {
	margin-bottom: 1rem !important;
	font-family: acumin-pro-wide, sans-serif !important;
	font-size: 20px !important;
	line-height: 22px !important;
    text-transform: uppercase !important;
}

#CybotCookiebotDialogBodyContentText {
	font-family: TT Norms W03, Helvetica Neue, sans-serif !important;
	font-size: 14px !important;
	line-height: 22px !important
}

#CybotCookiebotDialogBodyContent {
	padding: 0 !important;
	letter-spacing: 0em !important
}

.CybotCookiebotDialogBodyBottomWrapper,
#CybotCookiebotDialogBodyEdgeMoreDetails {
	display: none !important
}

#CybotCookiebotDialogBodyButtonsWrapper {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important
}

@media (min-width: 1280px) {
	#CybotCookiebotDialogBodyButtonsWrapper {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}
}

#CybotCookiebotDialogBodyButtons {
	max-width: 50% !important;
	white-space: nowrap !important
}

#CybotCookiebotDialogFooter {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 1.5rem !important;
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	padding: 0 !important
}

#CybotCookiebotDialogFooter button {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 1.5rem !important;
	-ms-flex-negative: 0 !important;
	flex-shrink: 0 !important;
	-webkit-box-flex: 0 !important;
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important;
	white-space: nowrap !important;
	border-radius: 0 !important;
	padding-top: 18px !important;
	padding-bottom: 18px !important;
	padding-left: 2.5rem !important;
	padding-right: 2.5rem !important;
	font-family: acumin-pro-wide, sans-serif !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	line-height: 11px !important
}

#CybotCookiebotDialogFooter button:last-of-type {
	margin-top: 0 !important
}

#CybotCookiebotDialogFooter button .CybotCookiebotDialogArrow {
	display: none !important
}

@media (min-width: 601px) {
	#CybotCookiebotDialogFooter button {
		margin-bottom: 0 !important;
		width: auto !important
	}
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize {
	margin-bottom: 0 !important;
	border-width: 1px !important;
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
	background-color: transparent !important;
	--tw-text-opacity: 1 !important;
	color: rgb(0 0 0 / var(--tw-text-opacity)) !important
}

@media (min-width: 601px) {
	#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize {
		margin-right: 1.5rem !important
	}
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline {
	margin-bottom: 0 !important;
	border-width: 1px !important;
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
	background-color: transparent !important;
	--tw-text-opacity: 1 !important;
	color: rgb(0 0 0 / var(--tw-text-opacity)) !important
}

@media (min-width: 601px) {
	#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline {
		margin-right: 1.5rem !important
	}
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
	border-width: 1px !important;
	--tw-border-opacity: 1 !important;
	border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter {
	margin-top: 1.5rem !important;
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	padding: 0 !important
}

@media (min-width: 1280px) {
	#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter {
		margin-top: 0 !important;
		margin-left: 4rem !important
	}
}