/* Komprimiert mit http://cssminifier.com/  */

/* #Tablet (Portrait)  width of 768px    */
@media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  {  } /* { width: 768px; } */
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { display:none; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { max-width: 70%; } /* { width: 412px; } */
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 {  } /* { width: 700px; } */

    }

/*  #Mobile (Portrait)   width of 320px  */
@media only screen and (max-width: 767px) {
        .container {  } /* { width: 300px; } */
        .container .columns,
        .container .column { margin: 0; }
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns {  max-width: 99%; padding-left:5px;  } /* { width: 300px; } */

    }

/* #Mobile (Landscape)  width of 480px  */
@media only screen and (min-width: 480px) and (max-width: 767px) {
        .container {  } /* { width: 420px; } */
        .container .columns,
        .container .column { margin: 0; }
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns {  max-width:99%;   } 
    }



        /* Tablet Portrait size to standard 960 (devices and browsers) */
       /*  @media screen and (min-width: 768px) and (max-width: 959px) {
          } */

        /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media screen and (max-width: 767px) {
	a { line-height:28px; }
	div#listelement { padding-top:25px; }
	.topcontainer { padding:0; padding-right:12px; }
        .six.columns  { display:none; }
        .container    { margin-left:15px; line-height:20px; }
        div#header   { z-index:100; background-position: -6px 37px;  height: 76px; padding-left: 21px;}
        div#scroll_up        { display:inline;        }
        div#scroll_down        { display:inline;        }
        div#footer { text-align:left; margin-left:-15px; padding-right:23px; }
        ul#sddm li a { font-size: 14px; padding: 2px 5px 5px 5px; }
        ul#sddm div a  {  width: 240px; }
        }

        /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media screen and (max-width: 479px) {
div#listelement { float:inherit; padding-top:5px; }
        .container       { margin-left:5px; }
	div#footer {margin-left:-5px; padding-right: 10px; }
	div#header   { z-index:100; background-position: -6px 37px;  height: 76px; padding-left: 21px;}
	div#header   { padding-left: 13px;}
//        .forsmallmobile  { display:inline; font-size: 16px; line-height:20px;}
        .nomobile  { display:none; border-width:0px;}
        .formobile  { font-size: 18px; line-height:24px; }