/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.08.2015, 10:37:17
    Author     : backer
*/
@import url(https://fonts.googleapis.com/css?family=Kalam:700);
body {
    background-color: #000;
    font-family: 'Lato', sans-serif;
}

#loadingSpinner {
    margin: 0px auto;
    height: 50px;
    background-color: #545454;
    
}

.tp-dottedoverlay.twoxtwo {
 
}

.missyou_text {
    display: none;
    font-family: 'Kalam', cursive;
    font-weight: bold;
    font-size: 14px;
}

.navbar {
    
}

.center_rahmen {
    text-align: center;
    margin: 0px auto;
}

.center_rahmen_text {
    text-align: center;
    margin: 0px auto;
}

.navbar-default {
    background-color: #D85913;
    border-color: #FF9D00;
    color: #000;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-weight: 700;
    font-size: 17px
}
.nav>li:hover {
    background-color: #FF9D00;
}

.condText {
    font-style: italic;
    color: #777;
}

.btn-lg {
    margin-bottom: 20px;
}

.condHeader {
    font-weight: 700;
}

.condFooter {
    color: #777;
    font-size: 11px;
    padding-left: 15px;
    padding-bottom: 20px;
}


.headerIcon{
    text-align: center;
    margin-bottom: 200px;
    cursor: pointer;
}

.btn-primary {
    background-color: #000;
    border-color: #eaeaea;
}

.btn-primary:hover {
    background-color: #545454;
    border-color: #eaeaea; 
}

.headerLaVida {
    font-family: 'La Belle Aurore', cursive;
    font-size: 48px;
    text-align: right;
    margin-top: 7px;
    color: #FF9D00;
}

.headerQuoteWrapper{
    margin-top: 30px;
    margin-bottom: 30px;
}
.headerQuoteText {
    font-family: 'Playball', cursive;
    color: #eaeaea;
    font-size: 55px;
    text-align: right;
}
.headerQuoteName {
    font-size: 14px;
    color: #888;
    text-align: right;
    font-style: italic;
}
.headerQuoteSymbolOpen {
    font-size: 18px !important;
    color: #777;
    position: relative;
    top: -25px;
    left: -5px;
}
.headerQuoteSymbolClose {
    font-size: 18px !important;
    color: #777;
    position: relative;
    top: -15px;
    left: -10px;
}

/* revolution slider text START*/
.revolution-ch2 {
    font-family: 'Playball', cursive;
    font-size: 50px;
    max-width: 700px;
    height: 60px;
    padding: 15px;
    background-color: rgba(0,0,0,.7);
    margin-left: 30px;
}

.revolution-ch3 {
    font-size: 18px;
    font-style: italic;
    max-width: 700px;
    color: white;
    font-weight: 400;
    text-shadow: 0px 0px 18px rgba(0, 0, 0, 1);
    padding-left: 20px;
    margin-left: 30px;
}

.revolution-ch4 {
    font-size: 35px;
    font-style: italic;
    color: white;
    max-width: 900px;
    height: 70px;
    background-color: rgba(0,0,0,.7);
    padding:10px;
    margin-left: 30px;
}

.revolution-ch5 {
    color: white;
    font-family: 'Playball', cursive;
    font-size:35px;
    max-width: 980px;
    height: 70px;
    padding: 12px;
    background-color: rgba(0,0,0,.5);
    margin-left: 30px;
}

.revolution-ch6 {
    color: white;
    font-family: 'Playball', cursive;
    font-size:35px;
    max-width: 980px;
    height: 70px;
    padding: 12px;
    background-color: rgba(0,0,0,.5);
    margin-left: 30px;
}

.revolution-ch7 {
    text-align: center;
    color: white;
    font-family: 'Playball', cursive;
    font-size:35px;
    max-width: 980px;
    height: 70px;
    padding: 12px;
    background-color: rgba(0,0,0,.5);
    margin-left: 30px;
}
.slidertext1,
.slidertext2,
.slidertext3,
.slidertext4,
.slidertext5,
.headerQuoteWrapper {
    display:none;
}
/* revolution slider text ENDE*/

.headerText {
    font-size: 24px;
    color: #eaeaea;
    margin-top: 100px;
    margin-bottom: 20px;
    text-align: center;
}

.dropdown-menu > li > a { 
    padding: 20px;
}
 
.banner{
    width:100%;
    position:relative;
}

.soundgardenPic {
    padding-left:35px;
}

.bestattungHeader1, .bestattungHeader2 {
    font-family: 'La Belle Aurore', cursive;
    color: #fff;
    font-size: 25px;
    
}
.bestattungHeader1 {
}

.bestattungHeader2 {
    padding-left: 0px;
}

#myCarousel1 {
    margin-top: 50px;
}

#map-container {
    height: 300px 
}

.urkunde2 {
    position: relative;
    top: -130px;
}

.textOffset {
    margin-top: 35px;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92%;
}

#topcontrol {
    color: #fff;
    z-index: 10000;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #222;
    position: relative;
    right: 16px !important;
    bottom: 11px !important;
    border-radius: 3px !important;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.rrTitel {
    font-size: 24px;
    font-family: 'Playball', cursive;
    color: #DDD;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 20px;
}

.rrPicDesc {
    margin-top: 20px;
    margin-bottom: 80px;
    color: #DDD;
    font-size: 18px;
    font-family: 'Playball', cursive;
}

.rrHr {
    width: 50%;
    margin-bottom: 30px;
}

.rrText {
    color: #DDD;
    font-size: 16px;
    margin-bottom: 50px;
}

/* force scrollbar */
html { overflow-y: scroll; }



/* ---- isotope ---- */

.grid {
  background: #DDD;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}


/* Gallery START */
.fancybox-nav span {
 visibility: visible !important;
}


.imageWrapper {
    text-align: center;
    margin-top: 30px;
}

.fancybox-title {
    min-height: 30px;
    line-height: 30px;
}

.kontaktText, .kontaktMail {
    font-size: 18px;
    color: #eaeaea;
}

.footerWrapper {
    width: 100%;
    height: 40px;
    background-color: #777;
}

.footerText {
    padding-top: 10px;
    color: #222;
}

#topcontrol {
    bottom: 45px !important;
}


/* Gallery ENDE */

@media only screen 
    and (min-device-width: 1201px) {
    
    .tp-banner-container {
        margin-top: 50px;
    }
}



/* ----------- iPad 3 and 4 ----------- */
/* Portrait  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    .tp-banner-container {
        height: 500px !important;
    }
    .headerLaVida {
        font-size: 30px;
    } 
    .headerText {
        font-size: 20px;
        color: #eaeaea;
        margin-top: 100px;
        margin-bottom: 20px;
    }
    .condoButton {
        display: none;
    }
    .urkunde2 {
        position: relative;
        top: 30px;
    }
    #map-container {
        margin-bottom: 30px;
    }
}


/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
        .headerQuoteWrapper {
            margin-bottom: 10px;
        }
        
        
        
        .tp-banner-container {
            margin-top: 50px;
        }
        
        .revolution-ch2 {

        }
     
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
    .missyou_bild {
        display: none;
    }
    
    .missyou_text {
        display: block;
    }
}

@media (max-width: 760px) {
    
    
    .urkunde2 {
        position: relative;
        top: 30px;
    }
    .headerText{
        font-size: 15px;
        color: #eaeaea;
        margin-top: 60px;
        margin-bottom: 20px;
    }
    
    .headerQuoteWrapper {
        display: block;
    }
    
    .headerIcon {
        margin-bottom: 300px;
    }
    .headerQuoteText {
        display: block;
        font-family: 'Playball', cursive;
        color: #eaeaea;
        font-size: 18px;
        text-align: right;
    }
    
    .headerQuoteName {
        font-size: 12px;
    }
    
    .tp-banner-container {
       height: 250px !important;
       margin-top: 50px;
       margin-left: -50px;
    }
    
    .headerQuoteSymbolOpen {
        font-size: 18px !important;
        color: #777;
        position: relative;
        top: -5px;
        left: -5px;
    }
    .headerQuoteSymbolClose {
        font-size: 18px !important;
        color: #777;
        position: relative;
        top: -3px;
        left: 0px;
    }
    
    .slidertext3 {
        display: block;
        margin-top: 20px;
        color: #eaeaea;
        font-size: 22px;
        text-align: right;
    }
    
        
    .slidertext4 {
        display: block;
        margin-top: 20px;
        font-family: 'Playball', cursive;
        color: #eaeaea;
        font-size: 20px;
        text-align: right;
    }
    
    .revolution-ch7 {
        margin-left: 100px;
    }
    
    .revolution-ch2, 
    .revolution-ch3,
    .revolution-ch4,
    .revolution-ch5,
    .revolution-ch6 {
       display: none;
    }
    
    .condoButton {
        display: none;
        z-index: 9999;
    }
    
    .navbar-default .navbar-toggle {
        border-color: #FF9D00;
    }
    
}