/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 9, 2016 */
@font-face {
    font-family: 'robotolight';
    src: url('font_roboto/roboto-light-webfont.eot');
    src: url('font_roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_roboto/roboto-light-webfont.woff2') format('woff2'),
         url('font_roboto/roboto-light-webfont.woff') format('woff'),
         url('font_roboto/roboto-light-webfont.ttf') format('truetype'),
         url('font_roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('font_roboto/roboto-medium-webfont.eot');
    src: url('font_roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('font_roboto/roboto-medium-webfont.woff') format('woff'),
         url('font_roboto/roboto-medium-webfont.ttf') format('truetype'),
         url('font_roboto/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('/font_roboto/roboto-regular-webfont.eot');
    src: url('font_roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('font_roboto/roboto-regular-webfont.woff') format('woff'),
         url('font_roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('font_roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*------------------------- CSS ---------------------------------------------------------*/
* {
	font-family: "robotolight","Helvetica Neue",Helvetica,Arial,sans-serif;
	background: #f7f6f5;
    color: #545c62;
}

a {
	color:#545c62;
}
a:hover,
a:focus {
	color:#f67e7e;
}
.tile {
    background: #fff;
    float: left;
    margin: 10px;
    padding: 90px 25px 25px 25px;
    width: calc(33% - 68px);
    font-size: 10pt;
    border-top: 5px solid #ebebeb;
	-webkit-transition : border 500ms ease-out;
	-moz-transition : border 500ms ease-out;
	-o-transition : border 500ms ease-out;
	transition : border 500ms ease-out;
}
.tile:hover,
.tile:focus {
    border-top: 5px solid #FFADAD;
 	/*background-color: rgba(255,255,255,0.55);*/
    box-shadow: 0 4px 5px #D3D3D3;
}

.wrapper {
	max-width: 1280px;
    text-align: center;
	margin: 0 auto;
}

h2 {
	margin: 25px 0;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 25px;
}
.wrapper_tiles {
	margin: 50px auto 0;
    width: 80%;
}
.sat1,
.pro7,
.kabel1,
.sixx,
.gold,
.maxx,
.gewinnarena,
.joynme {
	background-repeat: no-repeat;
	background-position: 50% 25px;
}
.sat1 {
	background-image: url('imgs/sat1.png');
    background-size: 100px auto;
}
.pro7 {
	background-image: url('imgs/pro7.png');
	background-size: 50px auto;
}
.kabel1 {
	background-image: url('imgs/kabel1.png');
	background-size: 50px auto;
}
.sixx {
	background-image: url('imgs/sixx.png');
	background-size: 50px auto;
}
.gold {
	background-image: url('imgs/gold.png');
    background-size: 100px auto;
}
.maxx {
	background-image: url('imgs/maxx.png');
    background-size: 150px auto;
}
.gewinnarena {
    background-image: url('imgs/gewinnarena.png');
}
.joynme {
  background-image: url('imgs/joynme.png');
  #  background-image: url('imgs/gewinnarena.png');
}