*{margin:0;padding:0;box-sizing:border-box}
body,html{height:100%;font-family:Roboto, sans-serif; font-weight:400;}

h1{margin: 0;font-family: 'bbc';color: #fff;font-size: 65px;letter-spacing: 0.7px;font-weight: normal;margin-bottom: 30px;}
p{margin:0}

.header-left{width:70%; float:left; padding-top: 25px;}
.header-right{width:30%; float:right;}
.logo{width:120px; float:right; margin-bottom:30px; margin-right: 5px;}

.container-table100{width:100%;min-height:100vh;background:rgb(148,192,27);background:-webkit-linear-gradient(330deg, rgba(148,192,27,1) 0%, rgba(23,141,47,1) 100%);background:-o-linear-gradient(330deg, rgba(148,192,27,1) 0%, rgba(23,141,47,1) 100%);background:-moz-linear-gradient(330deg, rgba(148,192,27,1) 0%, rgba(23,141,47,1) 100%);background:linear-gradient(330deg, rgba(148,192,27,1) 0%, rgba(23,141,47,1) 100%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;padding:33px 30px}
.wrap-table100{width:1750px}
table{border-spacing:1;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;width:100%;margin:0 auto;position:relative}
table *{position:relative}
table td,table th{padding-left:8px}
table thead tr{height:68px;background:#0f6e23}
table tbody tr{height:100px}
table tbody tr:last-child{border:0}
table td,table th{text-align:left}
table td.l,table th.l{text-align:right}
table td.c,table th.c{text-align:center}
table td.r,table th.r{text-align:center}
.table100-head th{font-size:20px;color:#fff;line-height:1.2;font-weight:700;}
tbody tr:nth-child(even){background-color:#f5f5f5}
tbody tr{font-size: 32px;color: #171717;line-height:1.2;font-weight:unset}
.column1, .Column1{width:160px;padding-left:40px}
.column2, .Column2{width:150px;} 
.column3, .Column3{width:320px;}
.column4, .Column4{width:50px;}
.column5, .Column5{width:70px;padding-right:40px}

@media screen and (max-width:992px){
    .header-left{width:100%; padding-top:0;}
    .header-right{display: none;}
    h1{font-size:36px; margin-bottom: 20px;}
    .logo{width:200px;}
    table{display:block}
    table>*,table tr,table td,table th{display:block}
    table thead{display:none}
    table tbody tr{height:auto;padding:37px 0}
    table tbody tr td{padding-left:40%!important;margin-bottom:24px}
    table tbody tr td:last-child{margin-bottom:0}
    table tbody tr td:before{font-size:16px;color:#999;line-height:1.2;font-weight:unset;position:absolute;width:50%;left:30px;top:0}
    table tbody tr td:nth-child(1):before{content:"Check-in"}
    table tbody tr td:nth-child(2):before{content:"Name"}
    table tbody tr td:nth-child(3):before{content:"Produkt"}
    table tbody tr td:nth-child(4):before{content:"Ermäßigung"}
    table tbody tr td:nth-child(5):before{content:"Gültig bis"}
    .column4,.column5,.column6{text-align:left}.column4,.column5,.column6,.column1,.column2,.column3{width:100%}
    tbody tr{font-size:16px}}

@media(max-width:576px){
    .container-table100{padding-left:15px;padding-right:15px}
}

@font-face {
    font-family: 'bbc';
    src: url('fonts/bbcd34s02dbqllyfud.eot');
    src: url('fonts/bbcd34s02dbqllyfud.eot?#iefix') format('embedded-opentype'),
         url('fonts/bbcd34s02dbqllyfud.woff2') format('woff2'),
         url('fonts/bbcd34s02dbqllyfud.woff') format('woff'),
         url('fonts/bbcd34s02dbqllyfud.ttf') format('truetype'),
         url('fonts/bbcd34s02dbqllyfud.svg#block_bertholdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;
}