body{
  font: 20px Montserrat, sans-serif;
  line-height: 1.8;
  color: #cacaca;
  background-color: rgb(1, 7, 2);
}
p {
font-size: 16px;
}
.margin {
margin-bottom: 45px;
}
.margin2{
padding-top: 80px;
padding-bottom: 70px;
}
.margin3{
padding-bottom: 20px;
padding-top: 40px;
}
.margin4{
padding-bottom: 80px;
padding-top: 40px;
}
.abstand{
padding-left: 10%;
padding-right: 10%;
}
.titel{
padding-left: 10%;
padding-right: 10%;
text-transform: uppercase;
text-align: center;
}
li {
display: inline;
list-style-type: none;
}
a{
color:#cacaca;
text-decoration: none;
}
a:hover{
color:rgb(150, 150, 150);
text-decoration: none;
}
a:active{
color: rgb(150, 150, 150);
}
a:visited{
color: white;
}

/*NAVIGATION*/

.navbar-header button{
border: none;
background-color:none;
color:rgb(70, 70, 70);
}
.navbar .navbar-nav{
float:none;
display: inline-block;
}
.navbar .navbar-collapse {
text-align: center;
}
.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 16px;
  letter-spacing: 4px;
  color:rgb(85, 85, 85);
  opacity: 1.0;
  background-color:white;
}
.navbar-nav li.active a {
  color: black !important;
  font-weight: 600;
  background-color: transparent !important;
}
.navbar-nav  li a {
  color:rgb(150, 150, 150) !important;
  font-weight: 400;
}
.navbar-nav  li a:hover {
  color:black !important;
  font-style: bold;
}
.navbar-nav  li a:active {
  color: black;
}
.navbar-nav  li i:hover {
  color:black !important;
}

/*AUFHÄNGER*/

.aufhaenger{
text-align: center;
padding-top: 1%;
}
.aufhaenger p{
  text-align: center;
  color:#cacaca;
  margin-left: 20px;
  padding-top:20px;
}
.aufhaenger h2{
text-align: center;
}

/*KAPELLE*/

.overlay {
position: absolute; 
bottom: 0; 
background: rgba(0, 0, 0, 0.5); /* Black see-through */
color: #f1f1f1; 
width: 100%;
transition: .5s ease;
opacity:0;
color: white;
font-size: 14px;
padding: 10px;
text-align: center;
}
.container2 {
position: relative;
width: 100%;
}
.container2:hover .overlay {
opacity: 1;
}

/*TERMINE*/

.table{
padding: 10%;
margin-left: auto; 
margin-right: auto;
width: 80%;
}
.table a:hover{
color:rgb(150, 150, 150);
}
.table tr{
border:rgba(2, 70, 7, 0.5);
}
.table td{

vertical-align: bottom;
margin: auto;
padding-top: 35px;
}

.table .strikethrough {

background: repeating-linear-gradient(
  180deg,
  rgb(150, 150, 150),
  rgb(150, 150, 150)
);
background-size: 100% 1px;
background-position: center;
background-repeat: no-repeat;

}


/*MEDIEN*/

#Medien img{
opacity:1.0;
} 

/*Video*/

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-container-wrapper {
max-width: 100%;
width: 600px;
left: 0;
right:0;
margin:auto;
}

/*CAROUSEL*/

.carousel-control.left {
background-image: none;
color: white;
}
.carousel-control.right {
background-image: none;
color: white;
}
.carousel-indicators li {
border-color: white;
}
.carousel-indicators li.active {
background-color: white;
}
.item h4 {
font-size: 18px;
line-height: 1.375em;
font-weight: normal;
font-style: italic;
margin: 70px 0;
}
.item span {
font-style: normal;
font-size: 16px;
color:#cacaca;
}
.h3{
font: 18px Montserrat;
font-weight: normal;
}

/*KONTAKT*/
#Kontaktinhalt{
text-align: left;
padding-bottom: 400px;
}
#Kontaktinhalt p{
  padding-left: 10%;
  color:#cacaca;
}
#Kontaktinhalt img{
  float:right;
  margin-left:10px;
}
.textoverlay2{
   top:40px;
left:10px;;
color: white;
width:100%;
text-align: center;
background-image: url(images/FüßeVerlauf.png);
background-repeat: no-repeat;
background-position: bottom;
}
.bildoverlay{
position: relative;
color: white;
}
#Kontakt{
  padding-bottom: 70px;
padding-top: 7rem;
}
.social{
color: #cacaca;
padding-right: 40px;
font-size: 30px;
width: 20px;
text-align: center;
text-decoration: none;
border-radius: 50%;
}
.social:hover{
  color: rgb(150, 150, 150);
}

/*FOOTER*/

footer{
border-top: lightgray solid 1px;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 40pt;
}
footer a, p{
color: #cacaca;
}
footer a:hover{
color:rgb(150, 150, 150);
text-decoration: none;
}
footer a:active{
color:rgb(150, 150, 150);
text-decoration: none;
}

.madeby{
float:left;
}
.linkimpressum{
float: right;
padding-left: 3pt;
}

.updated{
float:left;
}

/*IMPRESSUM DOWNLOADS*/

.impressumtitel{
padding-top: 100px;
padding-right: 10%;
padding-left: 10%;
padding-bottom: 40px;
text-align: left;
}
.impressumtext{
padding-right: 10%;
padding-left: 10%;
padding-bottom: 20%;
}
.impressumtext a{
letter-spacing: 0.5px;
}
.impressumtext a:hover{
color:rgb(150, 150, 150);
}
.aktuell{
text-decoration:underline;
}

/*VERANSTALTER DOWNLOADS*/
veranstalter{

}

/*MOBILE SPECIALS*/

.navbar-default .navbar-toggle .icon-bar {
background-color: black; /* Changes regular toggle color */
color: white;
opacity: 50%;
}
.navbar-default .navbar-toggle {
border-color: transparent; /* Removes border color */
color: black;
}
.navbar-default .navbar-toggle .icon-bar:hover {
background-color: none; /* Changes toggle color on hover */
}
#hamburger .icon-bar {
background: black;
}

#hamburger:hover,
#hamburger.is-active {
background: black !important;
}

#hamburger:hover .icon-bar,
#hamburger.is-active .icon-bar {
background: white !important;
}

#hamburger:focus {
background: white;
}

#hamburger:focus .icon-bar {
background: black;
}






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

.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
     white-space: nowrap;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px;
    line-height: 2.428571;
    font-size: 7px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

input, select, textarea {
    border-radius: 2px;
    border: 2px solid #777;
    box-sizing: border-box;
    font-size: 77%;
    font-style: normal;
    width: 29rem!important;
    padding: 2px;
    color: gray;
}

/* For mobile phones: */

.checkboxkontakt{
width: 6%!important 
}
.madeby{
    float:left;
}
.impressumdownloads{
    float:left;
}
p{
    font-size: 14px; 
}
.table td{
    font-size: 14px; 
}
.aufhaenger{
    font-size: 14px;
}
.navtitel{
    font-size: 16;
}
.item h4 {
    font-size: 16px;
    line-height: 1em;
    font-weight: normal;
    font-style: italic;
}
.item span {
    font-style: normal;
    font-size: 14px;
    color:#cacaca;
}
footer {
  font-size: 10px;
padding: 0;
margin: 0px;
text-align: center;
  font-size: 10px;
}
}

/* Kontaktformular */
div.elem-group {
margin: 20px 0;
}

div.elem-group.inlined {
width: 49%;
display: inline-block;
float: left;
margin-left: 1%;
}

label {
display: inline!important;
font-style: normal;
padding-bottom: 10px;
color: #cacaca;
font-size: 16px;
}

input, select, textarea {
border-radius: 2px;
border: 2px solid #777;
box-sizing: border-box;
font-size: 77%;
font-style: normal;
width: 46rem;
padding: 2px;
color: gray;
}

div.elem-group.inlined input {
width: 95%;
display: inline-block;
}

textarea {
height: 250px;
}

hr {
border: 1px dotted #ccc;
}

button {
height: 50px;
background: orange;
border: none;
color: white;
font-size: 1.25em;

border-radius: 4px;
cursor: pointer;
}

button:hover {
border: 2px solid black;
}

#von {
width: 25%
}

#bis {
width: 25%
}

#formular {
z-index:999;
position:absolute;
height:0;
width:0;
border:none;
background:none;
margin:0;
top:0;
left:0;
clear:both;
font-size:0px;
line-height:0px;
}
/* Whatever color  you want */
select{
background-color: white;
}

/* poppins-100 - 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: 'Poppins';
font-style: normal;
font-weight: 100;
src: url('../assets/fonts/poppins-v22-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-100italic - 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: 'Poppins';
font-style: italic;
font-weight: 100;
src: url('../assets/fonts/poppins-v22-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - 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: 'Poppins';
font-style: normal;
font-weight: 200;
src: url('../assets/fonts/poppins-v22-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - 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: 'Poppins';
font-style: italic;
font-weight: 200;
src: url('../assets/fonts/poppins-v22-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - 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: 'Poppins';
font-style: normal;
font-weight: 300;
src: url('../assets/fonts/poppins-v22-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - 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: 'Poppins';
font-style: italic;
font-weight: 300;
src: url('../assets/fonts/poppins-v22-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
font-style: normal;
font-weight: 400;
src: url('../assets/fonts/poppins-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - 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: 'Poppins';
font-style: italic;
font-weight: 400;
src: url('../assets/fonts/poppins-v22-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - 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: 'Poppins';
font-style: normal;
font-weight: 500;
src: url('../assets/fonts/poppins-v22-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - 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: 'Poppins';
font-style: italic;
font-weight: 500;
src: url('../assets/fonts/poppins-v22-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - 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: 'Poppins';
font-style: normal;
font-weight: 600;
src: url('../assets/fonts/poppins-v22-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - 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: 'Poppins';
font-style: italic;
font-weight: 600;
src: url('../assets/fonts/poppins-v22-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - 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: 'Poppins';
font-style: normal;
font-weight: 700;
src: url('../assets/fonts/poppins-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - 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: 'Poppins';
font-style: italic;
font-weight: 700;
src: url('../assets/fonts/poppins-v22-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - 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: 'Poppins';
font-style: normal;
font-weight: 800;
src: url('../assets/fonts/poppins-v22-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - 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: 'Poppins';
font-style: italic;
font-weight: 800;
src: url('../assets/fonts/poppins-v22-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
font-style: normal;
font-weight: 900;
src: url('../assets/fonts/poppins-v22-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - 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: 'Poppins';
font-style: italic;
font-weight: 900;
src: url('../assets/fonts/poppins-v22-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}