.centered{
    position:absolute;
    width:1220px;
    height:600px;
    left:50%;
    top:50%;
    margin-left:-610px;
    margin-top:-300px;
}

.panel {
	float: left;
	width: 600px;
	height: 600px;
	background-color: #1e1e1e;
}

.title {
	margin-top: 30px;
	float: left;
	width: 600px;
	height: 50px;
}

#cfg_panel {
	margin-right: 20px;
	background-color: #1e1e1e;
	background-image: url(icon-konfigurator.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 350px 166px;
}

#no_cfg_panel {
	margin-right: 20px;
	background-color: #121212;
}


#gal_panel {
	margin-right: 0px;
}


#cfg_title {
	margin-right: 20px;
}

#gal_title {
	margin-right: 0px;
}

@media only screen and (max-width: 1440px) {
    .panel {
        width:500px;
        height:500px;
    }

    .title {
    	width:500px;
    }

    .centered {
    	width:1020px;
    	height:500px;
    	margin-left:-510px;
    	margin-top:-250px;
    }
}

body{
	margin-top: 0px;
	margin-left: 0px; 
	background: #000;
}

.occ_logo {
  position: absolute;
  left: 50%;
  margin-left: -40px;
  margin-top: 20px;
  width: 81px;
  height: 20px;
  object-fit: contain;
}

h1 {
  margin-top: 0px;
  font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 2.3px;
  text-align: center;
  color: #ffffff;
}

a:link, a:visited, a:hover, a:active {
    color: white;
    text-decoration: none;
}