/* CSS-Datei für Kellermann International */
* {
        padding:0;
        margin:0;
}

body {
        margin: 0;
        font-family:Arial;
        font-size:11pt;
}

header, nav, nav a, article, section, aside, footer {
        border-radius: 0px 0.5em 0.5em;
        }
#Logo { position:absolute; left: 0px; top: 35px; z-index: 0; width: 100%; max-width: 90px; max-height: 90px;}

#container {
        background: white;
        max-width:1240px;
        padding: 0px;
}

table, th, td { border: 1px; margin:0; padding:0; }

th, td {vertical-align: top;}

.mitte {text-align: center;}
.rechts {text-align: right;}

header {
   background: #aa8147;
   background: url(Bilder/SonnenuntergangCut452x200.jpg) center;
   background-size: 100%;
   height: 150px;
   margin: 0px;
   }

nav li {
   list-style-type:none;
   display: inline-block;        /* alle Links in eine Zeile */
   margin: .3em 0;
   height: 1.5em;        /* Höhe des grauen Balkens */
   padding: 0 0.1em;       /* Abstand der Buttons zueinander */
   line-height: 1.4em;   /* Text mittig */
   border-right: 0; /* black 1px solid; */
   text-align: center;
   width: 160px;
      }

nav a {
   display: block;
   text-decoration: none;
   color: black;
   background-color: #FF9158;
   margin-left: 0;
    }

nav a:focus, nav a:hover, nav a:active {
   color: royalblue;
   background-color: gold;
     }

article {
   background: #ffede0;
   padding: 5px;
   padding-right: 2em;
   margin-right: .5em;
   }

article ul, ol {
   padding-left: 2em;
            }

article li {
   margin-bottom:1pt;
   padding-bottom: 0.25em;
   }

#sidebar { background: #f0f3f5; }

#sidebar2 { background: #ffede0;
            padding: 5px;
            margin-bottom:1pt;
            padding-bottom: 0.25em;
            padding-left: 2em;
          }
aside ul, ol {
   /* background-color: #00FFAF; /* Grün */
   padding-left: 2em;
   }

footer {
        /* background: #353535; */
        /* color: white; */
        background: #e4ebf2;
        padding: 10px;
        margin: 10px;
        text-align: center;
}

        h1, h2, h3 {
          background:transparent;
          border: none;
          padding-left: 0;
          padding-top: 10px;
          position: relative;
          text-align: center;
          font-size:1.8em;
          font-family:Arial;
          color:#FF0000; /* #066ACC; /* #1F00FF; */
          margin-bottom:2pt;
          margin-top:0pt;
          z-index: 1;
        }

        h2 {
          font-size:1.6em;
          color:#0000ff;
          margin-bottom:1pt;
          margin-top:2pt;
        }

        h3 {
          font-size:13pt;
          color:#00008B;
          margin-bottom:1pt;
        }

   p {
      margin-bottom:1pt;
      margin-top:1pt;
      padding-top: 8px;
      padding-bottom: 0.2em; }

@media screen and (min-width:800px) {

        body {
           margin:10px;
        }

        header {
            background: url(SonnenuntergangHoch.png) center;
            background-size: 100%;
            height: 150px;
            margin: 10px 0;
        }

        #Logo {
            position:absolute; left: 5px; top: 5px; z-index: 0; width: 100%; max-width: 150px; max-height: 150px;
        }

        #content {
                display:-webkit-flex;
                display:flex;
        }

        article {
                -webkit-flex:3;
                flex:3;
                -webkit-order:2;
                order:2;
        }

        #sidebar {
                /* width: 250px; */
                -webkit-flex:1;
                flex:1;
                -webkit-order:1;
                order:1;
        }

        #sidebar2 {
                -webkit-flex:3;
                flex:3;
                -webkit-order:3;
                order:3;
        }

        #sidebar3 {
                -webkit-flex:1;
                flex:1;
                /* width: 125px; */
                -webkit-order:3;
                order:3;
        }

    .spalte2 ul {
        -moz-columns:   2 12em;
        -webkit-colums: 2 12em;
        columns:        2 12em;
        background-color: white;
        list-style: none;
    }
    .spalte4 ol {
        -moz-columns:   2 12em;
        -webkit-colums: 2 12em;
        columns:        2 12em;
        /* list-style: none; */
    }
}

    .spalte3 ul {
        -moz-columns:   2 12em;
        -webkit-colums: 2 12em;
        columns:        2 12em;
        background-color: white;
        list-style: disc;
    }

   ul.quadrat  {list-style-type: disc;}
   #links { float: left; margin-right: 10px; }
   #rechts {float: right;}

@media all and (max-width: 20em) {

header { background: url(Bilder/SonnenuntergangCut452x200.jpg) center; }

   h1 {
      font-size:1.4em;
   }

   h2 {
      font-size:1.2em;
   }

}

#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums {
   outline: 1px solid #7b92a9;
   text-align:right;
   border-top:1px solid #fff;
   background: #d6e0eb;
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
   position:fixed;
   bottom:60px;
   z-index:10000;
   width:1240px%;
   font-size:12px;
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white;
   border-left:1px solid white;
   border-bottom:1px solid #7b92a9;
   border-right:1px solid #7b92a9;
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}