p.height-leer {height:150px;
}
table#anfang {
margin-left:auto;margin-right:auto;font-size:20px;font-family:Oswald;
}
#button {
width:50px;height:50px;border-radius:100%;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#titel1 {text-transform:uppercase;font-weight:400;
}
#titel2 {text-transform:lowercase;color:#cccccc;font-weight:300;
}
.box {
position: absolute;
top: 50%;
left: 50%;
width: auto; /* original: 100% */
height: auto;
padding: 0px;
margin-left: -100px;
margin-top: -100px;
background: transparent;
box-sizing: border-box;
}
p {font-size: 14px;text-align:justify;
}
p.sechzehn {font-size: 16px;text-align:justify;line-height:1.4em;padding-bottom:10px;
}
p.achzehn {font-size: 18px;text-align:justify;
}
.margin {
margin-bottom: 45px;
}
.bg-1 {
background-color: #1abc9c; /* Green */
color: #ffffff;
}
.bg-2 {
background-color: #474e5d; /* Dark Blue */
color: #ffffff;
}
.bg-3 {
background-color: #ffffff; /* White */
color: #555555;
}
.bg-4 {
background-color: #2f2f2f; /* Black Gray */
color: #fff;
}
.topstreifen {background-color:#1abc9c;height:6px;width:100%;margin-top:10px
}
.container-fluid {
padding-top: 70px;
padding-bottom: 40px;
}
.navbar {
padding-top: 15px;
padding-bottom: 15px;
border: 0;
border-radius: 0;
margin-bottom: 0;
font-size: 12px;
letter-spacing: 5px;
z-index:99;
}
.navbar-nav  li a:hover {
color: #1abc9c !important;
}
ul.wie {list-style:disc;font-size:16px;text-align:left;line-height:1.4em;margin-top:-14px;margin-left:-20px;
}
#brand {font-family:Oswald;font-weight:700;color:#cc3333;letter-spacing:0pt;background-color:#f3f3f3;
}
.card-stumm {background-color:#f3f3f3;box-shadow:5px 10px #999999;border-radius:9px;opacity:0.5
}
.card-cleared {background-color:#f3f3f3;box-shadow:5px 10px #999999;border-radius:9px;opacity:0.5
}
.card1 {
background-color:#707172;color:#cccccc;font-family:Abel;font-weight:400;font-size:20px;
letter-spacing:1px;text-shadow:1px 1px #000000;line-height:1.1em;padding:10px;
}
.card2 {
background-color:#707172;color:#cccccc;font-family:Oswald;font-weight:200;font-size:20px;
letter-spacing:1px;text-shadow:1px 1px #000000;line-height:1.1em;padding:10px;
}
.card3 {
background-color:#474e5d;color:#cccccc;font-family:Oswald;font-weight:200;font-size:20px;
letter-spacing:1px;text-shadow:1px 1px #000000;line-height:1.1em;padding:10px;
}
.card4 {
background-color:#1abc9c;color:#cccccc;font-family:Oswald;font-weight:200;font-size:20px;
letter-spacing:1px;text-shadow:1px 1px #000000;line-height:1.1em;padding:10px;
}
.card5 {
background-color:#1abc9c;color:#f3f3f3;font-family:Oswald;font-weight:200;padding:10px;
}
.impr-ds {margin-top:-15px;height:100px;overflow:auto;font-family:Abel;text-align:justify;font-size:10px;color:#cccccc;padding:6px;line-height:1em;
}

/* wichtig scrollbar und placeholder Email Form */
::-webkit-input-placeholder {
  color: #cccccc;
}
::-moz-placeholder { 
  color: #cccccc;
}
:-ms-input-placeholder { 
  color: #cccccc;
}
:-moz-placeholder {
  color: #cccccc;
}
.scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #cccccc;
}
.scrollbar::-webkit-scrollbar-thumb {
    background: #99cc99; 
}
.opd-shadow-box {
box-shadow: 5px 10px #999999;
border-radius:9px;
}
#bt-relaunch-box { text-shadow:2px 1px black;
}
.mobanzeige {
display:none;
text-align:center;
font-size:15px;
height:30px;
background-color:#474e5d;
color:#f2f2f2;
}
.example1 {
display:block;
 height: 30px;	
 overflow: hidden;
 position: relative;
background-color:#474e5d;
border-radius:3px;
}
.example1 h3 {
display:block;
 font-size: 0.8em;
 color: #f2f2f2;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 30px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 10s linear infinite;
 -webkit-animation: example1 10s linear infinite;
 animation: example1 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
/* ENDE */
.bg-grad1 {
background: -webkit-linear-gradient(left, #f2f2f2,#599999,#f2f2f2) 50%;
background: -o-linear-gradient(right, #f2f2f2,#599999,#f2f2f2) 50%;
background: -moz-linear-gradient(right, #f2f2f2,#599999,#f2f2f2) 50%;
background: linear-gradient(to right, #f2f2f2,#599999,#f2f2f2) 50%; /*Standard*/
}
.bg-grad2 {
background: -webkit-linear-gradient(left, #009933,#99ff99,#009933);
background: -o-linear-gradient(right, #009933,#99ff99,#009933);
background: -moz-linear-gradient(right, #009933,#99ff99,#009933);
background: linear-gradient(to right, #009933,#99ff99,#009933); /*Standard*/
}
.ecken {
-moz-border-radius:15px 15px 15px 15px; /* Firefox */
-webkit-border-radius:15px 15px 15px 15px; /* Chrome, Safari */
-khtml-border-radius:15px 15px 15px 15px; /* Konqueror */
border-radius:15px 15px 15px 15px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */
}
txt-shad
{text-shadow: 2px 2px #ff0000;
}
.shad {
-moz-border-shadow:11px 11px 11px 11px; /* Firefox runde Ecken */
-webkit-border-shadow:11px 11px 11px 11px; /* Chrome, Safari */
-khtml-border-shadow:11px 11px 11px 11px; /* Konqueror */
border-shadow:11px 11px 11px 11px; /* CSS3 */
behavior:url(border-shadow);
}