/* LIGHTGREY f2f2f2 DARKGREY 363636 GREY 8a8a8a MANGO f1c53f*/


html {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
font-family: 'Muli', sans-serif;
font-weight:400;
height:100% !important; 
font-size:16px;
min-height:100% !important;
margin:0;
color:#1d2551;
background: #f4f4f4;
 line-height:220%;   
}


/* Typo */
h1, h2, h3 {font-family: 'Share Tech', sans-serif; font-weight: normal;}
h1 {font-size:48px;}
h2 {font-size:24px; margin-bottom:75px;}
#content .content_inner h2 {margin:50px 0 15px 0;}
#content .content_inner p {margin-bottom:25px;}

.box_2er h2 {margin-top:0 !important;}
a.button {text-decoration: none; background:#e3d734; color:#1d2551 !important; padding:10px 15px; border-radius:10px; font-size:14px; font-weight:600; margin-right:30px; margin-top:50px; display: inline-block;}
a.button:hover {background:#d3c72a;}
#content a, .blue {color:#6f92a4; text-decoration:none;}
#burger {display: none;}
#burger {float:right;}

/* Inhaltsbereiche */
#site {border-top:12px solid #6f92a4; min-width: 100%;}
#logo img {max-width:100%;}

.start #top_content {background: url('../images/header_image.png'); background-size:auto 100%; background-position: right top; background-repeat: no-repeat;}
.start #top_content {min-width:1350px; overflow:hidden;}
#top_content #head .head_inner {width:90%; margin:0 auto; padding:50px 0;}
#top_content #head #logo {width:20%;}
#top_content #head #nav {font-size:18px; width:50%; font-weight:600;}
#top_content #head #nav ul {padding:0; margin:0; width:100%; }
#top_content #head #nav ul li {display:inline; margin-right:50px; line-height:56px;}
#top_content #head #nav a {color:#1d2551; text-decoration: none;}
#top_content #head #nav li.active a{color:#6f92a4;}
#top_content #head #logo, #top_content #head #nav {float:left;}
#top_content .text_box {width:50%; padding:125px 0 175px 75px;}
#top_content .inner {width:90%; max-width:1400px; margin:0 auto;}

#content .content_inner {width:90%; max-width:1400px; margin: 0 auto; padding:100px 0 150px 0;}

/* Startseite */

.dark_box {background:#202331; color:#6f92a4; padding:100px 0;}
.dark_box .inner {width:1400px; margin:0 auto;}
.dark_box .text{ width:40%; float:left; padding:50px;}
.dark_box .geraete {width:40%; float:right;}
.dark_box .geraete ul {float:left; width:50%; margin:0; padding:0;}
.dark_box .geraete ul li {color: #e3d734; list-style: none;}
.dark_box h2 {margin:40px 0;}

.kunden_einzugsgebiet {background: url("../images/kunden_einzugsgebiet_bg.png"); background-size: auto 100%; background-position: center center;}
.kunden_einzugsgebiet .text {width:500px; padding:7% 0 15% 0; margin:0 auto;}
.kunden_einzugsgebiet .text a.button {width:95px; display: block; margin:50px auto 0 auto;}

.staedte {padding:0 75px;}
.staedte_inner {border-top:4px solid #efefef; padding:75px 0;}
.staedte ul {padding: 0; text-align: center;}
.staedte ul li{display: inline-block; width:12%; font-weight: 600;}
.staedte ul li.thin {width: 26%; font-weight: 400;}

.blue_box {position: relative; background: url('../images/verlinkungen_bg.png'); background-size: cover; background-position: center center;background-color:#6f92a4; color:white; padding:100px 0;}
.blue_box .inner {width:100%; margin:0 auto;}
.blue_box .text{ width:50%; float:left; padding:50px 0;}
.blue_box .text .inner {width:500px; margin:0 auto;}
.blue_box .verlinkungen {width:40%; float:right;}
.blue_box .verlinkungen .links {background: #202331; width:auto; position:absolute; top:33%; right:12%;border-radius: 10px;}
.blue_box .verlinkungen .links a.button {margin:50px 25px;}
.blue_box h2 {margin:40px 0;}


/* Geräte */
.box_2er .left, .box_2er .right {width:50%; float:left;}
.geraet {padding:25px 75px 25px 130px; line-height:170%; margin-bottom:50px;}
.geraet h3, p {margin: 0;}
.geraet h3 {margin-bottom:10px;}
.geraet.billard {background: url('../images/billard.png'); background-size:100px auto; background-position: center left; background-repeat: no-repeat;}
.geraet.darts {background: url('../images/darts.png'); background-size:100px auto; background-position: center left; background-repeat: no-repeat;}
.geraet.flipper {background: url('../images/flipper.png'); background-size:100px auto; background-position: center left; background-repeat: no-repeat;}
.geraet.tischfussball {background: url('../images/tischkicker.png'); background-size:100px auto; background-position: center left; background-repeat: no-repeat;}
.geraet.automatenspiel {background: url('../images/spielautomat.png'); background-size:100px auto; background-position: center left; background-repeat: no-repeat;}
.geraet.TV-spielgeraete {background: url('../images/tv-spielgeraet.png'); background-size:100px auto; background-position: center left; background-repeat: no-repeat;}
.geraet.simulatoren {background: url('../images/simulator.png'); background-size:100px auto; background-position: center left; background-repeat: no-repeat;}
.geraet.und-mehr {background: url('../images/und-mehr.png'); background-size:100px auto; background-position: center left; background-repeat: no-repeat;}

.dark_box {background:#202331; color:#6f92a4; padding:100px 0;}
.dark_box .inner {width:90%; max-width:1400px; margin:0 auto;}
.dark_box .text{ width:40%; float:left; padding:50px;}
.dark_box .kontakt {width:40%; float:right; padding-top:5%;}
.dark_box .kontakt li {width:50%; float:left; list-style:none;color:white;}
.dark_box .kontakt li .yellow, .dark_box .kontakt li .yellow a {color:#e3d734 !important; text-decoration: none;}

.dark_box h2 {margin:40px 0;}

/* Service*/
.service_punkt {}


/* Casinos */
.galerie {margin:100px 0;}
.galerie .f3 {width:20%; float:left;}
.galerie img {max-width:100%;}


/* Footer */
#footer {background: #202331; color:#6f92a4; padding:30px 75px 100px 75px;}
#footer a {color: #6f92a4; text-decoration: none;}
#footer .copyright {float:left;}
#footer .impressum {float: right;}
#footer img {margin:0 auto; margin-top:50px; display: block;}


.clear {clear:both;}



/* Markierter Text farbig*/
   ::selection { background: #e3d734; color: #1d2551; }
   ::-moz-selection { background: #e3d734; color: #1d2551;}