/* Schwaiger Eurorisk – Stylesheet (aus dem Joomla-Template übernommen und bereinigt) */
/* bootstrap.css */
:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference){
:root { scroll-behavior: smooth; }
}
body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.h1, h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px){
.h1, h1 { font-size: 2.5rem; }
}
.h2, h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px){
.h2, h2 { font-size: 2rem; }
}
.h3, h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px){
.h3, h3 { font-size: 1.75rem; }
}
.h4, h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px){
.h4, h4 { font-size: 1.5rem; }
}
p { margin-top: 0px; margin-bottom: 1rem; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
b, strong { font-weight: bolder; }
a { color: rgb(13, 110, 253); text-decoration: underline; }
a:hover { color: rgb(10, 88, 202); }
img, svg { vertical-align: middle; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
::-webkit-inner-spin-button { height: auto; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto; }
@media (min-width: 576px){
.container, .container-sm { max-width: 540px; }
}
@media (min-width: 768px){
.container, .container-md, .container-sm { max-width: 720px; }
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm { max-width: 960px; }
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
}
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 768px){
.col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px){
.col-lg-12 { flex: 0 0 auto; width: 100%; }
}
.collapse:not(.show) { display: none; }
.collapsing { height: 0px; overflow: hidden; transition: height 0.35s; }
@media (prefers-reduced-motion: reduce){
.collapsing { transition: none; }
}
.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.clearfix::after { display: block; clear: both; content: ""; }
.d-block { display: block !important; }
.d-none { display: none !important; }
@media (min-width: 992px){
.d-lg-block { display: block !important; }
.d-lg-none { display: none !important; }
}
/* sppagebuilder.css */
#sp-page-builder { position: relative; }
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section, .mod-sppagebuilder .sppb-section { z-index: 1; position: relative; }
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section { will-change: top; }
#sp-page-builder .page-content .sppb-section:first-child { margin-top: 0px; }
.sppb-addon-animated-number .sppb-addon-content .sppb-animated-number-title { margin-top: 10px; }
.sppb-addon-single-image::after, .sppb-addon-single-image::before { content: ""; display: table; }
.sppb-addon-single-image-container { display: inline-block; position: relative; }
* { box-sizing: border-box; }
::after, ::before { box-sizing: border-box; }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
img { vertical-align: middle; }
.sppb-carousel-inner > .sppb-item > a > img, .sppb-carousel-inner > .sppb-item > img, .sppb-img-responsive { display: block; max-width: 100%; height: auto; }
.sppb-text-left { text-align: left; }
.sppb-text-center { text-align: center; }
.sppb-text-center .sppb-img-responsive, .sppb-text-left .sppb-img-responsive, .sppb-text-right .sppb-img-responsive { display: inline-block; }
.sp-pagebuilder-row, .sppb-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.sppb-no-gutter { margin-right: 0px; margin-left: 0px; }
.sppb-no-gutter > .sppb-col, .sppb-no-gutter > [class*="sppb-col-"] { padding-right: 0px; padding-left: 0px; }
.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
@media (min-width: 768px){
.sppb-col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px){
.sppb-col-md-3 { flex: 0 0 25%; max-width: 25%; }
.sppb-col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.sppb-col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.sppb-col-md-6 { flex: 0 0 50%; max-width: 50%; }
.sppb-col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.sppb-col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
.sppb-column, .sppb-column-addons { position: relative; z-index: 1; width: 100%; }
.sppb-column { width: 100%; height: 100%; display: flex; flex-wrap: wrap; }
.sppb-column-overlay { position: absolute; inset: 0px; z-index: 0; background-position: center center; background-repeat: repeat; }
.sppb-row-overlay { position: absolute; inset: 0px; background-position: center center; background-repeat: repeat; z-index: 1; }
.sp-pagebuilder-section-inner .sppb-row, .sppb-container-inner, .sppb-row-container { position: relative; z-index: 3; }
.sppb-btn { display: inline-block; font-weight: 400; text-align: center; white-space: pre-line; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 8px 12px; font-size: 16px; line-height: 1.25; border-radius: 4px; transition: 0.15s ease-in-out; }
.sppb-btn:focus, .sppb-btn:hover { text-decoration: none; }
.sppb-btn.focus, .sppb-btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 3px; }
.sppb-btn.disabled, .sppb-btn:disabled { opacity: 0.65; }
.sppb-btn.active, .sppb-btn:active { background-image: none; }
.sppb-btn-default { color: rgb(1, 1, 1); background-color: rgb(239, 241, 244); border-color: rgb(239, 241, 244); }
.sppb-btn-default:hover { color: rgb(1, 1, 1); background-color: rgb(215, 218, 221); border-color: rgb(215, 218, 221); }
.sppb-btn-default.focus, .sppb-btn-default:focus { color: rgb(1, 1, 1); box-shadow: rgba(239, 241, 244, 0.8) 0px 0px 0px 3px; }
.sppb-btn-default.active, .sppb-btn-default:active { background-color: rgb(215, 218, 221); background-image: none; border-color: rgb(215, 218, 221); }
.sppb-btn-primary { color: rgb(255, 255, 255); background-color: rgb(48, 113, 255); border-color: rgb(48, 113, 255); }
.sppb-btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(30, 88, 214); border-color: rgb(30, 88, 214); }
.sppb-btn-primary.focus, .sppb-btn-primary:focus { color: rgb(255, 255, 255); box-shadow: rgba(48, 113, 255, 0.5) 0px 0px 0px 3px; }
.sppb-btn-primary.active, .sppb-btn-primary:active { background-color: rgb(30, 88, 214); background-image: none; border-color: rgb(30, 88, 214); }
.sppb-btn-success { color: rgb(255, 255, 255); background-color: rgb(35, 207, 95); border-color: rgb(35, 207, 95); }
.sppb-btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(31, 174, 81); border-color: rgb(31, 174, 81); }
.sppb-btn-success.focus, .sppb-btn-success:focus { color: rgb(255, 255, 255); box-shadow: rgba(35, 207, 97, 0.5) 0px 0px 0px 3px; }
.sppb-btn-success.active, .sppb-btn-success:active { background-color: rgb(31, 174, 81); background-image: none; border-color: rgb(31, 174, 81); }
.sppb-btn-xlg { padding: 20px 50px; font-size: 22px; line-height: 1.6; border-radius: 6px; }
.sppb-btn-lg { padding: 8px 16px; font-size: 20px; line-height: 1.5; border-radius: 5px; }
.sppb-form-control, .sppb-form-group .sppb-form-control { display: block; width: 100%; height: inherit; padding: 8px 12px; font-size: 16px; line-height: 1.25; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.sppb-form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; }
.sppb-form-control::placeholder { color: rgb(134, 142, 150); opacity: 1; }
.sppb-form-group { margin-bottom: 20px; }
.sppb-form-check { position: relative; display: block; padding-left: 18px; }
.sppb-form-check .sppb-form-check-input { position: absolute; margin-top: 6px; margin-left: -18px; }
.sppb-form-check .sppb-form-check-label { line-height: 24px; }
.clearfix::after, .clearfix::before, .sp-pagebuilder-row::after, .sp-pagebuilder-row::before, .sppb-container-fluid::after, .sppb-container-fluid::before, .sppb-container::after, .sppb-container::before, .sppb-nav::after, .sppb-nav::before, .sppb-panel-body::after, .sppb-panel-body::before { content: " "; display: table; }
.clearfix::after, .sp-pagebuilder-row::after, .sppb-container-fluid::after, .sppb-container::after, .sppb-nav::after, .sppb-panel-body::after { clear: both; }
@media (max-width: 767px){
.sppb-hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px){
.sppb-hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px){
.sppb-hidden-md { display: none !important; }
}
@media (min-width: 1200px){
.sppb-hidden-lg { display: none !important; }
}
/* sppagecontainer.css */
.sppb-row-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px){
.sppb-row-container { width: 750px; }
}
@media (min-width: 992px){
.sppb-row-container { width: 970px; }
}
@media (min-width: 1200px){
.sppb-row-container { width: 1170px; }
}
/* template.css */
.sp-megamenu-parent { list-style: none; padding: 0px; margin: 0px; z-index: 99; display: block; float: right; position: relative; }
.sp-megamenu-parent > li { display: inline-block; position: relative; padding: 0px; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { display: inline-block; padding: 0px 15px; line-height: 90px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: rgb(0, 0, 0); margin: 0px; }
.sp-megamenu-parent .sp-dropdown { margin: 0px; position: absolute; z-index: 10; display: none; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px 0px; padding: 20px; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items { list-style: none; padding: 0px; margin: 0px; }
.sp-megamenu-parent .sp-dropdown.sp-menu-center { margin-left: 45px; }
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main { top: 100%; }
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: 0px; }
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full { left: auto; right: 0px; }
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left { right: 0px; }
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub { top: 0px; left: 100%; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item { display: block; padding: 0px; position: relative; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span { display: block; padding: 10px; color: rgb(20, 20, 20); cursor: pointer; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: rgb(255, 255, 255); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover { color: rgb(255, 255, 255); }
.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown { display: block; }
.sp-megamenu-parent.menu-fade .sp-has-child:hover > .sp-dropdown { animation: 400ms ease 0s 1 normal none running spMenuFadeIn; }
.sp-megamenu-parent.menu-zoom .sp-has-child:hover > .sp-dropdown { animation: 400ms ease 0s 1 normal none running spMenuZoom; }
#offcanvas-toggler { float: right; line-height: 87px; margin-left: 15px; font-size: 20px; }
#offcanvas-toggler > i { transition: color 400ms, background-color 400ms; }
#offcanvas-toggler > i:hover { color: rgb(255, 255, 255); }
.off-canvas-menu-init { overflow-x: hidden; position: relative; }
.offcanvas .offcanvas-overlay { visibility: visible; opacity: 1; }
.offcanvas-overlay { background: rgba(0, 0, 0, 0.2); inset: 0px; opacity: 0; position: absolute; z-index: 9999; visibility: hidden; transition: 0.5s; }
.body-wrapper { position: relative; transition: 0.5s; right: 0px; visibility: visible; backface-visibility: hidden; }
.close-offcanvas { position: absolute; top: 15px; right: 15px; z-index: 1; border-radius: 100%; width: 25px; height: 25px; line-height: 0.5; text-align: center; font-size: 16px; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); padding-top: 3px; }
.close-offcanvas:hover { color: inherit; }
.offcanvas-menu { width: 320px; height: 100%; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); position: fixed; top: 0px; right: 0px; transform: translateX(320px); visibility: hidden; overflow: inherit; transition: 0.5s; z-index: 10000; }
.offcanvas-menu .offcanvas-inner .sp-module { margin: 0px; padding: 30px; }
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.offcanvas-menu .offcanvas-inner .sp-module::after { display: none; }
.offcanvas-menu .offcanvas-inner .sp-module:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 0px; }
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu { padding: 0px; }
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 16px; line-height: 1; text-transform: uppercase; }
.offcanvas-menu .offcanvas-inner .sp-module ul.nav { display: block; margin: 0px -30px; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0.1); border-image: none; position: relative; overflow: hidden; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a { transition: 300ms; padding: 10px 20px; font-size: 14px; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 500; line-height: 28px; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a { background: rgba(0, 0, 0, 0.15); }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus { background: rgba(0, 0, 0, 0.15); }
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a { background: rgba(0, 0, 0, 0.15) !important; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler { display: inline-block; position: absolute; top: 0px; right: 0px; padding: 13px 20px; cursor: pointer; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .open-icon { display: none; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon { display: inline; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon { display: inline; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .close-icon { display: none; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a::after { display: none; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul { background: rgba(0, 0, 0, 0.02); }
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a { padding-left: 30px; }
.offcanvas .body-wrapper { right: 0px; transform: translateX(-320px); }
.offcanvas .body-wrapper::after { width: 100%; height: 100%; right: 0px; }
.offcanvas .offcanvas-menu { visibility: visible; z-index: 9999; right: 0px; transform: translateX(0px); }
.offcanvas .offcanvas-menu ul.nav-child li { padding-left: 10px; }
a { transition: color 400ms, background-color 400ms; }
body { font-size: 14px; line-height: 24px; transition: 400ms; background-color: rgb(255, 255, 255); }
a, a:hover, a:focus, a:active { text-decoration: none; }
label { font-weight: normal; }
img { display: block; max-width: 100%; height: auto; }
.btn, .sppb-btn { transition: color 400ms, background-color 400ms, border-color 400ms; }
select, textarea, input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"] { display: block; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; height: 38px; }
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }
textarea::placeholder, input::placeholder { color: rgb(153, 153, 153); }
.scrollup { width: 40px; height: 40px; position: fixed; bottom: 62px; right: 100px; display: none; z-index: 999; border: 1px solid rgb(221, 221, 221); background-color: rgba(255, 255, 255, 0.4); }
.scrollup:hover { background-color: rgb(196, 196, 196); }
.scrollup::before { content: "\f106"; font-family: FontAwesome; font-weight: 700; position: absolute; top: 0px; right: 0px; border-radius: 3px; width: 40px; height: 38px; line-height: 38px; text-align: center; font-size: 25px; color: rgb(0, 0, 0); }
.sp-module-content .nav.menu { display: block; }
#sp-header { background: none 0px 0px repeat scroll rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px; height: 90px; left: 0px; position: relative; top: 0px; width: 100%; z-index: 99; }
#sp-header .logo { height: 90px; display: table; transition: 400ms; margin: 0px; }
#sp-header .logo a { font-size: 24px; line-height: 1; margin: 0px; padding: 0px; display: table-cell; vertical-align: middle; }
#sp-header.menu-fixed { position: fixed; z-index: 9999; }
#sp-title { min-height: 0px; }
.body-innerwrapper { overflow-x: hidden; }
#sp-main-body { padding: 100px 0px; }
.com-sppagebuilder #sp-main-body { padding: 0px; }
.sp-module { margin-top: 50px; }
.sp-module:first-child { margin-top: 0px; }
.sp-module ul { list-style: none; padding: 0px; margin: 0px; }
.sp-module ul > li { display: block; border-bottom: 1px solid rgb(232, 232, 232); transition: 300ms; }
.sp-module ul > li > a { display: block; line-height: 36px; padding: 2px 0px; transition: 300ms; }
.sp-module ul > li > a:hover { background: none; }
.sp-module ul > li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
#sp-footer { color: rgb(255, 255, 255); text-align: center; padding: 20px 0px; }
#sp-footer a { color: rgba(255, 255, 255, 0.9); }
#sp-footer a:hover { color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) and (max-width: 1199px){
.scrollup { bottom: 25px; right: 25px; }
}
@media screen and (min-width: 320px) and (max-width: 767px){
.scrollup { bottom: 25px; right: 25px; }
}
/* preset1.css */
a { color: rgb(16, 97, 204); }
a:hover { color: rgb(12, 75, 157); }
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a { color: rgb(16, 97, 204); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { background: rgb(16, 97, 204); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: rgb(16, 97, 204); }
#offcanvas-toggler > i { color: rgb(0, 0, 0); }
#offcanvas-toggler > i:hover { color: rgb(16, 97, 204); }
.btn-primary, .sppb-btn-primary { border-color: rgb(14, 84, 176); background-color: rgb(16, 97, 204); }
.btn-primary:hover, .sppb-btn-primary:hover { border-color: rgb(10, 63, 133); background-color: rgb(12, 75, 157); }
.sp-module ul > li > a { color: rgb(0, 0, 0); }
.sp-module ul > li > a:hover { color: rgb(16, 97, 204); }
#sp-footer { background: rgb(16, 97, 204); }
/* custom.css */
body { margin: 0px; padding: 0px; }
#sp-header { height: 140px; padding-top: 40px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }
#sp-header .logo, #sp-mobile-header .logo { margin: 0px auto; }
#sp-footer { background: rgb(0, 0, 0); }
.sppb-btn-success:hover, .sppb-btn-success:focus, .sppb-btn-success:active, .sppb-btn-success.active { color: rgb(255, 255, 255); background-color: rgb(124, 192, 222); }
.sppb-btn-success { color: rgb(255, 255, 255); background-color: rgb(0, 198, 255); }
.sppb-btn-default:hover { background-color: rgb(0, 198, 255); color: rgb(255, 255, 255); }
/* animate */
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; }
}
@keyframes spMenuFadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
/* Ergänzungen (ersetzen die bisherigen Joomla-Skripte) */
.sppb-animated { animation-fill-mode: both; }
.sppb-wow { visibility: hidden; }
.sp-megamenu-parent > li.sp-has-child > a::after { font-family: FontAwesome; content: " \f107"; }
.sp-module ul > li > a::before { font-family: FontAwesome; content: "\f105"; margin-right: 8px; }
/* Template-Einstellungen (vorher pro Seite eingebettet) */
#sp-header { padding-top: 0px; }
.sp-megamenu-parent { text-align: center; width: 80%; margin: auto; float: none !important; }
.sp-megamenu-parent > li > a { font-size: 18px; font-weight: 400; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { text-align: left; }
#offcanvas-toggler { line-height: 1px; }
.offcanvas-menu { width: 100%; background-color: rgba(0, 198, 255, 1); }
@media (min-width: 1400px) { .container { max-width: 1140px; } }
@keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0, 0); }
100% { opacity: 1; transform: none; }
}