body {
	font-family: Arial,LucidaGrande,Verdana,Tahoma, Geneva, sans-serif;
	color:#333333;
	background-size:cover;
}


/* Allgemeine Links */

a {
	text-decoration:underline;
	color:#333333;
}

a:hover {
	text-decoration:none;
	color:#333333;
}


/* Header */

.schraege {
	background-image:url(../images/header.png);
	background-size:cover;
	background-position:left bottom;
	height:178px;
}

.header {
	background: rgba(255,255,255,0.95);
	display:inline-block;
	padding-top:30px;
	padding-bottom:30px;
}


/* Logo */

.logo {
	padding-left:0;
	padding-right:0;
	margin-top:5px;
}

.logo a {
	display:block;
	height:100%;
}


/* Headertext */

.headertext h3 {
	font-size: 16px;
	color:#d11b1b;
	font-weight:bold;
	font-family: Arial,LucidaGrande,Verdana,Tahoma, Geneva, sans-serif;
}

.headertext p {
	font-size:16px;
	margin-bottom:5px;
}


/* Headerbild */

.headerbild {
	height:350px;
	background-size:cover;
	padding-right:0;
	padding-left:0;
	background-clip:content-box;
	overflow:hidden;
	border-bottom:2px solid #a71d1d;
}

.besps_slides div img {
	width:100% !important;
	margin-top:0px;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.row.weiss {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+4,ffffff+10,ffffff+28,ffffff+100&0+0,0.81+8,1+11,0.91+18,0.91+18,0.91+18,0.91+18,0.91+18,0.81+24,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.41) 4%, rgba(255,255,255,0.81) 8%, rgba(255,255,255,0.94) 10%, rgba(255,255,255,1) 11%, rgba(255,255,255,0.91) 18%, rgba(255,255,255,0.81) 24%, rgba(255,255,255,0.82) 28%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(4%,rgba(255,255,255,0.41)), color-stop(8%,rgba(255,255,255,0.81)), color-stop(10%,rgba(255,255,255,0.94)), color-stop(11%,rgba(255,255,255,1)), color-stop(18%,rgba(255,255,255,0.91)), color-stop(24%,rgba(255,255,255,0.81)), color-stop(28%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.41) 4%,rgba(255,255,255,0.81) 8%,rgba(255,255,255,0.94) 10%,rgba(255,255,255,1) 11%,rgba(255,255,255,0.91) 18%,rgba(255,255,255,0.81) 24%,rgba(255,255,255,0.82) 28%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.41) 4%,rgba(255,255,255,0.81) 8%,rgba(255,255,255,0.94) 10%,rgba(255,255,255,1) 11%,rgba(255,255,255,0.91) 18%,rgba(255,255,255,0.81) 24%,rgba(255,255,255,0.82) 28%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.41) 4%,rgba(255,255,255,0.81) 8%,rgba(255,255,255,0.94) 10%,rgba(255,255,255,1) 11%,rgba(255,255,255,0.91) 18%,rgba(255,255,255,0.81) 24%,rgba(255,255,255,0.82) 28%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.41) 4%,rgba(255,255,255,0.81) 8%,rgba(255,255,255,0.94) 10%,rgba(255,255,255,1) 11%,rgba(255,255,255,0.91) 18%,rgba(255,255,255,0.81) 24%,rgba(255,255,255,0.82) 28%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

    margin-top: 30px;
}

/* Container für Hintergrundfarbe */

.container {
	padding-top:40px;
	background: rgba(255,255,255,0.95);
}

/* Seitenspalte */

.seitenspalte {
	margin-top:0px;
}

.seitenspalte .moduletable {
	border-top: 1px solid #d62525;
	padding-top:40px;
}

.seitenspalte .moduletable:first-child {
	border-top: none;
	padding-top:0;
}

.seitenspalte h3 {
	font-size:16px;
	font-weight:bold;
	color:#d11b1b;
	margin-top:0px;
	margin-bottom:10px;
}

.seitenspalte h1 {
	font-size:22px;
	
}

.seitenspalte a {
	color:#d11b1b;
}

.seitenspalte p {
	margin-bottom:5px;
}

.seitenspalte p, .seitenspalte li, .inhalt p, .inhalt td, .inhalt li {
	font-size:14px;
	color:#000000;
	line-height:180%;
}

.seitenspalte h5 {
	font-size:18px;
	font-weight:bold;
}

.seitenspalte li {
	margin-top:20px;
}

.seitenspalte ul {
	margin-top:20px;
     list-style: none;
     padding:0;
     margin:0;
}

.seitenspalte li { 
     padding-left: 1em; 
     text-indent: -.7em;
}

.seitenspalte li:before {
     content: "\002022";
     font-weight:bold;
     color: #d11b1b;
     padding-right:7px;
}



/* Farbe für Editor - auch dort ändern */

.rot {
	color:#4f0000 !important;
}

/* Inhalt */

.page-header {
	margin-bottom:-10px;
}

.inhalt img {
	padding:5px;
	border:1px solid #ccc;
}

.inhalt {
	margin-bottom:50px;
}

.inhalt a, .inhalt strong {
	color:#d11b1b;
}

.inhalt h1 {
	font-size: 20px;
	color:#d11b1b;
	font-weight:normal;
	font-family: Arial,LucidaGrande,Verdana,Tahoma, Geneva, sans-serif;
}

.inhalt h2, .inhalt h3 {
	font-size: 42px;
	color:#d11b1b;
	font-weight:normal;
	font-family: Arial,LucidaGrande,Verdana,Tahoma, Geneva, sans-serif;
}



/* Bildbeschriftung halb-transparent */

figure {
	margin:0;
}

figcaption {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	position:absolute;
	bottom:-1px;
	right:10px;
	left:10px;
	background-color:rgba(79,0,0,0.8);
	color:white;
	font-size:13px;
	font-style:italic;
}

/* Made */

.made {
	background:white;
	border-top:2px solid #a71d1d;
	padding-top:0px;
	padding-bottom:5px;
	margin-bottom:120px;
	text-align:center;
}

.made a {
	font-size:11px;
	color:#333;
}

/* Navigation */

.navi {
	background-image: linear-gradient(-180deg, #721414 0%, #C62222 100%);
	padding:0;
	z-index:3;
	border-bottom:2px solid white;
}

.navi li {
	font-size: 1.7vw;
	font-family:Arial,Verdana,Tahoma,Geneva,LucidaGrande, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	display: inline-block;
	background-image: linear-gradient(-180deg, #721414 0%, #C62222 100%);
	width:16.666%;
}

.navi li.active, .navi li:hover {
	background-image: linear-gradient(-180deg, #641111 0%, #641111 100%);
}

.navi li a {
	text-align:center;
	text-decoration:none;
}

.navi ul {
	text-align: justify;
}

.side-nav li a:not(.button) {
	padding:4px 0 4px 0;
}

.top-bar {
	background:none;
}

.side-nav {
	padding: 0;
	font-family: Arial,Verdana,Tahoma, Geneva,LucidaGrande, sans-serif;
}

.side-nav li {
	margin:0;
	padding:2px 0 2px 0;
	font-weight: normal; 
}

.side-nav li.active > a:first-child:not(.button) {
	font-family: Arial,Verdana,Tahoma, Geneva,LucidaGrande, sans-serif;
	font-weight:normal;
}

.side-nav li:last-child {
	border-bottom:none;
}

.contain-to-grid .top-bar {
	max-width:55rem;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
	color:white;
}

.seitenspalte .moduletable {
	margin-bottom:40px;
}


/* Menu-Icon */

.tab-bar .menu-icon span::after {
	box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
}

.tab-bar {
	background-image: linear-gradient(-180deg, #721414 0%, #C62222 100%);
	border-bottom:white 5px solid;
	height:50px;
}

.left-small {
	border-right:0;
}

.tab-bar .menu-icon {
	color:white;
	padding-left:10px;
	width:800px;
}


/* Mobile Navigation */

.left-off-canvas-menu ul {
	padding-top:4px;
  	list-style-type:none;
}

.left-off-canvas-menu .side-nav li:first-child {
	border-top:1px solid #494949;	
}

.left-off-canvas-menu .side-nav li {
	background:#393939;
	margin-bottom:0;
	border-bottom:1px solid #494949;
}

.left-off-canvas-menu .side-nav a {
	color:#cccccc;
	text-decoration:none;
}

.left-off-canvas-menu .side-nav li a:not(.button) {
	padding-left:20px;
}

.left-off-canvas-menu .side-nav li.active > a:first-child:not(.button) {
	color: #ffffff;
	font-weight:bold;
}

.left-off-canvas-menu .side-nav li.active {
	background:#444444;
}

.left-off-canvas-menu .side-nav li:hover {
	background:#444444;
}

.left-off-canvas-menu .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
	text-decoration:none;
	color: #ffffff;
	font-weight:normal;
}

.side-nav li a:not(.button) {
	color:#cccccc;
}

.side-nav .nav-child li:last-child {
  	border-bottom:none;
}

/* Subnavi */

.subnavi ul {
	float:right;
	margin-bottom:0;
}

.subnavi li {
	float:left;
	list-style-type:none;
	margin-left:20px;
}

/* Kontaktformular Chronoforms */

.gbs3 .A {
  	width:100% !important;
}

#form-row-send {
	float:right;
	margin-left:10px !important;
}

#form-row-reset {
	float:right;
}

/* Very Simple Imagegalery */

.vsig.vsig1_0 {
  	width:100%;
}

.vsig_top.vsig_top1_0 {
  	width:100%;
}

.schraege {
    background-image: url("../images/header.png");
    background-position: left bottom;
    background-size: cover;
    height: 178px;
}




@media only screen and (min-width: 40.063em) {

.header {
	height:178px;
}

.seitenspalte {
	margin-top:20px;
	margin-bottom:50px;
}


.besps_slides div img {
	margin-top:10px;
}

.side-nav li a:not(.button) {
	color:white;
}

.side-nav li.active > a:first-child:not(.button) {
	color:white;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
	background:none;
	text-decoration:none;
}
  
/* Subnavi */

.deeper.parent ul {
  	display:none;
}

.deeper.parent:hover ul {
  	display:block
}

.nav-child {
    position: absolute;
    top:36px;
  	width:20%;
    margin-left:0px;
}

.nav-child li {
  width:100%;
  border-top:1px solid rgb(255,204,102);
}
  
/* Navi weiter */

}


@media only screen and (min-width: 60em) {
  
.navi li {
	font-size: 15px;
}
  
}