.large.text {
 font-size: large;
}

.ui.vertical.stripe {
 padding: 3em 0em;
}
.ui.vertical.stripe p {
 font-size: 1.33em;
}
.ui.vertical.stripe li {
 font-size: 1.33em;
 padding: 0.2em 0em;
 line-height: 1.2em;
}

.pusher {
 background-color: #ebebeb;
}

#mainmenu {
 background-color: rgba(230, 230, 230, 0.8);
}

#launchbtn {
 display: none;
}
#launchbtn .ui.button {
 border-width: 0.15em;
 border-style: solid;
 border-color: lightgray;
}
#logoitem {
 padding: 0.5em;
}
#logoitem img {
 width: auto;
}

#sidebar {
 padding-top: 3.5em;
}

#header {
 height: 4em;
}

#headervideo {
 padding-top: 2em;
 --background-image: url('header.jpg');
 background-size: cover;
 background-position-y: 50%;
 background-color: lightgray;
}

#headervideo.segment {
 min-height: 30vw;
 max-height: 40vw;
 padding: 0em;
 overflow: hidden; /* schneidet überränder vom video weg */

 display: flex;
 align-items: center;
}

#headervideo video {
 position: absolute;
 top: 50%;
 left: 50%;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 -z-index: -10;
 -ms-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 -background: url('header.jpg') no-repeat;
 -background-size: cover;
}

/* no video with small devices, static image instead */
@media (max-width: 52em) {
 #headervideo video {
  display: none;
 }

 #headervideo {
  -background-image: url('header.jpg');
  -background-size: cover;
  -background-position-y: 50%;
 }
}

#headervideo div {
 flex: auto;
}

#kopfslogan {
 padding-top: 2vw;
 z-index: 1;
}

#kopfslogan .header {
 font-size: 3vw;
 margin: 1.5vw 0 0 0;
 text-shadow: 0 0 0.1em #909090;
}

/* menü break breite */
@media only screen and (max-width: 500px) {
 #mainmenu .item {
  display: none;
 }

 #launchbtn, #logoitem, #langselect, #mainmenu .dropdown .item {
  display: block !important;
 }

 #headervideo.segment {
  min-height: 10em;
 }

 #headervideo h1.ui.header {
  font-size: 1em;
  margin-top: 1.5em;
 }

 #headervideo h2 {
  margin-top: 0.2em;
  font-size: 1.0em;
 }

 #-kopfslogan h1 {
  margin-top: 2vw;
 }
}

#pagecontent {
 -border: 1px blue solid;
 min-height: calc(100vh - 3.5em);
}
footer {
 -height: 3.7em;
}