@charset "utf-8";
/*
  CSS Stylesheet 
  www.mekai.de
*/
:root {
	--color-red: #900023;
	--color-middlegrey: #999999;
	--color-lightgrey: #EEE1C8;
	--color-darkgrey: #2E2C29;
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto/Roboto-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/lato/lato-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../Fonts/lato/lato-v25-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Caliway */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caliway';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/caliway/Caliway.woff') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

body {
  font: 100%/1.4 Lato, Arial, Helvetica, Verdana, sans-serif;
  background: #ffffff;
  margin: 0;
  padding: 0;
  color: var(--color-darkgrey);
}
a, a:link, a:visited {
  color: var(--color-darkgrey);
  text-decoration: underline;
}
a:hover, a:active {
  color: var(--color-red);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { font-family: Lato; font-weight: 900; }
h1 a, h1 a:link, h2 a, h2 a:link, h3 a, h3 a:link, h4 a, h4 a:link, h5 a, h5 a:link, h6 a, h6 a:link { text-decoration: none; }
h2 a:hover { color: var(--color-darkgrey); text-decoration: underline; }

.clearer {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  clear: both;
  line-height: 0;
  font-size: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

#overlay {
	position: absolute;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0,0,0,0.6);
	text-align: center;
}

#popupcontent {
	margin: auto;
	width: 80%;
	border: 2px dashed var(--color-darkgrey);
	border-radius: 25px;
	padding: 20px;
	background-color: #ffffff;"
}

#logomenu {color:var(--color-darkgrey); font-family: Arial Narrow, Arial, sans-serif;}
#logomenu ul a, #footercontainer ul a, #stickyfooter a {
  text-decoration: none;
}
#logomenu ul a, #footercontainer ul a {
  color: var(--color-darkgrey);
}
#logomenu ul li:hover a, #footercontainer ul li:hover a {
  color: var(--color-red);
}
.dropdown-menu { min-width: auto; }

img.logo { margin-top:0px; margin-bottom:0px; max-width: 266px; max-height: 67px;}
.shrink img.logo {max-width: 100px; max-height: 30px;margin-top:0px;  margin-bottom:0px;}

.navbar { background-color: var(--color-lightgrey); border-bottom: 1em solid var(--color-red); margin-top: 50px; padding-top: 20px; padding-bottom: 20px; transition: margin-top 0.6s;}
.navbar.shrink {border-bottom: 0.8em solid var(--color-red); margin-top: 10px; padding-top: 5px; padding-bottom: 5px; transition: margin-top 0.6s;}
.navbar-light .navbar-nav .nav-link:hover { color: var(--color-red); }

#header {
  margin:0;padding:0;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
}

#content {
  clear:left;
  margin-top:30px;
}
#content.container {
  padding: 0;
}

.container-fluid.withInnerPadding {
	padding-left: 0px;
	padding-right: 0px;
}
.container-fluid.withInnerPadding .frame-type-text {
	margin: 2em;
}

#content h1, #content h2 {text-align: center;}
.error {color:red; font-weight:bold;}

.frame-layout-1 {
  text-align: center;
}
.frame-layout-1 h1, .frame-layout-1 h2, .frame-layout-1 h3, .frame-layout-1 h4, .frame-layout-1 h5, .frame-layout-1 h6 {
  font-size: 1.8rem;
  background-color: var(--color-red);
  display: inline-block;
  color: var(--color-lightgrey);
  padding: 10px;
}
.frame-layout-1 h1 a, .frame-layout-1 h2 a, .frame-layout-1 h3 a, .frame-layout-1 h4 a, .frame-layout-1 h5 a, .frame-layout-1 h6 a {
  color: white;
}

.frame-layout-2 {
  background-color: var(--color-red);
  color: white;
}
.frame-layout-2 .frame-dottedborder {
	border-color: var(--color-darkgrey);
}

.frame-layout-4 {
  background-color: white;
  color: var(--color-darkgrey);
}
.frame-layout-4 .frame-dottedborder {
	border-color: var(--color-darkgrey);
}

.frame-layout-5 {
  background-color: var(--color-lightgrey);
  color: var(--color-background);
}
.frame-layout-5 .frame-dottedborder {
	border-color: var(--color-darkgrey);
}

.frame-layout-6 {
  background-color: var(--color-middlegrey);
  color: white;
}
.frame-layout-6 .frame-dottedborder {
	border-color: white;
}
.frame-layout-7 {
  text-align: center;
}
.frame-layout-7 h1, .frame-layout-7 h2, .frame-layout-7 h3, .frame-layout-7 h4, .frame-layout-7 h5, .frame-layout-7 h6 {
  font-size: 1.2rem;
  background-color: white;
  display: inline-block;
  color: var(--color-background);
  padding: 10px;
}
.frame-layout-7 h1 a, .frame-layout-7 h2 a, .frame-layout-7 h3 a, .frame-layout-7 h4 a, .frame-layout-7 h5 a, .frame-layout-7 h6 a {
  color: var(--color-background);
}
.frame-layout-8 {
  text-align: center;
}
.frame-layout-8 h1, .frame-layout-8 h2, .frame-layout-8 h3, .frame-layout-8 h4, .frame-layout-8 h5, .frame-layout-8 h6 {
  font-size: 1.2rem;
  background-color: var(--color-lightgrey);
  display: inline-block;
  color: var(--color-background);
  padding: 10px;
}
.frame-layout-8 h1 a, .frame-layout-8 h2 a, .frame-layout-8 h3 a, .frame-layout-8 h4 a, .frame-layout-8 h5 a, .frame-layout-8 h6 a {
  color: var(--color-background);
}
.frame-layout-9 {
  text-align: center;
}
.frame-layout-9 h1, .frame-layout-9 h2, .frame-layout-9 h3, .frame-layout-9 h4, .frame-layout-9 h5, .frame-layout-9 h6 {
  font-size: 1.2rem;
  background-color: var(--color-middlegrey);
  display: inline-block;
  color: white;
  padding: 10px;
}
.frame-layout-9 h1 a, .frame-layout-9 h2 a, .frame-layout-9 h3 a, .frame-layout-9 h4 a, .frame-layout-9 h5 a, .frame-layout-9 h6 a {
  color: white;
}

.frame-space-before-extra-small { margin-top: 1em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-before-medium { margin-top: 3em; }
.frame-space-before-large { margin-top: 4em; }
.frame-space-before-extra-large { margin-top: 5em; }
.frame-space-after-extra-small { margin-bottom: 1em; }
.frame-space-after-small { margin-bottom: 2em; }
.frame-space-after-medium { margin-bottom: 3em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-extra-large { margin-bottom: 5em; }

.frame-dottedborder { border: 2px dashed var(--color-darkgrey); border-radius: 25px; }
.frame-dottedborder h2 { margin-top:15px; }
}
.frame > table.ce-table {
  width: 100%;
  margin: 20px;
}
.btn-primary {
  color: white;
  background-color: #3b3b39;
  border-color: #dce187;
}
.btn-primary:hover {
  background-color: #dce187;
  border-color: #dce187;
  color: white;
}


#footercontainer {
  clear: both;
  margin:0;
  margin-bottom: 5em;
  padding:1em 0;
  margin-top: 2em;
  text-align: center;
	border-top: 0.2em solid var(--color-red);
	border-bottom: 3em solid var(--color-darkgrey);
}

#footercontainer hr, hr {
  border-bottom: 2px solid var(--color-darkgrey);  
}
#footercontainer ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--color-darkgrey);
  text-align: center;
}
#footercontainer li {
  padding: 0 5px;
}

#slogan {font-size: 2em; margin-bottom:-1.9em; color: var(--color-lightgrey);}
#stickyfooter.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
#stickyfooter a, #stickyfooter a:link, #stickyfooter a:visited {
  color: white;
  text-decoration: none;
}
#stickyfooter a:hover, #stickyfooter a:active {
  color: var(--color-red);
  text-decoration: none;
}
.btn-secondary { border-color:var(--color-middlegrey);}
.btn-secondary:hover { background-color: var(--color-middlegrey)}
.bi-instagram { margin-left: 10px; }

@media screen and (max-width: 1200px) {
	img.image-embed-item {width: 100%; height: auto;}  
}
@media screen and (min-width: 993px) {
	ul.navbar-nav a.nav-link { display: inline-block; }
	ul.navbar-nav li.nav-item:before {
		content: "|";
		padding-right: 4px;
	}
	ul.navbar-nav li.nav-item:first-child:before {
		content: "";
		padding-right: 0px;
	}
}
@media screen and (max-width: 992px) {
	#navbarNav.show ul.navbar-nav { text-align: center; margin-top: 30px; }
	#navbarNav.show li.nav-item {border-bottom:1px solid silver}
	img.logo {max-width: 100px; max-height: 30px; margin-top:0px; margin-bottom:0px;}
	div.ce-column {width:100%}
}
@media screen and (max-width: 576px) {
	.row {padding: 0 10px;}
	#logomenu {margin-bottom: 78px;}
	.navbar {margin-top: 10px; border-bottom: 0.8em solid var(--color-red);}
	img.logo {max-width: 100px; height: 30px; margin-top:0px; margin-bottom:0px;}
	.btn {padding: 0; line-height: 1em;}
}