* {
    box-sizing:border-box;
    font-family: 'Roboto', sans-serif;
}


::-moz-focus-inner {
	border:0;
}

html  {
    padding:0px;
    margin:0px;
    font-size:100%;
    font-weight:400;
    line-height:1.25em;
    color:#212121;
    background:#e30613;
}

body {
    padding:0px;
    margin:0px;
    /*font-size:0.8vmax;*/
    font-weight:400;
    line-height:1.25em;
    color:#212121;
    background:#e30613;  
    height:100%;
}

#wrapper {
    width:100%;
    max-width:1000px;
    padding-left:5%;
    padding-right:5%;
    margin-left:auto; 
    margin-right:auto;
   /*border:1px solid #337788;*/
}



h1 {
    font-size:5vmin;
    line-height:1.25em;
    color:#ffffff;
    font-weight:normal;
    text-align:center;
    padding-top:5vh;
}

p {
    margin-bottom:1em;
}

#parkplatz {
    font-size:2vmin;
    color:#ffffff;
}


#logo_box {
    width:100%;
    padding-top:3vh;
}

#outlet_logo {
    width:45%;
    display:inline-block;
}

#outlet_logo img {
    width:100%;
}

#hinterhof_logo {
    width:45%;
    display:inline-block;
}

#hinterhof_logo img {
    width:100%;
}



#event_box_container {
    display: grid;
    grid-auto-flow: column;
    gap: 2%;
}


.event_box {
    padding:5%;
    padding-top:1vh;
    background:#ffed00;
    margin-top:5vh;
    margin-right:2%;
    display:inline-block;
    vertical-align:top;
}
.event_box.last {
    margin-right:0%;
}

.event_box.orange {
    background:#fbb900;
}

.event_box .content.left {
    width:100%;
    display:block;
}

#butlers_logo {
    width:80%;
    margin-left:10%;
}

#boerney_logo {
    width:100%;
    margin-top:2vh;
    margin-bottom:1vh;
}

#shout_logo {
    width:100%;
    margin-top:3vh;
}


.datum {
    font-size:200%;
    line-height:1.25em;
    font-weight:700;
    color:#e30613; 
    text-align:center;
}
.wochentag {
    font-size:130%;
    line-height:1.25em;
    font-weight:700;
    color:#e30613; 
    text-align:center;
    margin-bottom:3vh;
}



#logo_container {
    padding:3vmin;
    background:#ffffff;
    margin-top:7vh;
}

.logo_block {
    display:inline-block;
    width:14%; 
    padding-top:10%;   
    /*border:1px solid #774499;*/
}

.logo_block#designer_outlet {
    background:url(../images/logos/designer_outlet.png) no-repeat center center; 
    background-size:60%;
}

.logo_block#ks_schmidt {
    background:url(../images/logos/ks_schmidt.png) no-repeat center center; 
    background-size:60%;
}

.logo_block#sh_netz {
    background:url(../images/logos/sh_netz.png) no-repeat center center; 
    background-size:100%;
}

.logo_block#kontraste {
    background:url(../images/logos/kontraste.png) no-repeat center center; 
    background-size:80%;
}

.logo_block#rueckemann {
    background:url(../images/logos/rueckemann.png) no-repeat center center; 
    background-size:80%;
}

.logo_block#mk_baubedarf {
    background:url(../images/logos/mk_baubedarf.png) no-repeat center center; 
    background-size:60%;
}

.logo_block#max_huss {
    background:url(../images/logos/max_huss.png) no-repeat center center; 
    background-size:80%;
}

.logo_block#metro {
    background:url(../images/logos/metro.png) no-repeat center center; 
    background-size:80%;
}

.logo_block#mueckenheim {
    background:url(../images/logos/mueckenheim.png) no-repeat center center; 
    background-size:80%;
}

.logo_block#kurt_zeitarbeit {
    background:url(../images/logos/kurt_zeitarbeit.png) no-repeat center center; 
    background-size:50%;
}

.logo_block#swn {
    background:url(../images/logos/swn.png) no-repeat center center; 
    background-size:50%;
}

.logo_block#schwale_service {
    background:url(../images/logos/schwale_service.png) no-repeat center center; 
    background-size:70%;
}

.logo_block#sparkasse_suedholstein {
    background:url(../images/logos/sparkasse_suedholstein.png) no-repeat center center; 
    background-size:70%;
}