/*!
Theme Name: DL21 2019
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dl21-2019
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

DL21 2019 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Adapted by http://danielreitzig.de
*/

html {
  font-size: 100%; }

body {
  margin: 0;
  padding: 0;
  background: url('images/protest.jpg') center center fixed no-repeat; background-size: cover;
  font-family: 18px; line-height: 150%;
}

.abstand {
  width: 100%;
  height: 5vh
}

.abstand-small {
  width: 100%;
  height: 2.5vh
}

.logo {
  display: block;
  text-align: center;
}



a.dropdown-toggle:focus, #ec7.dlred a:focus {
  color: #fff;
  border: none;
}

a.dropdown-item {
  color: #333;
}

a.dropdown-item:hover {
  color: #fff;
  background-color: #333;
}

.dl_logo_header {
  width: 100%;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2534;
  background-color: #fff;
}

.splash {
margin-top: -28px;
    z-index: 20;
  background: url('images/stadt.jpg') center center no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
}

.splash-darken {
  justify-content: center;
  align-items: center;
  display: flex;
  background: rgba(0,0,0,0.2);
  height: 100%;
  width: 100%;
  color: #fff;
  flex-direction: column;
}

.claim { font-family: 'Rubik', sans-serif !important; }

.claim h1 {
  font-family: 'Rubik', sans-serif !important;
  margin-bottom: 30px;
  font-size: 6rem;
  text-shadow: 10px;
font-weight: bold;
}

h3 {
  display: block;
  text-align: center;
}

h3x {
  display: block;
  text-align: center;
  font-size: 64px;
}

.box {
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
  color: #e70000;
  margin: 20px 0;
  font-size: 48px;
  border-radius: 8px;
}

.rounded-circle {
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
  margin: 20px 0;
  font-size: 48px;
}

.center {
  display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 20px 0;
}

.feature_post {
  display: block;
  padding: 10px 30px;
  margin-top: 2.5vh;
}

.feature_post_card {
  display: block;
  padding: 10px 30px;
  margin-top: 2.5vh;
  border: 1px solid #eee;
}

#carouselExampleIndicators {
  height: 40vh;
  overflow: hidden;
}
ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.full-width-slider {
  position: relative;
  height: 600px;
  overflow: hidden;
}

.slides {
  position: relative;
  height: 100%;
  background-color: dodgerblue;
}

.slides li {
  display: table;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: translateX(100%);
  transition: transform 0.5s;
  background-color: tomato;
}

.slides li:nth-of-type(2) {
  background-color: dodgerblue;
}

.slides li:nth-of-type(3) {
  background-color: aquamarine;
}

.slides li:nth-of-type(4) {
  background-color: darkseagreen;
}

.slides li.selected {
  z-index: 2;
  transform: translateX(0);
}

.slides li.move-left {
  transform: translateX(-100%);
}

.slides li.visible {
  z-index: 2;
}

.slides li > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slides h2 {
  margin-top: 0;
}

.slider-navigation a {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  height: 48px;
  width: 48px;
  color: #fff;
  text-decoration: none;
  font-weight: 100;
  opacity: 0.5;
  transition: opacity 0.3s, visibility 0.3s;
}
.slider-navigation a:hover {
  opacity: 1;
}
@media (max-width: 500px) {
  .slider-navigation a {
    display: none;
  }
}

.slider-navigation a.next {
  left: auto;
  right: 10px;
}

.slider-dots-navigation {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 500px) {
  .slider-dots-navigation {
    display: none;
  }
}

.slider-dots-navigation li {
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.slider-dots-navigation li:last-of-type {
  margin-right: 0;
}

.slider-dots-navigation a {
  display: block;
  height: 14px;
  width: 14px;
  border: 1px solid #FFF;
  border-radius: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  color: transparent;
  transition: background-color 0.3s;
}

.slider-dots-navigation a:hover,
.slider-dots-navigation a.selected {
  background-color: #FFF;
}

.card-body {
  width: 25vw;
}

.fa-check-circle {
  color: lightgreen;
}

.col-12 p {
font-size: 16px; line-height: 150%;
}

.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.size-full {
  max-width: 100%;
}

.custom-bg {
  height: 500px;
  border: 0px solid blue;
}

.read-more {
  margin-top: 50px;
  float: right;
}

.wrap {
  width: 100vw;
  height: 100vh;
  overflow: auto;
  position: relative;
}

.navbar {
  height: 50px;
  background-color: #e70000;
}

.sticky-top {
  position: relative;
}

.the_navy {
  position: fixed;
  top:0;
  left: 0;
}

.the_navy_x {
  width: 100vw;
  text-align: center;
  background-color: #e70000;
  padding: 10px;
}

.the_navy_x a {
  color: #eee;
}

.the_navy_x a:hover {
  color: #fff;
}

#menu-primary-menu{
    margin: 0;
    padding: 0;
}
#menu-primary-menu  ul{

}

#menu-primary-menu> li{
    display: inline;
    margin-left: 2.618em;
}
#menu-primary-menu  li{
    list-style: none;
}
#menu-primary-menu  li a{
    text-decoration: none;
    font-size:  1em;
    font-family:    sans-serif ;
    letter-spacing: 1px;

}
#menu-primary-menu li.parent::after{
    color: #fff;
    content:' »';
}

#menu-primary-menu  .sub-menu {
   display: none;
   position: absolute;
   background-color: #eee;
   color: #333;
}

#menu-primary-menu  li:hover>.sub-menu{
    padding: 30px;
    display: inline;
    width: auto;
    height: auto;
    border: solid 0px #BBBBBB;
    border-radius: 4px;
    color: #333;
    z-index: +1;
}


#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

}

#cssmenu {

	height: 37px;
	display: flex;
	padding: 0;
	margin: auto;
	border-radius: 5px;
	width: auto;
  z-index: 9999;
}
#cssmenu {   background: #e70000; z-index: 9999;}
#cssmenu > ul > li > ul > li a:hover {
  transition: all 250ms ease-in-out;
  -webkit-backface-visibility: hidden;
background: #e70000;
background: #ff0000;
}
#cssmenu > ul {
	list-style: inside none;
	padding: 0;
	margin: 0;
}
#cssmenu > ul > li {
	list-style: inside none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	position: relative;
}
#cssmenu > ul > li > a {
	outline: none;
	display: block;
	position: relative;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none;

    -webkit-backface-visibility: hidden;
	font-weight: bold;
	font-size: 16px;
	font-family: 'Rubik', sans-serif;
  font-weight: 400;
	color: #ddd;
}
#cssmenu > ul > li > a:hover {
	background: #e70000;

	color: #ffffff;

}
#cssmenu > ul > li:first-child > a {
	border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
	content: '';
	position: absolute;

	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;
	border-color: #3c3c3c;
}

#cssmenu ul li.has-sub:hover > a:after {
	top: 0;
	bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
	content: '';
	position: absolute;
	top: 18px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
		background: #e70000;
	border-color: #3f3f3f;
	padding-bottom: 13px;
	padding-top: 13px;
	top: -1px;
	z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
	display: block;
}
#cssmenu ul li.has-sub > a:hover {
	background: #e70000;

	border-color: #3f3f3f;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
	display: none;
	width: auto;
	position: absolute;
	top: 38px;
	padding: 10px 0;
		background: #e70000;
    -webkit-box-shadow: 8px 22px 20px -8px rgba(0,0,0,0.45);
    -moz-box-shadow: 8px 22px 20px -8px rgba(0,0,0,0.45);
    box-shadow: 8px 22px 20px -8px rgba(0,0,0,0.45);
	border-radius: 0 0 5px 5px;
	z-index: 999;
}
#cssmenu ul li > ul {
	width: 200px;
}
#cssmenu ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
}
#cssmenu ul li > ul li a {
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 20px;
  -webkit-backface-visibility: hidden;
	color: #ffffff;
	text-decoration: none;
  transition: all 450ms ease-in-out;
}
#cssmenu ul ul a:hover {
	color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
	border-top: 5px solid #ffffff;
}

.btn-danger {
  background-color: #e70000 !important;
}

.pagination1 a {
  color: #e70000;
  padding: 5px 15px;
  margin: 5px;
  border: 1px solid #e70000;
  border-radius: 4px;
}

.pagination1 .current {
  color: #fff;
  background-color: #333;
  padding: 5px 15px;
  margin: 5px;
  border: 1px solid #333;
  border-radius: 4px;
}

div.pagination1 {
  text-align: center;
  width: 100vw;
}

a.event_linked {
  color: #000;
}


.tribe-events-back a, .tribe-events-nav-previous a, .tribe-events-cal-links a, a.tribe-events-gmap, .tribe-events-nav-next a {
  color: #e70000;
  text-decoration: none;
}

a.event_linked:hover {
  color: #e70000;
  text-decoration: none;
}

.deskmenu {
  display: flex;
}

.frontmobileinnermenu, #frontmobilemenulist, #frontmobilemenu {
  display: none;
}

.site-content {
  position: relative;
}

.slider-xxl {
font-family: 'Rubik', sans-serif !important; font-size: 40px; font-weight: 900; font-size: 350%;
}

.slider-xl {
font-family: 'Rubik', sans-serif !important; font-size: 40px; font-weight: 900;
}

.titellink {
  color: #000;
  text-decoration: none;
  transition: all 300ms ease-in-out;
}

.titellink:hover {
  color: #e70000;
  text-decoration: none;
  transition: all 300ms ease-in-out;

}

@media only screen and (max-width: 1023px) {

  h1, h2, h3 {
    font-size: 150%;
  }

  .slider-xxl {
  font-family: 'Rubik', sans-serif !important; font-size: 20px; font-weight: 900; font-size: 350%;
  }

  .slider-xl {
  font-family: 'Rubik', sans-serif !important; font-size: 20px; font-weight: 900;
  }

.frontmobileinnermenu {
display: block;
}

#css2menu {
  display: block;
}

#frontmobilemenu {
  display: block;
  text-align: center;
  position: relative;
  border: 0px solid blue;
}

.mobile_menu {
  border: none;
  display: block;

}

#cssmenu {
    display: none;
  }

.frontmobilemenulist {
  display: block;
  position: fixed;
  top: 0;
  left: -100vw;
  background-color: #333;
  width: 100vw;
  height: 100vh;
  color: #eee;
  z-index: 8989898984359889;
  border-left: 10px solid #e70000;
  overflow: scroll;

}

.frontmobilemenulist div {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #eee;
  width: 90%;
  min-height: 100%;
  overflow: visible;
}

.slideIn {
  -webkit-animation: slide-in 0.5s forwards;
  animation: slide-in 350ms forwards ease-out;
}


.slideOut {
  -webkit-animation: slide-out 0.5s forwards;
  animation: slide-out 350ms forwards ease-out;
}


@-webkit-keyframes slide-in {
    0% { left: -100vw; opacity: 0; }
    100% { left: 0; opacity: 1; }
}

@keyframes slide-in {
  0% { left: -100vw; opacity: 0; }

    100% { left: 0; opacity:1 ; }
}

@-webkit-keyframes slide-out {
    0% { left: 0; opacity: 1; }
    100% { left: -100vw; opacity: 0; }
}

@keyframes slide-out {
  0% { left: 0; opacity: 1; }

    100% { left: -100vw; opacity:10 ; }
}


}