/* Den Bereich unterhalb nicht ändern */
* {box-sizing:border-box}
#wrapper {min-height:100vh;width:1024px; margin:auto}
#header {width:100%}
#container {display:flex;min-height:calc(100vh - 100px}
#left {margin-left:0;float:none;order:1}
#main {width:auto;order:2;}
#right {margin-right:0;float:none;order:3}
#footer {}

 /* Galerieinstellungen - nicht ändern */

.ce_gallery li {display:flex;padding-bottom:0;align-items:center;overflow:hidden}
.ce_gallery img {max-width:auto;min-width:100%;min-height:100%;object-fit:cover}
.ce_gallery li::before {display:none}

.cols_3,.cols_2,.cols_4,.cols_5  {width:100%; display:flex;justify-content:flex-start; flex-wrap:wrap;}

.cols_5  {gap:1.25%}
.cols_4  {gap:1.33%}
.cols_3  {gap:2%}
.cols_2  {gap:4%}

.cols_5 li {width:19.0%;height:100px;margin-bottom:6px}
.cols_5 img {min-height:100px}

.cols_4 li {width:24%;height:125px;margin-bottom:8px}
.cols_4 img {min-height:125px}

.cols_3 li {width:32%;height:165px;margin-bottom:12px}
.cols_3 img {min-height:165px}

.cols_2 li {width:48%;height:235px;margin-bottom:20px}
.cols_2 img {min-height:235px}


 /* Ids mit Rahmen, kann geändert werden */
#wrapper {border: 5px dotted grey } 
#header {border: 3px solid orange;min-height:100px;margin-top: 12rem}
#container {Border: 0px dotted black;padding-top: 2rem}
#left {border: 3px solid yellow;width: 250px}
#main {border: 0px solid blue;width: 100%}
#right {border: 3px solid black;width: 250px}
#footer {border: 3px solid orange;min-height: 100px}