* {
    font-family: 'Open Sans', sans-serif;

}

body {
background: url('../img/bg.jpg');


}



p, ul, li, h3{
	font-family: 'Open Sans', sans-serif;
	color: #333;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 1.5em;
  font-weight: 600;
  line-height: 1.7em;
  margin-bottom: 20px;

}

p {
  font-weight: 200;
}

h3 {
		font-size: 1.1em;
    font-style: italic;
}

h4 {
    font-size: 1.2em;
    font-weight: 500;
      color: #c50000;

}


.startList {
  list-style: none;
  font-size: 0.8em;
  line-height: 1.8em;
  font-style: italic;
  font-weight: 200;
  border-left: 1px solid #c50000;
  padding-left: 2em;


}

.linkList {
  text-decoration: underline;
  list-style: none;
  font-size: 0.85em;
  color: #c50000;
  line-height: 1.8em;
  font-weight: 200;
  margin-top: 2em;


}



.linkList a {
   color: #c50000;
}

.linkList a:hover {
   color: #ff0000;
}


.red {

  display: inline;
  width: 0em; 
  color: #c50000;

}

.wrapper {
  margin-top: 0.9em;
	background-color: #fff;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}



ul {
	list-style: circle;
}

.fb-like-box {
  margin-left: 1em;
  margin-top: 1em;
}


.content {
  padding: 2em;
  margin-left: 0rem;
  margin-right: 0rem;

}

nav.top-bar {
text-align:center;
}
section.top-bar-section {
display: inline-block;
}


.top-bar {
  background: #e70909; /* Old browsers */
background: -moz-linear-gradient(top,  #e70909 0%, #c60000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e70909), color-stop(100%,#c60000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e70909 0%,#c60000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e70909 0%,#c60000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e70909 0%,#c60000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e70909 0%,#c60000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e70909', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */

  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  text-align: center;
  margin-bottom: 1em;
 }


/*NAVIGATION*/


.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
  color: #ffffff;
  text-transform: uppercase;
  background: #e70909; /* Old browsers */
background: -moz-linear-gradient(top,  #e70909 0%, #c60000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e70909), color-stop(100%,#c60000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e70909 0%,#c60000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e70909 0%,#c60000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e70909 0%,#c60000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e70909 0%,#c60000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e70909', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */

  font-size: 1.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 400; 
}

.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a {
  color: #ccc;
    background: #e70909; /* Old browsers */
background: -moz-linear-gradient(top,  #e70909 0%, #c60000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e70909), color-stop(100%,#c60000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e70909 0%,#c60000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e70909 0%,#c60000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e70909 0%,#c60000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e70909 0%,#c60000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e70909', endColorstr='#c60000',GradientType=0 ); /* IE6-9 */


 font-family: "Open Sans", sans-serif; }


.transparent {
  background: rgba(255, 255, 255, 0.3); }

/* Navigation Mobile */
.top-bar.expanded, .top-bar.expanded .title-area {
  background: #c60000;
  border-bottom: 1px solid white; }

.top-bar-section ul {
  background: transparent;
  text-align: center; }

.top-bar.expanded .toggle-topbar a {
  color: red; }

.top-bar.expanded .toggle-topbar a span {
  box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
  box-shadow: none;
  font-size: 2em;
  text-align: center; }

.name {
  text-align: center; }

.top-bar span {
  font-size: 2em;
  color: white; }

.top-bar-section .dropdown li.title h5 {
  margin: 0;
  background-color: white; }

.top-bar-section .dropdown li.title h5 a {
  font-size: 0.875em;
  background: transparent;
  margin: 0;
  border-bottom: 1px solid white;
  background-color: white; }

.top-bar-section ul li > a {
  background: none repeat scroll 0 0 #5782a5; }

.top-bar-section ul li > a:hover {
  background: none repeat scroll 0 0 #30618b; }

.top-bar-section .divider, .top-bar-section [role="separator"] {
  border-top: 1px solid white; }

/*FOOTER*/
footer {

}

  footer p {
    font-size: 0.9em;
 }
  footer a {
    color: #c50000;
    text-decoration: underline; 
	}
  footer a:hover {
    color: #ff0000; }

footer span {
  display: inline-block;
  width: 4.5em; }
  footer span a {
    color: #c50000; }




span {
  display: inline-block;
   }

a {
    color: #c50000; }


a:hover {
    color: #ff0000; }


.impressum p {
  font-size: 0.8em;
}


/* Googlemap */
#map {
  width: 100%;
  height: 22em;
  margin-bottom: 1.5em;
  margin-top: 1rem;
  margin-left: 1.2rem;
  border: 1em solid white;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }

#map img {
    height: auto;
  max-width: none;
    }

span.pos {
  display: inline-block;
  padding: 2px 4px 1px 5px;
  border: 1px dotted silver;
  color: silver;
  line-height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

#map .gm-style-iw {
  width: 100% !important;
  height: auto !important; }

#mapcontent1 {
  width: 100%;
  height: auto; }

#mapcontent1 p {
  color: #222222;
  width: 100%; }

.flex-video {
  border: 4px solid white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); 
}


    .respMobile{

      display: none;
    }








  @media only screen and (max-width:70em){
.stoerer {display:none;}

  }





  @media only screen and (max-width:40em){ 
    .stoerer {display:none;}
    /*.displayNone {display: none;}
    .tg tr th, .tg tr td{font-size: 0.5em;}*/

    .respMobile tr th, .respMobile tr td{
      font-size: 0.7em;

    }

    .respMobile {
      display: block;
      border: none;
      margin-left: -1em;
      
    }

    .respBig {
      display: none;
    }

    .row .row{
      margin-left: 0em;
      margin-right: 0em;
    }
  }