/* Seiteneinstellung */
 .header-container, .body-container, .footer-container{
max-width: 1100px;
margin: 0 auto;
}

/* Farbgebung anhand der Beispielseite */

.menuleiste, .menuleiste-hover:hover
{color:#fff;background-color:#1E1D1C}
.menuleiste-select
{color:#fff;background-color:#757574}
.menuleiste-1-hover
{color:#000;background-color:#F1F1F1}
.body-background
{color:#fff;background-color:#6F6F6E}
.box-color
{color:#000;background-color:#F4ECDF}
.text-box-color
{color:#6F6F6E;background-color:#fff}
h2, h3
{color:#1E1D1C}

/* Mediaqueries, Anpassung fuer Menue und Spalten*/
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}
.col-3{width: 100%}.col-2{width: 100%}

@media (min-width:1024px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
.col-3{width: 33%}.col-2{width: 50%}

@media (max-width:1024px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
.col-3{width: 33%}.col-2{width: 50%}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:1024px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
/* @media (max-width:1024px) and (min-width:601px){.w3-hide-medium{display:none!important}}*/
@media (max-width:1024px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}


/* Spalten mit equal height */
.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

/* Formatierung der Spalte */
.col {
    display: table-cell;text-align:left;vertical-align:top; /* Make elements inside the container behave like table cells */
}

@media only screen and (max-width: 600px) {
    .col { 
        display: block;
        width: 100%;
    }
}

/* Schatten der Spalten */
div.mycard {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div.mycard01 {
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}


/* Rand zwischen den Containern */
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:4px;margin-bottom:4px}

 
 /* Listenelemente ohne unteren Rahmen */
.w3-ul-ob{list-style-type:none;padding:0;margin:0}.w3-ul-ob li{padding:8px 16px}.w3-ul-ob li:last-child{border-bottom:none}


/* Rand oben unten */
.w3-section,.w3-code{margin-top:4px!important;margin-bottom:4px!important}