/*body {
    font-family: 'Luckiest Guy', serif !important;
}*/

/*Der INHALT DARF NICHT ÜBER DIE SEITE NACH LINKS UND RECHTS*/

html, body {
    overflow-x: hidden !important;
    max-width: 100%;
}

#sp-page-wrapper {
    overflow-x: hidden !important;
}

/*ENDE - Der INHALT DARF NICHT ÜBER DIE SEITE NACH LINKS UND RECHTS*/


/*--- SCHRIFTEN ---*/

@font-face {
    font-family: 'Montserrat';
    src: url('../myfonts/Montserrat-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../myfonts/Montserrat-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../myfonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../myfonts/Montserrat-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('../myfonts/Lora-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Amalfi Coast';
    src: url('../myfonts/Amalfi Coast.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'AlexBrush-Regular';
    src: url('../myfonts/AlexBrush-Regular.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}


/* Anwendung der Schriftarten */
h1, h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; /* Black */
}

h2 {
    font-family: 'Lora', serif;
    font-weight: 400;
}

h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* Regular */
}

/*h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; 
}*/

/*h5 {
    font-family: 'AlexBrush-Regular', sans-serif;
    font-weight: 300; 
}*/

h5 {
    font-family: 'Amalfi Coast', sans-serif;
    font-weight: 800;
 	line-height: 2em;
 	font-size: 1.4em;

}

h6 {
    font-family: 'Amalfi Coast', sans-serif;
    font-weight: 100; /* Regular */
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* ExtraLight */
}



/*Menu-Mobil*/

@media only screen and (max-width: 950px) {
  body {
    padding-top: 0px !important;
  }
  
}
  [data-id="mobilemenuck-121"] .mobilemenuck-bar-title {
 display: none;
}

[data-id="mobilemenuck-121"] .mobilemenuck-bar-button {
  background: #C90019;
  color: #FFFFFF;
  padding-top: 4px;
}

[data-id="mobilemenuck-121"].mobilemenuck {
  background: #C90019;
  color: #fff;
}
   
[data-id="mobilemenuck-121"] .mobilemenuck-title {
 background: #C90019;
  color: #232228;
}
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level1 a {
  font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;
  margin-right: 8px;
margin-bottom: 2px;
margin-left: 8px;
padding-top: 8px;
padding-bottom: 4px;
text-align: center;
text-transform: uppercase;
  font-size: 0.3em;
font-weight: lighter;
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level1 {
  background: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level1 .hover {
  background: none;
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level1:hover, [data-id="mobilemenuck-112"] .mobilemenuck-item > .level1.open {
  background: #c6ab73;
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-112"] .mobilemenuck-item > .level1.open {
  border-bottom: 1px solid #fff;
  background: #C90019;
  border-radius: 0;

}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level1 a {
  color: #fff;
    font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;
  margin-right: 8px;
margin-bottom: 2px;
margin-left: 8px;
padding-top: 8px;
padding-bottom: 4px;
text-align: center;
text-transform: uppercase;
  font-size: 0.9em;
font-weight: lighter;
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level2 a {
  color: #fff;
    font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;
  margin-right: 8px;
margin-bottom: 2px;
margin-left: 8px;
padding-top: 8px;
padding-bottom: 4px;
text-align: center;
text-transform: uppercase;
  font-size: 0.9em;
font-weight: lighter;
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level2 {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  line-height: 35px;
  border-bottom: 1px solid #fff;
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level2:not(.headingck):current active {
  background: #000;
}


[data-id="mobilemenuck-121"] .mobilemenuck-item > .level2:not(.headingck):hover {
  background: #C90019;
}

[data-id="mobilemenuck-121"] .mobilemenuck-togglericon::after {
  background: none;
  border-radius: 0px;
  }

.mobilemenuck .mobilemenuck-item > div {
  margin-top: -5px;
}


[data-id="mobilemenuck-121"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.headingck):hover, [data-id="mobilemenuck-121"] .mobilemenuck-item > .level2 + .mobilemenuck-submenu .mobilemenuck-item > div.open {
  background: #C90019;
}

[data-id="mobilemenuck-121"] .mobilemenuck-item > .level2:not(.headingck):hover, [data-id="mobilemenuck-121"] .mobilemenuck-item > .level2.open {
  background: #C90019;
}

[data-id="mobilemenuck-121"].mobilemenuck a {
  color: #fff;
    font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;
  margin-right: 8px;
margin-bottom: 2px;
margin-left: 8px;
padding-top: 8px;
padding-bottom: 4px;
text-align: center;
text-transform: uppercase;
  font-size: 0.9em;
font-weight: lighter;
}


[data-id="mobilemenuck-121"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div {
  background: rgba(255, 255, 255, 0.4);
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border-bottom: 3px solid #fff;
}


[data-id="mobilemenuck-121"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-121"] .mobilemenuck-item > .level1.open {
  background: rgba(255, 255, 255, 0.6);
}


/*Ende-Menu-Mobil*/

/*Kontaktformular*/
.button-kontakt {
    background-color: #002f5f;  /* Beispiel für einen grünen Hintergrund */
    color: white;               /* Textfarbe weiß */
 	 border: 1px solid #fff;
    /* padding: 10px 20px;         /* Innenabstand des Buttons */
    /* border: none;               /* Entfernt die Standard-Randlinie */
    /* border-radius: 5px;         /* Abgerundete Ecken */
    cursor: pointer;           /* Zeigt einen Handzeiger beim Hover */
    font-size: 1.2em;            /* Schriftgröße */
    transition: background-color 0.3s ease; /* Weicher Übergang für den Hover-Effekt */
 	margin: 10px;
}

#cf_1 .cf-control-group[data-key="2"] {
  --button-padding: 0px;
}

.button-kontakt:hover {
    background-color: #66829f;  /* Dunklere Hintergrundfarbe beim Hover */
}

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
  padding: 0;
}


/*.Hintergrund-Kontaktformular*/ 
.Hintergrund-Kontaktformular {
background: url('../images/DMR-Hintergrund-weiss.svg') no-repeat fixed;
  background-size: auto;
  background-position: bottom right;
  background-size: 40%;
  }

/*Kontaktformular Recaptucha*/


/*hover Servicebereich*/
.image-effect-zoom-in .overlay-image-title::before {

  border: none;
}

/*Bild-Hover-Faerbe*/
.partner-image .image-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.partner-image img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.8s ease;
}

.partner-image img.color {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.partner-image:hover img.color {
  opacity: 1;
}

.partner-image:hover img.gray {
  opacity: 0;
}

/*Button - Beratung*/
.Beratung {
font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.btn-fixed-center {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999; /* damit er über anderen Elementen liegt */
}


/*Social und Font Awsome*/

.footer-social a {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.footer-social a:hover {
  text-decoration: underline;
}

.footer-contact i {
  gap: 8px;
}

.social-icons {
  text-align: right;
  font-size: 0.95rem;
  color: #555;
}

.social-icons a {
  color: inherit;
  text-decoration: none;
  margin: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}


.social-icons i {
  font-size: 1rem;
}

/* Laufband-PC */

.ticker-wrapper {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.ticker-inner {
  white-space: nowrap;
  display: inline-block;
  animation: scroll-loop var(--ticker-duration, 30s) linear infinite;
  will-change: transform;
}

.ticker-item {
  display: inline-block;
  margin-right: 60px;
  font-size: 1em;
  color: #ffffff;
  white-space: nowrap;
  letter-spacing: 1px;
}

/* Scrollanimation von rechts nach links – Endlos */
@keyframes scroll-loop {
  0% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Sichtbarkeit */
.laufband-section:has(.ticker-wrapper) {
  display: block;
}

#wrapper-Laufband:has(.sppb-addon-content:empty) {
  display: none;
}

#jux_easy_instagram_feed.template_tile .inner-infor {
  width: 90%;
  max-height: 95%;
}


*/


/* Laufband neu 2025 DEZ */
.dmr-ticker{
  overflow:hidden;
  white-space:nowrap;
  width:100%;
}

.dmr-ticker__track{
  display:inline-flex;
  gap:3rem;
  align-items:center;
  will-change:transform;
  animation: dmrTicker 28s linear infinite;
}

.dmr-ticker__item{
  display:inline-block;
  text-decoration:none;
}

.dmr-ticker__item:hover{
  text-decoration:underline;
}

@keyframes dmrTicker{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

.dmr-ticker:hover .dmr-ticker__track{
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce){
  .dmr-ticker__track{ animation:none; }
}

/* Laufband: niemals umbrechen */
.dmr-ticker,
.dmr-ticker__track,
.dmr-ticker__track a,
.dmr-ticker__item{
  white-space: nowrap !important;
}

/* Link nicht als Block mit Zeilenumbruch behandeln */
.dmr-ticker__track a{
  display: inline-block !important;
  max-width: none !important;
  width: auto !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-break: auto !important;
}

/* Track in einer Zeile halten */
.dmr-ticker__track{
  flex-wrap: nowrap !important;
}


/* Mediabox CK – Pop-up immer über allem */
#mbOverlay,
#mbCenter,
#mbContainer,
#mbImage,
.mediaboxOverlay,
.mediaboxContainer {
  z-index: 12000 !important;
}