/* --- Allgemein --- */
body {font-family:"Arial"; background:#f5f5f5; height: 100%;}
h2 {color:#8d5a72; font-size:21px; font-weight:bold;}

p {text-align:justify;}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 135px;}

.fb-page {padding-bottom:135px;}

/* CLEAR FIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix-1 {display: block;}

.bg-site {background:url("../img/balken-top.jpg") repeat-x; position:absolute; top:0; left:0; height:19px; width:100%;}
.container-fluid {width:960px; margin:auto;}

@media (max-width:960px) {
.container-fluid {width:100%;}
}

ul {padding:0; margin:0 0 15px 17px;}
a {color:#c693c2;}
a:hover {color:#c693c2;}
a.active {color:#c693c2;}
a.focus {color:#c693c2;}
.special-font {font-family: 'Calligraffitti', cursive; color:#c693c2; font-size:25px;}

/* --- Header --- */
.navbar-brand {background:none; padding:0; float:none;}
.navbar-brand >img {position:relative; top:40px;}
.navbar-default {background:none;}

.logo-deko {background:url("../img/logo-deko.png") no-repeat; width:100%; height:4px; position:absolute; top:195px; left:-3px;}

@media (max-width:767px) {
.navbar-brand >img { top:30px; width:200px; margin:auto;}
.logo-deko {background:url("../img/logo-deko-klein.png") no-repeat; width:288px; height:5px; position:absolute; top:150px; left:50%; margin-left:-146px;}
}

/* --- Navigation --- */
.nav {top:170px; position:relative;}
.nav>li {padding:0 7px; border-right: 1px solid #333;}
.nav>li.last {border:none; padding-right:7px;}
.nav>li.start { padding-left:0;}
.nav>li>a {padding:0; color:#333; font-size:15px;}
.nav>li>a:hover {background:none !important; text-decoration:underline;}
.nav>li>a.active {background:none !important; text-decoration:underline;}
.nav>li>a:focus {background:none !important; text-decoration:underline;}

@media (max-width:790px) {
.nav>li {padding:0 5px;}
}

@media (max-width:767px) {
.nav {top:0; position:relative; margin-top:25px; margin-bottom:0;}
.nav>li {padding:8px 0; border-right: none;}
.nav>li.last {border:none; padding-right:0;}
.nav>li>a {padding:0; color:#333; font-size:15px; text-align:center;}
.nav>li>a:hover {background:none; text-decoration:underline;}
}

.navbar-toggle {position:absolute; right:0; margin-top:5px; margin-right:0; background:#8d5a72;}
.navbar-default .navbar-toggle {border-color:#8d5a72;}
.navbar-default .navbar-toggle .icon-bar {background-color:#ccc;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:#8d5a72;}

/* --- Deko --- */
.deko-blume-oben {background:url("../img/deko-blume-oben.png") no-repeat; width:1089px; height:607px; position:absolute; top:0; right:50px;}
.deko-blume-links {background:url("../img/deko-blume-links.png") no-repeat; width:110px; height:413px; position:absolute; top:270px; left:35px;}
.deko-blume-unten {background:url("../img/deko-blume-unten.png") no-repeat; width:398px; height:112px; position:absolute; bottom:5px; left:50%; margin-left:-490px;}

@media (max-width:1210px) {
.deko-blume-links {left:5px;}
}

@media (max-width:1130px) {
.deko-blume-links {background:none;}
}


/* --- Zitat --- */
.zitat-box {height:170px; width:100%; position:relative;}
.zitat {font-family: 'Calligraffitti', cursive; color:#c693c2; font-size:45px; text-align:center; line-height:170px;}
.zitat-autor {font-size:11px; position:absolute; right:20px; top:105px;}

@media (max-width:960px) {
.zitat {font-size:35px;}
}

@media (max-width:767px) {
.zitat-box {height:100%;}
.zitat {font-size:30px; line-height:100%; margin:40px 0 20px 0;}
.zitat-autor {font-size:11px; top:0px; text-align:center; position:relative; left:0;}
}


/* --- Footer --- */
#footer {position:relative; width:100%; height:135px; bottom:0; margin-top:-135px; clear:both;}
.footer-bg {position:absolute; background:#c693c2; width:100%; height:40px; bottom:0;}
.row {height:100%;}


/* --- Footer Navigation --- */
.nav-footer { position:relative; float:right; margin-top:105px;}
.nav-footer>li {padding:0 7px; border-right: 1px solid #333; float:left; list-style:none;}
.nav-footer>li.last {border:none;}

.nav-footer>li>a {padding:0; color:#333; font-size:15px;}

@media (max-width:790px) {
.nav-footer>li>a {font-size:13px;}
}


.schatten {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); width:100%;}


@media (min-width:790px) {
.schatten-neu {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); position:relative; left:50%; margin-top:100px; margin-left:-295px;}#
}

@media (max-width:790px) {
.schatten-neu-mobil {width:100%; margin-top:100px;}
}

/* --- Formular --- */
.form-control {border-color:#c693c2 !important;}
.form-control input:focus {border-color:#c693c2 !important;}