/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/* colors 
braun: rgb(66, 52, 61)
grün: rgb(128, 190, 177)
rosa: rgb(255, 85, 129);
*/

@font-face { 
font-family: "Bellerose"; 
    src: url("../fonts/BelleroseV2.eot");
    src: url("../fonts/BelleroseV2.eot#iefix") format("embedded-opentype"),
    url("../fonts/BelleroseV2.woff") format("woff"),
    url("../fonts/BelleroseV2.ttf") format("truetype"),
    url("../fonts/BelleroseV2.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.carousel-caption {
	display: none;
}

a, a:visited
{
	color: rgb(245, 245, 209);
}
a:hover, a:focus
{
	color: black;
	text-decoration:none;
}


/* general styles */
html, body {
font-family: Bellerose; 
	height: 100%;
	width: 100%;
	background-color: rgb(66, 52, 61);
	background-color: rgb(128, 190, 177);
	background-color: rgb(255, 85, 129);
	background-color: #ffffff;
	background-color: #000000;
	background-color: #bbbbbb;
	color: rgb(66, 52, 61);
	color: rgb(128, 190, 177);
	color: rgb(255, 85, 129);
	color: #ffffff;
	color: #000000;
	font-size:18px;
}

h1, h2, h3
{
text-shadow: 0 0 1px rgba(0,0,0,0.3);
font-smooth:always;
	font-family: Bellerose;
	line-height: 2;
	margin-top: -20px;
}


/* padded section */
.pad-section {
	padding: 50px 0;
}

.pad-section img {
	width: 100%;
}

/* vertical-centered text */
.text-vcenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.text-vcenter h1 {
	font-size: 4.5em;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

hr
{
border: 0;
height: 35px;
border-top: 0;
background: url(../images/hr2.png) 50% 0% no-repeat;
}

#topbar {
	background-image: url(../images/background4.PNG);
	background-repeat: repeat no-repeat;
	background-position-y: 0px;
	height: 260px;
	width: 100%;
	border: 0;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
	position: absolute;
	z-index: 100;
top: 0px;
}


#logo {
	background-image: url(../images/logo.png);
	height: 300px;
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1040;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	position:absolute;
	top:-18px;
}


#referenzen {
	margin-top: 226px;
	position: relative;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
	max-height: 600px;
}

#nav_bar {
	background-color: rgb(245, 245, 209);
	color: rgb(66, 52, 61);
	margin-bottom: 0px;
	border-color: rgb(128, 190, 177);
	color: rgb(128, 190, 177);
	position: relative;
	z-index:30;
	border-top-width:0px;
	border-image: url(../images/logo.png) 25% repeat;
	border-bottom-width: 10px;
	border-image-outset: 10px;
}

.navbar-fixed-top
{
	position:fixed!important;
}

@media (min-width: 768px) {
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar .navbar-collapse {
		text-align: center;
	};
}

#über {
	background-color: #912C61;
	background-color: #C85592;
	background-color: rgb(66, 52, 61);
	background-color: rgb(128, 190, 177);
/* background-color: rgb(255, 85, 129); */
/* background-color: #ffffff; */
/* background-color: #000000; */
	color: rgb(66, 52, 61);
/* color: rgb(128, 190, 177); */
/* color: rgb(255, 85, 129); */
/* color: #ffffff; */
/* color: #000000; */
	background-size: initial;
	position: relative;
	z-index:20;
	border-top-width:0px;
	border-image: url(../images/logo_blau.png) 25% repeat;
	border-bottom-width: 10px;
	border-image-outset: 10px;
}

#über.navbar-enabled {
	margin-top: 50px;
}

#torten {
	position: relative;
	background-color: rgb(66, 52, 61);
	background-color: rgb(128, 190, 177);
	background-color: rgb(255, 85, 129);
/* background-color: #ffffff; */
/* background-color: #000000; */
	background-color: rgb(245, 245, 209);
	background-color: rgb(224, 193, 199);

	color: rgb(66, 52, 61);
/* color: rgb(128, 190, 177); */
/* color: rgb(255, 85, 129); */
/* color: #ffffff; */
/* color: #000000; */
	position: relative;
	z-index:19;
	border-top-width:0px;
	border-image: url(../images/logo_rosa.png) 25% repeat;
	border-bottom-width: 10px;
	border-image-outset: 10px;
}

#imagespreview img
{
margin-bottom: 30px;

}

#torten .bigcakeholder
{
	position: relative;
}

#torten .bigcake
{
height: 1400px;
width: 1000px;
background-image: url(../images/bigcake.png);
position: absolute;
background-size: cover;
background-repeat: none;
left: -500px;
top: 0px;
z-index: -10;
}

#background0 {

height: 400px;
background-image: url(../images/cupcakes-parallax.jpg);
background-size: cover;
background-attachment: fixed;

}

#cupcakes
{
	background: white;
	border-top-width:0px;
	border-image: url(../images/logo_weiss.png) 25% repeat;
	border-bottom-width: 10px;
	border-image-outset: 10px;
	position: relative;
	z-index:18;
}

#cupcakes .thumbnail.round
{
border-radius: 50%;
height: 100px;
width: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
}

#cupcakes .thumbnail.round img
{
border-radius: 50%;
}

#kurse
{
background-color: rgb(245, 245, 209);
color: rgb(66, 52, 61);
	border-top-width:0px;
	border-image: url(../images/logo.png) 25% repeat;
	border-bottom-width: 10px;
	border-image-outset: 10px;
	position: relative;
	z-index:17;
}

#kurse .tab-content
{
	padding: 15px;
}

#kurse .blogShort{ border-bottom:1px solid #ddd;}
#kurse .add{background: #333; padding: 10%; height: 300px;}

#kurse .nav-sidebar { 
    width: 100%;
    padding: 30px 0; 
    border-right: 1px solid #ddd;
}
#kurse .nav-sidebar a {
    color: #333;
    -webkit-transition: all 0.08s linear;
    -moz-transition: all 0.08s linear;
    -o-transition: all 0.08s linear;
    transition: all 0.08s linear;
}
#kurse .nav-sidebar .active a { 
    cursor: default;
    background-color: rgb(128, 190, 177);
    color: #fff; 
}
#kurse .nav-sidebar .active a:hover {
    background-color: rgb(128, 190, 177);
}
#kurse .nav-sidebar .text-overflow a,
#kurse .nav-sidebar .text-overflow .media-body {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; 
}

#kurse .btn-blog {
    color: #ffffff;
    background-color: #E50000;
    border-color: #E50000;
    border-radius:0;
    margin-bottom:10px
}
#kurse .btn-blog:hover,
#kurse .btn-blog:focus,
#kurse .btn-blog:active,
#kurse .btn-blog.active,
#kurse .open .dropdown-toggle.btn-blog {
    color: white;
    background-color:#0b56a8;
    border-color: #0b56a8;
}
#kurse .margin10{margin-bottom:10px; margin-right:10px;}
 
#kurse .container .text-style
{
  text-align: justify;
  line-height: 23px;
  margin: 0 13px 0 0;
  font-size: 19px;
}


#information {
	background: url(../images/estate.jpg) no-repeat center center fixed;
	display: table;
	height: 800px;
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	z-index:16;
}

#information .panel {
	opacity: 0.85;
}

#kontakt
{
	background-color: rgb(128, 190, 177);
	color: rgb(66, 52, 61);
	padding-bottom:50px;
	border-top-width:0px;
	border-image: url(../images/logo_blau.png) 25% repeat;
	border-bottom-width: 10px;
	border-image-outset: 10px;
	position: relative;
	z-index:15;
}

#kontakt textarea
{
	min-height:200px;
	width: 100%;
}

#preise
{
	background-color: rgb(224, 193, 199);
	color: rgb(66, 52, 61);
	padding-bottom:50px;
	border-top-width:0px;
	border-image: url(../images/logo_rosa.png) 25% repeat;
	border-bottom-width: 10px;
	border-image-outset: 10px;
	position: relative;
	z-index:14;
}


#adresse {
	height: 600px;
	position: relative;
	z-index:13;
}

footer {
	background-color: rgb(255, 85, 129);
	color: #ffffff;
	padding: 20px 0;
}

footer .glyphicon {
	color: #333333;
	font-size: 60px;
}

footer .glyphicon:hover {
	color: #306d9f;
}
#fb-icon, #insta-icon {
  width: 32px;
  height: 32px;
  background-image: url(../images/facebook-normal.png);
  position: absolute;
  bottom: 5px;
  right: 10px;
  display: block;
}
#insta-icon {
	background-image: url(../images/insta.png);
	right:48px;
}
#fb-icon:hover {
	  background-image: url(../images/facebook-hover.png);
}

/* Carousel Styling */
.carousel-caption {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	bottom: 0px;
	background-color: rgba(245, 245, 209,0.7);
	color: rgb(66, 52, 61);
	padding: 40px;
	text-shadow: none;
}

.carousel-indicators li {
	border: 1px solid rgb(66, 52, 61);
}

.carousel-indicators .active {
	background-color: rgb(66, 52, 61);
}

.carousel-control {
	color: rgb(66, 52, 61);
}

.carousel-control:hover, .carousel-control:focus {
	color: rgb(66, 52, 61);
}

.carousel-inner .item {
	max-height: 600px;
}

.carousel-inner>.item>img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.carousel-caption .glyphicon {
	position: absolute;
	left: 30px;
	top: 30px;
	font-size: 40px;
}

.carousel-caption a:hover {
	color: rgba(66, 52, 61,1);
}

.carousel-caption a {
	color: rgba(66, 52, 61,0.6);
}

.carousel-caption {
	height: auto;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
}

.carousel-caption.minified {
	height: 0px;
}

.carousel-caption h1 {
	position: relative;
	top: 0px;
}

.carousel-caption.minified h1 {
	position: relative;
	top: 30px;
}

.carousel-caption a span {
	transform: rotate(0deg);
	height: auto;
}

.carousel-caption.minified a span {
	transform: rotate(180deg);
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-left: 5px solid rgb(66, 52, 61);
}

.form-control, button[type="submit"] {
font-family: calibri;
}

.blueimp-gallery>.indicator>li {
width: 50px;
height: 50px;
background-size: contain;
}