@charset "UTF-8";

.background-schwarz
{
    background:#000000;
}

.background-hellgrau
{
    background:#f0f0f0;
}

.background-schwarz
{
    background:#000000;
}

.background-rot
{
    background:#c20b30;
}

.logoobenstart
{
	width:380px;
	height:auto;
	bottom:30px;
	padding:0px;
	position:absolute;
    transition: all 1s;
    opacity:1;
}

.logooben
{
	width:260px;
	height:auto;
	bottom:30px;
	padding:0px;
	position:absolute;
    transition: all 1s;
    opacity:0;
}

.logooben-menu
{
    width:100px;
    height:auto;
    position:absolute;
    top:15px;
    left:40px;
    transition: all .5s;
    display:none;
}


.headerbalken
{
	position:relative;
    width:100%;
	transition: all 1s;
}


.header-menu-abstand, .header-menu, .headerbalken
{
	width:100%;
	height:181px;
	display:block;
    transition: all 1s;
}

.header-menu
{
	top:0px;
	left:0px;
	position:fixed;
	z-index:10000;
	background:#FFFFFF;
    border-bottom:1px solid #eeeeee;
}

.header-abstand-start
{
    height:130px;
}

.header-button-icon-1, .header-button-icon-2
{
    fill:#000000;
    transition: all 0.5s; 
}

.header-button-icon-3, .header-button-icon-4
{
    fill:#FFFFFF;
    transition: all 0.5s;
    background:#ff00ff;
}

.header-button-leiste
{
    width:440px;
    height:43px;
    top:49px;
    right:106px;
    display:block;
    position:absolute;
    transition: all 1s;
}

.header-button-leiste-menu
{
    width:440px;
    height:43px;
    top:42px;
    left:130px;
    display:block;
    position:absolute;
    transition: all 1s;
}

.header-button-anrufen
{
    width:200px;
    height:37px;
    position:absolute;
    left:0px;
    top:6px;
    border:1px solid #000000;
    font-size:16px;
    color:#000000;
    font-weight:600;
    line-height:1;
    transition: all 0.5s;
}

.header-button-anrufen:hover
{
    border:1px solid #c20b30;
    color:#c20b30;
}

.header-button-anrufen-menu
{
    width:200px;
    height:37px;
    position:absolute;
    left:0px;
    top:6px;
    border:1px solid #ffffff;
    font-size:16px;
    color:#ffffff;
    font-weight:600;
    line-height:1;
    transition: all 0.5s;
}

.header-button-anrufen:hover
{
    border:1px solid #c20b30;
    color:#c20b30;
}

.header-button-anrufen:hover .header-button-icon-1
{
    fill:#c20b30;
}

.header-button-anrufen-menu:hover
{
    border:1px solid #000000;
    color:#000000;
}

.header-button-anrufen-menu:hover .header-button-icon-3
{
    fill:#000000;
}

.header-button-anrufen-icon
{
    width:26px;
    height:auto;
    position:absolute;
    top:-5px;
    left:15px;
    background:#ffffff;
    padding-left:3px;
    padding-right:3px;
}

.header-button-anrufen-icon-menu
{
    width:26px;
    height:auto;
    position:absolute;
    top:-5px;
    left:15px;
    background:#ac2840;
    padding-left:3px;
    padding-right:3px;
}


.header-button-anrufen-text
{
    width:auto;
    height:auto;
    position:absolute;
    top:10px;
    left:46px;
    text-transform:uppercase;
}

.header-button-anfragen
{
    width:200px;
    height:37px;
    position:absolute;
    left:240px;
    top:6px;
    border:1px solid #000000;
    font-size:16px;
    color:#000000;
    font-weight:600;
    line-height:1;
    transition: all 0.5s;
}

.header-button-anfragen-menu
{
    width:200px;
    height:37px;
    position:absolute;
    left:240px;
    top:6px;
    border:1px solid #ffffff;
    font-size:16px;
    color:#ffffff;
    font-weight:600;
    line-height:1;
    transition: all 0.5s;
}

.header-button-anfragen-icon
{
    width:52px;
    height:auto;
    position:absolute;
    top:-5px;
    left:25px;
    background:#ffffff;
    padding-left:3px;
    padding-right:3px;
}

.header-button-anfragen-icon-menu
{
    width:52px;
    height:auto;
    position:absolute;
    top:-5px;
    left:25px;
    background:#ac2840;
    padding-left:3px;
    padding-right:3px;
}

.header-button-anfragen-text
{
    width:20px;
    height:auto;
    position:absolute;
    top:10px;
    left:84px;
    text-transform:uppercase;
}

.header-button-anfragen:hover
{
    border:1px solid #000000;
    color:#000000;
}

.header-button-anfragen:hover .header-button-icon-2
{
    fill:#000000;
}

.header-button-anfragen-menu:hover
{
    border:1px solid #000000;
    color:#000000;
}

.header-button-anfragen-menu:hover .header-button-icon-4
{
    fill:#000000;
}

.mobilenavibutton-start
{
    top:43px;
}

.mobilenavibutton-menu-start
{
    top:36px;
}


.anfragen-links
{
    width:100%;
    height:auto;
    display:block;
    background:#000000;
    position:relative;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.anfragen-links-bild
{
    opacity:0;
    width:100%;
    height:auto;
}

.anfragen-links-container
{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    text-align:center;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.anfragen-links-inner
{
    width:100%;
    height:auto;
    text-align:center;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
}




.anfragen-links-text
{
    width:100%;
    max-width:540px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-style:italic;
    font-size:16px;
    padding-top:40px;
    padding-bottom:40px;
}

.anfragen-rechts
{
    width:100%;
    height:auto;
    display:block;
    background:#FFFFFF;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.anfragen-rechts-bild
{
    width:100%;
    height:auto;
}



.button
{
    padding-top:17px;
    border: 1px solid #000000;
    color: #ffffff;
    display:block;    
    font-size: 16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:240px;
    height:49px;
    background-image:linear-gradient(45deg, #ff0000 0%, #880000 100%);
    line-height:1;
}

.button:hover
{
    background:#ff0000;
    border: 1px solid #ffffff;
}



.linie-schwarz
{
    width:100%;
    height:1px;
    background:#000000;
    display:block;
}

.linie-weiss
{
    width:100%;
    height:1px;
    background:#ffffff;
    display:block;
}

.footer-icon
{
    width:90px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

.footer-icon-text
{
    width:100%;
    font-size:18px;
    color:#000000;
    text-align:center;
    font-weight:600;
    line-height:1;
}

.footer-nur-text
{
    width:100%;
    font-size:16px;
    color:#000000;
    text-align:center;
    font-weight:400;
    line-height:1;
    margin-bottom:20px;
    font-style:italic;
}

.footer-links
{
    width:100%;
    font-size:16px;
    color:#000000;
    text-align:center;
    font-weight:600;
    line-height:1;
    margin-bottom:20px;
    text-transform:uppercase;
}

.footer-social
{
    width:130px;
    height:45px;
    margin-left:auto;
    margin-right:auto;
}

.footer-social-bild
{
    width:45px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}


.footerlinie-out
{
    width:100%;
    height:80px;
    background:#ffffff;
    position:relative;
    display:block;
    margin-bottom:10px;
}

.laser-footer
{
    width:14px;
    height:auto;
    position:absolute;
    right:99%;
    bottom:0px;
    -webkit-transition: 2.5s ease-in-out;
    -moz-transition: 2.5s ease-in-out;
    -o-transition: 2.5s ease-in-out;
    transition: 2.5s ease-in-out;
}

.laser-footer-animieren
{
    right:-10px;
}

.footerlinie
{
    width:0%;
    height:1px;
    background:#000000;
    position:absolute;
    display:block;
    bottom:0px;
    left:0px;
    transition: 2.5s ease-in-out;
}

.footerlinie-animieren
{
    width:100%;
}

.footertext
{
    font-size:16px;
    text-align:center;
    color:#000000;
    font-weight:600;
}

.header-bilder
{
    width:100%;
    height:auto;
    position:relative;
}

.header-bilder-container-pos
{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:130px;
    background:transparent;
}

.header-bilder-container
{
    width:100%;
    height:130px;
    background:#ffffff;
    text-align:center;
    padding-top:72px;
}

.header-text
{
    color:#c20b30;
    line-height:1;
}

.text-header-light
{
	font-weight:400;
    font-style:italic!important;
}

.header-sub-text
{
	color:#000000;
    line-height:1;
}

.header-beschreibung-text
{
    text-align:center;
    max-width:1700px;
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
    font-size:34px;
    font-weight:600;
    color:#000000;
} 

.header-bilder-produkte
{
    width:100%;
    height:auto;
    position:absolute;
    left:0px;
    top:0px;
}



.auswahlmobilscrollen
{
  	height:100%;
	overflow: auto;
} 

.mobilmenufenster
{
	width:50%;
	height:100%;
	position:fixed;
	top:0px;
	right:0px;
	background:#000000;
	display:none;
    z-index:15000;
}

.menu-container
{
    width:544px;
    height:auto;
    position:absolute;
    left:130px;
    top:150px;
}

.menu-header-texte
{
    font-size:24px;
    font-weight:300;
    color:#ffffff;
    text-align:center;
    line-height:1;
    padding:0px 5px 24px 5px;
    transition: all 0.5s;
}

.menubutton-texte
{
    color:#ffffff;
}

.menu-link-texte
{
    font-size:18px;
    font-weight:300;
    color:#b3b3b3;
    text-align:center;
    line-height:1;
    padding:12px 5px;
    transition: all 0.5s;
    cursor:pointer;
}

.menu-link-texte:hover
{
    color:#ff0000;
}



.menu-footertext
{
    font-size:16px;
    text-align:center;
    color:#ffffff;
    font-weight:600;
    
}

.menu-footertext a
{
    color:#ffffff;
    transition: all 0.5s;
}

.menu-footertext a:hover
{
    color:#000000;
}


.beschreibung-rechts
{
    width:100%;
    height:auto;
    display:block;
    background:#FFFFFF;
    color:#000000;
    position:relative;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.beschreibung-rechts-bild
{
    opacity:0;
    width:100%;
    height:auto;

}

.beschreibung-rechts-container, .schneiden-beschreibung-rechts-container
{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.beschreibung-rechts-inner
{
    width:280px;
    height:auto;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:60px;
}




.beschreibung-texte-unten
{
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:16px;
    padding-bottom:30px;
    line-height:1;
    font-weight:600;
}

.beschreibung-bild
{
    width:100%;
    height:auto;
    display:block;
    background:#FFFFFF;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.beschreibung-header
{
    width:100%;
    font-size:16px;
    font-weight:600;
    color:#c20b30;
    text-align:center;
    line-height:1;
    padding-bottom:20px;
}

.beschreibung-texte, .beschreibung-texte-2
{
    width:100%;
    max-width:240px;
    font-size:24px;
    font-weight:600;
    text-align:center;
    line-height:1.3;
    padding-top:30px;
    margin-left:auto;
    margin-right:auto;
}

.beschreibung-texte-2
{
    max-width:280px;
}

.beschreibung-texte-reinigung
{
    max-width:730px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
}

.button-beschreibung
{
    margin-top:30px;
    padding-top:16px;
    border: 1px solid #ffffff;
    color: #ffffff;
    display:block;    
    font-size:16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:50px;
    background-image:linear-gradient(45deg, #c20b30 0%, #79091f 100%);
    line-height:1;
    cursor:pointer;
}

.button-beschreibung:hover
{
    background:#c20b30;
    border: 1px solid #000000;
}

.beschreibung-hoch
{
    width:100%;
    height:auto;
    display:block;
    background:#FFFFFF;
    color:#000000;
    position:relative;
    max-width:750px;
    margin-left:auto;
    margin-right:auto;
}

.beschreibung-hoch-container
{
    width:100%;
    min-height:540px;
    text-align:center;
    padding-left:10px;
    padding-right:10px;

}

.beschreibung-hoch-inner
{
    width:280px;
    height:auto;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    margin-left:auto;
    margin-right:auto;
    padding-top:80px;
}

.beschreibung-hoch-bild
{
    width:100%;
    height:auto;
}

.beschreibung-hoch-bild-animation-out
{
    position:relative;
    width:100%;
    height:auto;
}

.beschreibung-hoch-bild-animation-background
{
    width:100%;
    height:auto;
}

.beschreibung-bild-balken
{
    background-image: linear-gradient(90deg,transparent 20%, rgba(194,11,48,0.5) 50%, transparent 80%);
    width:4px;
    height:100%;
    position:absolute;
    top:0px;
    left:99.8%;
    transition: all 2.5s;
}

.beschreibung-bild-balken.aktiv {
    animation: animatelinie 0.2s linear infinite;
    animation-iteration-count:12;
}
 
@keyframes animatelinie {
    0%, 18%, 20%, 50%, 60%, 65%, 80%, 90%, 92% {
        background-color: #ffffff;
        text-shadow: none;
        width:8px;
        
    }
    19%, 21%, 30%, 49%, 60%, 64%, 81%, 89%, 93%, 100% {
        color: #fff;
        background-color:#000000;
        width:4px;
    }
}

.beschreibung-hoch-bild-animation
{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    transition: all 2.5s;
}

.beschreibung-hoch-bild-animation.aktiv
{
    width:50%;
}

.beschreibung-hoch-bild-animation.aktiv + .beschreibung-bild-balken
{
    left:49.6%;
}

.Bild-hba
{
    height:100%;
    width: 100%;
    object-fit: cover;
    object-position: top left;
}

.beschreibung-flaeche
{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
}

.beschreibung-deckflaeche
{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background:rgba(0, 0, 0, 1);
    opacity:0.9;
}

.beschreibung-flaeche-text-container
{
    width:100%;
    height:auto;
    color:#ffffff;
    font-size:18px;
    z-index:7000;
    text-align:center;
    position:absolute;
    top:40px;
    left:0px;
    font-style:italic;
}

.beschreibung-text-rot
{
    font-size:18px;
    color:#ff0000;
    font-weight:600;
    font-style:normal;
}

.beschreibung-text-subheader
{
    font-size:18px;
    color:#ffffff;
    font-weight:600;
    font-style:normal;
}

.button-beschreibung-schliessen-pos, .button-schneiden-beschreibung-schliessen-pos
{
    width:100%;
    height:auto;
    position:absolute;
    bottom:40px;
    left:0px;
    z-index:7000;
}

.button-beschreibung-schliessen
{
    margin-top:30px;
    padding-top:16px;
    border: 1px solid #ffffff;
    color:#ffffff;
    display:block;    
    font-size:16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:50px;
    background:rgba(1,1,1,0.9);
    line-height:1;
    cursor:pointer;
}

.button-beschreibung-schliessen:hover
{
    background:#ff0000;
    border:1px solid #ffffff;
}

#beschreibung1, #beschreibung2, #beschreibung3, #beschreibung4, #beschreibung5
{
    display:none;
}

.header-ansprechpartner-block-text
{
    text-align:center;
    width:100%;
    height:auto;
} 

.ansprechpartner-block-text
{
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    padding-left:20px;
    padding-right:20px;
    margin-top:60px;
}

.button-ansprechpartner
{
    padding-top:16px;
    border: 1px solid #000000;
    color: #000000;
    display:block;    
    font-size:16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:50px;
    background:#ffffff;
    line-height:1;
}

.button-ansprechpartner:hover
{
    background:#c20b30;
    border: 1px solid #000000;
    color:#ffffff;
}

.ansprechpartner-button-out, .infocenter-button-out, .materialien-button-out
{
    text-align:right;
    display:flex;
    align-items:center;
    justify-content:right;
    width:100%;
    height:100%;
}

.ansprechpartner-logo-out
{
    text-align:left;
    display:flex;
    align-items:center;
    justify-content:left;
    width:100%;
    height:100%;
}

.ansprechpartner-logo
{
    width:120px;
    height:auto;
}


.container-partner
{
    max-width:1700px!important;
}

.icon-vorteile
{
    width:200px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

.header-block-schwarz-text
{
    text-align:center;
    width:100%;
    height:auto;
    color:#ffffff;
    margin-top:40px;
    margin-bottom:80px;
} 

.block-schwarz-text-zeile
{
    position:relative;
    width:auto;
    height:30px;
    margin-bottom:80px;
}

.block-schwarz-text-zeile2
{
    position:relative;
    width:auto;
    height:50px;
    margin-bottom:60px;
}

.block-schwarz-kreis-rot
{
    width:30px;
    height:30px;
    border:solid 2px #ff0000;
    border-radius:15px;
    position:absolute;
    left:0px;
    top:0px;
}

.block-schwarz-kreis-rot2
{
    width:30px;
    height:30px;
    border:solid 2px #ff0000;
    border-radius:15px;
    position:absolute;
    left:0px;
    top:10px;
}


.block-schwarz-text, .block-schwarz-text2, .block-schwarz-text3
{
    height:30px;
    color:#ffffff;
    position:absolute;
    left:50px;
    top:3px;
    font-size:24px;
    font-weight:600;
    line-height:1;
}

.block-schwarz-text3
{
    top:30px;
}

.block-schwarz-sub-text
{
    color:#ffffff;
    position:absolute;
    left:50px;
    top:30px;
    font-size:18px;
    font-weight:400;
    line-height:1;
}

.ergebnisse-textfenster-out
{
    width:100%;
    height:100%;
    max-width:850px;
    background:#ffffff;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-left:auto;
    margin-right:auto;
}

.ergebnisse-textfenster-ausblenden
{
    display:block;
}

.ergebnisse-textfenster-einblenden
{
    display:none;
}

.ergebnisse-textfenster
{
    text-align:center;
    width:100%;
    max-width:650px;
    color:#000000;
    margin-left:auto;
    margin-right:auto;
    font-weight:600;
    font-size:18px;
}

.ergebnisse-textfenster-header1, .ergebnisse-textfenster-header2
{
    font-size:24px;
    line-height:1.3;
    padding-left:10px;
    padding-right:10px;
}

.ergebnisse-textfenster-header2
{
    text-align:center;
    width:100%;
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
}

.ergebnisse-textfenster-text
{
    width:100%;
    max-width:460px;
    height:auto;
    margin-top:40px;
    margin-bottom:40px;
    font-style:italic;
    font-weight:400;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.demo-bild
{
    width:100%;
    height:auto;
    position:relative;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.ZoomBild1, .ZoomBild2
{
    width:100%;
}

.lupe
{
    width:40px;
    height:auto;
    position:absolute;
    bottom:20px;
    right:20px;
    display:none;
}

@media (min-width: 991px)
{
    .ZoomBild1 {
      /* the coordinate of the zoom */
      --x1: 50%;
      --y1: 50%;
      /**/
      transform: scale(var(--zoom1));
      transform-origin: var(--x1) var(--y1);
      clip-path: inset(
        calc((1 - 1/var(--zoom1)) * (var(--y1)))
        calc((1 - 1/var(--zoom1)) * (100% - var(--x1)))
        calc((1 - 1/var(--zoom1)) * (100% - var(--y1)))
        calc((1 - 1/var(--zoom1)) * (var(--x1)))
      );
      cursor:zoom-in;

    }
    
    .ZoomBild2 {
      /* the coordinate of the zoom */
      --x2: 50%;
      --y2: 50%;
      /**/
      transform: scale(var(--zoom2));
      transform-origin: var(--x2) var(--y2);
      clip-path: inset(
        calc((1 - 1/var(--zoom2)) * (var(--y2)))
        calc((1 - 1/var(--zoom2)) * (100% - var(--x2)))
        calc((1 - 1/var(--zoom2)) * (100% - var(--y2)))
        calc((1 - 1/var(--zoom2)) * (var(--x2)))
      );
      cursor:zoom-in;

    }
    
    

    .ZoomBild1:hover
    {
        --zoom1:3; /* control the zoom level */
    }
    
   .ZoomBild2:hover
    {
        --zoom2:3; /* control the zoom level */
    }
    
    .ZoomBild1:hover + .lupe
    {
        opacity:0.1;
        transition: .6s ease-in-out;
    }
    
    .ZoomBild2:hover + .lupe
    {
        opacity:0.1;
        transition: .6s ease-in-out;
    }
    
    .lupe
    {
        display:block;
    }
    
}




.button-informationen
{
    padding-top:16px;
    border: 1px solid #ffffff;
    color: #ffffff;
    display:block;    
    font-size:16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:50px;
    background:#c20b30;
    line-height:1;
}

.button-informationen:hover
{
    background:#ffffff;
    border: 1px solid #ffffff;
    color:#c20b30;
}

.infocenter-logo
{
    width:90px;
    height:auto;
}

.header-vielfalt-block-text
{
    text-align:center;
    width:100%;
    height:auto;
    color:#c20b30;
} 

.vielfalt-block-text
{
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    padding-left:20px;
    padding-right:20px;
    margin-top:60px;
}



.vielfalt-bild-out
{
    position:relative;
}

.vielfalt-auswahl-overlay-bild
{
    opacity:0;
    width:100%;
    height:auto;
}

.vielfalt-bild
{
    width:100%;
    height:auto;
    position:absolute;
    left:0px;
    top:0px;
    transition: all 0.5s;
}

.vielfalt-overlay
{
    width:50%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    background:rgba(0, 0, 0, 0.5);
    display:block;
}

.beschriftungsarten
{
    width:100%;
    height:auto;
    line-height:1;
    margin-top:20px;
    font-size:18px;
    font-weight:600;
    color:#444444;
    text-align:center;
}

.beschriftungsarten.aktiv
{
    color:#ffffff;
    font-weight:700;
}



.vielfalt-auswahl-out
{
    
    width:auto;
    max-width:100%;
    height:250px;
    border-top:solid 1px #c20b30;
    border-bottom:solid 1px #c20b30;
    
}



.vielfalt-auswahl-overlay
{
    width:100%;
}

.materialarten
{
    width:100%;
    height:auto;
    line-height:1;
    margin-top:20px;
    font-size:18px;
    font-weight:600;
    color:#000000;
    text-align:center;
    cursor:pointer;
    transition: all 0.5s; 
}

.materialarten:hover
{
    color:#c20b30;
}

#artbild1_1, #artbild1_2, #artbild1_3, #artbild1_4, #artbild1_5, #artbild1_6
{
    opacity:0;
}


.materialarten.aktiv
{
    color:#c20b30!important;
}

.unterschrift-headerreinigung-pos
{
    position:absolute;
    top:72%;
    width:100%;
}

.unterschrift-headerreinigung
{
    width:calc(340px + (720 - 340) * ((100vw - 992px) / (2560 - 992)));
    margin-left:auto;
    margin-right:auto;
    min-height:30px;
    position:relative;
    font-size:24px;
    font-weight:600;
    color:#000000;
    line-height:1;
}

.unterschrift-headerreinigung-1
{
     position:absolute;
     left:10px;
     top:0px;
}

.unterschrift-headerreinigung-2
{
     position:absolute;
     right:0px;
     top:0px;
}

.laserreinigung-beispiele
{
    width:100%;
    max-width:462px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

.laserreinigung-beispiele-text
{
    width:100%;
    height:auto;
    text-align:center;
    font-size:24px;
    font-weight:600;
    line-height:1;
    color:#000000;
}

.maschinenpark-bild
{
    width:100%;
    height:auto;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}


.maschinenpark-bild-inner
{
    width:100%;
    height:auto;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.maschinenpark-bild-inner2
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:auto;
    transition: all 0.5s linear;
    opacity:0;
}

.maschinenpark-textfenster-text
{
    width:100%;
    max-width:850px;
    height:auto;
    padding-left:15px;
    padding-right:15px;
    margin-top:40px;
    margin-bottom:40px;
    font-style:italic;
    font-weight:400;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.maschinenpark-uebersicht-header
{
    text-align:center;
    width:100%;
    max-width:1000px;
    color:#000000;
    margin-left:auto;
    margin-right:auto;
    font-weight:600;
    font-size:18px;
}

.maschinenpark-uebersicht-text
{
    width:100%;
     max-width:1000px;
    height:auto;
    padding-left:15px;
    padding-right:15px;
    font-style:italic;
    font-weight:400;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.button-maschinenpark-einblenden
{
    padding-top:16px;
    border: 1px solid #ffffff;
    color: #ffffff;
    display:block;    
    font-size:16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:50px;
    background-image:linear-gradient(45deg, #c20b30 0%, #79091f 100%);
    line-height:1;
}

.button-maschinenpark-einblenden:hover
{
    background:#c20b30;
    border: 1px solid #000000;
}

.sicherung-block-schwarz-text
{
    text-align:center;
    width:100%;
    height:auto;
    color:#ffffff;
    margin-bottom:80px;
} 

.sicherung-block-out
{
    width:100%;
    height:auto;
    min-height:660px;
    display:block;
    border:solid 1px #ffffff;
    position:relative;
}

.sicherung-block-bild
{
    width:100%;
    height:auto;
}

.sicherung-block-text-out
{
    width:100%;
    height:auto;
}

.sicherung-block-text-header
{
    width:100%;
    height:auto;
    text-align:center;
    margin-top:40px;
    margin-bottom:40px;
    line-height:1;
    font-size:20px;
    font-weight:600;
    color:#ffffff;
    padding-left:10px;
    padding-right:10px;
}

.sicherung-block-text
{
    width:100%;
    max-width:440px;
    height:auto;
    text-align:center;
    margin-bottom:40px;
    line-height:1.3;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    color:#ffffff;
    padding-left:15px;
    padding-right:15px;
    margin-left:auto;
    margin-right:auto;
}

.trenner-reinigung
{
    width:100%;
    height:auto;
    position:relative;
}

.trenner-reinigung-bild
{
    width:100%;
    height:auto;
}

.trenner-reinigung-bild-mobil
{
    width:100%;
    height:auto;
    display:none;
}
    

.trenner-reinigung-fenster
{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.trenner-reinigung-weiss
{
    width:100%;
    height:500px;
    background:#ffffff;
    display:block;
    position:relative;
    transition: all 0.5s;
}

.trenner-reinigung-weiss-header
{
    width:100%;
    height:auto;
    position:absolute;
    top:80px;
    left:0px;
    font-size:34px;
    font-weight:600;
    text-align:center;
    line-height:1.2;
    color:#000000;
    transition: all 0.5s;
}

.trenner-reinigung-weiss-text
{
    width:100%;
    height:auto;
    position:absolute;
    top:320px;
    left:0px;
    font-size:24px;
    font-weight:600;
    text-align:center;
    line-height:1.2;
    color:#000000;
    transition: all 0.5s;
}

.trenner-reinigung-weiss-header-break1
{
    display:none;
}

.trenner-reinigung-weiss-header-break2
{
    display:block;
}

.leistungen-block-rot
{
    width:100%;
    height:auto;
    background:#c20b30;
    display:block;
    padding-top:80px;
    padding-bottom:40px;
}

.leistungen-block-icon
{
    width:100px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:60px;
    display:block;
}


.leistungen-block-button
{
    padding-top:16px;
    border: 1px solid #ffffff;
    color: #ffffff;
    display:block;    
    font-size:16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:50px;
    background:#c20b30;
    line-height:1;
}

.leistungen-block-button:hover
{
    background:#ffffff;
    color:#c20b30;
    border: 1px solid #ffffff;
}

.leistungen-linie-weiss-out
{
    width:100%;
    height:auto;
    background:#c20b30;
    display:none;
}

.leistungen-linie-weiss
{
    width:100%;
    max-width:320px;
    height:1px;
    background:#ffffff;
    margin-left:auto;
    margin-right:auto;
}

.background-partner-weiss
{
    width:100%;
    height:auto;
    position:relative;
    display:block;
}

.header-partner-block-text
{
    text-align:center;
    width:100%;
    height:auto;
    font-size:24px;
    font-weight:600;
} 

.partner-block-text
{
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    padding-left:20px;
    padding-right:20px;
}

.icon-branchen
{
    width:250px;
    height:auto;
    position:absolute;
    right:0px;
    top:100px;
    transition: all 1s;
}

.branchenzeile
{
    width:100%;
    max-width:1670px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    height:30px;
    margin-top:40px;
    margin-bottom:40px;
    
}

.branchenzeilepos
{
    width:270px;
    height:auto;
    position:absolute;
    top:0px;
    left:0px;
    transition:all 0.5s;
}

#branchenzeilepos1
{
    left:0px;
}

#branchenzeilepos2
{
    left:330px;
}

#branchenzeilepos3
{
    left:660px;
}

#branchenzeilepos4
{
    left:990px;
}

#branchenzeilepos5
{
    left:1310px;
}

.branchenpfeil
{
    width: 0px;
    height: 0px;
    transform:rotate(360deg);
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #c20b30;
}    

.branchenpfeiltext
{
    font-size:24px;
    color:#000000;
    font-weight:600;
    line-height:1;
    position:absolute;
    top:4px;
    left:40px;
}

.schneiden-beschreibung-flaeche-text-container
{
    width:100%;
    height:auto;
    color:#ffffff;
    font-size:18px;
    z-index:7000;
    text-align:center;
    position:absolute;
    top:40px;
    left:0px;
    font-style:italic;
}

.schneiden-textfenster-out
{
    width:100%;
    height:100%;
    max-width:850px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-left:auto;
    margin-right:auto;
}

.schneiden-textfenster
{
    display:block;
} 

.schneiden-textfenster
{
    text-align:center;
    width:100%;
    max-width:850px;
    color:#000000;
    margin-left:auto;
    margin-right:auto;
    font-weight:600;
    font-size:18px;
}

.schneiden-textfenster-header
{
    font-size:24px;
    line-height:1.3;
    padding-left:10px;
    padding-right:10px;
}

.schneiden-textfenster-text
{
    width:100%;
    max-width:850px;
    height:auto;
    padding-left:40px;
    padding-right:40px;
    margin-bottom:20px;
    margin-top:20px;
    font-style:italic;
    font-weight:400;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.schneiden-bild
{
    width:100%;
    height:auto;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.schneiden-bild-inner
{
    width:100%;
    height:auto;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.schneiden-bild-inner2
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:auto;
    transition: all 0.5s linear;
    opacity:0;
}


.main-header-bilder
{
    width:100%;
    height:auto;
    position:relative;
}

.mainheader-hoch-bild-animation-out
{
    position:relative;
    width:100%;
    height:auto;
}

.mainheader-hoch-bild-animation-background
{

    width:100%;
    height:auto;
}

.mainheader-hoch-bild-animation-background-layer
{
    width:100%;
    height:auto;
    position:absolute;
    left:0px;
    top:0px; 
   
}



.mainheader-bild-balken-out
{
    width:18px;
    height:00%;
    position:absolute;
    top:36.5%;
    left:43.4%;
    
}

.mainheader-bild-balken
{
    background-image: linear-gradient(90deg,transparent 40%, rgba(194,11,48,0.5) 50%, transparent 60%);
    width:100%;
    height:100%;
    animation:animatelinie2 0.1s linear infinite;
    
}


@keyframes animatelinie2 {
    0%, 18%, 20%, 50%, 60%, 65%, 80%, 90%, 92% {
        background-image: linear-gradient(90deg,transparent 20%, #ffffff 46%, rgba(194,11,48,0.5) 50%, #ffffff 54%, transparent 80%);
        box-shadow: 5px 10px 10px #ffffff;
        
        
    }
    19%, 21%, 30%, 49%, 60%, 64%, 81%, 89%, 93%, 100% {
        
        background-image: linear-gradient(90deg,transparent 20%, #777777 48%, rgba(194,11,48,1) 50%, #777777 52%, transparent 80%);
        box-shadow: 5px 10px 10px transparent;
    }
}


.mainheader-hoch-bild-animation
{
    position:absolute;
    width:43%;
    height:100%;
    left:0px;
    top:0px; 
    transition: all 2.5s linear;
}

.mainheader-hoch-bild-animation.aktiv
{
    width:66.5%;
}

.mainheader-hoch-bild-animation.aktiv + .mainheader-bild-balken-out
{
    animation:animatelinie3 2.5s linear infinite;
    animation-iteration-count:1;
}



@keyframes animatelinie3 {
    0% {
        left:42.4%;
        height:0%;
        top:46.5%;
    }
    
    15% {
         height:17.4%;
         top:39.1%;
    }
    
    40% {
         height:21.4%;
         top:36.5%;
    }
    
    50% {
         height:21.4%;
         top:36.5%;
    }
    
    60% {
         height:21.4%;
         top:36.5%;
    }
    
    80% {
         height:17.4%;
         top:39.1%;
    }
    
    100% {
       
        height:0%;
        top:46.5%;
        left:66.0%;
        width:8px;
    }
    
}

.Bild-hba
{
    height:100%;
    width: 100%;
    object-fit: cover;
    object-position: top left;
}



.main-header-bilder-produkte
{
    width:50%;
    height:auto;
    position:absolute;
    left:0px;
    top:0px;
}

.main-header-kreis-markierung
{
    width:80px;
    height:80px;
    display:block;
    background-image: radial-gradient(#c20b30 0%, #c20b30 10%,  transparent 70%);
    position:absolute;
    transition: all 1s;
    border-radius:50%;
    opacity:0;
    animation: animatemarkierung 1s linear infinite;
    
}

@keyframes animatemarkierung {
    0%, 100% 
    {
        width:80px;
        height:80px;
    }
    50%
    {
        width:70px;
        height:70px;
        margin-left:10px;
    }
}



.Bildmain0
{
    width:100%;
    height:auto;
    opacity:0;
}

.Bildmain1
{
    width:100%;
    height:auto;
    opacity:1;
    position:absolute;
    left:0px;
    top:0px;
    transition: all 1s;
}

#mhkm-1 
{
    left:39%;
    top:27%;
}
#mhkm-1.aktiv 
{
    left:26%;
    top:53%;
}

#mhkm-2 
{
    left:71%;
    top:31%;
}
#mhkm-2.aktiv 
{
    
    left:46%;
    top:56%;
}

#mhkm-3 
{
    left:53%;
    top:33%;
}
#mhkm-3.aktiv 
{
    left:77%;
    top:55%;
}

#mhkm-4 
{
    left:31%;
    top:60%;
}
#mhkm-4.aktiv 
{
    left:80%;
    top:66%;
}

#mhkm-5 
{
    left:64%;
    top:67%;
}
#mhkm-5.aktiv 
{
   opacity:0!important;
   left:34%;
   top:37%;
}

#mhbp-1, #mhbp-2, #mhbp-3, #mhbp-4
{
    opacity:0;
}



.main-header-fenster
{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    display:flex;
    align-items: center;
    justify-content: center;
}



.main-header-schwarz
{
    width:100%;
    max-width:600px;
    height:auto;
    background:#000000;
    display:block;
    position:relative;
    transition: all 0.5s;
    margin-left:auto;
    margin-right:0px;
}

.main-header-bilder-produkte-background
{
    width:100%;
    height:auto;
    opacity:0;
}

.main-header-schwarz-header
{
    width:100%;
    height:auto;
    position:absolute;
    top:210px;
    left:0px;
    font-size:34px;
    font-weight:600;
    text-align:center;
    line-height:1.3;
    color:#ffffff;
    transition: all 0.5s;
}

.main-header-rot-text
{
    width:100%;
    height:auto;
    position:absolute;
    top:80px;
    left:0px;
    font-size:34px;
    font-weight:600;
    text-align:center;
    line-height:1;
    color:#ff0000;
    transition: all 0.5s;
}

.main-header-rot-light
{
    font-weight:400;
    font-style:italic;
    
}

.main-header-weiss-subtext
{
    width:100%;
    height:auto;
    position:absolute;
    top:124px;
    left:0px;
    font-size:24px;
    font-weight:600;
    text-align:center;
    line-height:1;
    color:#ffffff;
    transition: all 0.5s;
}

.main-header-weiss-subtext-light
{
    font-weight:400;
    font-style:italic;
}

.main-button-out
{
    position:absolute;
    width:100%;
    height:auto;
    bottom:80px;
    left:0px;
}

.main-button
{
    padding-top:17px;
    border: 1px solid #000000;
    color: #ffffff;
    display:block;    
    font-size: 16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:49px;
    background-image:linear-gradient(45deg, #ff0000 0%, #880000 100%);
    line-height:1;
    cursor:pointer;
}

.main-button:hover
{
    background:#ff0000;
    border: 1px solid #ffffff;
}

.main-header-rot-text
{
    opacity:0;
}

#main-htext
{
    display:inline;
}

#main-text
{
    opacity:0;
    transition: all 0.5s;
    display:inline;
}

.main-button-beschreibung-out
{
    width:100%;
    height:50px;
    margin-top:60px;
}

.main-button-beschreibung
{
    margin-top:30px;
    padding-top:16px;
    border: 1px solid #ffffff;
    color: #ffffff;
    display:block;    
    font-size:16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:50px;
    background-image:linear-gradient(45deg, #c20b30 0%, #79091f 100%);
    line-height:1;
}

.main-button-beschreibung:hover
{
    background:#ffffff;
    color:#c20b30;
    border: 1px solid #c20b30;
}

.main-beschreibung-textfenster-out
{
    width:100%;
    height:100%;
    max-width:850px;
    background:#ffffff;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.main-beschreibung-textfenster
{

    width:100%;
    max-width:680px;
    color:#000000;
    margin-left:auto;
    margin-right:auto;

}

.main-beschreibung-header-rot-text
{
    width:100%;
    height:auto;
    font-size:24px;
    font-weight:600;
    text-align:center;
    line-height:1;
    color:#c20b30;
}

.main-beschreibung-header-schwarz-text
{
    width:100%;
    height:auto;
    font-size:18px;
    font-weight:600;
    text-align:center;
    line-height:1;
    color:#000000;
}

.main-beschreibung-header-light
{
    font-weight:400;
    font-style:italic;
}

.main-beschreibung-text
{
    font-size:24px;
    font-weight:600;
    text-align:center;
    line-height:1.3;
    padding-left:10px;
    padding-right:10px;
    color:#000000;
    margin-top:60px;
}

.main-beschreibung-bild
{
    width:100%;
    height:auto;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.main-beschreibung-bild-deckflaeche
{
    width:100%;
    height:100%;
    background:rgba(127,0,0,0.8);
    position:absolute;
    top:0px;
    left:0px;
    display:flex;
    align-items: center;
    justify-content: center;
    transition: all 0.7s;
    opacity:0;
    cursor:pointer;
}

.main-beschreibung-bild-icon
{
    width:400px;
    height:auto;
}

.main-beschreibung-bild-deckflaeche:hover
{
    opacity:1;
}
.main-vorteile-block-schwarz-text
{
    text-align:center;
    width:100%;
    height:auto;
    color:#ffffff;
    margin-bottom:80px;
} 

.main-vorteile-block-out
{
    width:100%;
    height:auto;
    display:block;
    margin-bottom:80px;
}

.main-vorteile-block-icon
{
    width:100px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}


.main-vorteile-block-text-header
{
    width:100%;
    height:auto;
    text-align:center;
    margin-top:54px;
    font-size:24px;
    font-weight:600;
    color:#ffffff;
    margin-left:auto;
    margin-right:auto;
}

.main-vorteile-block-text
{
    width:100%;
    height:auto;
    text-align:center;
    margin-top:34px;
    font-size:16px;
    font-weight:400;
    font-style:italic;
    color:#ffffff;
    padding-bottom:15px;
}

.firmenprofil-textfenster-out
{
    width:100%;
    height:100%;
    max-width:850px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-left:auto;
    margin-right:auto;
}

.firmenprofil-textfenster
{
    display:block;
} 

.firmenprofil-textfenster
{
    text-align:center;
    width:100%;
    max-width:850px;
    color:#000000;
    margin-left:auto;
    margin-right:auto;
    font-weight:600;
    font-size:18px;
}

.firmenprofil-textfenster-zahlen
{
    text-align:center;
    width:100%;
    max-width:850px;
    color:#000000;
    margin-left:auto;
    margin-right:auto;
    font-weight:600;
    font-size:18px;
    padding-left:40px;
    padding-right:40px;
}


.firmenprofil-textfenster-header
{
    font-size:24px;
    line-height:1.3;
    padding-left:10px;
    padding-right:10px;
}

.firmenprofil-textfenster-out-weiss
{
    width:100%;
    height:100%;
    max-width:850px;
    background:#ffffff;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.firmenprofil-textfenster-text
{
    width:100%;
    max-width:850px;
    height:auto;
    padding-left:40px;
    padding-right:40px;
    margin-bottom:20px;
    margin-top:20px;
    font-style:italic;
    font-weight:400;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.firmenprofil-bild
{
    width:100%;
    height:auto;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.firmenprofil-textfenster a
{
    color:#c20b30;
    transition: all 1s;
}

.firmenprofil-textfenster a:hover
{
    color:#333333;
}

.containervideo {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding-bottom: 41.86%;
}

.containervideo iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding:1px;
}



.containervideomeldung
{
	width:100%;
	height:300px;
	background-color:#333333;
	font-weight: 400;
	font-size:20px;
	text-align:center;
	color:#ffffff;
	padding-top:100px;
	padding-left:15px;
	padding-right:15px;
}

.containervideobalken
{
	width:100%;
	max-width:950px;
	height:50px;
	background-color:transparent;
	font-weight:500;
	font-size:32px;
	text-align:center;
	color:#333333;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}

.containervideo
{
	width:100%;
	max-width:1920px;
	height:auto;
	display:block;
	background-color:#000000;
	margin-left:auto;
	margin-right:auto;
}

.videofenster-out
{
    display:none;
    width:100%;
    height:auto;
    position:fixed;
    top:15%;
    left:0px;
    padding-left:40px;
    padding-right:40px;
    opacity:0;
    z-index:99888;
}

.videofenster
{
    width:100%;
    max-width:1400px;
    height:auto;
    background:#000000;
    margin-left:auto;
    margin-right:auto;
    display:block; 
    padding:50px;
    position:relative;
}


.firmenprofil-textfenster-header-rot
{
    width:100%;
    font-size:18px;
    font-weight:600;
    line-height:1;
    text-align:center;
    color:#c20b30;
}

.firmenprofil-textfenster-sub-header-schwarz
{
    width:100%;
    font-size:18px;
    font-weight:600;
    line-height:1;
    text-align:center;
    color:#000000;
}

.zahlen-infoblock
{
    width:250px;
    height:auto;
    display:block;
    padding-top:40px;
    padding-bottom:40px;
    margin-left:auto;
    margin-right:auto;
}

.zahlen-infoblock-header
{
    width:100%;
    height:50px;
    font-size:34px;
    font-weight:600;
    line-height:1;
    text-align:center;
    color:#c20b30;
}

.zahlen-infoblock-text
{
    width:100%;
    height:20px;
    font-size:18px;
    font-weight:400;
    line-height:1;
    text-align:center;
    color:#000000;
    font-style:italic;
}

.weg-x-button
{
    width:40px;
    height:auto;
    position:absolute;
    top:5px;
    right:5px;
    display:block;
    cursor:pointer
}

.video-play-button-out
{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.video-play-button
{
    width:80px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.werte-vorteile-block-icon
{
    width:100px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}

.werte-block-out
{
    width:100%;
    height:auto;
    min-height:660px;
    display:block;
    border:solid 1px #ffffff;
    position:relative;
}

.werte-block-schwarz-text
{
    text-align:center;
    width:100%;
    height:auto;
    color:#ffffff;
    margin-bottom:80px;
} 

.werte-block-text-out
{
    width:100%;
    height:auto;
}

.werte-block-text-header
{
    width:100%;
    height:auto;
    text-align:center;
    margin-top:40px;
    margin-bottom:40px;
    line-height:1;
    font-size:20px;
    font-weight:600;
    color:#ffffff;
    padding-left:10px;
    padding-right:10px;
}

.werte-block-text
{
    width:100%;
    max-width:440px;
    height:auto;
    text-align:center;
    line-height:1.3;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    color:#ffffff;
    padding-left:15px;
    padding-right:15px;
    margin-left:auto;
    margin-right:auto;
}

.trenner-massarbeit-weiss-header-out
{
    width:100%;
    height:auto;
    position:absolute;
    top:80px;
    left:0px;
}

.trenner-massarbeit-weiss-header
{
    width:100%;
    max-width:500px;
    height:auto;
    font-size:34px;
    font-weight:600;
    text-align:center;
    line-height:1.2;
    color:#000000;
    transition: all 0.5s;
    margin-left:auto;
    margin-right:auto;
}

.header-kundenstimmen-block-text
{
    text-align:center;
    width:100%;
    height:auto;
    color:#c20b30;
} 

.kundenstimmen-block-text
{
    width:100%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    padding-left:20px;
    padding-right:20px;
    margin-top:60px;
}


.kundenstimmen-pfeile-out
{
    width:1440px;
    height:auto;
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

.kundenstimmen-pfeil-rechts, .kundenstimmen-pfeil-links
{
    position:absolute;
    width:20px;
    height:auto;
    top:235px;
    display:block;
}

.kundenstimmen-pfeil-rechts
{
    right:0px;
}

.kundenstimmen-pfeil-links
{
    left:0px;
}

.kundenstimmen-scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
     -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; 
}

.kundenstimmen-scrolling-wrapper-flexbox .kundenstimmen-card {
  flex: 0 0 auto;
  margin-right: 15px;
  margin-left: 15px;
}

.kundenstimmen-card
{
    width:650px;
    height:auto;
    background:#FFFFFF;
}

.kundenstimmen-scrolling-wrapper-flexbox
{
    height: auto;
    margin-bottom: 20px;
    width:1360px;
    -webkit-overflow-scrolling: touch;
    margin-left:auto;
	margin-right:auto;
    
}

.kundenstimmen-scrolling-wrapper-flexbox::-webkit-scrollbar 
{
    display: none;
    visibility:hidden;
}	

.kundenstimme-out-1
{
    width:100%;
    height:auto;
    border:1px solid #c20b30;
    padding:10px;
}

.kundenstimme-out-2
{
    width:100%;
    height:100%;
    min-height:480px;
    border:3px solid #c20b30;
    padding:20px;
    position:relative;
}

.kundenstimme-block-text
{
    width:100%;
    height:auto;
    display:block;
    text-align:center;
    font-size:16px;
    font-weight:400;
    font-style:italic;
    color:#000000;
    padding-top:60px;
}


.kundenstimme-block-oben
{
    width:100%;
    height:50px;
    display:block;
    text-align:center;
    font-size:18px;
    font-weight:600;
    line-height:1;
    color:#000000;
    padding-top:18px;
    border-bottom:3px solid #929292;
}

.kundenstimme-block-unten-out
{
    position:absolute;
    bottom:20px;
    left:0px;
    height:50px;
    width:100%;
    padding-left:20px;
    padding-right:20px;
}

.kundenstimme-block-unten
{
    width:100%;
    height:50px;
    display:block;
    text-align:center;
    font-size:18px;
    font-weight:600;
    line-height:1.1;
    color:#c20b30;
    padding-top:14px;
    border-top:3px solid #929292;
}

.ansprechpartner-zeile
{
    width:100%;
    height:auto;
    text-align:center;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    color:#000000;
}

.ansprechpartner-out
{
    width:100%;
    height:auto;
    background:#ffffff;
}

.ansprechpartner-bild
{
    width:100%;
    height:auto;
}

.ansprechpartner-block-weiss
{
    width:100%;
    height:auto;
    min-height:350px;
    padding-top:80px;
}

.ansprechpartner-name
{
    width:100%;
    height:auto;
    font-size:24px;
    font-weight:600;
    text-align:center;
    color:#c20b30;
    line-height:1;
    min-height:28px;
}
.ansprechpartner-position-1
{
    width:100%;
    height:auto;
    font-size:18px;
    font-weight:600;
    text-align:center;
    color:#000000;
    line-height:1;
    min-height:24px;
}
.ansprechpartner-position-2
{
    width:100%;
    height:auto;
    font-size:18px;
    font-weight:600;
    text-align:center;
    color:#000000;
    line-height:1;
    min-height:24px;
}

.ansprechpartner-telefon
{
    margin-top:60px;
}

.ansprechpartner-telefon, .ansprechpartner-email
{
    width:100%;
    height:auto;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    text-align:center;
    color:#000000;
    line-height:1;
    min-height:24px;
}


.anfahrt
{
    width:100%;
    height:auto;
    min-height:550px;
    display:block;
    background:#000000;
    position:relative;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.anfahrt-links-container
{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    text-align:center;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.anfahrt-links-inner
{
    width:100%;
    height:auto;
    text-align:center;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
}

.anfahrt-links-text
{
    width:100%;
    max-width:540px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-style:italic;
    font-size:16px;
    padding-top:40px;
    padding-bottom:40px;
}

.map-container
{
	width:100%;
	height:100%;
	background-color:#000000;
	margin:auto;
}

#map
{
	width:100%;
	height:550px;
} 

.googlemeldung, .googlemeldung a
{
	width:100%;
	height:550px;
	font-weight:600;
	font-size:20px;
    text-align:center;
	color:#ff0000;
	padding-top:200px;
	padding-left:15px;
	padding-right:15px;
}

.faq-akkordion
{
    width:100%;
    height:auto;
    display:block;
}

.faq-akkordion-zeile
{
    width:100%;
    height:auto;
    min-height:100px;
    background:#ffffff;
    display:flex;
    align-items: center;
    justify-content: center;
    position:relative;
    padding-right:100px;
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid #c20b30;
    cursor:pointer;
}

.faq-header-zeile
{
    width:100%;
    height:auto;
}

.faq-headerzeile-text
{
    font-size:16px;
    font-weight:600;
    line-height:1.3;
    color:#000000;
}

.faq-icon-out
{
    width:100px;
    height:100%;;
    position:absolute;
    top:0px;
    right:0px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.faq-icon
{
    width:60px;
    height:auto;
    transition: all 1s;
}

.faq-icon.aktiv
{
     transform: rotate(180deg);
}

.faq-pfeil-pfeil 
{
    fill: none;
    stroke-linecap: round;
    stroke-linejoin:round;
    stroke-width: 1px;
    transition: all 1s;
}

.faq-pfeil-kreis 
{
    stroke-miterlimit: 10;
}

.faq-pfeil-pfeil, .faq-pfeil-kreis 
{
    stroke:#000000;
}

.faq-pfeil-kreis
{
    fill:#ffffff;
    transition: all 1s;
}

.faq-icon.aktiv .faq-pfeil-pfeil
{
    stroke:#ffffff;
}

.faq-icon.aktiv .faq-pfeil-kreis
{
    fill:#c20b30;
    stroke:#c20b30;
}

.faq-akkordion-anzeige
{
    width:100%;
    background:#ffffff;
    display:grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease-out;
}

.faq-akkordion-anzeige.aktiv
{
    grid-template-rows:1fr;
}

.faq-akkordion-anzeige-text
{
    font-size:16px;
    font-weight:400;
    font-style:italic;
    color:#000000;
    text-align:center;
    overflow:hidden;
    margin-top:30px;
    margin-bottom:30px;
    padding-left:30px;
    padding-right:30px;
}

.wort-durchgestrichen
{
    position:relative;
    text-decoration:line-through;
    text-decoration-color:#c20b30;
    text-decoration-thickness:3px;
}

.wort-ersetzt
{
    position:absolute;
    top:-30px;
    left:-4px;
    color:#c20b30;
    font-size:28px;
    font-weight:400;
    font-style:italic;
}

.button-materialien
{
    padding-top:16px;
    border: 1px solid #000000;
    color: #000000;
    display:block;    
    font-size:16px;
    font-weight:600;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:50px;
    background:#ffffff;
    line-height:1;
}

.button-materialien:hover
{
    background:#c20b30;
    border: 1px solid #000000;
    color:#ffffff;
}

.icon-dateien
{
    width:100%;
    height:auto;
    max-width:100px;
    margin-left:auto;
    margin-right:auto;
}

.icon-max-4
{
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
}

.icon-max-3
{
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
}

.dateien-header-text
{
    font-size:24px;
    font-weight:600;
    text-align:center;
    color:#000000;
    max-width:650px;
    margin-left:auto;
    margin-right:auto;
}

.dateien-text
{
    font-size:16px;
    font-weight:400;
    text-align:center;
    color:#000000;
    font-style:italic;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

.dateien-text a
{
    font-style:normal;
    font-weight:600;
    color:#000000;
}

.dateien-text a:hover
{
    color:#c20b30;
}

.header-download-block-text
{
    text-align:center;
    width:100%;
    height:auto;
    color:#ffffff;
} 

.download-block-text
{
    width:100%;
    max-width:1100px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:18px;
    font-weight:400;
    font-style:italic;
    padding-left:20px;
    padding-right:20px;
    margin-top:60px;
    color:#ffffff;
}

.vaributtondownload
{
     max-width:780px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vaributton
{
    padding:12px;
    margin-left:7.5px;
    margin-right:7.5px;
    margin-bottom:15px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    font-weight:600;
    line-height:1;
	cursor: pointer;
	background:#000000;
    position:relative;
    width:max-content;  
    float:left; 
}

.vaributton:hover
{
    background:#c20b30;
    color:#ffffff;
	border-color:#ffffff;
}

.vaributtonmarkiert
{
    background:#c20b30;
    color:#ffffff;
	border-color:#ffffff;
}

.impressum-textbox
{
    font-size:16px;
    font-weight:400;
    color:#000000;
    font-style:italic;
    margin-left:auto;
    margin-right:auto;
}

.impressum-textbox strong
{
    font-style:normal!important;
}