body {
  font-family: Helvetica, Arial, sans-serif;
  /* padding-bottom: 50px; space for fixed navbar */
}
/*navbar */
.navbar.navbar-fixed-bottom {
	display: none;
}
.logo, h1, h2, h3, h4 {
	font-family: Impact, Haettenschweiler, "Arial Black", sans-serif;
	font-weight: bold;
	line-height: 1;
}
h3 {
	background: #f9f9f9;
	background: rgba(0,0,0,0.033);
	padding: 0.4em;
	border-radius: 0.2em;
}
a:focus {
	outline: none !important;
}

::selection {
	background: rgba(0,0,0,0.2);
}
::-moz-selection {
	background: rgba(0,0,0,0.2);
}

.mark {
	background: rgba(0,0,0,0.2);
    padding: 0.2em;
}
.small {
	color: inherit !important;
}
.nowrap {
	white-space: nowrap;
}
.starthead {
	padding: 1em 0;
	background: #f9f9f9;
	background: rgba(0,0,0,0.066);
}
.starthead h1 {
	font-size: 3em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}

.image-center figure.image {
	text-align: center;
}

/* section_frame */

/* rootbox */
.rootbox {
	background: rgba(0,0,0,0.06);
}
.rootbox .page-header {
	border: 0;
	padding: 0;
}

/* tabs */
ul.nav-tabs {
  margin-bottom: 0.5em;
}

/* flexible Medien*/
img, svg, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;
}

svg, embed {
	max-height: 100%;
/*	width: 100%;*/
}

.image-row {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}
.image-beside-right .image-wrap {
    float: right;
}
.image-beside-left .image-wrap {
    float: left;
}

.image-column {
    margin-bottom: 10px;
}


/*owl */
.owl-item .csc-textpic-text,
.owl-item .caption
{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0.2em 2% .6em;
	color: #fff;
	color: rgba(255,255,255,1) !important;
	background: #444;
	background-color:rgba(0,0,0,0.4) !important;
}
.owl-item .csc-textpic-text p,
.owl-item .caption
 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*	Platz für caption */
.owl-item .csc-textpic-text {
	padding-bottom: 2em;
}

/*weitere defs in owl.theme.default.css */


/*accordion */
.panel-heading,
.panel-title {
	margin: 0;
	padding: 0;
}
.panel-title a {
	padding: 0.4em 1em;
	display: block;
	color: #444;
    color: rgba(0,0,0,.4);
	text-decoration: none;
}
.panel-title a:hover {
	background: #eee;
	background: rgba(0,0,0,.06);
}
.panel-title a:focus {
	outline: none !important;
}
.acc-arrow {
    color: rgba(0,0,0,.4);
}
.acc-arrow:before {
    content: "\f078";
}
.opened .acc-arrow:before {
    content: "\f077";
}


/*header */
body > .header {
	padding: 2%;
	text-align: center;
	background: #784;
	background: radial-gradient(rgba(122,131,65,.90),rgba(122,133,77,1.00));
}
body > .header .logo {
	display: block;
	margin: auto;
	text-align: center;
}
a.logo {
	color: #fff;
	font-size: 6em;
	font-weight: 700;
	text-transform: uppercase;
}
a.logo:hover {
	text-decoration: none;
}

/*footer */
body > .footer {
	padding: 1em 0;	
	background: #023;
	background: rgba(0,33,55,.9);
}
body > .footer a {
	color: #fff;
	color: rgba(255,255,255,0.85);
}
body > .footer a:hover {
	color: #fff;
}

@media screen and (max-width: 479px) {
	a.logo {
		font-size: 4em;
	}
}
@media screen and (max-width: 768px) {
	
}
@media screen and (min-width: 768px) {
	a.logo {
		font-size: 8em;
	}
}

@media screen and (max-width: 991px) {
	
}

@media screen and (min-width: 992px) {
	.starthead h1 {
		font-size: 4.8em;
	}
}