.T3665 { margin: 0 0 10px 0; background-color: #eee; background-image: url(https://tramino.s3.amazonaws.com/s/ok-ski/989617/infos-bg.jpg); background-repeat: no-repeat; background-position: right; background-size: contain }
.T3665 .inner { padding: 40px 0 }
.T3665 .grid { height: 450px }
.T3665 .grid .row { height: 50%; width: 100%; margin-bottom: 10px }
.T3665 .grid .row.row1 .tile1, .T3665 .grid .row.row1 .tile3 { width: 24.25% }
.T3665 .grid .row.row1 .tile1 { margin-right: 1% }
.T3665 .grid .row.row2 .tile4, .T3665 .grid .row.row2 .tile6 { margin-right: 2% }
.T3665 .grid .row.row1 .tile2 { width: 49.5%; margin-right: 1% }
.T3665 .leftcol, .T3665 .rightcol { width: 49.5%; float: left; height: 100% }
.T3665 .leftcol { margin-right: 1% }
.T3665 .grid .tile { position: relative; float: left; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; overflow: hidden }
.T3665 .grid .row.row2 .tile { width: 49% }
.T3665 .grid .mautfrei h5 { margin: 5px 0 }
.T3665 .grid .tile .textsmall { line-height: 1.1; font-size: 15px }
.T3665 .maxwidth .hovertext { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; opacity: 0; -webkit-transition-property: opacity, -webkit-transform; -webkit-transition-duration: .8s, 1s; -moz-transition-property: opacity, -moz-transform; -moz-transition-duration: .8s, 1s; -ms-transition-property: opacity, -ms-transform; -ms-transition-duration: .8s, 1s; -o-transition-property: opacity, -o-transform; -o-transition-duration: .8s, 1s; transition-property: opacity, transform; transition-duration: .8s, 1s; width: 100%; height: 100%; color: #fff }
.T3665 .tile.mask-background-red .hovertext { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/955011/bg-red.jpg); background-repeat: no-repeat; background-size: cover !important }
.T3665 .tile.mask-background-blue .hovertext { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/955009/bg-blau.jpg); background-repeat: no-repeat; background-size: cover !important }
.T3665 .tile.mask-background-green .hovertext { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/955010/bg-green.jpg); background-repeat: no-repeat; background-size: cover !important }
.T3665 .maxwidth .hovertext .textinner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; line-height: 1.1; font-size: 15px }
.T3665 .maxwidth .tile.reveal:hover .hovertext { opacity: 1 }
.T3665 .maxwidth .tile.reveal.hover .hovertext { opacity: 1 }
.T3665 .maxwidth .tile.revealed .hovertext { opacity: 1; }
.T3665 .maxwidth .tile.revealed:hover .hovertext { opacity: 1; }
@media all and (min-width:768px) and (max-width:999px){.T3665 .tile6.mautfrei .textsmall{font-size:13px}}@media all and (min-width:568px) and (max-width:767px){.T3665 .grid{height:auto}.T3665 .grid .row.row1{height:250px}.T3665 .grid .row.row2{height:400px}.T3665 .leftcol,.T3665 .rightcol{float:none;width:100%;height:50%}.T3665 .leftcol{margin-bottom:10px}}@media all and (max-width:567px){.T3665{background-image:none!important}.T3665 .grid{height:auto}.T3665 .leftcol,.T3665 .rightcol{float:none;width:100%}.T3665 .tile{width:100%!important;margin:0 0 5px 0;height:180px!important}.T3665 .tile.image.skitickets{background-size:60px!important}}