@import "animate.css";

.offcanvas-menu {width: 400px;} /* Breite des Offcanvas Menüs */
body.ltr.offcanvs-position-right .offcanvas-menu {right: -400px;}

.logo img {object-fit: contain;} /* Logo wird nicht verzerrt */

h1, h2, h3, h4, h5, h6 {font-family: 'Michroma';color: #cc0000; font-weight: bold;}
body{font-family: 'Coda';font-size: 1.1em;hyphens: auto;}

.sppb-btn{font-family: 'Michroma';font-size: 18px;font-weight: bold;}

.sp-megamenu-parent > li > span {color: #ffcccc;cursor: cell;font-family: 'Coda'!important; font-size: 18px!important;font-weight: bold;} /* Farbe Menü-Überschriften */

#sp-menu > .sp-column.align-items-center { justify-content: center !important; } /* Menü mittig zentrieren */
.sp-megamenu-parent > li > a{font-family: 'Coda'!important; font-size: 18px!important;font-weight: bold!important;} /* Schrift Menü */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 18px;
    padding: 8px 0px 8px 0px;
    line-height: 1.2;
    font-weight: bold;
}/* Groesse Submenue-Items */
  

#sp-page-builder .sppb-section-title .sppb-title-subheading {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}/* Groesse Subtitles */

/* Offcanvas Menue */
body.ltr #offcanvas-toggler.offcanvas-toggler-right {float: right;margin-left: 50px;} /* Abstand Hamburger Menue */
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
    color: #d63c3c;
  }
   /* "MENÜ" anzeigen */
#offcanvas-toggler::after {content: "MENÜ"; padding-left: 5px; color: #FFF; margin-top: 0px;}
   /* Alle Unterpunkte anzeigen */
.menu-parent .menu-child {display: block !important;}
.menu-parent .menu-toggler {display: none !important;}  

.xsppb-addon-overlay-image-content {padding: 20px;} /* Textabstand im IMG Overlay */

/* michroma-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Michroma';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/michroma-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/michroma-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/michroma-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/michroma-v19-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/michroma-v19-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/michroma-v19-latin-regular.svg#Michroma') format('svg'); /* Legacy iOS */
  }
  /* smooch-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Smooch Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/smooch-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/smooch-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/smooch-sans-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/smooch-sans-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/smooch-sans-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/smooch-sans-v13-latin-regular.svg#SmoochSans') format('svg'); /* Legacy iOS */
  }
  /* coda-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Coda';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/coda-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/coda-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/coda-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/coda-v21-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/coda-v21-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/coda-v21-latin-regular.svg#Coda') format('svg'); /* Legacy iOS */
}

.twoclickgooglemaps img {object-fit: cover;}

/* FORMULARE */
/* Hinterlegung Formular Capcha */
.captchaCont {
  padding: 40px;
  background: #ffc2c2;
  margin: 40px;
  border-radius: 20px;
  /*display: flex;*/
}
/* Formatierung Formular Capcha 
#captcha-lblform1 label{margin: 0px 0px 0px 40px;padding: 20px;}
#captcha-lblform1.visCSSlabel{display: flex; width: 100%;flex-wrap: wrap;}
*/
.field1, .field2, .field3, .field4 {margin: 20px 0px 0px 0px;}
.field5 {margin: 30px 0px 0px 0px;}


/* Easy Image Gallery */
.speasyimagegallery-album-description {font-size: 20px;line-height: 25px;margin: 0px 0px 50px 0px;}
.speasyimagegallery-album-description h1{margin: 0px 0px 20px 0px;}

/* SPPB Silder Konfiguration */
.slider-headline {text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000; font-size: clamp(2rem, 4vw, 4rem)!important;}
.slider-subline {text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000; font-size: clamp(2rem, 4vw, 2.5rem)!important;}
.slider-headline {text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000;}

.hide{display: none!important;}

.anker{visibility: hidden; height: 0px !important; position: absolute; margin: -150px;}
/*
h1 {font-size: clamp(2rem, 4vw, 4rem);}
h2 {font-size: clamp(2rem, 4vw, 3.5rem);}
h3 {font-size: clamp(2rem, 4vw, 3rem);}
h4 {font-size: clamp(2rem, 4vw, 2.5rem);}
h5 {font-size: clamp(2rem, 4vw, 2rem);}
h6 {font-size: clamp(2rem, 4vw, 1.5rem);}
*/