:root {

	/* basic (=light) theme */
	--fg-color: #262626;
	--bg-color: #fff;

    /* corporate colors */
	--bs-color-orange: #ff5a00;
	--bs-color-green: #c3dd13;
	--bs-color-blue: #036680;
	--bs-selected-theme-color: #036680;
    
    --second-color: #F1E9DA;
    --third-color: #CCEBEB;

	/* fonts */
	--font-size__xsmall: 12px;
	--font-size__small: 14px;
	--font-size__base: 16px; /* body, p */
	--font-size__medium: 18px; /* h3 */
	--font-size__large: 22px; /* h2 */
	--font-size__xlarge: 26px;
	--font-size__maintitle: 32px; /* h1 */

	--base-margin: 1.5em;

	--shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
	--shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
	--shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
	--shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
	--shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 0 46px 60px -6px rgba(0, 0, 0, 0.2);
    
}
@media screen and (min-width: 23.4375em) { /* 375/16 */
	:root {
		--font-size__xsmall: calc(12px + 2 * ((100vw - 375px) / 1025));
		--font-size__small: calc(14px + 4 * ((100vw - 375px) / 1025));
		--font-size__base: calc(16px + 8 * ((100vw - 375px) / 1025));
		--font-size__medium: calc(18px + 8 * ((100vw - 375px) / 1025));
		--font-size__large: calc(20px + 10 * ((100vw - 375px) / 1025));
		--font-size__xlarge: calc(26px + 46 * ((100vw - 375px) / 1025));
		--font-size__maintitle: calc(32px + 40 * ((100vw - 375px) / 1025));
	}
}
@media screen and (min-width: 87.5em) { /* 1400/16 */
	:root {
		--font-size__xsmall: 14px;
		--font-size__small: 18px;
		--font-size__base: 24px;
		--font-size__medium: 26px;
		--font-size__large: 32px;
		--font-size__xlarge: 72px;
		--font-size__maintitle: 72px;
	}
}
*,
*::before,
*::after,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
	font-size: var(--font-size__base);
}
body {
	font-family: "Barlow", Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.5;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, caption,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0 0 calc(var(--base-margin) / 2);
	line-height: 1.1;
	font-weight: bold;
}
h1, .h1 {
	font-size: var(--font-size__maintitle);
    font-weight: normal;
}
h2, caption, .h2 {
	font-size: var(--font-size__large);
}
h3, .h3 {
	font-size: var(--font-size__medium);
}
h4, .h4 {
	font-size: var(--font-size__base);
}
h5, .h5 {
	margin: 0 0 0.4em;
	font-size: 1em;
}
h6, .h6 {
	margin: 0 0 0.2em;
	font-size: 1em;
}
p, ul, ol, dl, blockquote, pre, fieldset, figure, address, table, details, iframe, video, audio,
.p, .box, .table-responsive, .media-responsive, .flex-search, .mb, .mod-wrapper, .accordion, [data-oembed-url], [class*="col-"] {
	margin: 0 0 1.5em;
}
p {}
.p {
	font-size: 1em;
	font-weight: normal;
}
li ul, li ol {
	margin: 0;
}
ul, ol {
	padding-left: 0;
}
ul {
	list-style: outside disc;
}
ol {
	list-style-position: outside;
}
ol ol, ul ul {
	margin-bottom: 0;
}
li {
	margin: 0 0 0 1.5em;
}
ol ol li, ul ul li {
	margin: 0 0 0 3em;
}
li + li, ul ul li, ol ol li,
ul ol li, ol ul li  {
	margin-top: 0.25em;
}
dt {
	font-weight: bold;
}
dd {
	padding-left: 1.5em;
}
abbr[title] {
	cursor: help;
}
hr {
	clear: both;
	height: 1px;
	margin: 1.5em 0;
	border: 0;
	color: #666;
	background-color: #666;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
video, audio {
	display: block;
}
figure {}
figcaption {
	margin-top: 0.75em;
}
blockquote {
	padding: 0 1.5em;
	font-style: italic;
}
address {}
cite {}
tt, code, kbd, samp, pre {
	font-family: "Courier New", Courier, mono;
}
kbd {
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	padding: 0 2px;
	border-radius: 3px;
	background-color: #f6f4f3;
}
figcaption,
small, .small,
label.error,
.asset-meta,
.cookie-alert,
.form-hint, .form-hint-complex,
.tag {
	font-size: 0.875em;
}
strong, b,
.strong, .lead {
	font-weight: bold;
}
iframe {
	display: block;
	border: 0;
	padding: 0;
	width: 100%;
}

summary {
	list-style: none;
	font-weight: bold;
}

@supports not (-ms-ime-align: auto) { /* no ie11 & legacy edge ≤18 */

	summary {
		display: flex;
		align-items: baseline;
		cursor: pointer;
		margin: -1.5em;
		padding: 1.5em;
		overflow: hidden;
	}
	summary::-webkit-details-marker,
	summary::marker {
		display: none;
	}
	summary::before {
		content: "";
		position: relative;
		flex: 0 0 auto;
		top: 0.2em;
		width: 1em;
		height: 1em;
		margin-right: 0.5em;
		background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00NDEuOSAxNjcuM2wtMTkuOC0xOS44Yy00LjctNC43LTEyLjMtNC43LTE3IDBMMjI0IDMyOC4yIDQyLjkgMTQ3LjVjLTQuNy00LjctMTIuMy00LjctMTcgMEw2LjEgMTY3LjNjLTQuNyA0LjctNC43IDEyLjMgMCAxN2wyMDkuNCAyMDkuNGM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjA5LjQtMjA5LjRjNC43LTQuNyA0LjctMTIuMyAwLTE3eiI+PC9wYXRoPjwvc3ZnPg==');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: .75em .86em;
		transform: rotate(-90deg);
		transition: transform .2s;
	}
	details[open] summary::before {
		transform: rotate(0);
	}
	summary > * {
		display: inline;
		margin-bottom: 0;
	}
	summary + * {
		margin-top: 1.5em;
	}

}

.optimale-zeilenlaenge {
	color: #ee0000; /* Zeichen von 45-75 werden rot hervorgehoben. Kann in Produktivumgebung gelöscht werden. */
}

/* =links
--------------------------------------------------------------- */
a, a:link {
	color: inherit;
}
a:visited {
	
}
a:focus, a:hover, a:active {
	text-decoration-color:  var(--bs-selected-theme-color);
}
:focus:not(:focus-visible) {
	outline: none;
}
a img {
	border: none;
}

[id] {
	scroll-margin-top: 2ex;
}

/* =skiplinks
--------------------------------------------------------------- */
.skiplinks__link {
	position: absolute;
	top: -9999px;
	left: 1.5em;
	z-index: 10;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #fff;
	background-color: #000;
}
.skiplinks__link:focus,
.skiplinks__link:active {
	top: 1.5em;
	color: #fff;
}

/* =doc-anchors font-awesome
--------------------------------------------------------------- */
[href^="https:"]::after, [href^="http:"]::after,
.show-icon[href^="/"]::after, .document-lst::after,
[href$=".csv" i]::before, [href*=".csv?" i]::before, [href*=".csv/" i]::before,
[href$=".doc" i]::before, [href*=".doc?" i]::before, [href*=".doc/" i]::before,
[href$=".docx" i]::before, [href*=".docx?" i]::before, [href*=".docx/" i]::before,
[href$=".dotx" i]::before, [href*=".dotx?" i]::before, [href*=".dotx/" i]::before,
[href$=".docm" i]::before, [href*=".docm?" i]::before, [href*=".docm/" i]::before,
[href$=".dot" i]::before, [href*=".dot?" i]::before, [href*=".dot/" i]::before,
[href$=".jpg" i]::before, [href*=".jpg?" i]::before, [href*=".jpg/" i]::before,
[href$=".jpeg" i]::before, [href*=".jpeg?" i]::before, [href*=".jpeg/" i]::before,
[href$=".gif" i]::before, [href*=".gif?" i]::before, [href*=".gif/" i]::before,
[href$=".eps" i]::before, [href*=".eps?" i]::before, [href*=".eps/" i]::before,
[href$=".mp3" i]::before, [href*=".mp3?" i]::before, [href*=".mp3/" i]::before,
[href$=".mp4" i]::before, [href*=".mp4?" i]::before, [href*=".mp4/" i]::before,
[href$=".pdf" i]::before, [href*=".pdf?" i]::before, [href*=".pdf/" i]::before,
[href$=".png" i]::before, [href*=".png?" i]::before, [href*=".png/" i]::before,
[href$=".potm" i]::before, [href*=".potm?" i]::before, [href*=".potm/" i]::before,
[href$=".potx" i]::before, [href*=".potx?" i]::before, [href*=".potx/" i]::before,
[href$=".pps" i]::before, [href*=".pps?" i]::before, [href*=".pps/" i]::before,
[href$=".ppsm" i]::before, [href*=".ppsm?" i]::before, [href*=".ppsm/" i]::before,
[href$=".ppsx" i]::before, [href*=".ppsx?" i]::before, [href*=".ppsx/" i]::before,
[href$=".ppt" i]::before, [href*=".ppt?" i]::before, [href*=".ppt/" i]::before,
[href$=".pptm" i]::before, [href*=".pptm?" i]::before, [href*=".pptm/" i]::before,
[href$=".pptx" i]::before, [href*=".pptx?" i]::before, [href*=".pptx/" i]::before,
[href$=".psd" i]::before, [href*=".psd? " i]::before, [href*=".psd/ " i]::before,
[href$=".rss" i]::before, [href*=".rss?" i]::before, [href*=".rss/" i]::before,
[href$=".rtf" i]::before, [href*=".rtf?" i]::before, [href*=".rtf/" i]::before,
[href$=".svg" i]::before, [href*=".svg?" i]::before, [href*=".svg/" i]::before,
[href$=".tif" i]::before, [href*=".tif?" i]::before, [href*=".tif/" i]::before,
[href$=".tiff" i]::before, [href*=".tiff?" i]::before, [href*=".tiff/" i]::before,
[href$=".txt" i]::before, [href*=".txt?" i]::before, [href*=".txt/" i]::before,
[href$=".vcf" i]::before, [href*=".vcf?" i]::before, [href*=".vcf/" i]::before,
[href$=".xlam" i]::before, [href*=".xlam?" i]::before, [href*=".xlam/" i]::before,
[href$=".xls" i]::before, [href*=".xls?" i]::before, [href*=".xls/" i]::before,
[href$=".xlt" i]::before, [href*=".xlt?" i]::before, [href*=".xlt/" i]::before,
[href$=".xlsb" i]::before, [href*=".xlsb?" i]::before, [href*=".xlsb/" i]::before,
[href$=".xlsm" i]::before, [href*=".xlsm?" i]::before, [href*=".xlsm/" i]::before,
[href$=".xlsx" i]::before, [href*=".xlsx?" i]::before, [href*=".xlsx/" i]::before,
[href$=".xltm" i]::before, [href*=".xltm?" i]::before, [href*=".xltm/" i]::before,
[href$=".xltx" i]::before, [href*=".xltx?" i]::before, [href*=".xltx/" i]::before,
[href$=".zip" i]::before, [href*=".zip?" i]::before, [href*=".zip/" i]::before,
[href^="mailto\3A"]::before, [data-email-link]::before,
[href^="tel\3A"]::before, [href^="skype\3A"]::before,
[href^="https://www.google.com/maps/"]::before,
[href^="http://www.google.com/maps/"]::before,
[href^="https://maps.google.com/"]::before,
[href^="http://maps.google.com/"]::before,
[href^="https://goo.gl/maps/"]::before,
.download-icn::before,
.facebook-icn::before,
.instagram-icn::before,
.linkedin-icn::before,
.twitter-icn::before,
.whatsapp-icn::before,
.xing-icn::before,
.youtube-icn::before {
	display: inline-block;
	padding-right: 0.25em;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.facebook-icn::before,
.instagram-icn::before,
.linkedin-icn::before,
.twitter-icn::before,
.whatsapp-icn::before,
.xing-icn::before,
.youtube-icn::before {
	font-family: "FontAwesome Brands";
}
[href$=".doc" i]::before, [href*=".doc?" i]::before, [href*=".doc/" i]::before,
[href$=".docm" i]::before, [href*=".docm?" i]::before, [href*=".docm/" i]::before,
[href$=".docx" i]::before, [href*=".docx?" i]::before, [href*=".docx/" i]::before,
[href$=".dot" i]::before, [href*=".dot?" i]::before, [href*=".dot/" i]::before,
[href$=".dotx" i]::before, [href*=".dotx?" i]::before, [href*=".dotx/" i]::before,
[href$=".rtf" i]::before, [href*=".rtf?" i]::before, [href*=".rtf/" i]::before {
	content: "\f1c2";
}
[href$=".pdf" i]::before, [href*=".pdf?" i]::before, [href*=".pdf/" i]::before {
	content: "\f1c1";
}
[href$=".potm" i]::before, [href*=".potm?" i]::before, [href*=".potm/" i]::before,
[href$=".potx" i]::before, [href*=".potx?" i]::before, [href*=".potx/" i]::before,
[href$=".pps" i]::before, [href*=".pps?" i]::before, [href*=".pps/" i]::before,
[href$=".ppsm" i]::before, [href*=".ppsm?" i]::before, [href*=".ppsm/" i]::before,
[href$=".ppsx" i]::before, [href*=".ppsx?" i]::before, [href*=".ppsx/" i]::before,
[href$=".ppt" i]::before, [href*=".ppt?" i]::before, [href*=".ppt/" i]::before,
[href$=".pptm" i]::before, [href*=".pptm?" i]::before, [href*=".pptm/" i]::before,
[href$=".pptx" i]::before, [href*=".pptx?" i]::before, [href*=".pptx/" i]::before {
	content: "\f1c4";
}
[href$=".rss" i]::before, [href*=".rss?" i]::before, [href*=".rss/" i]::before {
	content: "\f09e";
}
[href$=".txt" i]::before, [href*=".txt?" i]::before, [href*=".txt/" i]::before {
	content: "\f15c";
}
[href$=".vcf" i]::before, [href*=".vcf?" i]::before, [href*=".vcf/" i]::before {
	content: "\f2bb";
}
[href$=".csv" i]::before, [href*=".csv?" i]::before, [href*=".csv/" i]::before,
[href$=".xlam" i]::before, [href*=".xlam?" i]::before, [href*=".xlam/" i]::before,
[href$=".xls" i]::before, [href*=".xls?" i]::before, [href*=".xls/" i]::before,
[href$=".xlt" i]::before, [href*=".xlt?" i]::before, [href*=".xlt/" i]::before,
[href$=".xlsb" i]::before, [href*=".xlsb?" i]::before, [href*=".xlsb/" i]::before,
[href$=".xlsm" i]::before, [href*=".xlsm?" i]::before, [href*=".xlsm/" i]::before,
[href$=".xlsx" i]::before, [href*=".xlsx?" i]::before, [href*=".xlsx/" i]::before,
[href$=".xltm" i]::before, [href*=".xltm?" i]::before, [href*=".xltm/" i]::before,
[href$=".xltx" i]::before, [href*=".xltx?" i]::before, [href*=".xltx/" i]::before {
	content: "\f1c3";
}
[href$=".zip" i]::before, [href*=".zip?" i]::before, [href*=".zip/" i]::before {
	content: "\f1c6";
}
[href^="https://www.google.com/maps/"]::before,
[href^="http://www.google.com/maps/"]::before,
[href^="https://maps.google.com/"]::before,
[href^="http://maps.google.com/"]::before,
[href^="https://goo.gl/maps/"]::before {
	content: "\f3c5";
}
[href$=".jpg" i]::before, [href*=".jpg?" i]::before, [href*=".jpg/" i]::before,
[href$=".jpeg" i]::before, [href*=".jpeg?" i]::before, [href*=".jpeg/" i]::before,
[href$=".gif" i]::before, [href*=".gif?" i]::before, [href*=".gif/" i]::before,
[href$=".eps" i]::before, [href*=".eps?" i]::before, [href*=".eps/" i]::before,
[href$=".png" i]::before, [href*=".png?" i]::before, [href*=".png/" i]::before,
[href$=".psd" i]::before, [href*=".psd?" i]::before, [href*=".psd/" i]::before,
[href$=".svg" i]::before, [href*=".svg?" i]::before, [href*=".svg/" i]::before,
[href$=".tif" i]::before, [href*=".tif?" i]::before, [href*=".tif/" i]::before,
[href$=".tiff" i]::before, [href*=".tiff?" i]::before, [href*=".tiff/" i]::before {
	content: "\f1c5";
}
[href$=".mp3" i]::before, [href*=".mp3?" i]::before, [href*=".mp3/" i]::before {
	content: "\f1c7";
}
[href$=".mp4" i]::before, [href*=".mp4?" i]::before, [href*=".mp4/" i]::before {
	content: "\f1c8";
}
.download-icn::before {
	content: "\f019";
}
.facebook-icn::before {
	content: "\f230";
}
.instagram-icn::before {
	content: "\f16d";
}
.linkedin-icn::before {
	content: "\f08c";
}
.twitter-icn::before {
	content: "\f081";
}
.whatsapp-icn::before {
	content: "\f232";
}
.xing-icn::before {
	content: "\f169";
}
.youtube-icn::before {
	content: "\f169";
}
[href^="mailto:"]::before,
[data-email-link]::before {
	content: "\f0e0";
}
[href^="tel:"]::before {
	content: "\f095";
}
[href^="skype:"]::before {
	content: "\f17e";
}
[href^="http:"]::after,
[href^="https:"]::after {
	padding-right: 0;
	padding-left: 0.25em;
	content: "\f08e";
}
[href*=".govis.ch"]::after,
[href*=".backslash.ch"]::after,
[data-email-link]::after,
.no-icon::after, .no-icon::before,
.nav [href]::after,
.subnav [href]::after,
.footer [href]::after,
.mod-dam--gallery a::before {
	content: none;
	padding: 0;
}
.os-url .show-icon[href^="https://intellio-backslash.backslash.ch"]::after,
.os-url .show-icon[href^="https://www.govis.ch"]::after,
.show-icon[href^="/"]::after { /* OSM-lst: interne Links mit anderem Icon */
	content: "\f0c1";
}
.document-lst::after { /* OSM-lst: mehrere Files pro Artikel zugewiesen */
	content: "\f0c5";
}

/* =link expanded
--------------------------------------------------------------- */
.link-expanded {
	position: relative;
}
.link-expanded a::after,
a.link-expanded__child::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* =forms
--------------------------------------------------------------- */
fieldset {
	clear: both;
	min-width: 0;
	border: 1px solid #666;
	padding: 1.5em;
}
fieldset.reset {
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
}
legend {
	display: table;
	color: inherit;
	font-weight: bold;
	font-size: 1.17em;
}
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=file],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
[type=radio],
[type=checkbox],
select,
textarea,
button, [type="button"], [type="reset"], [type="submit"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline-offset: 0;
	border: 1px solid #666;
	padding: 0.25em 0.5em;
	background-color: #fff;
	border-radius: 0.125em;
	transition: box-shadow 0.2s;
}

@supports (-ms-ime-align: auto) { /* targets only legacy edge */
	[type=radio],
	[type=checkbox] {
		-webkit-appearance: checkbox;
	}
}

[type=radio],
[type=checkbox] {
	position: relative;
	height: 1.25em;
	width: 1.25em;
	display: inline-block;
	vertical-align: text-bottom;
}
[type=radio] {
	border-radius: 100%;
}

[type=radio]::before,
[type=checkbox]::before,
[type=checkbox]::after {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
[type=radio]::before {
	height: 0;
	width: 0;
}

[type=radio]:checked::before {
	border: 5px solid transparent;
	border-radius: 100%;
	outline-offset: -6px;
	background-color: #000;
}
[type=checkbox]:checked::before,
[type=checkbox]:checked::after {
	border-color: #000;
	border-width: 3px;
	border-top: 0;
	border-left: 0;
	height: 80%;
	width: 40%;
	transform: rotate(45deg) translateY(-10%) translateX(-10%);
}
[type=checkbox]:checked::before {
	border-right-style: solid;
}
[type=checkbox]:checked::after {
	border-bottom-style: solid;
}

textarea {
	min-height: 5em;
	resize: vertical;
}
select:not([multiple]) {
	display: block;
	padding-right: 1.5em;
	width: 100%;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00NDEuOSAxNjcuM2wtMTkuOC0xOS44Yy00LjctNC43LTEyLjMtNC43LTE3IDBMMjI0IDMyOC4yIDQyLjkgMTQ3LjVjLTQuNy00LjctMTIuMy00LjctMTcgMEw2LjEgMTY3LjNjLTQuNyA0LjctNC43IDEyLjMgMCAxN2wyMDkuNCAyMDkuNGM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjA5LjQtMjA5LjRjNC43LTQuNyA0LjctMTIuMyAwLTE3eiI+PC9wYXRoPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: right .75em top 50%;
	background-size: .75em .86em;
}
select::-ms-expand { /* Hide arrow icon in IE browsers */
	display: none;
}
::-webkit-date-and-time-value { /* fixes Safari Mobile Bug, where empty date fields colapses */
	min-height: 1.25em;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=file]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=range]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
[type=checkbox]:focus,
[type=radio]:focus,
select:focus,
textarea:focus,
button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus,
summary:focus,
.form-builder__item--toggle [type="checkbox"]:focus ~ .form-builder__toggle::before {
	outline: 3px solid transparent;
	border-color: #000;
	box-shadow: 0 0 0 5px rgba(21, 156, 228, 0.4);
}
summary:focus:not(:focus-visible),
[type=range]:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}
[disabled], [readonly] {
	border-style: dotted;
	cursor: not-allowed;
}
[disabled], [aria-disabled=true] {
	opacity: 0.5;
}
button + button[type=reset] {
	margin-left: 1em;
}

/* =tables
--------------------------------------------------------------- */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	text-align: left;
}
table th,
table td {
	vertical-align: top;
	border-bottom: 1px solid #B1AB9B;
	padding: 0.5em 1em;
}
table th {
	text-align: left;
	font-weight: bold;
}
table:not(.calendar) thead th {
	vertical-align: bottom;
	border-bottom-width: 2px;
	padding: calc((1.6 / 1.2) * 0.5em) calc((1.6 / 1.2) * 1em); /* Faktor der Schriftgrösse * padding */
	font-size: 1.2rem;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
table tbody th,
table tfoot th {
	border-right: 1px solid #B1AB9B;
}
table tr:first-child th,
table tr:first-child td {
	border-top: 1px solid #B1AB9B;
}
table:not(.calendar) thead tr:first-child th,
table:not(.calendar) thead tr:first-child td {
	border-top: 0;
}
table:not(.calendar) thead ~ tbody tr:last-child {
	border-bottom: 2px solid #B1AB9B;
}
table tfoot tr:first-child td {
	border-top: 2px solid #B1AB9B;
}
table tfoot tr:last-child th,
table tfoot tr:last-child td {
	border-top: 2px solid #B1AB9B;
	border-bottom: 6px double #B1AB9B;
	font-weight: bold;
}
table.auto {
	width: auto;
}
table.fixed,
.tbl-fixed {
	table-layout: fixed;
}
th[align="left"], th.left, td.left {
	float: none;
	text-align: left;
}
th[align="center"], th.center, td.center {
	text-align: center;
}
th[align="right"], th.right, td.right,
.tbl-no {
	float: none;
	text-align: right;
}
table.no-pad th:first-child,
table.no-pad td:first-child {
	padding-left: 0;
}
table.no-pad th:last-child,
table.no-pad td:last-child {
	padding-right: 0;
}

/*=zebras & hover
--------------------------------------------------------------- */
table.zebra tbody tr:nth-child(even),
ul.zebra > li:nth-child(even) {
	background-color: rgba(0,0,0,0.05);
}
table.hover tbody tr:hover,
table.hover tfoot tr:hover,
ul.hover > li:hover {
	background-color: rgba(0,0,0,0.05);
}

/*=grid-tables
--------------------------------------------------------------- */
table.grid th,
table.grid td {
	border-left: 1px solid #B1AB9B;
}
table.grid th:last-child,
table.grid td:last-child {
	border-right: 1px solid #B1AB9B;
}

/*=presentation (layout-tables). don't forget role="presentation"
--------------------------------------------------------------- */
table.presentation,
table.presentation th,
table.presentation td,
table.presentation tr:first-child th,
table.presentation tr:first-child td,
table.presentation thead ~ tbody tr:last-child,
table.reset,
table.reset th,
table.reset td,
table.reset tr:first-child th, 
table.reset tr:first-child td,
table.reset thead ~ tbody tr:last-child {
	border: 0;
	padding: 0;
}

/*=responsive tables & media
--------------------------------------------------------------- */
.table-responsive {
	position: relative;
	z-index: 1;
}
.table-responsive > table {
	margin-bottom: 0;
}

.media-responsive {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.media-responsive iframe,
.media-responsive object,
.media-responsive embed,
.editor .media-responsive img.cke_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*=scrollbars
--------------------------------------------------------------- */
pre,
.table-responsive, .visible-scrollbar {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
pre::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar, .visible-scrollbar::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}
pre::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track, .visible-scrollbar:-webkit-scrollbar-track {
	background-color: #f6f4f3;
}
pre::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb, .visible-scrollbar::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 20em;
}
pre::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover, .visible-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: black;
}

/* =helper/utility classes
--------------------------------------------------------------- */
[hidden],
.none, .screenhidden, .printvisible {
	display: none;
}
.block,
.screenvisible, .printhidden {
	display: block;
}
.visuallyhidden,
.invis,
.sr,
.sr-only,
.cms-p-138 .main__title {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	 -webkit-clip-path: inset(100%);
	clip-path: inset(100%);
	overflow: hidden;
	background-color: transparent;
}
.nmb {
	margin-bottom: 0;
}
.right	{float: right;}
.left	{float: left;}
.clear	{clear: both;}
.clearfix::after,
.cf::after,
.row::after,
.js-accordion-content::after {
	content: "";
	display: table;
	clear: both;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.alignleft,
.alignright,
.aligncenter {
	max-width: 50%; /* mit .col-Grid-Breiten harmnonisieren */
	margin: 1.5em; /* mit .col-Grid-Margin harmnonisieren */
}
.alignleft {
	float: left;
	margin-top: 0;
	margin-left: 0;
}
.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.alignright {
	float: right;
	margin-top: 0;
	margin-right: 0;
}
.crisp {
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}
.reverse {
	display: flex;
	flex-direction: column;
}
.reverse > .reverse__child,
.reverse > .date,
.reverse > .visuallyfirst,
.reverse > .mod-entry-meta {
	order: -1;
}

.reset,
.reset li,
nav ul,
nav ul li {
	list-style: none outside none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
nav ul {
	margin-bottom: 0;
}
nav li::before {
	content: "\200B"; /* fixes VoiceOver Issue */
	position: absolute;
}
.nobr {
	white-space: nowrap;
}
details,
.box {
	clear: both;
	border: 1px solid #666;
	padding: 1.5em;
	background-color: #f6f4f3;
}
details:not(:empty):not([hidden]),
.box:not(:empty):not([hidden]) {
	display: flow-root;
}

.box--warning,
.cookie-alert {
	border-color: #faebcc;
	color: #85662b;
	background-color: #fcf8e3;
}
.box--success {
	border-color: #d6e9c6;
	color: #337234;
	background-color: #dff0d8;
}
.box--error {
	border-color: #ebccd1;
	color: #a43431;
	background-color: #f2dede;
}
.box--info {
	border-color: #bce8f1;
	color: #216b8b;
	background-color: #d9edf7;
}

blockquote > *:last-child,
details > *:last-child, summary ~ div > *:last-child,
fieldset > *:last-child,
th > *:last-child, td > *:last-child,
.box > *:last-child,
.row > [class*="col-"] > *:last-child,
.lc-reset > *:last-child,
.katabox > *:last-child,
.js-accordion-content > *:last-child,
.faq__content > *:last-child,
.nmb-lastchild > *:last-child {
	margin-bottom: 0;
}

/* =buttons
--------------------------------------------------------------- */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	padding: .5em 1em;
	color: var(--bg-color);
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: 1.166667;
	background: var(--bs-selected-theme-color);
	border-radius: 3px;
	cursor: pointer;
	transition: .2s;
}
.btn:hover,
.btn:focus {
	text-decoration: none !important;
	background-color: #0791b5;
}
.btn:active {
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

.btn--small, .btn--small {
  	padding: .1em .5em;
}
.btn[type="reset"],
.btn--secondary {
	background-color: grey;
}
.btn--invis,
.btn--ghost {
	border: 0;
	color: #000;
	background-color: transparent;
}
.btn--ghost {
	border: 1px solid #666;
}
.btn--fullwidth {
	width: 100%;
}
.btn--reject {
	background-color: red;
}
.btn--accept {
	background-color: green;
}

/* =animations
--------------------------------------------------------------- */
@media screen and (prefers-reduced-motion: reduce), (update: slow) {
	html {
		scroll-behavior: auto;
	}
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* =grid
--------------------------------------------------------------- */
.row {
	clear: both;
}
[class*="col-"] {
	position: relative;
	float: left;
	margin-left: 2.1276595745%; /* 30/1410 */
	min-height: 1px;
}
[class*="col-"]:first-child {
	margin-left: 0;
}
.col-1 {
	width: 6.3829787234%; /* 90/1410 */
}
.col-2 {
	width: 14.8936170213%; /* 210/1410 */
}
.col-3 {
	width: 23.4042553191%; /* 330/1410 */
}
.col-4 {
	width: 31.914893617%; /* 450/1410 */
}
.col-5 {
	width: 40.4255319149%; /* 570/1410 */
}
.col-6,
.col-half {
	width: 48.9361702128%; /* 690/1410 */
}
.col-7 {
	width: 57.4468085106%; /* 810/1410 */
}
.col-8 {
	width: 65.9574468085%; /* 930/1410 */
}
.col-9 {
	width: 74.4680851064%; /* 1050/1410 */
}
.col-10 {
	width: 82.9787234043%; /* 1170/1410 */
}
.col-11 {
	width: 91.4893617021%; /* 1290/1410 */
}
.col-12 {
	width: 100%;
}

/* =editor styles (backend)
--------------------------------------------------------------- */
.editor .element {
	position: relative;
	border: 1px dotted red;
}
.editor .element::before {
	content: 'Container';
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background-color: red;
}
.editor .accordion > *:is(h2, h3, h4, h5, h6) {
	clear: both;
}
.editor img.cke_iframe {
	width: 100% !important;
	height: 100% !important;
}