*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font: 1em/1.5 "Helvetica Neue", "Helvetica Neue LT Com", Helvetica, Arial, sans-serif;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, .btn, .lead,
b, strong, th, summary, legend, caption {
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0 0 0.75em;
}
h1, .h1 {
    font-size: 2em; /* 32 / 16 */
    line-height: 1.3;
}
h2, .h2 {
    font-size: 1.375em; /* 22 / 16 */
}
h3, .h3, .lead {
    font-size: 1.125em; /* 18 / 16 */
}
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 {}
p, ul, ol, dl, blockquote, pre, fieldset, figure, address, table, details, .box,
.media-responsive {
    margin: 0 0 1.4em;
}
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;
}
dd {
    padding-left: 1.5em;
}
sup, sub {
    line-height: 0px;
}
abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
hr {
    height: 1px;
    margin: 1.4em 0;
    border: 0;
    color: #494949;
    background-color: #494949;
}
img, embed, object, video {
    max-width: 100%;
    height: auto;
    border: 0;
}
figure {}
figcaption {
    font-size: 0.92em;
    color: #494949;
}
blockquote {
    margin: 2em 0;
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949;
    padding: 0.7em 0;
    color: #494949;
    font-size: 1.25em;
}
address {}
cite {}
tt, code, kbd, samp, pre {
    font-family: "Courier New", Courier, monospace;
}
code {
    padding: 0.2em;
    color: #000;
    background-color: yellow;
    border-radius: 3px;
}
small, .small,
.form-hint {
    font-size: 0.875em;
}
em, i {
    font-style: italic;
    font-weight: normal;
}
iframe {
    display: block;
    margin: 0;
    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;
    }

}

/* =anchors
--------------------------------------------------------------- */
a, a:link {
    color: #0089d4;
}
a:visited {

}
a:focus, a:hover, a:active {
    color: #00476f;
}
:focus:not(:focus-visible) {
    outline: none;
}
a img {
    border: none;
}

/* =doc-anchors font-awesome
--------------------------------------------------------------- */
[href^="http:"]::after, [href^="https:"]::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$=".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^="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 {
    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);
}
[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: "\f0f6";
}
[href$=".vcf" i]::before, [href*=".vcf?" i]::before {
    content: "\f007";
}
[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: "\f041";
}
[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";
}
.download-icn::before {
    content: "\f019";
}
[href^="mailto:"]::before,
[data-email-link]::before {
    content: "\f003";
}
[href^="tel:"]::before {
    content: "\f095";
}
[href^="http:"]:after,
[href^="https:"]:after,
a.show-icon[href*=".baden.ch"]:after,
a.show-icon[href*=".integrationregionbaden.ch"]:after,
a.show-icon[href*=".backslash.ch"]:after {
    padding-right: 0;
    padding-left: 0.25em;
    content: "\f08e";
}
a[href*=".baden.ch"]:after,
a[href*=".integrationregionbaden.ch"]:after,
a[href*=".backslash.ch"]:after,
a[data-email-link]:after,
.mainnav a[href]:after,
.breadcrumb a[href]:after,
.subnav a[href]:after,
.share a[href]:after,
.footer a[href]:after,
.gallery-magnific a::before, .popup-magnific::before,
a.no-icon::after, a.no-icon::before,
.accommodation-url a[href]:after,
.eapps-instagram-feed [href]::after,
[data-elfsight-app-lazy] a::after {
    padding: 0;
    content: none;
}

/* =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
--------------------------------------------------------------- */
[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],
textarea {
    border: 1px solid #ccc;
    padding: 3px 0 3px 3px;
    -webkit-appearance: none;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
[type=checkbox],
[type=radio] {
    border: 0;
}
input:not([type=radio]):not([type=checkbox]):focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: 
        0 0 0 1px #2392f3 inset,
        0 0 4px rgba(35, 146, 243, 0.5);
}
::-webkit-date-and-time-value { /* fixes Safari Mobile Bug, where empty date fields colapses */
    min-height: 1.25em;
}
fieldset {
    clear: both;
    border: 0;
    padding: 1.5em;
    background-color: #f9f9f9;
}
legend {
    float: left;
    width: 100%;
    margin-bottom: 1.25em;
    border-bottom: 1px solid #494949;
    padding-bottom: 0.35em;
    color: #000;
    font-weight: bold;
    font-size: 1.375em; /* 18 / 16 */
    line-height: 1.3;
}
legend + * {
    clear: left;
}

/* =tables
--------------------------------------------------------------- */
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
caption {
    margin-bottom: 0.5em;
    text-align: left;
    font-weight: bold;
    font-size: 1.125em; /* 18 / 16 */
}
table th, table td {
    vertical-align: top;
    border-bottom: 1px solid #dcdfde;
    padding: 5px 10px;
}
table th:first-child, table td:first-child {
    padding-left: 0;
}
table th:last-child, table td:last-child {
    padding-right: 0;
}
table th {
    border-bottom-width: 2px;
    text-align: left;
    font-weight: bold;
    color: #23343b;
}
table tbody th {
    border-bottom-width: 1px;
}
table tbody th {
    border-bottom-width: 1px;
}
table tfoot tr:first-child td {
    border-top: 2px solid #dcdfde;
}
table tfoot tr:last-child td {
    border-top: 2px solid #dcdfde;
    border-bottom: 6px double #dcdfde;
    font-weight: bold;
}
table.auto {
    width: auto;
}
table.vertical {
    border-top: 1px solid #dcdfde;
}
table.vertical th {
    border-bottom-width: 1px;
}
.tbl-no {
    text-align: right;
}

/*=zebras & hover
--------------------------------------------------------------- */
table.zebra tbody tr:nth-child(even),
.zebra li:nth-child(even) {
    background-color: #f8f8f8;
}
table.hover tbody tr:hover,
.hover li:hover {
    background-color: #f7fbff;
}

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

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

/* =scrollbars
--------------------------------------------------------------- */
pre,
.table-responsive, .visible-scrollbar {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
pre::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar, .visible-scrollbar::-webkit-scrollbar {
	block-size: 8px;
	inline-size: 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: var(--clr-neutral-900, #000);
}

/* =global classes
--------------------------------------------------------------- */	
.invis,
.visuallyhidden,
.sr,
.sr-only {
    position: absolute;
    display: inline;
    top: -1000px;
    left: -1000px;
    width: 0;
    height: 0;
    overflow: hidden;
}
.nmb {
    margin-bottom: 0;
}
.mobile-only {
    display: none;
}
.desktop-only {
    display: block;
}
.print-only {
    display: none;
}
div.rating-cancel {
    display: none !important;
}
.right	{float: right;}
.left	{float: left;}
.clear	{clear: both;}
.clearfix:after,
.cf:after,
.row:after {
    content: "";
    display: table;
    clear: both;
}
.alignleft {
    float: left;
    margin: 0 1.5em 1.5em 0;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 1.5em auto;
}
.alignright {
    float: right;
    margin: 0 0 1.5em 1.5em;
}
.reset,
.reset li,
nav[role="navigation"] ul,
nav[role="navigation"] li {
    list-style: none outside none;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 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;
}

.content ul.reset:not(.breadcrumb__lst) li::before {
    content: none;
}
.nobr {
    white-space: nowrap;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 1.4em;
    -webkit-overflow-scrolling: touch;
}
.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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn, .btn:link, .listview__link {
    display: inline-block;
    border: 0;
    padding: .7em 1em .5em;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    background-color: #4e4e4e;
    border-radius: 3px;
}
.btn--fullwidth {
    width: 100%;
}
.btn[type="reset"] {
    opacity: 0.5;
}
.btn:is(:hover, :focus),
.listview__link:is(:hover, :focus)  {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    opacity: 1;
}
.btn:active,
.listview__link:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.3);
}

.btn[disabled] {
    opacity: 0.5;
}
.btn[disabled]:active,
.btn[disabled]:hover,
.btn[disabled]:focus {
    color: #fff;
    background-color: #4e4e4e;
    box-shadow: none;
}

.btn-link {
    border: 0;
    font-weight: normal;
    text-decoration: underline;
    color: #0089d4;
    background-color: transparent;
}
.btn-link:hover, .btn-link:focus {
    text-decoration: underline;
    color: #00476f;
    background-color: transparent;
}
.btn-link:active {
    box-shadow: none;
}
.btn--invis,
.btn--ghost {
    border: 0;
    color: #000;
    background-color: transparent;
}
.btn--ghost {
    border: 1px solid #666;
}
.btn--reject {
    background-color: red;
}
.btn--accept {
    color: #000;
    background-color: #fff;
}

/* =boxes
--------------------------------------------------------------- */
details,
.box {
    position: relative;
    overflow: hidden;
    padding: 1.25em; /* 20 / 16 */
    background-color: #f9f9f9;
}
.box-invis {
    padding: 0;
    background: transparent;
}
.box-nopadding {
    padding: 0;
}
.box-shadow {
    box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.5);
}
.box-shadow-inset {
    box-shadow: inset 0px 10px 15px -10px rgba(0, 0, 0, 0.5);
}

blockquote > *:last-child,
details > *:last-child, summary ~ div > *:last-child,
fieldset > *:last-child,
th > *:last-child, td > *:last-child,
.box > *:last-child,
.header__teaser > *:last-child {
    margin-bottom: 0;
}
.box > h3:not(.box-teaser-title, .box-teaser-img) {
    border-bottom: 1px solid #494949;
    padding-bottom: 0.35em;
}
.row > .box {
    margin-bottom: 0;
}

/* =boxen mit media elementen (iframe, img)
--------------------------------------------------------------- */
.box > .media.media-map {
    position: relative;
    padding-top: 42.857142857143%; /* 21 / 9 */
    height: 0;
    overflow: hidden;
}
.box > .media.media-map > iframe  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box .media > *,
.box .media img {
    display: block;
}
.box .media {
    margin-bottom: 1em;
}
.box:not(.box-invis) > .media {
    margin-right: -1.25em;
    margin-left: -1.25em;
}
.box:not(.box-invis) > .media:first-child {
    margin-top: -1.25em;
}
.box:not(.box-invis) > .media:last-child {
    margin-bottom: -1.25em;
}

.box-teaser:not(.box-teaser-nolink) {
    padding: 0;
}
.box-teaser > a {
    padding: 1.25em;
    padding-top: 0;
}
.box-teaser > a > .media {
    margin-right: -1.25em;
    margin-left: -1.25em;
}

.box-teaser--only-img {

}
.box-teaser--only-img a {
    padding: 0;
}
.box-teaser--only-img a .media {
    margin: 0;
}


/* =grid
--------------------------------------------------------------- */
.row {
    clear: both;
    margin: 0 2.941176470588% 2.941176470588%; /* 35 / 1120 (1190 - (2x35)) */
}
.row-bg-color > .col {
    background: #FFCCCC;
    overflow: hidden;
}
.row-fullwidth {
    margin-right: 0;
    margin-left: 0;
    padding: 2.941176470588%; /* 35 / 1190 */
}
.row-nmnp {
    margin: 0;
    padding: 0;
}
[class*="col-"] {
    position: relative;
    float: left;
    min-height: 1px;
    margin-left: 1.785714285714%; /* 20 / 1120 */
}
[class*="col-"]:first-child {
    margin-left: 0;
}
.col-1 {
    width: 6.696428571429%; /* 75 / 1120 */
}
.col-2 {
    width: 15.178571428571%; /* 170 / 1120 */
}
.col-3 {
    width: 23.660714285714%; /* 265 / 1120 */
}
.col-4 {
    width: 32.142857142857%; /* 360 / 1120 */
}
.col-5 {
    width: 40.625%; /* 455 / 1120 */
}
.col-6, .col-half {
    width: 49.107142857143%; /* 550 / 1120 */
}
.col-7 {
    width: 57.589285714286%; /* 645 / 1120 */
}
.col-8 {
    width: 66.071428571429%; /* 740 / 1120 */
}
.col-9 {
    width: 74.553571428571%; /* 835 / 1120 */
}
.col-10 {
    width: 83.035714285714%; /* 930 / 1120 */
}
.col-11 {
    width: 91.517857142857%; /* 1025 / 1120 */
}
.col-12, .col-full {
    width: 100%;
}

/* =grid in 6col-grid
--------------------------------------------------------------- */
.col-6 .row {
    margin: 0 0 1.4em 0;
}
.col-6 [class*="col-"] {
    margin-left: 3.636363636364%; /* 20 / 550 */
}
.col-6 [class*="col-"]:first-child {
    margin-left: 0;
}
.col-6 .col-1 {
    width: 13.636363636364%; /* 75 / 550 */
}
.col-6 .col-2 {
    width: 30.909090909091%; /* 170 / 550 */
}
.col-6 .col-3 {
    width: 48.181818181818%; /* 265 / 550 */
}
.col-6 .col-4 {
    width: 65.454545454545%; /* 360 / 550 */
}
.col-6 .col-5 {
    width: 82.727272727273%; /* 455 / 550 */
}
.col-6 .col-6 {
    width: 100%; /* 550 / 550 */
}

/* =grid in 9col-grid
--------------------------------------------------------------- */
.col-9 .row {
    margin: 0 0 1.4em 0;
}
.col-9 [class*="col-"] {
    margin-left: 2.395209580838323%; /* 20 / 835 */
}
.col-9 [class*="col-"]:first-child {
    margin-left: 0;
}
.col-9 .col-1 {
    width: 8.982035928143713%; /* 75 / 835 */
}
.col-9 .col-2 {
    width: 20.359281437125749%; /* 170 / 835 */
}
.col-9 .col-3 {
    width: 31.736526946107784%; /* 265 / 835 */
}
.col-9 .col-4 {
    width: 43.11377245508982%; /* 360 / 835 */
}
.col-9 .col-5 {
    width: 54.491017964071856%; /* 455 / 835 */
}
.col-9 .col-6 {
    width: 65.868263473053892%; /* 550 / 835 */
}
.col-9 .col-7 {
    width: 77.245508982035928%; /* 645 / 835 */
}
.col-9 .col-8 {
    width: 88.622754491017964%; /* 740 / 835 */
}
.col-9 .col-9 {
    width: 100%; /* 835 / 835 */
}

/* =baden colors
--------------------------------------------------------------- */
.txt-red {
    color: #e2001a;
}
.bg-red,
.cta-lst .bg-red > li {
    background-color: #e2001a;
}
.bg-white,
.cta-lst .bg-white > li {
    background-color: #fff;
}
.txt-darkbrown {
    color: #571d00;
}
.bg-darkbrown,
.cta-lst .bg-darkbrown > li {
    background-color: #571d00;
}
.bg-brown,
.cta-lst .bg-brown > li {
    background-color: #d7bfb3;
}

.txt-darkgreen {
    color: #204231;
}
.bg-darkgreen,
.cta-lst .bg-darkgreen > li {
    background-color: #204231;
}
.bg-green,
.cta-lst .bg-green > li {
    background-color: #caddd5;
}

.txt-darkblue {
    color: #003552;
}
.bg-darkblue,
.cta-lst .bg-darkblue > li {
    background-color: #003552;
}
.bg-blue,
.cta-lst .bg-blue > li {
    background-color: #b2cde1;
}

.txt-violet {
    color: #753b76;
}
.bg-violet,
.cta-lst .bg-violet > li {
    background-color: #753b76;
}
.bg-violet-light,
.cta-lst .bg-violet-light > li {
    background-color: #d5c4d6;
}

.txt-darkred {
    color: #991005;
}
.bg-darkred,
.cta-lst ul > li, /* fallback, wenn keine bg-color definiert wurde */
.cta-lst .bg-darkred > li {
    background-color: #004b8e; /* blue with 2018-redesign */
}
.bg-darkred-light,
.cta-lst .bg-darkred-light > li {
    background-color: #e0b7b4;
}

.txt-brown {
    color: #9c8065;
}
.bg-brown,
.bg-brown > li {
    background-color: #9c8065;
}
.bg-brown-light,
.cta-lst .bg-brown-light > li {
    background-color: #e1d9d0;
}

.txt-sand {
    color: #dfb57f;
}
.bg-sand,
.cta-lst .bg-sand > li {
    background-color: #dfb57f;
}
.bg-sand-light,
.cta-lst .bg-sand-light > li {
    background-color: #f5e9d8;
}

.bg-museum-grey,
.cta-lst .bg-museum-grey > li {
    background-color: #e2e2e2;
}

.bg-kunstraum,
.cta-lst .bg-kunstraum > li {
    background-color: #8c8c8c;
}
.bg-kuj,
.cta-lst .bg-kuj > li {
    background-color: #66ccff;
}
.bg-wald,
.cta-lst .bg-wald > li {
    background-color: #496100;
}
.bg-bib,
.cta-lst .bg-bib > li {
    background-color: #b4b4b4;
}

.bg-darkbrown,
.bg-darkgreen,
.bg-darkblue,
.bg-violet,
.bg-darkred,
.bg-brown,
.bg-kunstraum {
    color: #fff;
}
.bg-darkbrown h3,
.bg-darkgreen h3,
.bg-darkblue h3,
.bg-violet h3,
.bg-darkred h3,
.bg-brown a {
    border-bottom-color: currentColor;
}
.bg-darkbrown a,
.bg-darkgreen a,
.bg-darkblue a,
.bg-violet a,
.bg-darkred a,
.bg-brown a,
.bg-kunstraum a,
.bg-bib a,
.bg-wald a {
    color: #fff;
}
.bg-brown a,
.bg-green a,
.bg-blue a,
.bg-violet-light a,
.bg-darkred-light a,
.bg-brown-light a,
.bg-sand-light a,
.bg-sand a,
.bg-museum-grey a,
.bg-kuj a {
    color: #000;
}

/* =wysiwyg-editor resets
--------------------------------------------------------------- */
.cta-lst ul, /* color-reset */
.editor ul {
    background-color: transparent !important;
}
.editor ul,
.editor ul a {
    color: #000;
}