@viewport{
    zoom: 1.0;
    width: device-width;
}

li.topmenu {height:48px;line-height:28px;}

:root { --hintergrund: #2986CB;
        --schriftfarbe: black;
        --link: blue;
        --grau: #dedede}

.inhalt { display:block;
        max-width: 1200px; 
        min-width: 250px; 
        margin-left: auto; 
        margin-right: auto; 
        padding: 10px;
}

#fuss a {margin-right: 30px;}

div.slideshow {
    background-color: lightgrey;
    width:100%;
    box-shadow: 0 0 10px  10px grey;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 10px;
}


.diabild img {width:99%;}
/* Das erste Element ist die Ãœberschrift
   plus 4 Bilder */
.slideshow div:nth-child(n+6) {display:none;}


.slideshow div {width: 24.8%; min-width: 200px;}
.diabild img {
    animation-duration: 5s; /* Die 5 Sekunden müssen mit "setIntervall" Übereinstimmen. */
    animation-iteration-count: 4; /* Weil 4 Bilder in der Diashow drin sind. */
    animation-name: slidein;
}
@keyframes slidein {
  from {
    opacity: 0;
  }
25% {
    opacity: 1;
  }
75% {
    opacity: 1;
  }
to {
    opacity: 0;
  }
}

.slideshow img {
    width: 99%;
    margin-left:5px; 
    border-radius:10px;}

div.diabild {
    display: inline-block;
    }
  
button { height: 35px; color:blue; font:bold 14px Trebuchet MS;
        cursor: pointer;
        margin-top: 10px;
        background-color:#8a8a8a;
        background-image:url("../androis_green_files/css3menu1/mainbk.png");
        background-repeat:repeat;background-position:0 0;}

.lifttyp img {
    border-radius:20px;
    border: 1px solid;
    margin: 25px;
    min-width: 250px;
    box-shadow: 5px 10px #888888;
}

.referenzen div {
    display:inline-block; 
    width: 395px; 
    height: 210px; 
    border: 1px solid black; 
    background-color:var(--grau); 
    color: var(--schriftfarbe);
    vertical-align: top;
}     
.referenzen img {
    margin-right: 1em;
    width: 150px; 
    max-height: 190px;   
}

.referenzen table {
    width:100%; 
    height:210px
}
  
.partner div {
     display: inline-block; 
     width: 200px; height: 150px; 
     margin: 2em; 
     align-items: center; 
     text-align: center;
     justify-content: center; 
}
.bereich div {
    display:inline-block; 
    width: 300px; 
    height: 120px; 
    margin: 0; 
    border: 2px solid black; 
    background-color:var(--grau); 
    vertical-align: top; 
    text-align: center; 
}
fieldset {
    background-color:var(--hintergrund);
}
fieldset span {color: var(--schriftfarbe); width: 150px; display: inline-block;}

input.schaltflaeche {
    width: 150px; height: 50px; font-size: x-large;  background-color: yellow; border-radius: 20px; border-width: 4px;
}

table {border: 2px solid var(--hintergrund) }
.tabelle tr:nth-child(odd) { background: var(--hintergrund); color:  white; }
.tabelle td {padding: 7px;}

div.home {padding: 10px; font-size: x-large;}
div.home:nth-child(odd) { background: var(--hintergrund); color:  white;  }
div.home:nth-child(even) { color:  black;   }

.inhalt {font-size: large;}
.referenzen {font-size: medium;}


@media print {
.noprint {
  display: none;
} 
}
