.box{
  position: relative;
  display: inline-block;
  float: left;
}
.box.center{float: none}
.box.bordersolidgray{border: solid 1px #f1f1f1;border-radius: 3px}
.box.centernew{text-align: center}

.box.m5{width: 5%}
.box.m10{width: 10%}
.box.m15{width: 15%}
.box.m20{width: 20%}
.box.m25{width: 25%}
.box.m30{width: 30%}
.box.m35{width: 35%}
.box.m40{width: 40%}
.box.m45{width: 45%}
.box.m50{width: 50%}
.box.m55{width: 55%}
.box.m60{width: 60%}
.box.m65{width: 65%}
.box.m70{width: 70%}
.box.m75{width: 75%}
.box.m80{width: 80%}
.box.m85{width: 85%}
.box.m90{width: 90%}
.box.m95{width: 95%}
.box.m100{width: 100%}
/* Tablet */
@media (min-width: 426px) {
  .box.t5{width: 5%}
  .box.t10{width: 10%}
  .box.t15{width: 15%}
  .box.t20{width: 20%}
  .box.t25{width: 25%}
  .box.t30{width: 30%}
  .box.t35{width: 35%}
  .box.t40{width: 40%}
  .box.t45{width: 45%}
  .box.t50{width: 50%}
  .box.t55{width: 55%}
  .box.t60{width: 60%}
  .box.t65{width: 65%}
  .box.t70{width: 70%}
  .box.t75{width: 75%}
  .box.t80{width: 80%}
  .box.t85{width: 85%}
  .box.t90{width: 90%}
  .box.t95{width: 95%}
  .box.t100{width: 100%}
}
/* Laptop/Pc */
@media (min-width: 769px) {
  .box.p5{width: 5%}
  .box.p10{width: 10%}
  .box.p15{width: 15%}
  .box.p20{width: 20%}
  .box.p25{width: 25%}
  .box.p30{width: 30%}
  .box.p35{width: 35%}
  .box.p40{width: 40%}
  .box.p45{width: 45%}
  .box.p50{width: 50%}
  .box.p55{width: 55%}
  .box.p60{width: 60%}
  .box.p65{width: 65%}
  .box.p70{width: 70%}
  .box.p75{width: 75%}
  .box.p80{width: 80%}
  .box.p85{width: 85%}
  .box.p90{width: 90%}
  .box.p95{width: 95%}
  .box.p100{width: 100%}
}
/* 4k */
@media (min-width: 1441px) {
  .box.b5{width: 5%}
  .box.b10{width: 10%}
  .box.b15{width: 15%}
  .box.b20{width: 20%}
  .box.b25{width: 25%}
  .box.b30{width: 30%}
  .box.b35{width: 35%}
  .box.b40{width: 40%}
  .box.b45{width: 45%}
  .box.b50{width: 50%}
  .box.b55{width: 55%}
  .box.b60{width: 60%}
  .box.b65{width: 65%}
  .box.b70{width: 70%}
  .box.b75{width: 75%}
  .box.b80{width: 80%}
  .box.b85{width: 85%}
  .box.b90{width: 90%}
  .box.b95{width: 95%}
  .box.b100{width: 100%}
}




.paddingbox{
  position: relative;
  display: inline-block;
  float: left;
  padding: 2%;
}
.paddingbox.center{float: none}
.paddingbox.content>h1{padding: 0;margin: 0;font-size: 22px;}
.paddingbox.content>h2{padding: 10px 0 0 0;margin: 0;font-size: 16px;}
.paddingbox.content>p{padding: 5px 0 10px 0;margin: 0;font-size: 14px;}
.paddingbox>b{padding: 0 0 10px 0;margin: 0;font-size: 16px;}
.paddingbox>li>a{padding: 10px 0 0 0;margin: 0;font-size: 16px;text-decoration: none;color: #000;transition: 150ms}
.paddingbox>li>a:hover{color: #ADEE24}
.paddingbox.bordersolidgray{border: solid 1px #f1f1f1;border-radius: 3px}
.paddingbox.paddingnoneleftandright{padding: 0 2% 0 2%}

.paddingbox.m5{width: 1%}
.paddingbox.m10{width: 6%}
.paddingbox.m15{width: 11%}
.paddingbox.m20{width: 16%}
.paddingbox.m25{width: 21%}
.paddingbox.m30{width: 26%}
.paddingbox.m33{width: 29.33%}
.paddingbox.m35{width: 31%}
.paddingbox.m40{width: 36%}
.paddingbox.m45{width: 41%}
.paddingbox.m50{width: 46%}
.paddingbox.m55{width: 51%}
.paddingbox.m60{width: 56%}
.paddingbox.m65{width: 61%}
.paddingbox.m70{width: 66%}
.paddingbox.m75{width: 71%}
.paddingbox.m80{width: 76%}
.paddingbox.m85{width: 81%}
.paddingbox.m90{width: 86%}
.paddingbox.m95{width: 91%}
.paddingbox.m100{width: 96%}
/* Tablet */
@media (min-width: 426px) {
  .paddingbox.t5{width: 1%}
  .paddingbox.t10{width: 6%}
  .paddingbox.t15{width: 11%}
  .paddingbox.t20{width: 16%}
  .paddingbox.t25{width: 21%}
  .paddingbox.t30{width: 26%}
  .paddingbox.t33{width: 29.33%}
  .paddingbox.t35{width: 31%}
  .paddingbox.t40{width: 36%}
  .paddingbox.t45{width: 41%}
  .paddingbox.t50{width: 46%}
  .paddingbox.t55{width: 51%}
  .paddingbox.t60{width: 56%}
  .paddingbox.t65{width: 61%}
  .paddingbox.t70{width: 66%}
  .paddingbox.t75{width: 71%}
  .paddingbox.t80{width: 76%}
  .paddingbox.t85{width: 81%}
  .paddingbox.t90{width: 86%}
  .paddingbox.t95{width: 91%}
  .paddingbox.t100{width: 96%}
}
/* Laptop/Pc */
@media (min-width: 769px) {
  .paddingbox.p5{width: 1%}
  .paddingbox.p10{width: 6%}
  .paddingbox.p15{width: 11%}
  .paddingbox.p20{width: 16%}
  .paddingbox.p25{width: 21%}
  .paddingbox.p30{width: 26%}
  .paddingbox.p33{width: 29.33%}
  .paddingbox.p35{width: 31%}
  .paddingbox.p40{width: 36%}
  .paddingbox.p45{width: 41%}
  .paddingbox.p50{width: 46%}
  .paddingbox.p55{width: 51%}
  .paddingbox.p60{width: 56%}
  .paddingbox.p65{width: 61%}
  .paddingbox.p70{width: 66%}
  .paddingbox.p75{width: 71%}
  .paddingbox.p80{width: 76%}
  .paddingbox.p85{width: 81%}
  .paddingbox.p90{width: 86%}
  .paddingbox.p95{width: 91%}
  .paddingbox.p100{width: 96%}
}
/* 4k */
@media (min-width: 1441px) {
  .paddingbox.b5{width: 1%}
  .paddingbox.b10{width: 6%}
  .paddingbox.b15{width: 11%}
  .paddingbox.b20{width: 16%}
  .paddingbox.b25{width: 21%}
  .paddingbox.b30{width: 26%}
  .paddingbox.b33{width: 29.33%}
  .paddingbox.b35{width: 31%}
  .paddingbox.b40{width: 36%}
  .paddingbox.b45{width: 41%}
  .paddingbox.b50{width: 46%}
  .paddingbox.b55{width: 51%}
  .paddingbox.b60{width: 55%}
  .paddingbox.b65{width: 61%}
  .paddingbox.b70{width: 66%}
  .paddingbox.b75{width: 71%}
  .paddingbox.b80{width: 76%}
  .paddingbox.b85{width: 81%}
  .paddingbox.b90{width: 86%}
  .paddingbox.b95{width: 91%}
  .paddingbox.b100{width: 96%}
}












/* ========================================= */
/* JIMMEX FLEX SYSTEM – RESPONSIVE & FLEXIBEL */
/* ========================================= */

/* ---------- BASIS / MOBILE FIRST ---------- */

.jimmex_flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  margin-bottom: 1rem;
  width: 100%
}

/* Flex Items */
.jimmex_flex-box {
  display: flex;
  flex-direction: column;
}

/* Buttons immer gleich tief */
.jimmex_flex-box button {
  margin-top: auto;
}

/* ---------- FLEX RICHTUNGEN ---------- */

.jimmex_row { flex-direction: row; }
.jimmex_row-reverse { flex-direction: row-reverse; }
.jimmex_column { flex-direction: column; }
.jimmex_column-reverse { flex-direction: column-reverse; }

/* ---------- HAUPTACHSE ---------- */

.jimmex_start { justify-content: flex-start; }
.jimmex_center { justify-content: center; }
.jimmex_end { justify-content: flex-end; }
.jimmex_space-between { justify-content: space-between; }
.jimmex_space-around { justify-content: space-around; }
.jimmex_space-evenly { justify-content: space-evenly; }

/* ---------- QUERACHSE ---------- */

.jimmex_align-start { align-items: flex-start; }
.jimmex_align-center { align-items: center; }
.jimmex_align-end { align-items: flex-end; }
.jimmex_align-stretch { align-items: stretch; }

/* ---------- SPALTEN (MOBILE) ---------- */

.jimmex_col-1 { flex: 0 0 100%; }
.jimmex_col-2 { flex: 0 0 50%; }
.jimmex_col-3 { flex: 0 0 33.333%; }
.jimmex_col-4 { flex: 0 0 25%; }

/* ---------- TABLET ≥ 768px ---------- */

@media (min-width: 426px) {

  .jimmex_col-t-2 { flex: 0 0 50%; }
  .jimmex_col-t-3 { flex: 0 0 33.333%; }
  .jimmex_col-t-4 { flex: 0 0 25%; }
}

/* ---------- DESKTOP ≥ 1200px ---------- */

@media (min-width: 769px) {

  .jimmex_flex-container {
    margin-left: auto;
    margin-right: auto;
  }

  .jimmex_col-d-2 { flex: 0 0 50%; }
  .jimmex_col-d-3 { flex: 0 0 33.333%; }
  .jimmex_col-d-4 { flex: 0 0 25%; }
  .jimmex_col-d-5 { flex: 0 0 20%; }
  .jimmex_col-d-6 { flex: 0 0 16.666%; }
}

/* ---------- 4K ≥ 1920px ---------- */

@media (min-width: 1441px) {

  .jimmex_col-4k-2 { flex: 0 0 50%; }
  .jimmex_col-4k-3 { flex: 0 0 33.333%; }
  .jimmex_col-4k-4 { flex: 0 0 25%; }
  .jimmex_col-4k-5 { flex: 0 0 20%; }
  .jimmex_col-4k-6 { flex: 0 0 16.666%; }
  .jimmex_col-4k-8 { flex: 0 0 12.5%; }

}