#redim-cookiehint-bottom #redim-cookiehint,
#redim-cookiehint-top #redim-cookiehint{
	max-width: 100%;
}

#redim-cookiehint .reset {
	margin: 0px !important;
	padding: 0px !important;
}

#redim-cookiehint-modal {
	/* keep overlay behavior injected by plugin; only make spacing responsive */
	--rch-modal-pad: clamp(24px, 5vw, 64px);
	background-color: rgba(0,0,0,0.75);
	padding-top: calc(var(--rch-modal-pad) + env(safe-area-inset-top));
	padding-right: calc(var(--rch-modal-pad) + env(safe-area-inset-right));
	padding-bottom: calc(var(--rch-modal-pad) + env(safe-area-inset-bottom));
	padding-left: calc(var(--rch-modal-pad) + env(safe-area-inset-left));
}

/* --- DEFAULT-STYLE --- */

#redim-cookiehint{
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	font-size: 0.875rem;
	color: #000000;
	line-height: 20px;
	font-weight: 400;
	background: #FFFFFF;

	/* responsive sizing (mobile: nearly full width w/ margins, desktop: grows naturally) */
	width: min(92vw, 560px);
	max-width: none;

	/* responsive padding without changing the visual style too much */
	padding: clamp(16px, 3.5vw, 30px) clamp(16px, 3.5vw, 30px) clamp(14px, 3vw, 20px) clamp(16px, 3.5vw, 30px);

	/* allow internal scroll if content exceeds viewport height */
	max-height: calc(100dvh - (var(--rch-modal-pad, 20px) * 2));
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

#redim-cookiehint .cookiehead{
	margin-bottom: 20px;
	display: inline-block;
}

#redim-cookiehint .cookiehead .headline{
	font-family: Quicksand, sans-serif;
	font-size: 1.625rem;
	color: #000000;
	line-height: 26px;
	text-decoration: underline;
	text-decoration-color: #FA6D4D;
	text-decoration-thickness: 0.1rem;
	text-underline-offset: 0.5rem;
	position: relative;
	display: inline-block;
}

#redim-cookiehint .cookiecontent{
	display: inline-block;
	padding-bottom: 20px;
}

#redim-cookiehint .cookiecontent p{
	margin: 0;
}

#redim-cookiehint .clr {
	clear: both;
}

#redim-cookiehint .cookiebuttons .btn,#redim-cookiehint .cookiebuttons button {
	font-family: Quicksand, sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5rem;
	color: #FA6D4D;
	cursor: pointer;
	display: block;
	margin-bottom: 15px;
	padding: 0.75rem;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

#redim-cookiehint .cookiebuttons a.btn {
	text-decoration: none !important;
	background-image: none !important;
	border-radius: 0px;
}

#redim-cookiehint.hidden{
	display: none;
	visibility: hidden;
}

#cookiehintsubmit,
#cookiehintsubmitno{
	transition: 0.3s ease;
}

#cookiehintinfo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#cookiehintinfo > * {
	margin: 2px 6px;
}

#cookiehintsubmit,
#cookiehintsubmitno {
	background: #FFFFFF ;
	border: 2px solid #FA6D4D;
}

#cookiehintsubmit:hover,
#cookiehintsubmitno:hover {
	color: #FFFFFF !important;
	background: #FA6D4D;
	border: 2px solid #FA6D4D;
}

/* --- BOTTOM-STYLE --- */

#redim-cookiehint-bottom{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	text-align: center;
	background-color: #fff
}

#redim-cookiehint-bottom #redim-cookiehint{
	margin: 0 auto;
	text-align: left;
	max-width: 980px;
}

#redim-cookiehint-bottom #cookiehintinfo {
	margin: 0px;
}

#redim-cookiehint-bottom .cookiehead{
	margin-bottom: 10px;
}

#redim-cookiehint-bottom .cookiecontent {
	padding-bottom: 5px;
}

#redim-cookiehint-bottom .cookiebuttons{
	text-align: right;
}

#redim-cookiehint-bottom .cookiebuttons .btn, #redim-cookiehint-bottom .cookiebuttons button {
	display: inline-block;
	padding: 8px 14px !important;
	margin: 0px 10px 0px 0px;
	width: auto;
}

/* responsive width caps (mobile-first, min-width breakpoints) */
@media (min-width: 768px){
	#redim-cookiehint{
		width: min(80vw, 640px);
	}

	/* buttons side-by-side (Option A: equal width) */
	#redim-cookiehint .cookiebuttons{
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 12px;
		row-gap: 12px;
	}

	#redim-cookiehint .cookiebuttons .btn,
	#redim-cookiehint .cookiebuttons button{
		margin-bottom: 0;
	}

	#cookiehintinfo{
		grid-column: 1 / -1;
	}
}

@media (min-width: 992px){
	#redim-cookiehint{
		width: min(70vw, 720px);
	}
}

@media (min-width: 1200px){
	#redim-cookiehint{
		width: min(60vw, 820px);
	}
}

@media (min-width: 1400px){
	#redim-cookiehint{
		width: min(55vw, 900px);
	}
}