/**
 * @file        /a_layout/css/layout_kcm.css
 * @date        2026-10
 * @copyright   Copyright (C) 2006 - 2026 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 */

/* codeDESIGN - layout_kcm.css */
@charset "utf-8";

/* CONSENT TYPOGRAPHY */
div.kick-kcm-settings,
div.kick-kcm-inline-settings {
	--kcmFontStack: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	--kcmHeadlineFontStack: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font: 300 13px/18px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	color: #ffffff;
	letter-spacing: 0px;
}
div.kick-kcm-settings div.kick-kcm-settings__content,
div.kick-kcm-inline-settings div.kick-kcm-settings__content,
div.kick-kcm-settings section.kick-kcm-setting-category,
div.kick-kcm-inline-settings section.kick-kcm-setting-category {
	font: inherit !important;
	color: #ffffff !important;
}
div.kick-kcm-settings div.kick-kcm__heading,
div.kick-kcm-settings div.kick-kcm-settings__content__info h2,
div.kick-kcm-inline-settings div.kick-kcm-settings__content__info h2 {
	font: 400 30px/34px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
}
div.kick-kcm-settings div.kick-kcm-setting-category__headline,
div.kick-kcm-inline-settings div.kick-kcm-setting-category__headline {
	font: 400 18px/24px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	letter-spacing: 0px;
}
div.kick-kcm-settings div.kick-kcm-expander__headline,
div.kick-kcm-inline-settings div.kick-kcm-expander__headline {
	font-weight: 400;
}
div.kick-kcm-settings a,
div.kick-kcm-inline-settings a {
	color: #ffffff !important;
	text-decoration: underline;
}
div.kick-kcm-settings span.kick-kcm-cpc__switch__info,
div.kick-kcm-inline-settings span.kick-kcm-cpc__switch__info {
	width: max-content;
	white-space: nowrap;
}



/* CONSENT POLICY PAGE LAYOUT */
div.kick-kcm-inline-settings div.kick-kcm-settings__content__info {
	width: 100%;
	margin: 0px 0px 0px 0px;
	flex: 0 0 100%;
}
div.kick-kcm-inline-settings div.kick-kcm-settings-content_info {
	margin: 0px 0px 30px 0px;
}
div.kick-kcm-inline-settings section.kick-kcm-setting-category {
	background: #1b1b1b;
	padding: 30px 30px 30px 30px;
}



/* CONSENT BUTTONS AND SQUARE TOGGLES */
div.kick-kcm-settings button.kick-kcm__btn,
div.kick-kcm-inline-settings button.kick-kcm__btn,
div.codedesign_consent_reopen button {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	padding: 5px 15px 5px 15px;
	font: 300 13px/18px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	letter-spacing: 0px;
}
div.kick-kcm-settings section.kick-kcm-setting-category,
div.kick-kcm-inline-settings section.kick-kcm-setting-category,
div.kick-kcm-settings label.kick-kcm-cpc__switch,
div.kick-kcm-inline-settings label.kick-kcm-cpc__switch,
div.kick-kcm-settings div.kick-kcm-cpc__switch__bg,
div.kick-kcm-inline-settings div.kick-kcm-cpc__switch__bg,
div.kick-kcm-settings div.kick-kcm-cpc__switch__mark,
div.kick-kcm-inline-settings div.kick-kcm-cpc__switch__mark {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}
div.kick-kcm-settings a:focus-visible,
div.kick-kcm-inline-settings a:focus-visible,
div.codedesign_consent_reopen button:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}



/* CONSENT BANNER FOOTER LINKS */
div.kick-kcm-settings div.kick-kcm__links {
	padding: 0px 0px 20px 0px;
	font: 300 12px/10px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
}
div.kick-kcm-settings div.kick-kcm__links a,
div.kick-kcm-settings div.kick-kcm__links a:link,
div.kick-kcm-settings div.kick-kcm__links a:visited {
	font: inherit;
	color: #ffffff !important;
	text-decoration: none;
	text-transform: uppercase;
}
div.kick-kcm-settings div.kick-kcm__links a:hover {
	text-decoration: underline;
}
@media (max-width: 1012px) {

	div.kick-kcm-settings div.kick-kcm__links {
		font: 300 13px/18px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	}
	div.kick-kcm-settings div.kick-kcm__links a,
	div.kick-kcm-settings div.kick-kcm__links a:link,
	div.kick-kcm-settings div.kick-kcm__links a:visited {
		text-transform: none;
	}

}



/* CONSENT PREFERENCE ACCESS */
div.codedesign_consent_reopen {
	margin: 0px 0px 0px 0px;
	padding: 12px 20px 12px 20px;
	display: none;
	text-align: center;
}
div.codedesign_consent_reopen button {
	background: #1b1b1b;
	border: 1px solid #858585;
	color: #ffffff;
	cursor: pointer;
}