/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
/*@import url(https://fonts.googleapis.com/css?family=Indie+Flower);*/
* {
	margin: 0;
	padding: 0;
}
/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */

body, html, td, th, ul, li, span {
	font-family: "Josefin Sans", cursive;
/*	color:#FFF;*/
}
body, html {
	font-size: medium;
	width: 100%;
	height: 100%;
	overflow: auto;
	color:#333
}
ul, li {
	list-style-type: none;
	line-height: 1.2;
}
a:link {
	text-decoration: none;
	color: #963;
}
a:link.white {
	color: #DDD;
}
a:active {
	color: #FFE390;
}
a:hover {
	color: #FFE390;
}
a:visited {
	color: #963;
}
a:visited.white {
	color: #DDD;
}
a:visited:hover {
	color: #FFE390;
}
.title_page {
	font-family: 'Bad Script', cursive;
	color: #FFF;
	font-size:24px;
	position:relative;
	top:25%;
	text-align:center;
}
.title_text {
	font-size:48px;
}
#bgImg {
	position: fixed;
	top: 0;
	left: 0;
	border: 0;
	z-index: 1;
}
#slideImg {
/*	position: relative;
	top: 0;
	left: 0;
	border: 0;
	z-index: 1;*/
}
#bodyDiv {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-align: center;
}
/* Layoutelemente */
.colorLayer {
	height:100%;
	width:100%;
	opacity: .3;
	filter:Alpha(Opacity=30);
}
.headDiv {
	height: 10%;
	width: 100%;
	z-index: 2000;
	background-color: #FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */
	filter: alpha(opacity=90);  /* IE 5-7 */
	-moz-opacity: 0.9;          /* Netscape */
	-khtml-opacity: 0.9;        /* Safari 1.x */
	opacity: 0.9;               /* Good browsers */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;/*	background-image: url(img/background/old-rose.gif);
	background-repeat: repeat;*/
}
.border {
	border: 2px solid #666;
}
.scroller_anchor {
	height:0px;
	margin:0;
	padding:0;
}
#contentDiv {
	z-index: 2;
	text-align: center;
	position:relative;
}
#footer {
	position:static;
	bottom:0;
	height: 180px;
	width: 100%;
	z-index: 2;
	background-color: #222;
	background-image: url(../img/texture_brown.png);
	background-repeat: repeat;
	font-size: small;
	color: #DDD;
	text-decoration: none;
}
.transparent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";       /* IE 8 */
	filter: alpha(opacity=60);  /* IE 5-7 */
	-moz-opacity: 0.6;          /* Netscape */
	-khtml-opacity: 0.6;        /* Safari 1.x */
	opacity: 0.6;               /* Good browsers */
}
.topDiv {
	margin-top: 80px;
}
/*.coloredBG {
	background-color: #FFC;
}*/
.textPadding {
	padding: 40px;
	font-size:larger;
	color:#FFF
}
.bottom {
	vertical-align: text-bottom;
	position: absolute;
	bottom: 10px;
	height: 100%;
}
.kreis_img {
	/* font: 11px Georgia, "Times New Roman", Times, serif; /* Schrift*/
 width:140px; /* gleiche Breite wie */
	height:140px; /* Höhe angeben damit es ein Kreis wird */
	text-align:center; /* Text wird zentriert*/
	border-radius:50%; /* Border-Radius auf 50% bedeutet rund*/
	background:rgba(70, 70, 70, 0.3); /* Hintergrundfarbe */
	border: 10px solid rgba(50, 50, 50, 0.5); /* Rand Stärke und Farbe */
	box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.2) inset;/* innerer Schatten Stärke und Farbe */
}
.bildkreis {
	border-radius:50%;
	width:140px; /* gleiche Breite wie */
	height:140px; /* Höhe angeben damit es ein Kreis wird */
}
.kreis_social {
	width:32px; /* gleiche Breite wie */
	height:32px; /* Höhe angeben damit es ein Kreis wird */
	text-align:center; /* Text wird zentriert*/
	border-radius:50%; /* Border-Radius auf 50% bedeutet rund*/
	background:rgba(70, 70, 70, 0.3); /* Hintergrundfarbe */
	border: 1px solid #FFF; /* Rand Stärke und Farbe */
	box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2) inset;/* innerer Schatten Stärke und Farbe */
	display: table-cell;
}
.socialkreis {
	border-radius:50%;
	width:24px; /* gleiche Breite wie */
	height:24px; /* Höhe angeben damit es ein Kreis wird */
}
#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;/*	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;*/
}
 [class*="bg__"] {
  /* fix background */
  background-attachment: fixed;

  /* center it */
  background-position: center center;

  /* Scale it nicely to the element */
  background-size: cover;

  /* just make it look a bit better ;) */
  &:nth-child(2n) {
 box-shadow: inset 0 0 1em #111;
 display: block;
 width: 100%;
}
}