body, html{
  margin: 0;
  padding: 0;
  border-width:0;
  margin-left:2px;
  margin-right:2px;
  
}

.header {
  justify-content: left;
  /*background: #1b1e22dd; #565758de; linear-gradient(to bottom, #000000 1%, #c89116 99%);   */
  background: linear-gradient(to bottom, #000000 1%, #c89116 99%);
}
  
.footer {
  /*background: #1b1e22dd; #66696cde; #565758de;*/
  background: linear-gradient(to top, #000000 10%, #c89116 90%);
  margin-top: 0em;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: gray;
  
}
  
a:focus, a:hover {
  color: #D44500;
}
  
.header nav .menu-button:hover{
  color: #D44500;
  /*text-decoration: #D44500 underline;*/
}
  
/*Den Nach-oben-Link in Cassiopeia so konfigurieren, dass dieser immer sichtbar ist.*/
#back-top {
  position:fixed;
}

.back-to-top-link {
  background-color: #f0d2d2;
  border: 1px solid #883030;
  border-radius: .25rem;
  bottom: 1rem;
  color: #D44500;
  inset-inline-end: 1rem;
  opacity: 0;
  padding: .5em;
  pointer-events: all;
  position: absolute;
  -webkit-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  z-index: 10000;
}
  
.header-logo {
  margin-top: 20px;
  padding: 5px;
}
  
  
.contact-button {
  margin-top: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #D44500;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 8px;
}
    
#mail-text {
  color: white;
}

.containertest {
  
  /*margin-left: 2%;
  margin-right: 2%;*/
}
   
.container-header {
  z-index: 10;
  /*margin-left: 2%;
  margin-right: 2%;*/
  top:0px;
 /* height:120px;*/
  min-height:120px;
  max-height:1250px;
  margin-bottom: 2px;
}
  
.container-banner img {
  width:100%;
  padding-top: 0px;
  margin-top: 0px;

}

body.wrapper-fluid .site-grid {
  grid-gap: 0;
}

/*#section-id-1688611509083 {
  background-color:grey;
}*/
  
.sppb-img-responsive {
  width:100%;
}

*/



.metismenu.mod-menu {
  margin: 0;
  padding-left: 25px;
}


.container-header .metismenu.mod-menu .metismenu-item>a:hover {
text-decoration: underline #D44500 3px;
  
}



.positiv {
    /* F�gen Sie hier die gew�nschten Stile f�r die H4-�berschrift hinzu */
    color: #D44500; /* roter Text */
    font-size: 20px; /* Schriftgr��e von 20 Pixeln */
    text-align: center; /* Text zentrieren */
    /*font-family: Arial, sans-serif; /* Schriftart */
   
}

a:not(.btn):hover {
  color: #D44500;
}

a {

  text-decoration: none
    ;
   
}


.video_button {
  color: green;
  text-decoration: none;
} 

.video_button:hover {
  color: blue;
  text-decoration: underline;
} 

.cc-revoke.cc-bottom {
  bottom: 0;
  left: -10em;  /*3em wieder sichtbar Datenschutzbutton*/
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}

.container-header .grid-child {
  padding: 0em;
}


/* for removing the weird underline on menu items*/

.container-header .metismenu>li.active>a:after,

.container-header .metismenu>li.active>button:before,

.container-header .metismenu>li>a:hover:after,

.container-header .metismenu>li>button:hover:before {

    background: none;

    cursor: pointer;

}

 /*scrolling the page to sertain height after clicking the anker link

!!! sizing of header must be relative for better functioning*/

#produkt, #anwendung, #mod-custom116  {

  scroll-margin-top: 122px;

}



 

 

 

/*centering hamburger menu*/

 

.navbar, .navbar>.container,

.navbar>.container-fluid,

.navbar>.container-lg,

.navbar>.container-md,

.navbar>.container-sm,

.navbar>.container-xl,

.navbar>.container-xxl {

    display: grid;

    justify-content: center;

}

 

.container-header .navbar-toggler {

    cursor: pointer;

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

}

 

 

/* changing the cursor to pointer on "zum Video" button */

.sppb-btn {

    cursor: pointer
;

}

/* Roboto Regular */
/*@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/roboto-v30-latin-regular.woff') format('woff'),
       url('../fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2');
       url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff');
       url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Roboto Bold */
/*@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/roboto-v30-latin-regular.woff') format('woff'),
       url('../fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2');
       url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff');
       url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Standard-Schrift für die Seite */
body {
  font-family: 'Roboto', Arial, sans-serif;
}
/* Roboto Regular */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'),
       url('../fonts/roboto/roboto-v30-latin-regular.woff') format('woff'),
       url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Roboto Bold (700) */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff2'),
       url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Standard-Schrift für die Seite */
body {
  font-family: 'Roboto', Arial, sans-serif;
}