/* CSS Kim Loy CMS */

/* #### Farben ####
Dunkelgrau
HEX: #161616
RGB: 22,22,22

Blau
HEX: #2A4C74
RGB: 42,46,116

Sand
HEX: #CC9B6D
RGB: 204,155,109

Sandhell
HEX: #FDF1E8
RGB: 253,241,2326
*/
.liste-blog {
text-indent: 0.1rem;
}
.liste-blog li::marker {
 font-weight: bold;
  color: #2A4C74;
  margin-left: -3rem;
}

.liste-blog, li {
min-height: 1.6em;
padding-left: 1em;  
margin-bottom: 1rem;
}


/* ----------- Wunschtermin Banner im Contentbereich --------------- */
#mod-custom127 {
width: 100%;
height: 80px;
background-color: #12202f;
}

#mod-custom127 .top-bar-content, #sp-position6 .top-bar-content{
font-size: 1.2rem;
color: #AAAAAA;
text-align: center;
}

#sp-position6 {
border-bottom: 1px solid #CC9B6D;
}


/* ----------- Erzeugt ein langsames Scrollen --------------- */
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
/* ----------- langsames Scrollen ende --------------- */

body {
  font-family: 'averta-light';
  height: 100%;
  position: relative;
}

@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  h3,
  .h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  h4,
  .h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  .close {
    font-size: calc(1.275rem + 0.3vw);
  }
}
#sp-top-bar .sp-module {
  margin: 0 0 0 0;
}
#sp-top-bar a {
  color: #000;
}


#sp-top1 {
width: 100%;
height: 80px;
background-color: #12202f;
}

#sp-top-bar .top-bar-content {
font-size: 1.2rem;
}


@media (max-width: 767.98px) {
#sp-top1 {
height: 60px;
  }
}

@media (max-width: 991.98px) {
#sp-top1 {
height: 40px;
  }
}


#sp-top2 {
    display: none;
}


#sp-header {
background: transparent;
box-shadow: none;
}

#sp-header.header-sticky {
    background: #12202f;
    box-shadow: none;
}


 /* ----------- Navi  ------------- */
.sp-megamenu-parent {
    font-weight: 300;
/* -    margin-top: 40px; - */
}

  /* -------------------------- Navi Animationen ---------------------------- */
.sp-megamenu-parent li.sp-menu-item {
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

/* Nva Link Under line */
.sp-megamenu-parent li.sp-menu-item::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #CC9B6D;
    transition: width .4s;
}

/* Nva Link Under line on Hover */
.sp-megamenu-parent > li:hover::after {
    width: 100%;
    transform: width .4s;
}


/* Nva Link Over line */
.sp-megamenu-parent li.sp-menu-item::before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #CC9B6D;
    transition: width .4s;
}

/* Nva Link Over line on Hover */
.sp-megamenu-parent > li:hover::before {
    width: 100%;
    transform: width .4s;
}
  /* -------------------------- Navi Animationen Ende ---------------------------- */

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
font-family: 'averta-light';
    color: #FDF1E8;
    text-decoration: none;
        line-height: 24px;
}
 
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
font-size: clamp(0.7rem, 0.2745rem + 0.6863vw, 0.875rem);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
}

.sp-megamenu-parent > li.active > a {
    font-weight: 300;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
text-transform: uppercase;
}
 /* ----------- Offcanvas ------------- */
 
 #offcanvas-toggler {
    height: 24px;
    margin-top: 40px;
}
 
 .burger-icon > span {
    display: block;
    height: 2px;
    background-color: #FDF1E8;
    margin: 5px 0;
    transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
 
.offcanvas-menu .offcanvas-inner ul.menu > li {
    font-weight: 300;
}
 /* ----------- Slider ------------- */
#sp-slider {
    margin-top: -100px;
    min-height: 0;
}
.carousel-caption {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: transparent;
padding: 0;
margin: 0;
z-index: 1;
 }

.carousel-caption .overlay {
width: 100%;
top: 0px;
left: 0px;
    background: transparent;
    opacity: 0.5;
 }
 
.carousel-caption2 {
position: absolute;
bottom: -80px;
left: 0px;
right: 15%;
background: transparent;
z-index: 2;
 }
 
.carousel-caption2 h5 {
font-family: 'averta-light';
text-align: center;
color: white;
font-size: 1.8rem;
 }
 .carousel-caption2 p {
text-align: center;
color: white;
font-size: 1.1rem;
 }
 
.carousel-caption2 img {
max-width: 540px;
display: flex;
align-items: center;
justify-content: center;  
 }
 
@media (max-width: 575.98px) { 
#sp-slider {
margin-top: 0px !important;
min-height: 0;
}
.carousel-caption2 {
bottom: -40px;
 }
.carousel-caption2 img {
max-width: 50%;
}
#headerKimLoy {
background: #070e16;
}
#headerKimLoy img {
margin-top: 0px !important;
}
#sp-header {
height: 80px;
background: #070e16;
}
#sp-header .logo-image {
margin-top: 50px !important;
height: 80px !important;
}
} 

@media (max-width: 767.98px) { 
#sp-slider {
    margin-top: 0px;
    min-height: 0;
}
.carousel-caption2 {
bottom: -60px;
 }
.carousel-caption2 img {
max-width: 70%;
}
#headerKimLoy {
background: transparent;
}
#headerKimLoy img {
margin-top: 20px;
}
#sp-header {
height: 100px;
background: #070e16;
}
#sp-header .logo-image {
margin-top: 40px !important;
    height: 80px !important;
}
} 

@media (max-width: 991.98px) { 
#sp-slider {
    margin-top: -60px;
    min-height: 0;
}
#headerKimLoy {
background: #070e16;
}
#headerKimLoy img {
margin-top: 20px;
}
#sp-header {
height: 110px;
background: #070e16;
}
#sp-header .logo-image {
margin-top: 40px !important;
margin-bottom: 10px;
height: 80px !important;
}
}
 
  /* ----------- Hauptcontent------------- */
.article-details .featured-article-badge {
display: none;
}
  
.jumptarget {
position: relative;
width: 10px;
}

.jumptarget:before {
display: block;
content: " ";
margin-top: -80px;
height: 80px;
visibility: hidden;
}

.jumptarget2 {
position: relative;
width: 10px;
}

.jumptarget2:before {
display: block;
content: " ";
height: 40px;
visibility: hidden;
}  
   
   
.btn-secondary {
    color: #161616;
    background-color: #fff;
    border-color: #CC9B6D;
    border-radius: 45px;
}  
  
.btn-secondary:hover {
    color: #161616;
    background: #CC9B6D;
    border-color: #CC9B6D;
}  
  
  
#sp-main-body hr, #sp-section-4 hr, #sp-section-5 hr, #sp-section-6 hr{
height:1px;border-width:0;color:#9b6c40;background-color:#9b6c40;
}

.feuerwerk {
max-width: 200px;
margin-top: -30px;
margin-bottom: 30px;       
}

.headline1a {
font-family: 'averta-light';
text-transform: uppercase;
color: #2A4C74;
display: flex;
align-items: center;
justify-content: center;
}

.headline1b {
font-family: 'averta-light';
text-transform: uppercase;
color: #2A4C74;
}

.headline1 {
font-family: 'averta-light';
text-transform: uppercase;
color: #2A4C74;
display: flex;
align-items: center;
justify-content: center;
}

.headline-blog1 {
font-family: 'averta-light';
font-size: clamp(2rem, 1.0275rem + 1.5686vw, 2.4rem);
color: #2A4C74 !important;
display: flex;
align-items: center;
justify-content: center;
}

.headline-blog2 {
font-family: 'averta-light';
font-size: clamp(1.4rem, 0.4275rem + 1.5686vw, 1.8rem);
display: flex;
align-items: center;
justify-content: center;
}



.headline1-google {
font-family: 'averta-light';
text-transform: uppercase;
color: #2A4C74;
display: flex;
align-items: center;
justify-content: center;
}

.headline1-google::after {
display: block;
content: url(../../../images/startseite/google--rating.png);
padding-top: 2px;
margin-left: 20px;
}

@media (max-width: 575.98px) {
.headline1-google {
position: relative;    
margin-bottom: 80px !important;
}
.headline1-google::after {
position: absolute;
top: 40px;
left: 40%;
display: block;
content: url(../../../images/startseite/google--rating.png);
margin-left: 2px;
}   
}

.headline2 {
font-family: 'averta-light';
text-transform: uppercase;
color: #2A4C74;
}

.headline-gold {
font-family: 'averta-light';
text-transform: uppercase;
color: #CC9B6D;
}

.zitat {
font-family: 'averta-lightitalic' !important;
font-size: 1.25rem;
color: #2A4C74 !important;
}
.text-blau {
color: #2A4C74;
}

.text-justify {
text-align: justify;
}

#sp-main-body p {
font-family: 'averta-light';
color: #161616;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.head-ang {
display: flex;
align-items: center;
justify-content: center; 
text-transform: uppercase; 
font-family: 'averta-lightitalic';
font-size: 3.8rem;
color: #161616;
}

.list-ang {
list-style-type: none;
}

.picto-auswahl {
 max-width: 80px;
}
@media (max-width: 767.98px) { 
.border-delete .border-start{
border-left: none !important;
border-top: 1px solid #dee2e6 !important;
}
}

.kasten-image {
    position: relative;
    overflow: hidden;

opacity: 1;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
transform-style: preserve-3d;
}
  /* ----------- Modal-Video Startseite ------------- */
#videoModal .modal-body {
padding: 0;
}

#videoModal .modal-content {
background-color: #12202f;
}

#videoModal .modal-footer {
border-top: 0px;
}
/* ----------- Modul Rezensionen ------------- */
/* ----------- Video Startseite 2 und 3------------- */
.bg-video {
  background-image: url("../../../images/startseite/bg-video1.svg"); 
  background-repeat: no-repeat;
  background-size: 80% auto; 
  background-position-y: center; 
  background-position-x: 9rem;
}
.video-start video{ 
height: 60dvh;
width: auto;
margin-left: 10%;
}

.bg-video1::after{ 
position: absolute;
top: 5%;
left:15%;
content: "";
display: block;
width: 70%;
height: 90%;
background-color: #e8f4fd;
z-index: -1;
}
.bg-video2::after{ 
  position: absolute;
  top: 5%;
  left:15%;
  content: "";
  display: block;
  width: 70%;
  height: 90%;
  background-color: #adb6bc;
  z-index: -1;
  }

.bg-video3::after{ 
  position: absolute;
  top: 5%;
  left:15%;
  content: "";
  display: block;
  width: 70%;
  height: 90%;
  background-color: #64acf6;
  z-index: -1;
  }

.video-headline {
  margin-left: 0.52em;
  color: #12202f;
  font-family: 'Bodoni Moda'; 
  font-size: clamp(5rem, 2.9029rem + 5.8252vw, 8rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
}



/* ----------- Video Startseite ENDE------------- */
.bg-dunkelblau {
background-color: #12202f;  
}

#carouselRezensionen .carousel-control-next, #carouselRezensionen .carousel-control-prev {
  align-items: end;
  color: #fdf1e8;
  margin-bottom: 20px;
}

#carouselRezensionen .carousel-inner {
overflow:visible;
}

#carouselRezensionen .star-clr{
color: #fbbc04; 
}
#carouselRezensionen .rz-text {
min-height: 60dvh;
padding: 18px 0px;
}
@media (max-width: 991.98px) { 
#carouselRezensionen .rz-text {
padding: 18px 20px;
}  
#carouselRezensionen .rz-text {
min-height: 80dvh;
}  
}
#carouselRezensionen .rz-text hr{
  border: 1px solid #899097;
  }

#carouselRezensionen .rz-text p{
hyphens: none; 
color: #fdf1e8; 
font-style: italic;
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 25px;
column-gap: 25px;
-moz-column-rule: 2px solid #899097;
column-rule: 2px solid #899097;
}

@media (max-width: 991.98px) {
  #carouselRezensionen .rz-text p {
    -moz-column-count: inherit;
         column-count: inherit;
  }
}

  /* ----------- Schritt für Schritt ------------- */
#anfrage h5 {
font-size: 1.25rem;
text-transform: uppercase;
color: #2A4C74;
margin-top: 15px;
}

#anfrage p {
   text-align: justify;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

#anfrage img {
max-width: 100px;
}

  /* ----------- Kästen Konstellationen ------------- */
  
.dunkel {
background-color: #12202f;
padding: 40px 10px;
}

.dunkel-text {
  font-family: 'averta-light';
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  color: #fff !important;
  margin: 30px 0px;
} 

.dunkel a {
font-family: 'averta-light';
color: #161616;
padding: 8px 10px;
background-color: #fff;
border: 1px solid #CC9B6D;
border-radius: 45px;
} 

.dunkel a:hover {
color: #161616;
background: #CC9B6D;
}


.boden-container {
 display: flex;
 align-items: baseline;
 justify-content: center;    
}

.button {
bottom: 10px; 
color: #CC9B6D;
text-transform: uppercase;
background-color: #2A4C74;
border-radius: 6px;
padding: 6px 10px;
}

.button:hover {
color: #FDF1E8;
background-color: #161616;
}

/* ----------- Parallax  ------------- */
.parallax-window {
min-height: 400px;
background: transparent;
}
/* ------------------ Firmenevents --------------------- */
/* -------- Firmenevents Header----------- */
#header-en  {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-template-areas: "stack";
place-items: center;
}

.headerbild-en  {
display: block;
grid-area: stack;
width: 100%;
object-fit: cover;
border-radius: 1em;
z-index: -1;
}

.headertext-en  {
display: block;
text-align: center;
grid-area: stack;
width: 100%;
justify-items: center;
border-radius: 1em;
z-index: 1;
}

.headertext-en  h1{
color: #fff;
font-size: clamp(1.4rem, -0.625rem + 5.625vw, 5rem);
}

/* -------- Firmenevents Header Ende------- */
#dj-grid-en {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
grid-gap: 0.6rem;
}

.gridbox-en {
padding: 16px 6px;
text-align: center;
display: grid;
grid-template-rows: subgrid;
grid-row: span 2;
height: auto;
justify-items: center;
align-items: center;  
border-bottom: 1px solid rgba(78, 78, 78, 0.2);
}
#dj-grid-en .headline-buchungsliste {
color: #2A4C74;
background-color:rgba(125, 125, 125, 0.2);
width: 100%;
height: 100%;
padding: 8px;
}  
#dj-grid-en .buchungsliste li{   
border-bottom: 0px solid;
}

.faq-en-liste li::marker{ 
content: "\2713\00A0";
color: #CC9B6D;
}


.headline-buchungsliste {
  color: #2A4C74;
  padding: 8px 0px 8px 24px; 
background-color:rgba(125, 125, 125, 0.2);
}  
.buchungsliste li{ 
padding: 8px 0px;  
border-bottom: 1px solid rgba(78, 78, 78, 0.2);
}
.buchungsliste li::marker{ 
content: "\2713\00A0";
color: #CC9B6D;
}
.eventlogo:hover {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); 
}
.logo-text {
color: #CC9B6D;  
}

.logo-button {
  color: #fdf1e8;
  background-color: rgba(255, 255, 255, .1);
  border: 1px solid #CC9B6D;
  border-radius: 45px;
  padding: 12px 18px;
}  

.logo-button:hover {
  color: #161616;
  background: #CC9B6D;
  border-color: #CC9B6D;
} 

/* ----------- Modul-Überschrift  ------------- */

.sp-module-title {
font-family: 'averta-light';
text-transform: uppercase;
color: #2A4C74;
display: flex;
align-items: center;
justify-content: center;
}

.sp-module-title::after {
display: block;
content: url(../../../images/feuerwerk-gold.svg);
padding-top: 70px;
margin-left: -80px;
}
/* ----------- Blogbereich --------------- */
#sp-component .bloghochzeitsblog div.row .article {
  position: relative;
  height: 100%;
}

.article-list .article figcaption.caption {
font-size: 0.5rem;
text-align: right;
margin-right: 1rem;  
}

.article-introtext h1 {
font-size: 1.5rem; 
margin-bottom: .9rem;
hyphens: auto;
}

.article-introtext h2 {
font-size: 1.2rem;
hyphens: auto;
margin-bottom: .7rem;
}

.readmore {
position: absolute;
bottom: 10px;
display: inline-block;
color: #161616;
background-color: #fff;
border: 1px solid #CC9B6D;
border-radius: 45px;
padding: 6px 12px;
width: auto;
}  
.readmore:hover {
background: #CC9B6D;
border-color: #CC9B6D;
}
.readmore a:hover {
color: #000 !important;
}
  /* ----------- Kontaktformular ------------- */
.chzn-container.chzn-container-single .chzn-single {
    display: block;
    width: 100%;
    padding: 0.8rem 0.75rem;
    line-height: 1.35;
    height: 40px;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    box-shadow: none;
}
div#fox-container-c109 .chzn-container-single .chzn-single {
    height: 40px !important;
    line-height: 40px;
    background-image: none !important;
}

div#fox-container-c109 .fox-item-dropdown .controls select {
    height: 40px !important;
    margin: 0;
}

div#fox-container-c109 .chzn-container-single .chzn-single div b, div#fox-container-c109 .chzn-container-single .chzn-search input[type="text"], div#fox-container-c109 .chzn-container-single .chzn-single abbr, div#fox-container-c109 .chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
    background-image: none;    
}


div#fox-container-m97 .chzn-container-single .chzn-single {
    height: 40px !important;
    line-height: 40px;
    background-image: none !important;
}

div#fox-container-m97 .fox-item-dropdown .controls select {
    height: 40px !important;
    margin: 0;
}

div#fox-container-m97 .chzn-container-single .chzn-single div b, div#fox-container-m97 .chzn-container-single .chzn-search input[type="text"], div#fox-container-m97 .chzn-container-single .chzn-single abbr, div#fox-container-m97 .chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
    background-image: none !important;
}

  /* ----------- Footer ------------- */

#sp-footer .sp-copyright, #sp-footer a {
font-family: 'averta-light';
font-size: 0.85rem;
}

#sp-footer a {
text-transform: uppercase;
}