* {
  -webkit-overflow-scrolling: touch;
}

html,
body {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	/*overflow-x: hidden;*/
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

.wrapper {
	margin-top: 80px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

#alone{
	width:1050px;
	padding-left: 50px;
}


#nix{
	text-decoration:none;
	padding-left:5px;
}

.logo{
   width:150px;
}

.top_abstand{
   margin-top:86px;
}

.abstand_tw{
   margin-top:86px;
}

.top_slide_down{
   margin-top:37px;
}

.h1-responsive {
    font-size: 100%;
}

@media (min-width: 500px) {

.logo{
   width:250px;
}
.top_abstand{
   margin-top:130px;
}

.abstand_tw{
   margin-top:0px;
}

.top_slide_down{
   margin-top:186px;
}

.h1-responsive {
    font-size: 150%;
}
}


/* Footer */
.footer {
	background-color:#333;
	min-height:105px;
	color:#efefef;
	padding-right:30px;
	padding-left:30px;
}

/* Für alle Bilder */
img{
	margin:0px;
	padding:0px;
	border:none;
    height: auto;
    max-width: 100%;
}


/* Links */
a:link {
	color: #333;
	text-decoration:underline;
	font-weight:bold;
}

a:visited {
	text-decoration: none;
	color: #333;
	text-decoration:underline;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
	font-weight:bold;
	color: #000;
}

a:active {
	text-decoration:underline;
	font-weight:bold;
	color: #000;
}

/* Buttonlik */
.buttonlink:link {
	color: #333;
	text-decoration:none;
	font-weight:normal;
}

.buttonlink:visited {
	color: #333;
	text-decoration:none;
	font-weight:normal;
}

.buttonlink:hover {
	color: #000;
	text-decoration:none;
	font-weight:normal;
}

.buttonlink:active {
	text-decoration:none;
	font-weight:normal;
	color: #000;
}


/* Newsstyle & Datei Header/Titel und Headlinelinks */
.headline{
	color:#12793d;
	font-size:30px;
	font-weight:bold;
	padding:5px;
	margin-bottom: 10px;
}
.headlinelink:link{
	color:#efefef;
}
.headlinelink:active{
	color:#efefef;
}
.headlinelink:visited{
	color:#efefef;
}
.headlinelink:hover{
	color:#ccc;
}

/* Messenger Navi */
.messengernavi:link{
	color:#333;
	font-size:12px;
	font-weight:bold;
	border-color:#333;
	border-width:thin;
	border-style:solid;
	padding: 15px;
}
.messengernavi:active{
	color:#333;
	font-size:12px;
	font-weight:bold;
	border-color:#333;
	border-width:thin;
	border-style:solid;
	padding: 15px;
}
.messengernavi:visited{
	color:#333;
	font-size:12px;
	font-weight:bold;
	border-color:#333;
	border-width:thin;
	border-style:solid;
	padding: 15px;
}
.messengernavi:hover{
	background-color:#efefef;
	color:#333;
	font-size:12px;
	font-weight:bold;
	border-color:#333;
	border-width:thin;
	border-style:solid;
	padding: 15px;
}
.messenger_on{
	background-color:#333;
	color:#efefef;
	font-size:12px;
	font-weight:bold;
	border-color:#333;
	border-width:thin;
	border-style:solid;
	padding: 15px;
}

/* Artikel - Vorschau */
.artikel{
	font-size: 16px;
	background:#CCCCCC;
	border-color:#666666;
	border-width:thin;
	border-style:solid;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

/* hr - line */
hr{
	color:#999;
	width:98%;
	height:1px;
	border:none;
	border-top:1px solid #999;
	margin-bottom: 5px;
	margin-top: 5px;
}
.hrgb{
	color:#CCC;
}

/* Wenn Page gesperrt */
.lock{
	color:#efefef;
	font-size:16px;
	font-weight:bold;
}

/* diverse Schriftstile */
.Stil1{
	font-size:10px;
	color:#333333;
	font-weight:bold;
}
.Stil98 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.Stil97 {
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
}
.Stil97:link {
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
}
.beschreibung-bg{
	z-index: 3;
	position:absolute;
}

.gallery{
	width:90%;
	padding:15px;
	margin:10px;
	background-color:#efefef;
	box-shadow: 5px 5px 10px grey;
	min-height:260px;
	display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;
}

.gallery:hover{
	background-color:#c0374a;
}

.gallink:link{
	color:#efefef;
	background-color:#333;
	padding:7px;
	margin:5px;
	text-decoration:none
}
.gallink:active{
	color:#efefef;
}
.gallink:visited{
	color:#efefef;
}
.gallink:hover{
	color:#efefef;
}


.gallery_spalten{
  column-count: 1;
  column-gap: 0px;
}

@media (min-width: 990px) {
  .gallery_spalten{
    column-count: 3;
    column-gap: 0px;
  }
}