/* to add in github */
  html {
  	--button-border-radius: 5px;
  	--input-border-radius: 5px;
  }
  
  /* Footer */
  html {
  	--footer-headings__color:var(--color-text);
  }
  
  html {
  	--button-bg: var(--color-brand);
    --button-bg-2: var(--color-brand);
    --button-bg-hover: var(--color-brand-dark);
    --button-bg-hover-2: var(--color-brand-dark);
    --color-btn-text-2: #fff;
    --button-spacing: var(--base-spacing-unit--sm) var(--base-spacing-unit);
    --button-border-radius: 5px;
    --button-border-width: 2px;
    --button-font-family: var(--base-font-family);
    --button-font-weight: 400;
    --button-line-height: var(--base-line-height);
  	
  	
  --bs-btn-color: #fff;
--bs-btn-bg: var(--color-brand) !important;
--bs-btn-border-color: var(--color-brand);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #fff;
--bs-btn-hover-border-color: #0a58ca;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0a58ca;
--bs-btn-active-border-color: #0a53be;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0d6efd;
}

/* ---------- fonts ---------- */
h1, .heading-h1 {
    line-height: 1.15;
    color: var(--color-brand);
}

@media screen and (min-width: 68.75em) {
h1, .heading-h1 {
    font-size: 1.7rem;
}
}

@media screen and (min-width: 58.75em) {
h1, .heading-h1 {
    font-size: 1.7rem;
}
}

@media screen and (min-width: 48em) {
h1, .heading-h1 {
    font-size: 1.7rem;
}
}

h2, .heading-h2 {
    line-height: 1.1em !important;
    font-size: 1.5rem;
}

h3, .heading-h3 {
    line-height: 1em;
    font-size: 1.3rem;
}

h4, .heading-h4 {
    font-size: 1.25rem;
}

.ce_text h1+h2 {
    margin-top: 0;
}

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

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

.text--standard,
.text--standard h1,
.text--standard h2,
.text--standard h3,
.text--standard h4 {
   color: var(--color-brand);
}

.color--dark h1 {
	color: var(--color-brand2);
	font-size: 1.8em;
}

.text--white p,
.text--white h1,
.text--white h2,
.text--white h3,
.ce_text.text--white.iconized a {
	color: #fff;
}

.text--white h2 a,
.text--white p a {
    color: #fff !important;
}

.text--uppercase h1, .text--uppercase .heading-h1,
.text--uppercase h2, .text--uppercase .heading-h2,
.text--uppercase h3, .text--uppercase .heading-h3 {
	text-transform: uppercase;
}


/* customized styles */
.mod_newslist.news-short {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 2em;
    grid-column-gap: 2em;
}

.layout_short {
    border: 1px solid;
    padding: 1em;
}

.layout_short .info {
    background: var(--color-brand);
    color: white;
    text-align: center;
}

/*.topbar-nav--new .mod_navigation ul.level_1 > li > a:not(.btn--primary):not(.mobilenav__burger-button):not(input.submit):not(button.submit) {
    font-size: 1.1rem;
    font-weight: 400;
}*/



/* first article */
.mt-7-neg {
	margin-top: -11em;
}

/* fonts */
h1 {
	text-transform: uppercase;
}

.startpage h1 {
	margin-bottom: 0;
}

.text-color h1 {
	color: var(--color-text);
}

.heading-lowercase h3 {
	text-transform: inherit;
}

/* Header */
#header {
    position: relative;
    border-bottom: none;
}

/* Logo */
.topbar-inner {
	display: block;
	padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.topbar-logo.position--default {
    padding-bottom: 0.5em;
}

nav.mod_navigation {
    max-width: 66.625em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

li.mainnav__list-item.searchbar__list-tem {
    display: none;
}

.topbar-nav--new .mod_navigation ul li a:not(.btn--primary):not(.mobilenav__burger-button):not(input.submit):not(button.submit):hover, .topbar-nav--new .mod_navigation ul li a:not(.btn--primary):not(.mobilenav__burger-button):not(input.submit):not(button.submit).active, .topbar-nav--new .mod_navigation ul li a:not(.btn--primary):not(.mobilenav__burger-button):not(input.submit):not(button.submit).forward {
    background-color: #fff;
    color: var(--topnav-color-hover);
    border-radius: 5px;
}

/* Forms */
/** Newsletter Footer **/
.page-newsletter #footer .mod_subscribe .error {
  display: none;
}

button.submit {
    margin-top: 0.5em;
}

#footer {
	font-size: smaller;
}

#footer .formbody fieldset,
#footer .widget-text, 
#footer .widget-textarea,
#footer .widget.widget-checkbox,
#footer fieldset.checkbox_container {
    margin-bottom: 0;
    margin-top: 0;
}

/* Login */
fieldset.checkbox_container,
.mod_changePassword {
    margin-top: var(--base-spacing-unit);
}

/* Registration */
.mod_registration .fields,
.mod_personalData .fields,
.mod_changePassword .fields {
    display: contents;
}

/* Footer */
/*#footer {
    border-top: 1px solid var(--color-brand);
}*/

#footer-pre .wrapper-simple__inner.centered-wrapper-inner {
    max-width: 78em;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5 {
    color: var(--footer-headings__color);
}

#footer-pre .ce_headline {
    margin-bottom: 0.25em;
}

#footer .ce_text h5 {
    margin-top: 0;
    margin-bottom: 0.25em;
}

#footer-pre a,
#footer-sub a {
    text-decoration: none;
}

.ce_text a:hover {
	background: var(--color-brand);
	color: #fff !important;
}

@media screen and (max-width: 600px) {
#footer-pre {
	line-height: 2em;
}
}


/* slider Bildvergleich */
.ce_comparison-slider .ce_image .drag-button {
    top: 93%;
}

/* timeline bundel */
.roadmap.roadmap--orientation-horizontal .roadmap__events__event:after, .roadmap.roadmap--orientation-horizontal .roadmap__events__event:before, .roadmap.roadmap--orientation-horizontal .roadmap__events:after, .roadmap.roadmap--orientation-vertical .roadmap__events__event:after, .roadmap.roadmap--orientation-vertical .roadmap__events__event:before, .roadmap.roadmap--orientation-vertical .roadmap__events:after, .roadmap.roadmap--orientation-auto .roadmap__events__event:after, .roadmap.roadmap--orientation-auto .roadmap__events__event:before, .roadmap.roadmap--orientation-auto .roadmap__events:after {
	background-color: var(--color-gray-light);
}

.event__date {
    background: var(--color-brand);
    border-radius: 5px;
    color: #fff;
    padding: 0 0.5em;
}

.roadmap.roadmap--orientation-horizontal .roadmap__events__event .event__date, .roadmap.roadmap--orientation-auto .roadmap__events__event .event__date {
    font-size: 1.25em;
}

.event__content img {
    border-radius: 5px;
}

/* parallax Kacheln */
.imagetext-parallax__jarallax .imagetext-parallax__article {
    transform: translateY(-50%);
    width: 80% !important;
}

.imagetext-parallax__jarallax .imagetext-parallax__article {
    top: 70%;
}

@media screen and (min-width: 48em) {
.jarallax-img-left .imagetext-parallax__article + div {
    width: 100% !important
}
}

/* Slider controls */
.ce_rsce_tiny_headerslider .tns-controls > button {
	background: none;
	color: #fff;
	font-size: 2em;
}

.ce_rsce_tiny_headerslider .tns-controls > button:hover {
    background-color: transparent;
}

/* testimonial */
.quote-single__text {
    font-style: italic;
}

/* Produktkacheln */
.ce_rsce_imagebar .elements-item__text-wrapper {
    top: 90%;
    left: 35px;
    right: 0;
    align-items: flex-start;
}

.ce_rsce_imagebar .elements-item:hover {
    transform: scale(1.025);
}

.far {
  font-weight: 900;
}

.flipbook.df-floating .df-ui-controls::before {
	display:none;
}

.flipbook.df-floating .df-ui-controls::after, .flipbook .df-floating .df-ui-controls::after, .df-lightbox-wrapper.df-floating .df-ui-controls::after, .df-lightbox-wrapper .df-floating .df-ui-controls::after {
	display:none;
}