:root {
	--base-color: #3d3e3f;
	--accent-color-light: #8de4ff;
    --accent-color-dark: #3d3e3f;
	--highlight-color: #67E1DB;

	--light-color: #f6f2ed; /* .box, .zebra */

	--sperator-color: #8de4ff; /* hr, table-borders, .list-separators */
}
.tmpl--herzensbilder {
	--accent-color-light: #767676;
    --accent-color-dark: #2b9135;
    --accent-color-white: #ffffff;
    --accent-color-active: #004000;
    --sperator-color: #2b9135; /* hr, table-borders, .list-separators */
}


*,
*::before,
*::after,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%; /* 10/16 */
	/* scroll-behavior: smooth; */
}
body {
	font-size: 16px; /* IE < 11 fallback */
	font: 1.6em/1.75 'Roboto', Helvetica, Arial, Geneva, sans-serif;
	position: relative;
	color: var(--base-color);
}
h1, h2, h3, h4, h5, h6, caption,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0 0 0.75em;
	line-height: 1.2;
	font-family: 'Roboto Condensed', Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
    color: var(--accent-color-dark);
}
h1, .h1 {
	font-size: 2.25em; /* 36/16 */
}
h2, .h2, caption {
	font-size: 1.5em; /* 24/16 */
	text-transform: uppercase;
	letter-spacing: 2px;
}
main > h2,
main table > caption {
	margin-top: 3em;
    margin-bottom: 1.5em;
}
h3, .h3 {
	font-size: 1.17em;
}
h4, .h4 {
	font-size: 1em;
}
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,
.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;
}
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: var(--sperator-color);
	background-color: var(--sperator-color);
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

figure {}
figcaption {
	margin-top: 0.75em;
    line-height: 1.5;
}
blockquote {
	display: flex;
    flex-direction: column;
	padding: 0 8.547008547008547%; /* 100/1170 */
	font-style: italic;
    font-size: 2.4rem;
    line-height: 1.5;
    color: var(--accent-color-dark);
}
@media only screen and (min-width: 500px) {
    blockquote {
        padding: 0 14.925373134328358%; /* 100/670 */
    }
}

blockquote > * {
    margin-bottom: 0.75em;
}
blockquote cite {
	position: relative;
    display: inline-block;
    float: right;
    padding: 0.5em 0;
    text-align: right;
    font-size: 1.8rem;
}
blockquote cite::before,
blockquote cite::after {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 3px;
    background-color: var(--sperator-color);
}
blockquote cite::after {
	top: auto;
    bottom: 0;
}
address {}
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,
.form-hint,
label.error,
.asset-meta,
.cookie-alert {
	font-size: 0.875em;
}
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;
	}
	summary:focus:not(:focus-visible) {
		outline: none;
		box-shadow: none;
	}

}

/* =anchors
--------------------------------------------------------------- */
a {
	color: var(--accent-color-dark);
}
a:visited {

}
a:focus, a:hover, a:active {
	color: #000;
}
:focus:not(:focus-visible) {
	outline: none;
}
a img {
	border: none;
}
[id] {
	scroll-margin-top: 2ex;
}

.hover-effect {
    position: relative;
}
.hover-effect::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--light-color);
    transition: width .2s;
    will-change: width;
    transform: rotateX(0);
}
.hover-effect:hover::before {
    width: 100%;
}
.hover-effect:focus-within::before {
    width: 100%;
}

/* =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$=".doc" i]::before, [href*=".doc?" i]::before,
[href$=".docx" i]::before, [href*=".docx?" i]::before,
[href$=".dotx" i]::before, [href*=".dotx?" i]::before,
[href$=".docm" i]::before, [href*=".docm?" i]::before,
[href$=".dot" i]::before, [href*=".dot?" i]::before,
[href$=".jpg" i]::before, [href*=".jpg?" i]::before,
[href$=".jpeg" i]::before, [href*=".jpeg?" i]::before,
[href$=".gif" i]::before, [href*=".gif?" i]::before,
[href$=".eps" i]::before, [href*=".eps?" i]::before,
[href$=".mp3" i]::before, [href*=".mp3?" i]::before,
[href$=".mp4" i]::before, [href*=".mp4?" i]::before,
[href$=".pdf" i]::before, [href*=".pdf?" i]::before,
[href$=".png" i]::before, [href*=".png?" i]::before,
[href$=".potm" i]::before, [href*=".potm?" i]::before,
[href$=".potx" i]::before, [href*=".potx?" i]::before,
[href$=".pps" i]::before, [href*=".pps?" i]::before,
[href$=".ppsm" i]::before, [href*=".ppsm?" i]::before,
[href$=".ppsx" i]::before, [href*=".ppsx?" i]::before,
[href$=".ppt" i]::before, [href*=".ppt?" i]::before,
[href$=".pptm" i]::before, [href*=".pptm?" i]::before,
[href$=".pptx" i]::before, [href*=".pptx?" i]::before,
[href$=".psd" i]::before, [href*=".psd? " i]::before,
[href$=".rss" i]::before, [href*=".rss?" i]::before,
[href$=".rtf" i]::before, [href*=".rtf" i]::before,
[href$=".svg" i]::before, [href*=".svg?" i]::before,
[href$=".tif" i]::before, [href*=".tif?" i]::before,
[href$=".tiff" i]::before, [href*=".tiff?" i]::before,
[href$=".txt" i]::before, [href*=".txt?" i]::before,
[href$=".vcf" i]::before, [href*=".vcf?" i]::before,
[href$=".xlam" i]::before, [href*=".xlam?" i]::before,
[href$=".xls" i]::before, [href*=".xls?" i]::before,
[href$=".xlt" i]::before, [href*=".xlt?" i]::before,
[href$=".xlsb" i]::before, [href*=".xlsb?" i]::before,
[href$=".xlsm" i]::before, [href*=".xlsm?" i]::before,
[href$=".xlsx" i]::before, [href*=".xlsx?" i]::before,
[href$=".xltm" i]::before, [href*=".xltm?" i]::before,
[href$=".xltx" i]::before, [href*=".xltx?" 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$=".docm" i]::before, [href*=".docm?" i]::before,
[href$=".docx" i]::before, [href*=".docx?" i]::before,
[href$=".dot" i]::before, [href*=".dot?" i]::before,
[href$=".dotx" i]::before, [href*=".dotx?" i]::before,
[href$=".rtf" i]::before, [href*=".rtf?" i]::before {
	content: "\f1c2";
}
[href$=".pdf" i]::before, [href*=".pdf?" i]::before {
	content: "\f1c1";
}
[href$=".potm" i]::before, [href*=".potm?" i]::before,
[href$=".potx" i]::before, [href*=".potx?" i]::before,
[href$=".pps" i]::before, [href*=".pps?" i]::before,
[href$=".ppsm" i]::before, [href*=".ppsm?" i]::before,
[href$=".ppsx" i]::before, [href*=".ppsx?" i]::before,
[href$=".ppt" i]::before, [href*=".ppt?" i]::before,
[href$=".pptm" i]::before, [href*=".pptm?" i]::before,
[href$=".pptx" i]::before, [href*=".pptx?" i]::before {
	content: "\f1c4";
}
[href$=".rss" i]::before, [href*=".rss?" i]::before {
	content: "\f09e";
}
[href$=".txt" i]::before, [href*=".txt?" i]::before {
	content: "\f15c";
}
[href$=".vcf" i]::before, [href*=".vcf?" i]::before {
	content: "\f2bb";
}
[href$=".csv" i]::before, [href*=".csv?" i]::before,
[href$=".xlam" i]::before, [href*=".xlam?" i]::before,
[href$=".xls" i]::before, [href*=".xls?" i]::before,
[href$=".xlt" i]::before, [href*=".xlt?" i]::before,
[href$=".xlsb" i]::before, [href*=".xlsb?" i]::before,
[href$=".xlsm" i]::before, [href*=".xlsm?" i]::before,
[href$=".xlsx" i]::before, [href*=".xlsx?" i]::before,
[href$=".xltm" i]::before, [href*=".xltm?" i]::before,
[href$=".xltx" i]::before, [href*=".xltx?" i]::before {
	content: "\f1c3";
}
[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$=".jpeg" i]::before, [href*=".jpeg?" i]::before,
[href$=".gif" i]::before, [href*=".gif?" i]::before,
[href$=".eps" i]::before, [href*=".eps?" i]::before,
[href$=".png" i]::before, [href*=".png?" i]::before,
[href$=".psd" i]::before, [href*=".psd?" i]::before,
[href$=".svg" i]::before, [href*=".svg?" i]::before,
[href$=".tif" i]::before, [href*=".tif?" i]::before,
[href$=".tiff" i]::before, [href*=".tiff?" i]::before {
	content: "\f1c5";
}
[href$=".mp3" i]::before, [href*=".mp3?" i]::before {
	content: "\f1c7";
}
[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*=".dk-fotografie.ch"]::after,
[href*=".herzensbilder-für-fellnasen.ch"]::after,
[href*=".xn--herzensbilder-fr-fellnasen-d0c.ch"]::after,
[href*=".backslash.ch"]::after,
[data-email-link]::after,
.no-icon::after, .no-icon::before,
.nav [href]::after,
.footer [href]::after,
.mod-dam--gallery a::before,
.home-col--toplinks [href]::after {
	content: none;
	padding: 0;
}
.os-url .show-icon[href^="https://dev-govis-desiree.backslash.ch"]::after,
.os-url .show-icon[href^="https://www.dk-fotografie.ch"]::after,
.os-url .show-icon[href^="https://www.xn--herzensbilder-fr-fellnasen-d0c.ch"]::after,
.os-url .show-icon[href^="https://www.herzensbilder-für-fellnasen.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: #000;
	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;
	border: 1px solid #666;
	padding: 0.25em 0.5em;
	background-color: #fff;
	border-radius: 2px;
	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=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 {
	outline: 3px solid transparent;
	border-color: #000;
	box-shadow: 0 0 0 5px rgba(21, 156, 228, 0.4);
}
[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;
	font-weight: bold;
}
table th,
table td {
	vertical-align: top;
	border-bottom: 1px solid var(--sperator-color);
	padding: .25em .75em;
}
table th {
	border-bottom-width: 2px;
	text-align: left;
	font-weight: bold;
}
table th[align="left"] {
	text-align: left;
}
table th[align="center"] {
	text-align: center;
}
table th[align="right"] {
	text-align: right;
}
table tbody th {
	border-bottom-width: 1px;
}
table tfoot tr:first-child td {
	border-top: 2px solid var(--sperator-color);
}
table tfoot tr:last-child td {
	border-top: 2px solid var(--sperator-color);
	border-bottom: 3px double var(--sperator-color);
	font-weight: bold;
}
table.auto {
	width: auto;
}
table.fixed {
	table-layout: fixed;
}
table.vertical {
	border-top: 1px solid var(--sperator-color);
}
table.vertical th {
	border-bottom-width: 1px;
}
.tbl-no {
	text-align: right;
}
.tbl-fixed {
	table-layout: fixed;
}

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

/*=grid-tables
--------------------------------------------------------------- */
table.grid th,
table.grid td {
	border-left: 1px solid var(--sperator-color);
}
table.grid th:last-child,
table.grid td:last-child {
	border-right: 1px solid var(--sperator-color);
}

/*=presentation (layout-tables). don't forget role="presentation"
--------------------------------------------------------------- */
table.presentation,
table.presentation th,
table.presentation td,
table.reset,
table.reset th,
table.reset td {
	border: 0;
	padding: 0;
}
table.reset th,
table.reset td {
	padding-right: 1.5em;
}

/*=responsive tables & media
--------------------------------------------------------------- */
.table-responsive {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	max-width: 100%;
}
.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%;
}

@media only screen and (min-width: 37.5em) { /* 600 */
	.table-responsive {
		border-bottom: 0;
	}
}

/*=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;
}

/*=microformats
--------------------------------------------------------------- */
.vcard .region,
.vcard .country-name,
.vcard .url {
	display: none;
}

/* =helper
--------------------------------------------------------------- */
[hidden],
.none, .screenhidden, .printvisible {
	display: none;
}
.block,
.screenvisible, .printhidden {
	display: block;
}
.visuallyhidden,
.invis,
.sr,
.sr-only,
.tmpl--home main h1 {
	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;
}
.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;
}
.nmb {
	margin-bottom: 0;
}
.right	{float: right;}
.left	{float: left;}
.clear	{clear: both;}
.clearfix::after,
.cf::after,
.row::after {
	content: "";
	display: table;
	clear: both;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.alignleft,
.alignright,
.aligncenter {
	float: none;
	display: block;
	max-width: 100%;
	margin: 1.5em 0;
}
.aligncenter {
	display: table;
	width: auto;
}
.aligncenter figcaption {
	display: table-caption;
	caption-side: bottom;
}

@media only screen and (min-width: 37.5em) { /* 600 */
	.alignleft,
	.alignright,
	.aligncenter {
		max-width: 40.298507462686567%; /* 270/670 */
		margin: 4.477611940298507%; /* 30/670 */
	}
	.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;
	}
}

.reset,
.reset li,
nav ul,
nav li, nav li li {
	list-style: none outside none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
nav ul {
	margin-bottom: 0;
}
.nobr {
	white-space: nowrap;
}
details,
.box {
	clear: both;
	padding: 1.5em;
	background-color: var(--light-color);
}
.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 {
	margin-bottom: 0;
}

/* =buttons
--------------------------------------------------------------- */
.btn, .btn:link, .btn:visited {
	display: inline-block;
	border: 0;
	padding: .5em 1em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: inherit;
	background-color: var(--accent-color-dark);
	border-radius: 3px;
	cursor: pointer;
}
.btn:hover,
.btn:focus {
	color: #fff;
	text-decoration: none !important;
	background-color: #000;
}
.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 var(--accent-color-dark);
}
.btn--fullwidth {
	width: 100%;
}
.btn--reject {
	background-color: red;
}
.btn--accept {
	background-color: green;
}

/* =hamburger
--------------------------------------------------------------- */
.hamburger {
	flex: 0 0 auto;
	margin: 0;
	width: 55px;
	height: 45px;
	border: 0;
	text-indent: -9999px;
	border-radius: 3px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	background: var(--accent-color-dark);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
}
.hamburger span {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	height: 3px;
	width: 35px;
	background: #fff;
	border-radius: 2px;
	opacity: 1;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 11px;
}
.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
	top: 21px;
}
.hamburger span:nth-child(4) {
	top: 31px;
}

.hamburger--active {
	background: #000;
}
.hamburger--active span:nth-child(1) {
	top: 20px;
	width: 0%;
	left: 50%;
}
.hamburger--active span:nth-child(2) {
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}
.hamburger--active span:nth-child(3) {
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}
.hamburger--active span:nth-child(4) {
	top: 20px;
	width: 0%;
	left: 50%;
}

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

/* =grid
--------------------------------------------------------------- */
@media only screen and (min-width: 37.5em) { /* 600 */
	.row {
		clear: both;
	}
	[class*="col-"] {
		position: relative;
		float: left;
		margin-left: 2.564102564102564%; /* 30/1170 */
		min-height: 1px;
	}
	[class*="col-"]:first-child,
	[class*="col-"]:nth-child(odd) {
		clear: both;
		margin-left: 0;
	}
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6, .col-half,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11 {
		width: 48.717948717948718%; /* 570/1170 */
	}
}

@media only screen and (min-width: 53.125em) { /* 850 */

	[class*="col-"]:nth-child(2n+3) {
		clear: none;
		margin-left: 2.564102564102564%; /* 30/1170 */
	}
	.col-1 {
		width: 5.982905982905983%; /* 70/1170 */
	}
	.col-2 {
		width: 14.52991452991453%; /* 170/1170 */
	}
	.col-3 {
		width: 23.076923076923077%; /* 270/1170 */
	}
	.col-4 {
		width: 31.623931623931624%; /* 370/1170 */
	}
	.col-5 {
		width: 40.170940170940171%; /* 470/1170 */
	}
	.col-6, .col-half {
		width: 48.717948717948718%; /* 570/1170 */
	}
	.col-7 {
		width: 57.264957264957265%; /* 670/1170 */
	}
	.col-8 {
		width: 65.811965811965812%; /* 770/1170 */
	}
	.col-9 {
		width: 74.358974358974359%; /* 870/1170 */
	}
	.col-10 {
		width: 82.905982905982906%; /* 970/1170 */
	}
	.col-11 {
		width: 91.452991452991453%; /* 1070/1170 */
	}
	.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: 2px;
	color: #fff;
	background-color: red;
}

.editor img.cke_iframe {
	width: 100% !important;
	height: 100% !important;
}

.editor > h2,
.editor table > caption {
	margin-top: 3em;
    margin-bottom: 1.5em;
}