html {
    hyphens: auto;
}

/* Datenschutz------------------------------------------------------------------- */
.landingpage .ce_optin_fallback,
.landingpage .ce_optin_fallbackdefault {
    display: none !important;
}

.landingpage #cookiebar cms-buttons {
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.landingpage #cookiebar cms-container.disclaimer a {
    color: #81a196;
}

.landingpage #cookiebar cms-button {
    text-decoration: none;
    color: #81a196;
    text-transform: uppercase;
    letter-spacing: .07rem;
    font: 1rem Open Sans;
    font-weight: 400;
    background-color: #ffffff;
    border-color: #81a196;
    border: 1px;
    width: 270px;
    height: 60px;
    left: 0;
    position: relative;
    float: left;
    display: block;
    vertical-align: middle;
    text-align: center;
    border: 1.3px solid #739a8c;
    margin-left: 15px;
    margin-right: 15px;
}

.landingpage #cookiebar cms-button span {
    line-height: 30px;
}

.landingpage #cookiebar cms-button span:before {
    background: unset;
}

.landingpage #cookiebar cms-button:hover {
    background-color: #739a8c;
    color: #ffffff !important;
}

cms-accept-tags > cms-container form cms-taglist cms-taggroup cms-taggroup-header input:checked + label {
    background: #739a8c !important;
}


/* Hochzeitformular------------------------------------------------------------------- */
.landingpage .goverlay{
    background-color:rgba(255,255,255,.60) !important;
}

.gslide-external {
    background-color:rgba(129,161,150,.60) !important;
    border-radius: 10px;
}

#glightbox-body button.gprev,
#glightbox-body button.gnext {
    display: none;
}

/* Gesamter Scrollbalken */
::-webkit-scrollbar {
  width: 10px; /* für vertikal */
  height: 10px; /* für horizontal */
}

/* Hintergrund der Scroll-Leiste */
::-webkit-scrollbar-track {
  background-color: rgba(224,231,227, .60);
}

/* Farbe des Scroll-„Daumens“ */
::-webkit-scrollbar-thumb {
  background-color: rgba(129,161,150,.60);
  border-radius: 10px;
}

/* Hover-Effekt für Scroll-Daumen */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(129,161,150,.60);
}


html {
    background-color: unset !important;
}

#container {
    top: 0px !important;
}

.layout1170_2 {
    display: flex;
    width: 100%;
    justify-content: center;
}

.landingpage .glightbox-clean .gclose:hover {
    background-color: #ffffff !important;
}

.landingpage .glightbox-clean .gclose:hover path {
    fill: #739a8c !important;
}

.landingpage .glightbox-clean .gclose {
    background-color: #739a8c !important;
    left: 1vw;
}

#mainform {
    display:block !important;
}

#mainform #Formularclose {
    width:100%;
    bottom:10px;
    left:0;
    right:0;
    position:fixed;
    text-align:center;
    z-index: 10;
}

#mainform #Formularclose:hover .overlay {
    opacity: 1;
}

#mainform #Formularclose .overlay {
    width:35px;
    height:100%;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    margin:auto;
    text-align:center;
    opacity: 0;
    transition: .5s ease;
}

#mainform #Formularclose .hoverimage {
    top:18px;
    position:absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#mainform #Formularclose img {
    width:35px;
}

#mainform .TrauungOrt span.mandatory {
    float:right;
}
#mainform .fontgreen label,
#mainform .fontgreen a {
    color: #000000 !important;
}

#bestaetigung_landingpage {
    margin-top: 80px;
}


/* LayoutWide */
.layoutWide {
    width:100%;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    justify-content: center;
}

.landingpage #wrapper #container {
    top: 0px !important;
}
#slider {
    height:100%;
    min-height:630px;
}
.landingpagehead {
    width:100%;
    min-height:600px;
    top:20px;
    position:absolute;
    display:block;
    z-index: 10;
}

/* LOGO------------------------------------------------------------------------------------------------------ */
.landingpagehead #landinglogo {
    width:100%;
    height:100vh;
    z-index: 100;
    align-items: center;
    justify-content: center;
    display: flex;
}
.landingpagehead #landinglogo img {
    width:30vw;
    max-width:500px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}
.landingpagehead #landinglogo.image_container {
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
    text-align:center;
}
.landingpagehead #logoklein {
    border-bottom: 1.3pt solid #81a196;;
}

/* Head------------------------------------------------------------------- */
.landingpagehead #landingbuttons {
    width:100%;
    height:150px;
    left:0;
    top:60px;
    position:absolute;
    float:right;
    display: flex;
}
.landingpagehead #landingbuttons #Button,
#Landingpagelayer #landingbuttons #Button {
    display:block;
    margin:auto;
}
.landingpagehead #landingbuttons #Button a,
#Landingpagelayer #landingbuttons #Button a,
.landingpage #Footerimage #landingbuttons #Button a {
    display:block;
    background-color:rgba(129,161,150,.85);
    color:#fff;
    font-weight: bold;
}
.landingpagehead #landingbuttons #Button a:hover,
#Landingpagelayer #landingbuttons #Button a:hover,
.landingpage #Footerimage #landingbuttons #Button a:hover {
    background-color:rgba(255,255,255,.85);
    color:#81a196;
}

/* HEADTITLE------------------------------------------------------------------------------------------------------ */
.landingpage #headtitle  {
    width:100%;
    bottom:0px;
    margin-bottom: 6vh;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    max-height: 130px;
}

.landingpage #headtitle img {
    width:90vw;
    margin: auto;
    max-height: 130px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}

/* Layer------------------------------------------------------------------- */
.landingpage #Landingpagelayer {
    width:600px;
    left:70px;
    top:300px;
    position:absolute;
    display:block;
    padding:30px;
    background-color:rgba(129,161,150,.85);
    border-radius: 18px
}

/* Maintitle------------------------------------------------------------------- */
.landingpage .greentitle #maintitle,
.landingpage #eventsubtitle.greentitle{
    color: #81a196;
}

/* Galerie------------------------------------------------------------------- */
.landingpage #Bildlauf figure {
    margin-right:15px;
}
.landingpage #Bildlauf .ce_swiperStart{
    margin: auto;
}
.landingpage #Bildlauf .ce_swiperStart .swiper-container{
    text-align: center;
}
.landingpage #Bildlauf .content-image{
    width: 29.65vw !important;
    height: 18.23vw !important;
}

.landingpage #Bildlauf {
    height:25.5vw;
    position:relative;
    background-color:#e0e7e3;
    display: flex;
    justify-content: center;
}
.landingpage #Bildlauf .ce_slick-slider {
    position:relative;
    display:block;
    margin:auto;
}
.landingpage #Bildlauf .slick-slide {
    padding-right:.7813vw;
    padding-left:.7813vw;
}
.landingpage #Bildlauf img {
    object-fit:cover;
    width: 29.65vw !important;
    height: 18.23vw !important;
}

/* Themenblock------------------------------------------------------------------------------------- */
.landingpage #Punkt {
    position: absolute;
    margin-left: -60px;
    margin-top: 370px;
    --size: 50px;              /* Durchmesser */
    width: var(--size) !important;
    height: var(--size);
    border-radius: 50%;        /* macht’s rund */
    display: inline-flex !important;      /* zentriert den Inhalt */
    align-items: center;
    justify-content: center;
    background: #81a196;          /* Füllfarbe */
    color: #fff;
    border: 1.3pt solid #81a196;    /* optionaler Rand */
    font-size: 30px;
    font-weight: bold;
}

.landingpage #Punkt.rechts {
    margin-left: 560px !important;
}

.landingpage #Punktlinks {
    position: absolute;
    margin-left: -60px;
    margin-top: 370px;
    --size: 50px;              /* Durchmesser */
    width: var(--size) !important;
    height: var(--size);
    border-radius: 50%;        /* macht’s rund */
    display: inline-flex !important;      /* zentriert den Inhalt */
    align-items: center;
    justify-content: center;
    background: #81a196;          /* Füllfarbe */
    color: #fff;
    border: 1.3pt solid #81a196;    /* optionaler Rand */
    font-size: 30px;
    font-weight: bold;
}

.landingpage .Themenblock1,
.landingpage .Themenblock2,
.landingpage .Themenblock3 {
    background-color: #e0e7e3;
}
.landingpage #Themenblock {
    width:100%;
    height:100%;
    margin-right:30px;
    margin-bottom:30px;
    margin-left:30px;
    padding-top:30px;
    border-top:1.3pt solid #ffffff;
}
.landingpage .Themenblock3 #Themenblock {
    padding-bottom:30px;
    border-bottom:1px dotted #e8e8e8;
}
.landingpage #Themenblock figure {
    height:370px;
    margin-right:30px;
    position: relative;
    display: inline-block;
}

.landingpage #Themenblock figure:before {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    width: 225px;
    height: 195px;
    background: rgba(241,207,199,1);
    border-radius: 55% 45% 50% 60% / 60% 50% 55% 45%;
    z-index: 0; /* hinter dem Bild */
}

.landingpage .Themenblock1 #Themenblock:nth-child(1) figure:before {
    top: 25%;
    left: 53%;
}
.landingpage .Themenblock1 #Themenblock:nth-child(2) figure:before {
    top: 25%;
    left: 42%;
}
.landingpage .Themenblock2 #Themenblock:nth-child(1) figure:before {
    top: 20%;
    left: 52%;
}
.landingpage .Themenblock2 #Themenblock:nth-child(2) figure:before {
    top: 35%;
    left: 40%;
}
.landingpage .Themenblock3 #Themenblock:nth-child(1) figure:before {
    top: 30%;
    left: 49%;
}
.landingpage .Themenblock3 #Themenblock:nth-child(2) figure:before {
    top: 23%;
    left: 34%;
}

.landingpage #Themenblock figure img {
    border-radius: 300px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    position: relative;
    z-index: 1;
/*    -webkit-filter: drop-shadow(5px 5px 5px #f1cfc7);
    filter: drop-shadow(5px 5px 5px #f1cfc7);*/
}

/* Weddingplaner------------------------------------------------------------------------------------- */
.landingpage #Weddingplaner figure {
    margin-right:30px;
}
.landingpage #Weddingplaner img {
    border-radius: 300px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px
}
.landingpage .floatleft {
    float: left;
    width: 500px;
    margin-bottom: 70px;
}
.landingpage #Weddingplaner {
    float: right;
    margin-bottom: 70px;
}

.landingpage .weddingplaner #Button {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}

/* Punkte------------------------------------------------------------------------------------- */
.landingpage #Landingpagepunkterechts,
.landingpage #Landingpagepunktelinks {
    display:block;
}
.landingpage #Landingpagepunkterechts div.content-text {
    width:550px;
    float:right;
    display:block;
    padding-left:34px;
    border-left:3px solid #81a196;
}
.landingpage #Landingpagepunktelinks div.content-text {
    width:550px;
    float:left;
    display:block;
    padding-right:33px;
    border-right:3px solid #81a196;
}
.landingpage #Landingpagepunktelinks div.content-text figure,
.landingpage #Landingpagepunkterechts div.content-text figure {
    margin-top:70px;
}
.landingpage .Landingpagepunktelast {
    margin-bottom:70px;
}

/* Serviceblock------------------------------------------------------------------- */
.landingpage #Serviceblocktitel {
    padding-top: 30px;
}
.landingpage .backgroundgreen {
    background-color: #e0e7e3;
}
.landingpage #Serviceblock {
    width: 330px;
    margin-top: 70px;
    margin-bottom:70px;
    text-align:center;
}
.landingpage #Serviceblock figure {
    margin-bottom:30px;
    text-align:center;
}
.landingpage #Serviceblock.Serviceblock1,
.landingpage #Serviceblock.Serviceblock2 {
    margin-right:30px;
    text-align:center;
}

/* Panorama------------------------------------------------------------------- */
#panorama .ce_panorama, #panorama .ce_panorama .panorama-viewer {
     height: 700px;   
}

#panorama .mod_rocksolid_slider h5 {
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: 30px;
    width: 300px;
    height: 90px;
    line-height: 90px;
    color: #ffffff;
    background-color: rgba(129, 161, 150, .85);
    text-align: center;
}

#panorma .rsts-skin-default .rsts-nav-bullets a:hover,
#panorama .rsts-skin-default .rsts-nav-bullets a.active {
    background: #81a196;
}

#panorama .rsts-skin-default .rsts-next,
#panorama .rsts-skin-default .rsts-prev,
#panorama .rsts-skin-default .rsts-thumbs-next,
#panorama .rsts-skin-default .rsts-thumbs-prev {
    /*background-color: #81a196;*/
    background-color:rgba(129,161,150,.85);
}

#panorama .rsts-skin-default .rsts-next:hover,
#panorama .rsts-skin-default .rsts-prev:hover {
    background-color: rgba(238,238,238,0.7) !important;
}

/* Referenzen------------------------------------------------------------------- */

.landingpage #Landingpagereferenzen,
.landingpage #Landingpagereferenzenblock {
    padding-top:3.6458vw;
    background-color: #faeeec;
}
.landingpage #Landingpagereferenzenblock {
    padding-bottom:3.6458vw;
    display: block;
}
.landingpage #Landingpagereferenzen #Referenzenblocktitel {
    font: 100px Miss Fajardose;
    font-weight: bold;
    text-align: center;
    color: #e5aa9c;
    width:1170px;
    margin:auto;
    padding-right:30px;
    padding-left:30px;
}
.landingpage #Referenzenblock {
    text-align: center;
    margin-bottom: 70px;
}

/* Footerimage------------------------------------------------------------------- */
.landingpage #Footerimage .content-image,
.landingpage #Footerimage #Footerimagetitle,
.landingpage #Footerimage #landingbuttons {
    width:100%;
    position:absolute;
    display:block;
    text-align:center;
}
.landingpage #Footerimage #landingbuttons {
    margin-top:240px;
}
.landingpage #Footerimage #Footerimagetitle h1 {
    color:#fff;
}
.landingpage #Footerimage #Footerimagetitle {
    margin-top:70px;
}
.landingpage #Footerimage .figure img {
    width:98vw;
    height:588px;
    object-fit: cover;
}
.landingpage footer#footer {
    top:588px;
}