@charset "UTF-8";
/**
 * Creatix-CSS is an CSS framework for responsive websites and applications. 
 * https://github.com/laluluny/creatix-css
 * It is licensed under a Creative Commons Share Alike 4.0 International license.
 * http://creativecommons.org/licenses/by-sa/4.0/
 * 
 * Copyright (C) 2022 Karin Soika http://www.creatix.org
 **/

@charset "UTF-8";

/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, output, ruby, section, summary, time, mark, audio, video,header, #header, footer#footer, aside,.aside, nav, .nav, menu, main, section, details, hr, input, select, textarea, button 
{margin: 0; 	padding: 0; border: 0; font-size: 100%;font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }
body {line-height: 1; }
ol, ul {list-style-position: outside; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none; }
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; }
img {-ms-interpolation-mode: bicubic; }
svg:not(:root) {overflow: hidden; }
table {border-collapse: collapse; border-spacing: 0; }

/* RESET Normalize */
audio,canvas,video {display: inline-block; display: inline; zoom: 1; }
audio:not([controls]) {display: none;height: 0; }
[hidden] {display: none; }
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea {font-family: sans-serif; }

/* RESET Groundwork */
*, :after, :before {-moz-box-sizing: border-box; box-sizing: border-box; }
header, footer, aside, menu, nav, section, article, details, #header, #footer, .aside,.menu, .nav, .section, 
.article, .details {display: block; } 
button, input{display: inline-block;width: auto; }
img, a img {border: 0 none; max-width: 100%; }
/* End RESETs */

/* GENERAL SETTINGS and GRID */
html, body {font-size: 101%; }
.row, .article {clear: both;width: 100%; } 
.row:after, .article:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }

#container {margin: 0 auto; max-width: 1200px; }
#header {display: inline-block;width: auto; }
#footer {margin-top: 10px}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
{display: inline-block;float: left; min-height: 1px; position: relative; padding: 10px; } 

/* RESPONSIVE BEHAVIOUR */

@media screen and (max-width: 480px) {
.col-2{width: 50% !important; left: 0; } /* Geändert 03/23 da ohne Konditionale buggy; */
.col-1 {width: 25% !important; left: 0; } /* dito, s.o.*/

.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12, 	
 	.stretch  {clear: both; float: none; width: 100% !important;
max-width: 450px !important; left: 0; } 
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	.col-3 {float: left; width: 50% !important; }
	.stretch,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12
	{clear: both; float: none; width: 100% !important; max-width: 738px !important; left: 0; }
	.nested .col-6 {padding-left: 0 !important; }
	.right-1, .right-2, .right-3, .right-4, .right-5, .right-6, .right-7, 
	.right-8, .right-9, .right-10, .right-11 {right: 0; } 
	.left-1, .left-2, .left-3, .left-4, .left-5, .left-6, .left-7, 
	.left-8, .left-9, .left-10, .left-11 {left: 0; } 
	.align-right {text-align: left; }
	.col-4>div.article>.img {float: left !important; left: 0 !important; width: 50% !important; }
	.article>.col-6, .article {max-width: 100% !important; }
}

@media screen and (min-width: 768px) {
.col-1 {width: 8.3333%; }.col-2 {width: 16.6666%; } .col-3 {width: 25%; } .col-4 {width: 33.3333%; } .col-5 {width: 41.6666%; } .col-6 {width: 50%; } .col-7 {width: 58.3333%; } .col-8 {width: 66.6666%; } .col-9 {width: 75%; } .col-10 {width: 83.3333%; } .col-11 {width: 91.3333%; } .col-12 {width: 99.9999%; }
.left-1 {left: 8.3333%; } .left-2 {left: 16.6666%; } .left-3 {left: 25%; } .left-4 {left: 33.3333%; } .left-5 {left: 41.6666%; } .left-6 {left: 50%; } .left-7 {left: 58.3333%; }  .left-8 {left: 66.6666%; } .left-9 {left: 75%; } .left-10 {left: 83.3333%; } .left-11 {left: 91.3333%; } 
.right-1 {right: 8.3333%; } .right-2 {right: 16.6666%; } .right-3 {right: 25%; } .right-4 {right: 33.3333%; } .right-5 {right: 41.6666%; } .right-6 {right: 50%; } .right-7 {right: 58.3333%; } .right-8 {right: 66.6666%; } .right-9 {right: 75%; } .right-10 {right: 83.3333%; } .right-11 {right: 91.3333%; } 
}

/* Style for nested elements */
.nested {padding: 0; } 
.nested .col-1:FIRST-CHILD, .nested .col-2:FIRST-CHILD, .nested .col-3:FIRST-CHILD, .nested .col-4:FIRST-CHILD, .nested .col-5:FIRST-CHILD, .nested .col-6:FIRST-CHILD, .nested .col-7:FIRST-CHILD, .nested .col-8:FIRST-CHILD, .nested .col-9:FIRST-CHILD, .nested .col-10:FIRST-CHILD, .nested .col-11:FIRST-CHILD, .nested .col-12  {padding-left:0; }
.nested .col-1:LAST-CHILD, .nested .col-2:LAST-CHILD, .nested .col-3:LAST-CHILD, .nested .col-4:LAST-CHILD, .nested .col-5:LAST-CHILD, .nested .col-6:LAST-CHILD, .nested .col-7:LAST-CHILD, .nested .col-8:LAST-CHILD, .nested .col-9:LAST-CHILD, .nested .col-10:LAST-CHILD, .nested .col-11:LAST-CHILD, .nested .col-12  {padding-right:0; }

/* Show/hide elements on mobile devices */
@media screen and (max-width: 768px) {.desktop-only {display: none; }}
@media screen and (min-width: 768px) {.mobile-only {display: none; }}

/* HTML Elements_general styling*/
html, body {font-size: 1em; line-height: 1.5; background: none; min-height: 100%; width: 100% !important; }
#header, header, #footer, footer {min-height: 50px; padding: 10px; width: 100%; }

p, ul, ol, dl {font-weight: 400; line-height: 1.5; margin: 0 0 0.6em 0 ; }
ol, ul {padding-left: 20px; }
			
a {}
a:hover,a:focus {text-decoration: none;outline: 0; }
a:focus {outline: auto; outline-offset: 3px; } /* https://www.a11yproject.com/posts/never-remove-css-outlines/ */

h1, h2, h3, h4, h5, h6 {line-height: 1.3; margin-bottom: 0.4em; }
h1 {font-size: 2.33333em; font-weight: 200; }
h2 {font-size: 2.0em; font-weight: 300; }
h3 {font-size: 1.5em; font-weight: 500; }
h4 {font-size: 1.2em; margin-bottom: 0.5em; }
h5 {font-size: 1em;margin-bottom: 0.6em;line-height: 1.3; }
h6 {display: none; }

p {hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }

/* COLORS */
html, body, mark, legend, th {background: #fff; color: #000; }
button, .button, a.button, code {color: #fff; background-color: #000; }
input, textarea, select {color: #000; border: 1px solid #000; }

/* Border COLORS */
.border-r {border-right-color:  #000; }
.border-l {border-left-color:  #000; }
hr {border-color: #808080 #808080 #000; }
#header, header, #footer, footer {border: none; }
table, tr {border-bottom: 1px solid #000; }
acronym, abbr, abbr[title] {border-bottom: 1px dotted #000; }

b, strong {font-weight: bold; }
i, em {font-style: italic; }
hr {border-style: none none solid; border-width: 0 0 1px; clear: both; margin: 10px auto; }
acronym, abbr, abbr[title] {cursor: help; }
dfn {font-style: italic; }
sub,sup {font-size: 75%; line-height: 0; position: relative; }
sup {top: -0.5em; }
sub {bottom: -0.25em; }
blockquote, q {font-style: italic; } /* blockquote = block, Qq = inline http://html5doctor.com/blockquote-q-cite/ */
/**/ q {quotes: '\201C' '\201D' '\2018' '\2019'; }  ALTERNATIV: q:before {content: open-quote; }
q:after {content: close-quote; }*/
/* blockquote hanging opening quote: blockquote:before {display: block; height: 0; content: "“"; margin-left: -.65em; font: italic 400%/1 Georgia,"Times New Roman",serif; color: #999; } */
cite  {font-style: normal; display: block; margin-top: 1.2em; font-size: .9em; }
cite::before {content: "\2014\00a0"; } /* cite =  reference to a source, someone or something*/


blockquote {margin-bottom: 1.71429rem; padding: 1.71429rem; }
code {font-size: 95%; padding: 4px 5px 1px 5px; font-family: 'Courier', monospace, serif; margin: 4px; }

button, input, textarea, .button, a.button, select {border-radius: 4px; height: auto; width: auto; line-height: 1.5em; padding: 0.25em 0.25em; margin-right: 5px; text-decoration: none; }
button, .button, a.button {padding: 0.25em 1em; cursor: pointer; text-align: center; font-weight: 500; }
select {line-height: 1em; padding: 0;background: transparent; }
table, td, th {padding: 4px; }


/* CREATIX shortcodes */
.lead {margin-bottom: 1.1em; font-size: 1em; font-weight: 200; line-height: 1.4em; }
		@media screen and (min-width: 768px) {.lead {font-size: 1.3em; }}
small, .small {font-size: 65%; }
		@media screen and (min-width: 768px) {small, .small {font-size: 85%; }}
.text-left {text-align: left; }
.text-center {text-align: center; }
.text-right {text-align: right; }
.pull-right {float: right; }
.pull-left {float: left; }
.img-responsive {display: block; max-width: 100%; height: auto; }
.img-rounded {border-radius: 6px; }
.img-circle {border-radius: 50%; }
.border-r {border-right-style: solid; border-right-width: 1px; }
.border-l {border-left-style: solid; border-left-width: 1px; }
.clear {clear: both; }
.hide {display: none; }
.nobr	{white-space:nowrap; }

/* MMenue */
#menu {max-width: 100vw; margin: 0 2rem; }
#menu ul {width: 100%; display: flex; flex-direction: column; list-style: none; justify-content: space-between; }
#menu > ul > li {padding: 0.5rem; }
li a.aktiv {font-weight: 900; }
#menu .dropdown {position: relative; display: inline-block; cursor: pointer; }
#menu .dropdown > *:not(span) {visibility: hidden; position: absolute; min-width: 200px;  padding: 0.5rem 1rem; z-index: 1; left: 0; top: 40px;
background-color: #fff; border: 1px solid #777;  box-shadow: 0 rgba(0,0,0,0.75); }
#menu .dropdown.active {background-color: seashell; }
#menu .dropdown.active > *:not(span) {display: inherit !important; visibility: visible; }
#menu .dropdown * {padding: 0.5rem; }
#menu .dropdown.level-2 > *:not(span) {background-color: #fff; border: 1px solid #888; }
#menu .dropdown.level-3 > *:not(span) {background-color: #fff; border: 1px solid #999; }
@media screen and  (min-width: 768px) {.mm-menu {display: none !important; }
    .menu_button {display: none !important; }}
@media screen and  (max-width: 768px) {
	#menu {display: none !important; }}

/* Styling MMenue Header (demo.css) */
* {box-sizing: border-box; }
#header {height: 50px; padding: 0 80px; top: 0; font-weight: bold; color: #000; line-height: 44px; text-align: center; background: #fff; }
@media screen and (max-width: 768px) {
	#header {position: sticky; z-index: 99; } }
#header>a {display: block; position: absolute; top: 0; left: 0; width: 80px; height: 50px; padding: 15px 25px; }
#header>a:before, #header>a:after {content: ""; display: block; background: #000; height: 2px; }
#header>a span {background: #000; display: block; height: 2px; margin: 7px 0; }

@media screen and (min-width: 768px) {
	#header {height: auto; background: transparent} }