body {
    -webkit-background-size: 2000px 6000px;
    -moz-background-size: 2000px 6000px;
    background-size: 2000px 6000px;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../uploads/website/hintergrundbildgr_srcset-large6691.jpg?1490887747);
    background-color: #FAFAFA;
}

.has-logo .header-title {
    left: 0px;
}

/* Header */
.header {
    background: transparent;
}

/* Abstand ziwschen Navigation und Jumbtron (Bugbeseitigung) */
.jumbotron .slideshow .slide:first-child {
    margin-top: -4px;
}

/* Navigation First Level */
.nav-primary ul li a{
    color: #fff;
    font-size: 16px;
    background: #232323;
    font-weight: 600 !important;
    text-transform: none;
}

/* On Hover */
.nav-primary ul li a:hover{
    color: #fff;
    background: #5e5d5d;
    font-weight: 600 !important;
    text-transform: none;
}

/* Active links */
.nav-primary ul li.active > a{
    color: #fff;
    background: #5e5d5d;
    font-weight: 600 !important;
    text-transform: none;
}

/* CONTENT */

/* H1 Headline */
.contentArea .h1{
    color: #232323;
    font-size: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    text-transform: none;
}

/* H2 Subheadline */
.contentArea .h2{
    color: #6b6b6b;
    font-size: 25px;
    text-transform: none;
}

/* H3 Subheadline */
.contentArea h3.h2 {
    color: #7c7c7c;
    font-size: 20px;
    text-transform: none;
}

/* Content */
.contentArea p, ul, ol, td {
    font-size: 15px;
    color: #464646;
    line-height: 26px;
}

/* Google Maps Karte - Transparenz Adress-Box */
.fullWidthMapContainer .fullWidthMapContact {
    background-color:rgba(244,244,244,0.93);
    border: 1px solid #a2a2a2;
}

/* Kontakt- und Formularbox */
.box, .formbuilder {
    background: #ededed;
}

.box a {
    color: #464646;
    text-decoration: none;
}

/* FOOTER */

/* Background Color */
.footer-container{
    background-color: #232323;
    color: #FFF;
}

/* Linkfarbe im Footer */
.footer-container a {
    color: #FFF;
}

/* Remove spacing in the bottom of desktop pages */

.main-container {
padding-bottom: 0;
}
.footer-content .columns {
margin-top: 0;
}


/* On Top Button */
#goTop {
    background-color: #000000; /* letzter Wert für Transprenz (0.0 = durchsichtig, 1.0 volle Deckung)*/
    color: #FFFFFF;
    display:block;
    position:fixed;
    top:-100px;
    right:20px;
    cursor:pointer;
    height:48px;
    width:48px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    text-align:center;
    z-index:100;
}

#goTop:hover {
    text-decoration:none;
}

#goTop span:before {
    content: "\0072";
    font-family: "Fontello";
    font-size:2em;
}
/*-----------------------Zusatz---------------------------*/



    /* H1 Headline */
.contentArea .h1{
    color: #232323;
    font-size: 50px;
    font-family: 'Indie Flower', cursive;
    font-weight: 800;
    letter-spacing: -1px;
    text-transform: none;
}

/* H2 Subheadline */
.contentArea .h2{
    color: #466556;
    font-family: 'Indie Flower', cursive;
    font-size: 30px;
    text-transform: none;
}


/* H3 Subheadline */
.contentArea h3.h2 {
    color: #7c7c7c;
    font-family: 'Indie Flower', cursive;
    font-size: 25px;
    text-transform: none;
}

/* Content */
.contentArea p, ul, ol, td {
    font-size: 19px;
    font-family: 'Indie Flower', cursive;
    color: #464646;
    line-height: 26px;
}

/* 5) Size and Color */
.nav-primary ul li a{
    color: #fff;
    font-size: 22px;
    font-family: 'Indie Flower', cursive;
    background: #466556;
}

/* 6) On Hover */
.nav-primary ul li a:hover{
    color: #466556;
    font-size: 22px;
    font-family: 'Indie Flower', cursive;
    background: #fff;
}

/* 7) Active links */
.nav-primary ul li.active > a{
    color: #fff;
    font-size: 22px;
    font-family: 'Indie Flower', cursive;
    background: #466556;
}

.nav-primary ul li.active:hover > a{
    color: #466556;
    font-size: 22px;
    font-family: 'Indie Flower', cursive;
    background: #fff;
}

.nav-primary ul li.active > a {
    background: none repeat scroll 0 0 #fff;
    font-family: 'Indie Flower', cursive;
    font-size: 22px;
    color: #466556;
}

.header-subline .h1, .header-subline a  {
    color: #232323;
    font-family: 'Indie Flower', cursive;
    font-size: 1em;
}

.header-title {
    color: #232323;
    font-family: 'Indie Flower', cursive;
    font-size: 2em;
}


.nav-primary {
    background-color: #466556;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 100%;
    margin: 30px auto 0 auto;
}

#goTop {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #466556;
    border-radius: 24px;
    color: #466556;
}

.btn {
    background: #466556 none repeat scroll 0 0;
    color: white;
}

.btn-large, .formbuilder .btn, .checkoutArea .btn, .product-single .btn {
    background: none repeat scroll 0 0 #466556;
}

.footer-container {
    background: #466556;
}

a {
    color: #464646;
}

/* ---------------------Mobile CSS------------------------ */
@media only screen and (max-width: 671px) {
/* H1 Headline MOBIL */
.contentArea .h1{
    font-size: 28px;
}

/* H2 Subheadline MOBIL */
.contentArea .h2{
    font-size: 19px;
}

/* H3 Subheadline MOBIL*/
.contentArea h3.h2 {
    font-size: 16px;
}

.call .btn {
    background: #466556 none repeat scroll 0 0;
    color: #fff;
}


#identityWrapper{
    background: transparent;
}

.header-content #menubutton:before{
    color: #466556;
}

.nav-dropdown li a {
    font-size: 16px;
    color: #466556 !important;
    background-color: #fff !important;
}

.nav-dropdown li a:hover{
    font-size: 16px;
    color: #fff !important;
    background-color: #466556 !important;
}
.contact {
    margin-top: 10px;
}
.contact2 {
    margin-top: 30px;
}
.contact3 {
    margin-top: 50px;
}
}
/* von Steffen hinzugefügt: */

.text {
    color: #000;
}
#slideshow1 {
    margin: 70px auto;
    position: relative;
    width: 520px;
    height: 499px; 
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow1 > div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.gutschein {
    margin: 70px auto;
    position: relative;
    width: 520px;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.gutschein-btn {
    margin: -40px auto;
    position: relative;
    padding-bottom: 130px;
    width: 170px;
}
/*Druck Stile*/
@media print {
    #slideshow1, .header, .footer-container, #goTop, .contentArea_1_-module_1_, .slider, article, #nav, .gutschein-btn, .contentArea contentAreaA, .contentAreaC, h2, h1, .slideshow slideshow-ready{
        display: none;
    }

}