<link href="https://api.fontshare.com/css?f[]=switzer@100,101,200,201,300,301,400,401,500,501,600,601,700,701,800,801,900,901&display=swap" rel="stylesheet">
<style type="text/css">.cka-wrap { margin: auto; width: 550px; overflow:hidden; background: #1F1F21;border-bottom:80px solid #1F1F21;}/*

*/ .cka-wrap li { list-style: none;}/*

*/ .cka-top { padding: 50px; border-bottom: 1px solid #F5F5F5;}/*

*/ .cka-circle { position: relative; z-index: 1; margin-top: 20px; margin-left: 9px; width: 212px; height: 202px; background: #D64F42; border-radius: 200px;}/*

*/ .cka-circle-sub { position: relative; left: 55px; bottom: 10px; width: 303px; font-family: Switzer; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; text-transform: uppercase; color: #F5F5F5;}/*

*/ .cka-circle-sub b { font-weight: normal; color: #D64F42;}/*

*/ .cka-circle-main { position: relative; left: 78px; bottom: 15px; width: 367px; height: 161px; font-family: Switzer; font-style: normal; font-weight: 900; font-size: 64px; line-height: 54px; text-transform: uppercase; color: #F5F5F5;}/*

*/ .cka-short-facts { margin-top: 30px; margin-bottom: 30px; padding-bottom:40px; text-align: right; }/*

*/ cka-sf { font-family: Switzer; font-style: normal; font-weight: bold; font-size: 13px; line-height: 17px; text-transform: uppercase; background: #D64F42; color: #F5F5F5; padding: 10px;}/*

*/ .cka-preface {margin:auto; width: 322px;padding:50px;font-family: Switzer;font-style: normal;font-weight: normal;font-size: 12px;line-height: 28px;text-align: justify;text-transform: lowercase;color: #F5F5F5;background: #1F1F21;border-left: 1px solid #F5F5F5;border-right: 1px solid #F5F5F5;}/*

*/ .cka-preface b {font-weight: 900; font-size: 12px;text-transform: uppercase;color: #D64F42;}/*

*/ .cka-char {display:flex; justify-content:space-between;flex-direction: row; align-items: center; height:20px; padding:30px; font-family: Switzer;font-style: normal;font-weight: 500;font-size: 24px;line-height: 24px;text-align: justify;text-transform: lowercase;color: #F5F5F5;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5; cursor: pointer;}/*

*/ .cka-wrap input, .cka-wrap ul.cka-char-info { display: none;}/*

*/ .cka-wrap input, .cka-wrap ul.cka-add { display: none;}/*

*/ #cka-wrap label { position: relative; display: block; cursor: pointer;}/*

*/ .cka-wrap input:checked~ul.cka-char-info { display: block; margin:auto; width: 322px;padding:50px;font-family: Switzer;font-style: normal;font-weight: normal;font-size: 12px;line-height: 28px;text-align: justify;text-transform: lowercase;color: #F5F5F5;background: #1F1F21;border-left: 1px solid #F5F5F5;border-right: 1px solid #F5F5F5;}/*

*/ .cka-wrap input:checked~ul.cka-add { display: block; margin:auto; width: 322px;padding:50px;font-family: Switzer;font-style: normal;font-weight: normal;font-size: 12px;line-height: 28px;text-align: justify;text-transform: lowercase;color: #F5F5F5;background: #1F1F21;border-left: 1px solid #F5F5F5;border-right: 1px solid #F5F5F5;}/*

*/ .cka-char-info sf { margin-right:5px; font-family: Switzer; font-style: normal; font-weight: bold; font-size: 13px; line-height: 17px; text-transform: uppercase; background: #D64F42; color: #F5F5F5; padding: 10px;}/*
 
  */ .cka-char-info free { margin-right:5px; font-family: Switzer; font-style: normal; font-weight: bold; font-size: 13px; line-height: 17px; text-transform: uppercase; background: #42CAD6; color: #F5F5F5; padding: 10px;}/*

*/ .cka-img {width: 40px; height: 40px;background: #D64F42;border-radius: 100px;}/*

*/ .cka-name { margin-left:30px; flex-grow: 2;}/*

*/ .cka-add { display:flex; height:20px; padding:30px; padding-left:35px; font-family: Switzer;font-style: normal;font-weight: 300;font-size: 24px;line-height: 24px;text-align: justify;text-transform: uppercase;color: #D64F42;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5; cursor: pointer;}/*

*/ .cka-add-plus { margin-top:-2px; margin-right:5px;font-weight: 200;font-size:55px;}/*

*/ .cka-bottom {padding: 50px;}/*

*/ .cka-bottom-circle {width: 162px; height: 154px;background: #D64F42;border-radius: 200px;}/*

*/ .cka-motto {width: 462px; height: 99px;font-family: Switzer;font-style: normal;font-weight: 900;font-size: 55px;line-height: 47px;text-align: right;text-transform: uppercase;color: #F5F5F5;}/*

*/ cka-motto-translation { font-family: Switzer; font-style: normal; font-weight: bold; font-size: 13px; line-height: 17px; text-transform: uppercase; background: #42CAD6; color: #F5F5F5; padding: 10px;}/*

*/ .cka-epilogue {float:right; width: 322px;padding-top:22px;font-family: Switzer;font-style: normal;font-weight: normal;font-size: 12px;line-height: 28px;text-align: justify;text-transform: lowercase;color: #F5F5F5;}/*

*/ .cka-epilogue b {margin-right:4px; font-weight: 900;font-size: 12px;text-transform: uppercase;color: #42CAD6;}/*

*/ cka-farbe-1 { margin-right:3px; font-family: Switzer; font-style: normal; font-weight: bold; font-size: 12px; line-height: 17px; text-transform: uppercase; background: #D64F42; color: #1F1F21; padding: 5px 10px;}/*

*/ cka-farbe-2 { font-family: Switzer; font-style: normal; font-weight: bold; font-size: 12px; line-height: 17px; text-transform: uppercase; background: #42CAD6; color: #1F1F21; padding: 5px 10px;}/*</style>