@charset "UTF-8";
/* CSS Document */


/* ---------------------------------------------------------------------------------------------------------- 
Basics ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; position: relative;}

body {
	/*font-family: 'Noto Serif', serif;*/
	background:rgb(250,247,245);
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:300;
	font-size:1em;
	line-height:1.5em;
	color:rgb(153,153,153);
	height:100%;
}

h2,h3,h4,h5 {font-family:'Merriweather Sans', sans-serif; letter-spacing:0.04em;color:#666;}

@media (min-width: 0) and (max-width: 767px){
	table {font-size:0.85em;}
	h3 {font-size:1em;}
	.value {font-size:2em !important;}
}

a {	color: #333; text-decoration:underline;}
a:hover, a:focus, a:active {color:rgb(190,127,255);}

h2 {color:#333; margin-bottom:50px;}
h5 {padding-top:10px;}


/*Wichtig für Formulare */
#website {
	display:none;
}


/* ---------------------------------------------------------------------------------------------------------- 
Navbar ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


.navbar {
	width: 100%;
	text-align:center;
	margin:0;
	padding-top:25px;
	font-family:'Merriweather Sans' !important;
	letter-spacing:0.05em;
	font-size:1em;
	background:rgb(250,247,245);
	}

.navbar .nav,
.navbar .nav > li {
	float:none;
	display:inline-block;
	*display:inline; /* ie7 fix */
	*zoom:1; /* hasLayout ie7 trigger */
}

.main-menu {
	text-align:center;
	width:100%;
	padding-top:110px;
	}
/* Small devices (tablets, 768px and up) */
@media (min-width: 0) and (max-width: 767px){
.main-menu {
	padding-top:210px;
	}
}

.navbar a {text-decoration:none; color:rgb(153,153,153);}
.navbar .nav > .active > a, .navbar .nav > li > a:hover {
	color:rgb(190,127,255);
	background:none;
	}
	
.navbar .nav > li > a:focus {color:rgb(51,51,51); background:none;}

.navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
	height:100%;
	float:none;
	z-index:-100;
	margin:0 !important;
	padding:0 !important;
	padding-top:20px !important;
	}

.navbar .outside-link {color:rgb(100,100,120);}

	
/* ---------------------------------------------------------------------------------------------------------- 
Header ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

header {
	background:url(../img/flowers.jpg) center;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
	color:#fff;
}

header h1 {font-size:2em; line-height:1.2em;}

header .container {
	position: relative;
	top: 30px;
	}

.hint {
	font-family:'Merriweather Sans', sans-serif;
	text-transform:uppercase;
	font-size:0.5em;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px){
	header .container {top: 200px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	header .container {top: 250px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
	header .container {top: 300px;}
	header h1 {font-size:3.5em; line-height:1.2em;}
/*	header h1 {font-size:7em; line-height:1.2em; font-family: 'JacquesGilles', cursive; }*/
	.hint {font-size:0.4em;}
}

/* ---------------------------------------------------------------------------------------------------------- 
Sections ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

section {margin-top: 100px; margin-bottom:100px; text-align:center;}

section h2 {
	text-transform:uppercase;
	letter-spacing:0.25em;
	font-size:1.5em;
	padding-bottom:20px;
	}
	
section p {letter-spacing:0.05em;}



.gallery-container {border:none; border-top:5px solid #CCC; background-color:#000;}

.gallery-item {position:relative;}

.gallery-item a {
    text-align:center;
    position:absolute;
    top:50%;
    width:100%;
    transform:translate(0%,-50%);
    -webkit-transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
    display:none;
}

.gallery-container:hover img {opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
.gallery-container:hover a {display:block;}

hr {
	border: none;
	height:3px;
	/*background:url(../img/hr2.png) repeat-x;*/
	border-top: 1px dotted rgb(190,127,255);
	}


table, thead, tr, tbody, th, td {text-align: center; }
td:first-child { text-align:right; }
td:first-child + td, td:first-child + td + td {width:28%;}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {background-color: #fff;}
th {font-weight:100 !important;}

.value {font-family: 'Arbutus Slab', serif; font-size:2.7em; font-weight:normal; line-height:1em;}
.module {text-transform:uppercase; font-weight:normal; font-size:1.5em;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
	.value {font-size:4em;}
}


#service h4 {font-family: 'Amatic SC', cursive; font-weight:bold; font-size:2em; color:rgb(171,127,255); margin-top:15px !important;}
#service p {padding-bottom:20px !important;}
.questions { background:rgb(190,127,255); color:#FFF; font-size:1.9em; line-height:1.3em; padding:30px; text-align:left;}
.questions a { color:#fff; font-size:0.4em; text-transform:uppercase; font-weight:bold; text-decoration:none; line-height:1em;}
.questions a:hover, .questions a:focus, .questions a:active {color:rgb(50,0,0); text-decoration:underline;}


@media (min-width: 992px){
	.questions { font-size:2.2em; line-height:1.3em;}
	.questions a { color:#fff; font-size:0.5em; text-transform:uppercase; font-weight:bold; text-decoration:none; line-height:10em;}
}


.noMargin {padding:0 !important; margin: 0 !important;}


/* FOOTER */

footer {padding:15px 0; font-size:0.9em; color:#333; background:rgb(250,247,245);}
@media (max-width: 768px) {
	.socials {margin-bottom:30px;}
}
/*.socials {font-family: 'Arbutus Slab', serif; font-size:1.1em;}*/
.sticky {position:absolute; bottom: 0; width:100%;}

.facebook {
	display:inline-block;
	width:50px;
	height:50px;
	background: url('../img/facebook-black.png') center top no-repeat;
	background-size:100%;
}

.facebook:hover {
   background-image: url('../img/facebook-hover.png');
}

.pinterest {
	display:inline-block;
	width:50px;
	height:50px;
	background: url('../img/pinterest.png') center top no-repeat;
	background-size:100%;
}

.pinterest:hover {
   background-image: url('../img/pinterest-hover.png');
}

.instagram {
	display:inline-block;
	width:50px;
	height:50px;
	background: url('../img/instagram.png') center top no-repeat;
	background-size:100%;
}

.instagram:hover {
   background-image: url('../img/instagram-hover.png');
}


/* ---------------------------------------------------------------------------------------------------------- 
Buttons ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.btn {
	border-radius:0;
	padding:10px;
  	letter-spacing:0.05em;
}


.btn-register-outline { 
	color: #BE7FFF; 
	background-color: rgb(250,247,245);
	border:2px solid;
	padding:10px !important; 
	border-color: #BE7FFF;
	font-family: 'Merriweather Sans' !important;
	letter-spacing: 0.05em;
} 

.small { 
	padding:5px 10px !important;
	margin:20px;
} 

 
.btn-register-outline:hover, 
.btn-register-outline:focus, 
.btn-register-outline:active, 
.btn-register-outline.active, 
.open .dropdown-toggle.btn-register-outline { 
	color: #fff; 
	background-color: #BE7FFF; 
	border:2px solid;
	border-color: #BE7FFF; 
} 
 
.btn-register-outline:active, 
.btn-register-outline.active, 
.open .dropdown-toggle.btn-register-outline { 
  background-image: none; 
} 
 
.btn-register-outline.disabled, 
.btn-register-outline[disabled], 
fieldset[disabled] .btn-register-outline, 
.btn-register-outline.disabled:hover, 
.btn-register-outline[disabled]:hover, 
fieldset[disabled] .btn-register-outline:hover, 
.btn-register-outline.disabled:focus, 
.btn-register-outline[disabled]:focus, 
fieldset[disabled] .btn-register-outline:focus, 
.btn-register-outline.disabled:active, 
.btn-register-outline[disabled]:active, 
fieldset[disabled] .btn-register-outline:active, 
.btn-register-outline.disabled.active, 
.btn-register-outline[disabled].active, 
fieldset[disabled] .btn-register-outline.active { 
  background-color: #FAF7F5; 
  border-color: #FAF7F5; 
} 
 
.btn-register-outline .badge { 
  color: #FAF7F5; 
  background-color: #BE7FFF; 
}

.btn-main {
	font-size:1.5em;
	padding:10px 25px; 
}

.btn-register-main { 
  color: #FFFFFF; 
  background-color: #BE7FFF; 
  border-color: #BE7FFF;
} 
 
.btn-register-main:hover, 
.btn-register-main:focus, 
.btn-register-main:active, 
.btn-register-main.active, 
.open .dropdown-toggle.btn-register-main { 
  color: #FFFFFF; 
  background-color: #B579F2; 
  border-color: #BE7FFF; 
} 
 
.btn-register-main:active, 
.btn-register-main.active, 
.open .dropdown-toggle.btn-register-main { 
  background-image: none; 
} 
 
.btn-register-main.disabled, 
.btn-register-main[disabled], 
fieldset[disabled] .btn-register-main, 
.btn-register-main.disabled:hover, 
.btn-register-main[disabled]:hover, 
fieldset[disabled] .btn-register-main:hover, 
.btn-register-main.disabled:focus, 
.btn-register-main[disabled]:focus, 
fieldset[disabled] .btn-register-main:focus, 
.btn-register-main.disabled:active, 
.btn-register-main[disabled]:active, 
fieldset[disabled] .btn-register-main:active, 
.btn-register-main.disabled.active, 
.btn-register-main[disabled].active, 
fieldset[disabled] .btn-register-main.active { 
  background-color: #BE7FFF; 
  border-color: #BE7FFF; 
} 
 
.btn-register-main .badge { 
  color: #BE7FFF; 
  background-color: #FFFFFF; 
}

/*

 
 
/* ---------------------------------------------------------------------------------------------------------- 
06 Unterseiten ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#subside {background:none;}
#subside section {margin:0 !important; padding:50px 0 !important; text-align:left; background-color:#FFF;}
#subside section p {letter-spacing:0.02em;}

#subside .nav a {text-decoration:none;}
#subside .nav a:hover, #subside .nav a:focus, #subside .nav a:active {color:rgb(50,0,0);}
#subside .navbar-header {margin:auto 0; margin-top:25px;}


/**** FAQ-Seite ****/


.affix-top,.affix {position: static;}


@media (min-width: 768px) and (max-width: 991px) {
	#sidebar.affix-top {
		position: static;
		width:150px;
	}

	#sidebar.affix {
		position: fixed;
		top:70px;
		width:150px;
	}	
	#subside .nav-stacked li.active:before {
	   content:"";
	   position: absolute;
	   width: 0;
	   height: 0;
	   border-top: 10px solid transparent;
	   border-left: 10px solid #BE7FFF;
	   border-bottom: 10px solid transparent;
	   margin: 8% 0 0 150px;
	}
}


@media (min-width: 992px) and (max-width:1199px) {
	#sidebar.affix-top {
		position: static;
		width:220px;
	}

	#sidebar.affix {
		position: fixed;
		top:70px;
		width:220px;
	}
	#subside .nav-stacked li.active:before {
	   content:"";
	   position: absolute;
	   width: 0;
	   height: 0;
	   border-top: 10px solid transparent;
	   border-left: 10px solid #BE7FFF;
	   border-bottom: 10px solid transparent;
	   margin: 6% 0 0 220px;
	}
}

@media (min-width: 1200px) {
	#sidebar.affix-top {
		position: static;
		width:350px;
	}

	#sidebar.affix {
		position: fixed;
		top:70px;
		width:350px;
	}
	#subside .nav-stacked li.active:before {
	   content:"";
	   position: absolute;
	   width: 0;
	   height: 0;
	   border-top: 10px solid transparent;
	   border-left: 10px solid #BE7FFF;
	   border-bottom: 10px solid transparent;
	   margin: 3% 0 0 350px;
	}
}

#leftCol {margin-bottom:50px;}

#subside hr {margin:0; padding:0;}

.nav-pills > li > a {border-radius:0;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #BE7FFF;
}

.nav.nav-stacked > li > a:hover,
.nav.nav-stacked > li > a:focus {
  text-decoration: none;
  background-color: rgb(245,245,245);
}


/**** Login / Register ****/

.modal-content {border-radius:0;}

.form-control {border-radius:0;}

@media (min-width: 768px){
.form-inline .form-control {width:400px;}
}

.login {background:url(../img/pattern-polka2.png) repeat; padding-top:70px;}

label {font-weight:400; font-size:0.85em;}

/**** Login ****/

.login input[type="password"]:focus, .login input[type="email"]:focus {   
border-color:#29CCCC;}

input[type=checkbox] {
	visibility: hidden;
}
.checkboxNew {
	margin: 20px 0;
	position: relative;
}
.checkboxNew label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
  	left: 0;
	background: #fff;
	border:1px solid #ddd;
}

.checkboxNew .text {margin-left:10px;}
.checkboxNew label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 14px;
	height: 10px;
	background: transparent;
	top: 1px;
	left: 3px;
	border: 3px solid #BE7FFF;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkboxNew label:hover::after {opacity: 0.8;}
.checkboxNew input[type=checkbox]:checked + label:after {opacity: 1;}

/**** Register ****/

.register {background:url(../img/pattern-chevron2.png) repeat; padding-top:70px;}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus {   
border-color:#BE7FFF !important;
box-shadow: none !important;
outline: 0 none !important;}


/**** Kontakt ****/

.kontakt {background:url(../img/pattern-lines.png) repeat;padding-top:70px;}

textarea {resize: none;}

.control-label-left {text-align:left !important; margin-left:-10px; padding-left:0;}
@media (max-width: 768px) {
	.control-label-left {margin-left:10px;}
}

.kontakt .modal-footer {text-align:left;}

/**** 404 ****/

.important { text-align:center; color:rgb(153,153,153);}
.important h1{font-size:11em; text-align:center; margin-bottom:50px;}
.important a {color:#666;}