* {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
 
  padding: 0;
  margin: 0;
  outline:0; 
}

:focus { outline:0; }
.wf-loading { visibility: hidden; }
.wf-active, .wf-inactive { visibility: visible; }

body {
  margin: 0;
  background: #b4b4b4; 
  overflow-y: scroll;
  font-family: "acumin-pro-condensed", sans-serif;
}

#videos { width: 50px; height: 180px; background: url(/images/teaser.svg) no-repeat; background-size: cover; display: block; position: fixed; top: 0; margin-top: 2%; left: 0px; z-index: 999; }

.background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	background: url('/images/bg2.jpg') no-repeat;
	background-size: cover;
}

#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	background: url('/images/bg2.jpg') no-repeat;
	background-size: cover;
}

#content { 
  font-weight:100; 
  background: rgba(255,255,255,0.8);
  color: black;
  padding: 1%;
  min-width: 30%;
  width: 220px;
  margin: 2%;
  float: right;
  font-size: 18px;
}

#content > span:last-of-type { margin: 40px 0px 10px; padding: 0px 10px; background-color: #920000; display: block; border-radius: 5px; text-align: center; color: white; line-height: 40px; font-size: 20px; }
#content > span:last-of-type > a {  display: inline-block; background: url('/images/email.png') no-repeat; background-size: cover; width: 19px; height: 13px; margin-left: 5px; }
#content > a:last-of-type { display: block; text-align: center; font-size: 16px; color: black; text-decoration: underline; padding: 0; margin: 0; line-height: 20px; }

p { margin: 20px 0px; line-height: 30px; clear: both; }
strong { font-weight: 700; }

h1 { clear: both; font-size: 34px; text-transform: uppercase; margin-top: 0; line-height: 36px; color: #274c72; float: left; }
h2 { color: #274c72; font-size: 30px; font-weight: 700; margin-bottom: 40px; }

#minimize, .hideSubContent { padding: 0; margin: 0; display: inline; float: right; text-align: center; width: 21px; background-color: #920000; line-height: 18px; font-weight: bold; padding-bottom: 3px; font-size: 12px; color: white; text-decoration: none; border-radius: 5px; }

#content > ul { list-style: none; margin: 0; padding: 0;}
#content > ul  > li { margin: 15px 0px; background-color: #274c72; border-radius: 5px; transition: .6s background; color: white; line-height: 40px; font-size: 20px; padding: 0px 10px; cursor: pointer; }
#content > ul  > li:hover { background-color: #4783c0; transition: .6s background; }

#content img { width: 100%; }

.subcontent { display: none; padding: 1%; position: absolute; width: 50%; background: rgba(255,255,255,0.8); top: 0; left: 10%; margin-top: 2%; color: black;  font-size: 22px; }
.subcontent  ul { padding-left: 20px; }
.subcontent  span { font-size: 30px; font-weight: 700; display: block; margin-top: 20px; }
.subcontent  span  span{ color: #920000; display: inline-block; font-size: 40px; line-height: 40px; }

.subcontent  > ul li { margin: 20px 0px; line-height: 26px; }
.subcontent  > ul > li { font-weight: 700; list-style-type: disc; }
.subcontent  > ul > li > ul > li{ font-weight: 400; list-style-type: circle; margin: 10px 0px 10px; }

.scan { color: #7e1664; font-weight: bold; }

#scdienstleistungen  > ul > li:nth-of-type(3) { margin-bottom: 40px; }

#scvorteile img { margin-left: 25px; margin-bottom: 0px; width: 85%; max-width: 500px; }
#scvorteile span { margin-top: 10px; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 500px) { 
  div{width:70%;} 
}
@media screen and (max-device-width: 800px) {

}