* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 10px;
    border: 0px solid red;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.col-3 update
{
background:#282726;
}

.col-7 {
color:#000000;

font-family: PFDinDisplayPro-Regular;
 font-size: 10pt;
 text-align: left;
 font-weight:normal;
 padding:0px;
 margin-bottom:0px;


}

html
{

height:100%;

}

body
{
background:#282726;
min-height:100%;
position:relative;

}


.header
{
color:#ffffff;
background:#282726;
border-bottom:0px solid #808080;
height:50px;
width:80%;
margin-left:auto;
margin-right: auto;
margin-top:0px;


}

#navigation
{
width:80%;
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
border-top:25px solid #03353E;
border-bottom:0px solid #808080;
background:#0294A5;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;







}



#content
{
margin-top:0px;
min-height: calc(100vh - 290px);
position:relative;
width:80%;
margin-left:auto;
margin-right:auto;
padding-left:2px;
padding-right:2px;


background:#282726;


}




#footer {


                              width:80%;
                                height:50px;
                                margin-left:10%;
                                margin-right:auto;
                                text-align:center;
                                border:0px solid #FF0000;
                                background:#0294A5;
                                bottom: 0;


                                                       }
a.footer                        {
                                margin:0;
                                padding:0px 0px 0px 0px;
                                text-decoration: none;
                                color:#FFFFFF;
                                font-family: Tw CEn MT;
                                font-size:13px;
                                display:block;
                                transition: color 0.8s;
                         -moz-transition: color 0.8s;
                                }



                        div#footer td {
                        color:#FFFFFF;
                                font-family: Tw CEn MT;
                                font-size:13px;


                                }



#statistics {

              width:100%;
              height: calc(100vh - 0px);
              padding-left:5px;
              background:#F7F7F7;
              border-left :6px solid #06688B;
              }

#weltkarte {

              width:75%;
              height:100%;
              border:0px solid #000000;
              float:right;
              padding-top:10px;
              padding-bottom:0px;
              padding-right:10px;


       }


#stat_text {

              height:100%;
              width:25%;
              float: left;
              font-family: Tw CEn MT;
              font-size: 12pt;
              font-weight:normal;
              padding-right:20px;
              padding-left:10px;
              padding-top:20px;
              text-align: justify;


       }



#counterbuttons {

              width:100%;
              height:140px;
              font-family: Tw CEn MT;
              font-size: 12pt;
              font-weight:normal;
              border: 1px solid #000000;
              margin-top: 20px;



       }



table.partner
{

margin-bottom:20px;
border-left:10px solid #06688B;
padding: 10px;
background:#808080;

}

table.partner td {
 font-family: Tw CEn MT;
 font-size: 12pt;
 text-align: left;
 font-weight:normal;
 color: #000000;
 padding-right:10px;
 display:inline-block;
 margin:10px;
 background:#F7F7F7;


}









table.inhalt
{

border-left:5px solid #0294A5;
margin:10px;
align: center;

}

table.footer
{
background:#0294A5;

}


h5 {

 padding-top:8px;
 margin-left:10px;
 font-family: Tw CEn MT;
 font-size: 14pt;
 text-align: left;
 font-weight:normal;
 color: #C9C9C9;



}

h1 {

 font-family: Tw CEn MT;
 font-size: 18pt;
 text-align: left;
 font-weight:normal;
 color: #C9C9C9;
 margin-left:10px;

}

i.kreis {
 font-family: Tw CEn MT;
 font-size: 11pt;
 text-align: left;
 font-weight:normal;
 color: #C9C9C9;

}

i.stadt {
 font-family: Tw CEn MT;
 font-size: 13pt;
 text-align: left;
 font-weight:normal;
 color: #C9C9C9;

}

i.update {
 font-family: Tw CEn MT;
 font-size: 9pt;
 text-align: left;
 font-weight:normal;
 color: #C9C9C9;

}


table.inhalt td {
 font-family: Tw CEn MT;
 font-size: 10pt;
 text-align: center;
 font-weight:normal;
 color: #C9C9C9;
 padding-right:3px;
 display:inline-block;
 margin-top:3px;
 margin-left:3px;
 margin-right:3px;
 margin-bottom:3px;
 background:#282726;
 border:1px solid #C9C9C9;



}



.brauerei
{
padding-top:6px;
}

.brauerei i
{
font-family: Tw CEn MT;
 font-size: 9pt;
 text-align: left;
 font-weight:normal;
 color: #C9C9C9;

}



figcaption
{
width:90px;
display:  inline-block;
padding:0px;
vertical-align: inherit;
}










#klapp_hide {display:none;
background: #000000;
color: #ffffff;
margin-right:0px;
color:#ffffff;
             background: #06688B;
             margin-right:0px;
             height:50px;

             padding-right:10px;
             padding-top:5px;
}
#klapp_show {display:none;

             color:#ffffff;
             background: #06688B;
             margin-right:0px;
             height:50px;

             padding-right:10px;
             padding-top:5px;

             }
a.menubutton {
color:#FFFFFF;
font-family: Arial;
             font-size:30px;
             }

#hamburger
{
display:none;
text-align: right;
background:#434343;

}



@media only screen and (max-width: 1280px) {
    /* For mobile phones: */
    .header {
        width: 100%;
        margin-top: 0px;
        display:none;
        background:#FFFFFF;


    }
.content {
        width: 100%;
        margin-top:0px;


    }
    #navigation {
        width: 100%;
        display:none;
    }
    div#footer {
        width: 100%;
        margin-left:auto;
        margin-right:auto;
        height:70px;

    }
  #navigation.stick
{
position: fixed;
  top: 0px;
  z-index: 10000;
  width:100%;
  margin-left:0;
  margin-top:0;

  }
}

@media only screen and (max-width: 1024px) {
    /* For mobile phones: */
    .header {
        width: 100%;
        display: none;
        margin-top:0px;


    }

#statistics {

              display:none;
              }

#weltkarte {

             display:none;


       }


#stat_text {

             display:none;


       }

#content
{
width:100%;

}


table.inhalt
{

border-left:3px solid #06688B;


}
    }


@media only screen and (max-width: 1024px) {
    /* For mobile phones: */
    #navigation {
        width: 100%;
        display:none;
        border-bottom: 0;
        border-top:0;
    }

 #navigation.stick
{
position: relative;
  top: 0px;
  z-index: 10000;
  width:100%;
  margin-left:0;
  margin-top:0;

  }

}


@media only screen and (max-width: 1024px) {
    /* For mobile phones: */
    #klapp_show {
        display:block;
    }

#hamburger {
        display:block;
        margin-top: 0px;


         }


.content {
        border-top:0px solid #C0C0C0;
    }
body
{
    background:#06688B;

}
}




@media only screen and (max-width:1024px) {
             table.inhalt{
                display: inline-block;
                width:100%
                margin-left:auto;
                margin-right:auto;

            }
            table.inhalt td
            {
            padding: 0px;
            align:center;
            display:inline-block;
            margin-bottom:1px;
            }



           .brauerei
           {
           padding:3px;
           }

          h5 {
         font-family: Tw CEn MT;
         font-size: 14pt;
         text-align: left;
         font-weight:normal;
          color: #FFFFFF;
         }
         div#footer {
        height:50px;
         background:#06688B;
                  }

.col-7 {

 font-size: 13pt;
 padding-top:13px;
 margin-bottom:0px;
 font-family: Tw CEn MT;
 font-weight:normal;
 text-align: left;
 color: #FFFFFF;



}

}


.scrollToTop{
        width:51px;
        height:51px;

        text-align:center;
        background: whiteSmoke;
        font-weight: bold;
        color: #444;
        text-decoration: none;
        position:fixed;
        bottom:60px;
        right:40px;
        display:none;
        background: url('Flaggen2/arrow-big.png') no-repeat;
        opacity:0.7;
}
.scrollToTop:hover{
        text-decoration:none;
}

@media only screen and (max-width:1024px) {
.scrollToTop{
        width:51px;
        height:51px;

        text-align:center;
        background: whiteSmoke;
        font-weight: bold;
        color: #444;
        text-decoration: none;
        position:fixed;
        bottom:60px;
        right:10px;
        display:none;
        background: url('Flaggen2/arrow-big.png') no-repeat;
        opacity:0.7;}

        }