body {
  font-family: Calibri, sans-serif;	
}

h1 {
  font-size:16px;
  font-weight:bold;
  margin:0;
}

h2, strong{
  color: #e33916;
  font-weight:bold;
  font-size: 16px;
}

button, .formsub, .popup-butt {
  background:#fff;
  color: #e33916;
  font-size:14px;
  padding:5px;
  border:none;
  border-radius:15px;
  font-weight:bold;
  transition: background 0.5s ease 0s;
}

footer {
  position:fixed;
  width:100%;
  height:40px;
  border-top:1px solid #e33916;
  left:0;
  bottom:0;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  padding: 10px;
  text-align:center;
}

header {
  position:fixed;
  width:100%;
  height:55px;
  border-bottom:1px solid #e33916;
  left:0;
  top:0;
  color:#fff;
  padding: 10px;
  z-index:999;
  text-align:center;
}

button:hover, .formsub:hover, .popup-butt:hover {
  background:#EFC5C5;
}

#dspopup {
  position:fixed;
  top:-100%;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  z-index:8888;
  min-height: 100%;
}

.popup-box {
  position:absolute;
  width:80%;
  background:#e33916;
  color:#fff;
  width:360px;
  left:50%;
  margin-left:-180px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  border-radius:15px;
  border:4px solid #832C2E;
  padding:25px 10px;
  z-index:9200;
}

.ds-open {
  color:#000;
  text-decoration:underline;
  cursor:pointer;
}

.popup-butt {
  cursor:pointer;
  font-size:18px;
}

.home {
    height: 100vh;
    position: relative;
}

video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-content {
    position: relative;
    padding-top: 150px;
    color: #fff;
    text-align: center; 
	background:rgba(0,0,0,0.8);
	height: 100%;
}

.facebook {
  position: fixed;
  top:60px;
  left: 20px;
  font-size: 20px;
  cursor:pointer;
  color: #e33916;
}

.whatsapp {
  position: fixed;
  top:60px;
  right: 20px;
  font-size: 20px;
  cursor:pointer;
  color: #e33916;
}

.facebook span, .whatsapp span {
  font-size:16px;
  color:#fff;
  display:block;
}

.fade-in {
  animation-name: fadeIn;
  animation-duration: 4s;
}

.iconbox {
  padding:10px;
}

.innerbox {
  padding:0px;
  border-radius:20px;
}

.icon {
  margin-bottom:-16px;
  max-width:20%;
}

.info-outer {
  position:fixed;
  width:100%;
  height:100%;
  padding: 50px 0 40px 0;
  transition: all 0.5s ease 0s;
}

.infobox {
  transition: all 0.5s ease 0s;
  width:100%;
  height:100%; 
  z-index:5000;
  background:#000;
  text-align:center; 
  padding:50px; 
}

.infobox img {
  max-width:25%;
}

.infobox h2, .uns h2, .kontakt h2, .impressum h2, .datenschutz h2 {
  font-size:22px;
}

.infobox p {
  color:#fff;
  font-size:18px;
  max-width:400px;
}

.impressum {
  position:fixed;
  top:0;
  right:-100%;	
  overflow-y:scroll;
  transition: all 0.5s ease 0s;
  width:100%;
  height:100%; 
  z-index:5000;
  background:#000;
  color:#fff;
  text-align:center;
  padding-bottom:100px;
  padding-top:50px;
  font-size:18px;
}

.impx {
  transition: all 0.5s ease 0s;
  position:absolute;
  top:5px;
  right:25px;
  font-size:38px;
  font-weight:bold;
  color: #e33916;
  cursor:pointer;
}

.impx:hover {
  color:#D1A5A6;
}

.datenschutz {
  position:fixed;
  top:0;
  left:-100%;	
  overflow-y:scroll;
  transition: all 0.5s ease 0s;
  width:100%;
  height:100%; 
  z-index:5000;
  background:#000;
  color:#fff;
  text-align:center;
  padding-bottom:100px;
  padding-top:50px;
  font-size:18px;
  z-index:99999;
}

.billard {
  top:0;
  left:-100%;
}

.slot {
  bottom:-100%;
}

.dart {
  top:0;
  right:-100%;
}

.ds {
	position:absolute;
    left:15px;
    display:inline-block;
	transition: color 0.5s ease 0s;
	cursor:pointer;
}

.imp {
	position:absolute;
    right:15px;
    display:inline-block;
	transition: color 0.5s ease 0s;
	cursor:pointer;
}

.ds:hover, .imp:hover {
  color:#e33916;
}

.uns, .kontakt {
  position:fixed;
  bottom:-100%;	
  overflow-y:scroll;
  transition: all 0.5s ease 0s;
  width:100%;
  height:100%; 
  z-index:5000;
  background:#000;
  color:#fff;
  text-align:center;
  padding-bottom:100px;
  padding-top:50px;
  font-size:18px;
}

.kontakt {
  padding-top:100px;
}

form input {
  font-size:18px;
}

.uns a {
  background:#fff;
  color: #e33916;
  font-size:18px;
  padding:5px;
  border:none;
  border-radius:15px;
  font-weight:bold;
  transition: background 0.5s ease 0s;
}

.uns a:hover, .uns a:active, .uns a:link {
  text-decoration: none;
  background:#EFC5C5;
}

.uns img {
  display:inline-block;
  max-width:200px;
}

.uns span {
  color:#e33916;
}

.uns i {
  font-size:30px;
}

.filialen {
  margin-top:15px;
}

.othb {
  padding:30px;
}

.unsbutt {
  float:right;
  width:150px;
  position: fixed;
  bottom: 50px;
  left: 20px;  
}

.kontaktbutt {
  float:left;
  width:150px;
  position: fixed;
  bottom: 50px;
  right: 20px;   
}

.mailgood {
  position:fixed;
  top:0;
  left:50%;
  width:320px;
  margin-left:-160px;
  color:#fff;
  font-size:18px;
  text-align:center;
  padding:25px;
  background:#e33916;
  border:4px solid #832C2E;
  z-index:9999;
}

.dartlogo {
  min-width:150px;
  max-width:150px;
  display:inline-block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*+++++++++++++++++++++++++++++*/
/*++++++++++ @MEDIA +++++++++++*/
/*+++++++++++++++++++++++++++++*/
@media(min-width:800px) {
h1 {
  font-size:18px;
}
}

@media(min-width:1000px) {
h1 {
  font-size:22px;
}
}

@media(min-width:1200px) {
h1 {
  font-size:28px;
}	

h2, strong{
  font-size: 30px;
}

header {
  height:50px;
}

footer {
  font-size:14px;
}

button, .formsub {
  font-size:18px;
}

.home-content {
    padding-top: 100px;
}

.iconbox {
  padding:50px;
}

.facebook, .whatsapp {
  font-size: 30px;
}

.facebook span, .whatsapp span {
  font-size:20px;
}

.icon {
  max-width:20%;
}

.infobox {
  padding:100px; 
}

.infobox img {
  max-width:5%;
}

.infobox h2, .uns h2, .kontakt h2, .impressum h2, .datenschutz h2 {
  font-size:30px;
}

.unsbutt, .kontaktbutt {
  position: relative;
  margin-top:45px;
}

.filialen {
  margin-top:0;
}
}