* { box-sizing: border-box; }
/* fonts */
@font-face { font-family: interRegular; src: url(fonts/inter/regular.ttf); }
@font-face { font-family: interBold; src: url(fonts/inter/bold.ttf); }
@font-face { font-family: interThin; src: url(fonts/inter/thin.ttf); }
@font-face { font-family: interExtraBold; src: url(fonts/inter/extrabold.ttf); }
@font-face { font-family: interBlack; src: url(fonts/inter/black.ttf); }
@font-face { font-family: interSemiBold; src: url(fonts/inter/semibold.ttf); }

.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }
h1 { font-family: 'interBold'; letter-spacing: -.5px; line-height: 32px; } 
h2 { font-family: 'interBold'; font-size: 18px; color: #009bdd; margin: 0 0 25px 0; padding: 0; }
h3 { font-family: 'interBold'; font-size: 22px; margin: 0 0 10px 0; line-height: 28px; }
.highlight { font-size: 13px; font-weight: bold; }

body, html { font-family: interRegular; font-size: 13px; margin: 0; padding: 0; line-height: 20px; }
.logo { height: 80px; }
.row { margin-bottom: 50px; display: flex; flex-direction: row; gap: 15px; }
.row:last-child { margin-bottom: 0px; }
.row.col { flex-direction: column; }
.row .content { display: block; }
.topbar { display: flex; justify-content: center; padding: 25px 0; }
.topbar .header { width: 960px; display: flex; justify-content: space-between; align-items: center; }
.topbar a:link, .topbar a:visited { transition: all .5s; padding: 8px 15px; text-decoration: none; background-color: #1a5979; color: #ffffff; border-radius: 4px; }
.topbar a:hover { background-color: #216a8f; }
.topbar a.green:link, .topbar a.green:visited { background-color: #1a5979; color: #ffffff; }
.topbar a.green:hover { background-color: #216a8f; }
.topbar a.gray:link, .topbar a.gray:visited { background-color: #e8e8e8; color: #242424; }
.topbar a.gray:hover { background-color: #d4d4d4; }
.navbar { background-color: #c1e242; margin-bottom: 30px;  }
.playground { display: flex; justify-content: center; }
.container { display: flex; flex-direction: row; gap: 10px; width: 960px; }
.main-col { display: flex; flex-direction: column; flex: 1; }
.right-col { display: flex; width: 310px; flex-direction: column; }
.box { border: #d4d4d4 1px solid; border-radius: 4px; padding: 15px; margin-bottom: 10px; }
.box img { max-width: 280px; }
.box img.free { max-width: unset; }
.box img.full { max-width: 100%; }
.check-list { list-style: none; }
.check-list li { line-height: 24px; padding-left: 25px; background-image: url(../img/icon/vorteil-liste.gif); background-position: left center; background-repeat: no-repeat; }
.footer { border-top: #e8e8e8 1px solid; margin-top: 30px; display: flex; justify-content: center; padding: 25px 0; flex-direction: column; align-items: center; }
.footer img { height: 65px; margin-bottom: 15px; }
.footer .container { justify-content: space-between; }
.footer .container .col { display: flex; flex-direction: column; align-items: flex-start; max-width: 40%; color: #2e4256; }
.footer .container .col label { font-family: 'interSemiBold';}
.footer .container .col span i { font-style: normal; font-size: 20px; font-family: 'interBold'; letter-spacing: -.5px; color: #99ba27; }