.jok-header-bar{display:flex;justify-content:space-between}.jok-intro-header{background-color:#e2f0d9 !important;height:40px}.jok-intro-header .chev_icon{color:#6b9941 !important}.jok-intro-header .headertext{color:#6b9941}.essayteaser{background-color:#ececec;padding:10px;display:flex;border-radius:10px;box-shadow:#d1d6d4 0px 0px 16px -5px}.jok-intro,.jok-intro-new,.jok-bundle-access{align-items:center;background-color:#e2f0d9}@media only screen and (min-width: 500px){.jok-intro,.jok-intro-new,.jok-bundle-access{display:flex}}.jok-intro .jok-image,.jok-intro-new .jok-image,.jok-bundle-access .jok-image{padding:20px;padding-top:0;width:100%}.jok-intro .jok-image img,.jok-intro-new .jok-image img,.jok-bundle-access .jok-image img{width:100%}@media only screen and (min-width: 500px){.jok-intro .jok-image,.jok-intro-new .jok-image,.jok-bundle-access .jok-image{width:30%;max-width:280px;flex-shrink:0}}.jok-intro .jok-text,.jok-intro-new .jok-text,.jok-bundle-access .jok-text{padding:20px;padding-top:0;font-size:16px;margin-top:0}.jok-kanji-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;background-color:#f2f2f2;box-shadow:0 0 32px -5px #c8ceda;border-radius:10px}.jok-intro-new,.jok-bundle-access,.jok-section{margin:10px;border-radius:10px;box-shadow:0 0 32px -5px #979da8;padding:20px;background-color:#dde5f6}.jok-section,.jok-bundle-access{display:block}.jok-section{background-color:#f2f2f2;box-shadow:0 0 32px -5px #c8ceda;padding:0.05px;margin-top:20px}.jok-section .title-row{color:white;background-color:#143049;font-size:20px;font-weight:bold;padding:20px;border-top-left-radius:10px;border-top-right-radius:10px}.jok-section .section-content{margin:20px}.jok-bundle-access{margin-top:20px;background-color:#b6f4e1;box-shadow:0 0 32px -5px #b6f4e1}.jok-buttons-row{display:flex;justify-content:flex-end;padding:10px;align-items:center}.jok-image-row .image-img{margin:0;max-width:100%}@media only screen and (min-width: 500px){.jok-image-row{display:flex;justify-content:space-between}.jok-image-row .image-img{margin-left:10px;max-width:250px}}.jokClickable{color:#4472B9;border-bottom:2px solid transparent;cursor:pointer}.jokClickable:hover{color:#333;border-bottom-color:#999}@media only screen and (min-width: 890px){.jok-bundle-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}}.bundle-id{color:white;background-color:#143049;width:44px;border-radius:44px;font-size:22px;text-align:center;font-weight:bold;height:44px;display:flex;align-items:center;justify-content:center}.bundle-id.bundle-id--triple{width:54px;height:54px;border-radius:54px}.bundle-id-div{float:left;margin-right:10px}.jok-bundle{margin:10px;box-shadow:0 0 32px -5px #d1d6d4;border-radius:10px;padding:10px}.jok-bundle .title{font-weight:bold;color:#143049;font-size:24px}.jok-bundle .kanji-ctr{font-weight:bold;font-size:20px;margin:20px;color:#143049}.jok-bundle .teaser{clear:both;padding-top:10px;font-size:16px}.jok-bundle-small{background-color:#ececec;padding:10px;border-radius:10px;box-shadow:#d1d6d4 0px 0px 16px -5px}.jok-bundle-small .title-section{flex-grow:1}.jok-bundle-small .bundle-id{width:28px;height:28px;border-radius:28px;font-size:15px}.jok-bundle-small .bundle-id.bundle-id--triple{width:36px;height:36px;border-radius:36px}.jok-bundle-small .title{font-weight:bold;color:#143049;display:inline-block}.jok-bundle-small .kanji-ctr{margin-left:10px;color:#143049;display:inline-block}.jok-bundle-small .teaser{font-size:16px;clear:both;margin-top:10px;line-height:24px}.jok-bundle-small .jok-image-row .image-img{margin-left:5px;width:100px}