body {
overflow-y: hidden;
} .inspirationTitel ~ .inspirationTitel {
margin-top: 2em;
}
.flexItemHover {
flex-grow: 1;
height: 12.5vw;
position: relative;
transition: all 300ms ease-in-out;
object-fit: cover;
padding: 5px;
overflow: hidden;
border-radius: 10px;
cursor: pointer;
}
.flexItemHover:hover {
flex-grow: 5;
} .feiernMain {
padding: 2rem;
}
.headerText {
padding: 0 40px;
}
.contentTitle {
text-align: center;
}
.contentBox {
margin: 0 auto 2rem;
}
.contentBild {
height: 24vw;
position: relative;
}
.caption {
position: absolute;
font-size: 1vw;
bottom: 0;
color: white;
padding: 1em;
background-color: rgba(110, 94, 81, 0.61);
font-weight: 500;
border-radius: 0 0 4px 4px;
width: 100%;
}
.event_caption {
font-size: 2vw;
font-weight: 400;
}
.overlayText {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .4s ease;
background-color: #FFFEFA;
}
.text {
color: #6e5e51;
font-size: 1vw;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font-weight: bold;
}
.textIcon {
font-size: 1vw;
}
.containerModalImg, .containerModalImg img {
height: 100%;
width: 100%;
object-fit: cover;
}
.containerModalImg {
position: relative;
}
.containerModalImg:hover .overlayText {
opacity: 0.8 !important;
}
@media screen and (max-width: 768px) {
.contentBild {
height: 60vw;
}
.caption {
margin-bottom: 0px;
}
.parallax {
height: 50vh;
}
.headline {
top: 35%;
}
.text, .textIcon, .caption {
font-size: 1rem !important;
}
.is-narrow {
font-size: 0.85em !important
}
} #feiernSub {
padding: 2rem;
background-color: #f8f4eb; }
.subContentBild {
height: 12.5vw;
}
.subContentEventBild {
height: 100%;
}
.subContentInspBild {
height: 14.5vw;
}
.subVOrt {
padding: 3rem 8px;
}
.eventpaketeBild {
height: 100%;
}
@media screen and (min-width: 769px) {
.submarginsL {
margin: 0 40px 0 0px;
}
.submarginsR {
margin: 0 20px 0 40px;
}
}
@media screen and (max-width: 768px) {
.subContentBild, .subContentInspBild, .impressionVideo {
height: 40vw;
}
} .feiernImpressionen {
background: #fffefa;
padding: 3rem 2rem 2rem 2rem;
margin: 0 -2rem -2rem -2rem;
}
.impressionBild {
cursor: pointer;
border-radius: 4px;
}
@media screen and (max-width: 768px) {
.subContentBild, .impressionVideo {
height: 40vw;
}
} .featherlight .featherlight-close-icon {
position: fixed;
z-index: 9999;
top: 40px;
right: 50px;
font-size: 4rem;
line-height: 25px;
width: 25px; cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #FFFEFA;
background: rgba(255, 255, 255, 0);
color: #FFFEFA;
border: none;
padding: 0;
}
.featherlight .featherlight-content {
background-color: #fafaeb00;
overflow: hidden;
}
.featherlight-next, .featherlight-previous {
z-index: auto;
}
.subGallery {
width: 100%;
height: 0;
object-fit: cover;
min-height: 100%;
} .hide {
display: none !important;
}
.zeroOpacity {
opacity: 0 !important;
}
.marginT40 {
margin-top: 40px;
}
.flex-margin {
flex: 1 0 31% !important;
margin: 5px;
}
.flex-wrap {
flex-wrap: wrap;
}
.paddingT15 {
padding-top: 15px;
}
@media screen and (min-width: 776px) {
.column-padding {
padding: 0.2rem;
}
} .landressortLightboxFeiern {
position: relative;
}
.landressortLightboxFeiern img {
width: 100%;
}
.landressortLightboxFeiern .lightarea::after {
content: "\f00e";
position: absolute;
top: 75%;
left: 50%;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.5rem;
color: #CF8364;
transform: translate(-50%, -75%);
}
.landressortLightboxFeiern #lightonearea {
width: 20%;
height: 36.5%;
top: 14.5%;
left: 19%;
clip-path: polygon(52.59% 33.37%, 52.19% 41.28%, 5.69% 32.56%, -0.38% 54.85%, 60.5% 66.5%, 61.96% 47.13%, 76.77% 49.92%, 80.31% 37.95%);
}
.landressortLightboxFeiern #lighttwoarea {
width: 10%;
height: 25.5%;
top: 43%;
left: 15%;
clip-path: polygon(91.75% 64.43%, 84.61% 62.68%, 79.43% 66.89%, 86.15% 67.45%, 84.93% 75.46%, 80.67% 74.58%, 74.77% 93.41%, 10.14% 84.41%, 28.22% 6.87%, 94.52% 16.19%, 84.8% 48.69%, 93.47% 50.56%)
}
.landressortLightboxFeiern #lightthreearea {
width: 12%;
height: 21.5%;
top: 71%;
left: 17%;
clip-path: polygon(88.89% 21.79%, 22.51% 9.51%, 13.27% 40.78%, 12.29% 72.27%, 78.81% 83.45%)
}
.landressortLightboxFeiern #lightfourarea {
width: 16.5%;
height: 24.5%;
top: 47%;
left: 31.7%;
clip-path: polygon(10.35% 85.58%, 16.15% 45.89%, 17.66% 32.43%, 32.68% 32.64%, 32.13% 51.59%, 47.84% 55.54%, 48.49% 61.31%, 46.38% 74.72%, 60.8% 79.72%, 58.38% 96.48%)
}
.landressortLightboxFeiern #lightfivearea {
width: 10%;
height: 13.5%;
top: 29%;
left: 29%;
clip-path: polygon(25.69% 20.56%, 21.62% 72.85%, 64.9% 88.5%, 71.31% 32.95%);
}
.landressortLightboxFeiern #lightsixarea {
width: 25%;
height: 29.5%;
top: 41%;
left: 37%;
clip-path: polygon(5.69% 26.56%, 2.62% 53.85%, 37.9% 62.5%, 43.31% 35.95%)
}
.landressortLightboxFeiern #lightsevenarea {
width: 14%;
height: 18.5%;
top: 74%;
left: 24%;
clip-path: polygon(92.89% 26.79%, 26.27% 7.78%, 17.29% 82.27%, 89.81% 104.45%);
}
.landressortLightboxFeiern #lighttwoarea::after, .landressortLightboxFeiern #lightfivearea::after {
top: 46%;
left: 49%;
transform: translate(-50%, -45%);
}
.landressortLightboxFeiern #lightsixarea::after {
top: 42%;
left: 26%;
transform: translate(-50%, -45%);
}
.landressortLightboxFeiern #lightfourarea::after {
top: 67%;
left: 32%;
transform: translate(-50%, -45%);
}
.landressortLightboxFeiern #lightsevenarea::after {
top: 51%;
left: 48%;
transform: translate(-50%, -45%);
}
.landressortLightboxFeiern #lightthreearea::after {
top: 46%;
left: 49%;
transform: translate(-50%, -45%);
}
.landressortLightboxFeiern #lightonearea::after {
top: 47%;
left: 36%;
transform: translate(-50%, -45%);
} .landressortLightboxFeiern .lightarea:hover {
border-radius: 0px;
border-color: #CF836400;
background-color: #fffefa;
opacity: 0.4;
}
.landressortLightboxFeiern .lightarea {
position: absolute;
cursor: pointer;
transition: .3s ease-in-out;
}
.hoverBuilding {
background-color: #fffefa;
opacity: 0.4;
}
.unhoverBuilding {
background-color: transparent;
opacity: 1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.landressortLightboxFeiern #lightonearea {
width: 17%;
height: 10.3%;
top: 28.5%;
left: 19%;
transform: rotate(11deg);
}
.landressortLightboxFeiern #lighttwoarea {
width: 7%;
height: 20%;
top: 46.4%;
left: 16.8%;
transform: rotate(10deg);
}
.landressortLightboxFeiern #lightthreearea {
width: 18.3%;
height: 14.2%;
top: 76%;
left: 18.5%;
transform: rotate(9deg);
}
.landressortLightboxFeiern #lightfourarea {
width: 10%;
height: 20%;
top: 50%;
left: 33.5%;
transform: rotate(12deg);
}
.landressortLightboxFeiern #lightfivearea {
width: 10%;
height: 20%;
top: 50%;
left: 33.5%;
transform: rotate(12deg);
}
.landressortLightboxFeiern #lightsixarea {
width: 10%;
height: 20%;
top: 50%;
left: 33.5%;
transform: rotate(12deg);
}
.landressortLightboxFeiern .lightarea:hover {
border-radius: 0px;
border-color: #CF8364;;
background-color: #fffefa;
opacity: 0.4;
}
}
.grid-container-veranstaltungsart {         }
.angebotTextUberschrift {
grid-area: angebotTextUberschrift;
}
.angebotText {
grid-area: angebotText;
}
.angebotImg1 {
grid-area: angebotImg1;
}
.angebotTextUberschrift {
font-weight: bold;
font-style: italic;
}
.angebotImg1 {
height: 0;
min-height: 100%;
overflow: auto;
}
@media screen and (max-width: 769px) {
.grid-container-veranstaltungsart {
margin: 10px 0;
display: flex;
flex-flow: row wrap;
}
.submarginsL {
margin: 0;
}
.submarginsR {
margin: 0;
}
.subContentEventBild {
height: 40vw;
padding: 0;
margin: 10px 0;
}
.angebotImg1 {
height: 100%;
}
.landressortLightboxFeiern .lightarea::after {
font-size: 12px;
}
.landressortLightboxFeiern #lighttwoarea {
top: 41%;
}
.landressortLightboxFeiern #lightonearea {
top: 13.5%;
}
.landressortLightboxFeiern #lightsevenarea {
top: 72%;
}
.landressortLightboxFeiern #lightthreearea {
top: 69%;
}
.landressortLightboxFeiern #lightfivearea {
top: 28%;
}
}
.fancyFontInsp {
font-family: great_dayregular !important;
font-size: 3em;
}
.grid-container-veranstaltungsorte {
padding: 15px 0;
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-gap: 0.75rem;
}
.veranstaltungsorteText_0 {
grid-area: 1 / 6 / 5 / 11;
}
.picture0_0 {
grid-area: 1 / 1 / 3 / 4;
}
.picture1_0 {
grid-area: 1 / 4 / 3 / 6;
}
.picture2_0 {
grid-area: 3 / 1 / 5 / 3;
}
.picture3_0 {
grid-area: 3 / 3 / 5 / 6;
}
.veranstaltungsorteText_1 {
grid-area: 1 / 1 / 5 / 6;
}
.picture0_1 {
grid-area: 1 / 6 / 3 / 9;
}
.picture1_1 {
grid-area: 1 / 9 / 3 / 11;
}
.picture2_1 {
grid-area: 3 / 6 / 5 / 8;
}
.picture3_1 {
grid-area: 3 / 8 / 5 / 11;
}
@media screen and (max-width: 769px) {
.grid-container-veranstaltungsorte {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr 100px;
grid-gap: 0.75rem;
}
.veranstaltungsorteText_0 {
grid-area: 1 / 1 / 2 / 4;
}
.picture0_0 {
grid-area: 2 / 1 / 3 / 2;
}
.picture1_0 {
grid-area: 2 / 2 / 3 / 3;
}
.picture2_0 {
grid-area: 2 / 3 / 3 / 4;
}
.picture3_0 {
display: none;
}
.veranstaltungsorteText_1 {
grid-area: 1 / 1 / 2 / 4;
}
.picture0_1 {
grid-area: 2 / 1 / 3 / 2;
}
.picture1_1 {
grid-area: 2 / 2 / 3 / 3;
}
.picture2_1 {
grid-area: 2 / 3 / 3 / 4;
}
.picture3_1 {
display: none;
}
.veranstaltungsorteText_0 {
padding-bottom: 20px;
}
}
.lightarea-hover {
border-radius: 0;
border-color: #CF836400;
background-color: #fffefa;
opacity: 0.4;
}
.hochzeit-galerie {
text-align: center;
}
.gallery-image-container {
column-count: 6;
column-gap: 5px; margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.gallery-image-container {
column-count: 3;
}
}
@media screen and (max-width: 768px) {
.gallery-image-container {
column-count: 2;
width: 100%;
}
}
@media screen and (max-width: 425px) {
.gallery-image-container {
column-count: 1;
}
}