.bold{font-weight:bold}#header{padding:15px 0}#header .top-bar{height:auto;background-color:#fff}#header .top-bar .name{height:auto}#header .top-bar .name h1{line-height:2.4rem}#header .top-bar .name h1 a{display:inline-block;padding:0}#header .top-bar .name .logo-virtualo{padding-left:20px}#header .top-bar .name .logo-komputronik{padding-left:20px}#header .top-bar-section ul li>a{font-size:.9rem;font-weight:bold;background-color:#fff;color:#006bb9}#content a[name]{float:left;line-height:0;visibility:hidden}#content .banner-header .image{background:url("../../../../images/responsive/partners/komputronik/banner_header.jpg") no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center center;line-height:60vh;text-align:center;padding:5rem 3rem;position:relative}#content .banner-header .image .packshot{position:absolute;top:30%;right:9%}#content .banner-header .image .packshot.show-for-small-only,#content .banner-header .image .packshot.show-for-medium-only{margin:0 auto;padding:30px 0 20px 30px;position:relative}#content .banner-header .image p{color:#fff;display:block;font-size:1rem;font-weight:bold;line-height:1.6rem;margin:0;padding:0 20px;text-align:left;vertical-align:middle}#content .banner-header .image p.title{font-size:2rem}#content .banner-header .image p.title>img{margin-bottom:.9rem}#content .banner-header .image p.last{padding-bottom:10px}#content .banner-header .image p.small{font-size:.9rem;line-height:1.5rem}#content .banner-header .image p.small a{color:#e82b6b}#content .banner-header .image p .button,#content .banner-header .image p .button:hover{background-color:#2a2a2a;font-size:.9rem;font-weight:bold;margin:2rem 0 .8rem;padding:.6rem 1.5rem}#content .banner-header .image p.promotion{color:#fff;font-size:.8rem;font-weight:normal;line-height:1.2rem}#content .buttons{padding:60px 0 20px;text-align:center}#content .buttons .button{background-color:#f11753;color:#fff;margin:0;padding:10px 30px;font-weight:bold}#content h1{color:#006bb9;font-size:2rem;font-weight:bold;padding:40px 0;text-align:center}#content .duration{color:#4b4b4b;padding-bottom:50px;text-align:center}#content .how-download{color:#fff;font-weight:bold}#content .how-download .image{background:url("../../../../images/responsive/partners/komputronik/banner_download.jpg") no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center center;line-height:40vh;padding:50px 50px 30px}#content .how-download .image>p{font-size:2rem;font-weight:bold;text-align:center;padding-bottom:10px}#content .how-download .image>ul{color:#fff;font-size:1.1rem;line-height:3rem;list-style:outside none none}#content .how-download .image ul li .number{background:#fff none repeat scroll 0 0;border-radius:20px;color:#006bb9;height:30px;line-height:30px;margin-top:10px;padding:0;text-align:center;width:30px}#content .how-download .image ul li .text{float:none;padding-left:45px}#content .how-read{display:table;background-color:#f4f4f4;color:#042d5b;padding:50px 20px}#content .how-read .image{vertical-align:middle;padding-right:40px;text-align:center}#content .how-read .image img{max-width:none;padding-bottom:20px}#content .how-read .text{color:#006bb9;font-size:1rem;line-height:1.5rem}#content .how-read .text .title{font-weight:bold}#content .how-read .text{text-align:justify}#content .products{padding:100px 50px 20px;width:auto}#content .products .product{display:table;padding:0 0 5rem;text-align:center}#content .products .product .text{color:#042d5b;display:table-cell;vertical-align:top;padding-right:20px}#content .products .product .image .cover{display:table;margin:0 auto;position:relative;max-width:15rem}#content .products .product .image .flag{background-color:#e82b6b;color:#fff;font-size:.8rem;left:-0.7rem;padding:.1rem .7rem;position:absolute;top:.9rem}#content .products .product .image .fragment{cursor:pointer;height:71px;left:37%;position:absolute;top:33%;width:62px}#content .products .product .image .fragment .play{display:block}#content .products .product .image .fragment .pause{display:none}#content .products .product .image.play .fragment .play{display:none}#content .products .product .image.play .fragment .pause{display:block}#content .products .product .image .mediPlayer{cursor:pointer;left:0;position:absolute;top:17%;z-index:1}#content .products .product .image .mediPlayer svg{height:60%;width:60%}#content .products .product .image .cover .sample-product{display:none;margin-top:-30px}#content .products .product .image .cover .sample-product audio{width:100%;height:30px}#content .products .product .title{font-size:1.6rem;font-weight:bold;line-height:2.2rem;padding:0 0 30px}#content .products .product .content{color:#042d5b;padding-bottom:20px}#content .products .product .content font{font-size:1.2rem;font-weight:bold}#content .products .product .content>ul{font-size:1.2rem;line-height:2rem}#content .products .product .button{background-color:#fff;border:1px solid #006bb9;color:#006bb9;font-size:1rem;font-weight:bold;margin:1.9rem 1rem 0;padding:.5rem 1.6rem}#content .products .product .buttons{padding:0;text-align:left;font-size:1rem}#footer{border-top:1px solid #e5e5e5;color:#4b4b4b;padding:40px 10px 0 10px;text-align:center;font-weight:normal}#footer .small{font-size:.8rem;font-weight:bold;padding-bottom:20px}#footer a{color:#006bb9}#footer p{font-weight:bold}.reveal-modal{max-width:30rem}.reveal-modal .header{color:#006bb9;font-size:1.2rem;line-height:1.5rem}.reveal-modal .thumbnail{display:table-cell}.reveal-modal .thumbnail img{max-width:8rem}.reveal-modal .button{background-color:#e82b6b;margin:2rem 0 0;padding:.5rem 1.5rem}.reveal-modal .content{color:#666;font-size:.9rem;line-height:1.1rem;display:table-cell;padding-left:1.2rem;padding-top:0;vertical-align:top}.reveal-modal .content .authors{padding-top:.6rem}.reveal-modal .content .authors>a{color:#4b4b4b}.top-bar .toggle-topbar.menu-icon a{background-color:#006bb9;padding:0 1.6rem 0 1.2rem}.mejs-container.svg.mejs-audio{max-width:240px}@media only screen and (min-width:64.063rem) and (max-width:74.9375em){#content .banner-header .image .packshot{position:absolute;right:3%;top:30%}#content .banner-header .image p.title{padding-bottom:1rem}}@media only screen and (min-width:64.063rem){#content .how-read{padding:50px 220px}}@media only screen and (max-width:64rem){.line{border-top:1px solid #d2d2d2;float:none;height:1px;margin:40px auto 0;padding:0;width:20%}#content .banner-header .image{background:url("../../../../images/responsive/partners/komputronik/banner_header_medium.jpg") repeat-y;padding:2rem;background-size:cover}#content .banner-header .image p{line-height:1.6rem;text-align:center}#content .banner-header .image p.title{font-size:1.8rem;line-height:1.2rem;padding-bottom:1.5rem}#content .banner-header .image .packshot{position:absolute;right:3%;top:30%}#content .products{padding:50px 20px 20px;width:auto}#content .products .product{display:table;padding:0 0 2rem;text-align:center}#content .products .product .button{font-size:.8rem;line-height:1rem;margin:1.9rem .8rem 0;padding:.5rem 1rem}#content .banner-header .image .packshot{display:none}#content .how-download .image .row{padding:2px}#content .how-download .image ul li .number{line-height:2rem;margin-top:0;padding:0}#content .how-read{padding:50px}#content .how-read .image{padding:0 0 20px}}@media only screen and (min-width:40.063em) and (max-width:55em){#content .products .product .title{font-size:1.2rem;line-height:1.6rem}#content .products .product .content font{font-size:1rem}#content .products .product .content>ul{font-size:1rem;line-height:1.4rem}#content .how-read{padding:50px 120px}#content .banner-header .image p.title{padding-top:1.5rem}}@media only screen and (max-width:40rem){#header{height:auto;padding:15px 0}#header .top-bar .name h1{display:table;margin:0 auto;text-align:center}#header .top-bar .name h1 a{width:auto;line-height:1rem}#header .toggle-topbar.menu-icon{left:0;right:auto}#header #menu-heading{z-index:1}#header #menu-content.show-for-small-only{display:none!important;margin:0 0 5px 5px}#header #menu-content.show-for-small-only.active{display:block!important;margin:0 0 0 5px}#header #menu-content.show-for-small-only .menu-top{list-style:outside none none;margin:0;padding-top:20px}#header #menu-content.show-for-small-only .menu-top>li{line-height:1.4rem;margin:0;padding:0}#header #menu-content.show-for-small-only .menu-top a{color:#006bb9;font-size:.9rem}#header .title-area .name>h1{padding:0 50px}#content h1{font-size:1.4rem}#content .banner-header .image{background:url("../../../../images/responsive/partners/komputronik/banner_header_medium.jpg") no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center center;line-height:40vh}#content .products .product .cover{padding-bottom:40px;text-align:center}#content .products .product .title{text-align:center;font-size:1.4rem}#content .products .product .content font{font-size:1rem}#content .products .product .content>ul{font-size:1rem}#content .products .product .buttons{padding:0;text-align:center}#content .how-download .image{padding:50px 10px 30px}#content .how-download .image>p{font-size:1.5rem;padding-bottom:10px}#content .how-download .image ul li .number{border-radius:20px;height:25px;line-height:25px;margin-top:5px;padding:0;width:25px}#content .how-download .image ul li .text{float:none;font-size:1rem;line-height:2.2rem;padding-left:40px}#content .how-read{padding:40px 20px}#content .how-read .image{display:block;padding-bottom:20px;padding-right:0;text-align:center}#content .how-read .text{display:block;font-size:1rem;line-height:1.7rem;text-align:justify}#content .how-read .text .title{display:none;font-size:1.4rem;font-weight:bold;padding-bottom:20px;text-align:center}#content .how-read .text .content{line-height:1.4rem}#content .banner-header .image{padding:5rem 20rem 5rem 3rem}#content .banner-header .image p.title{font-size:1.6rem;line-height:1.8rem;padding-bottom:1.8rem;padding-top:1.5rem}#content .products .product .image .cover{padding:0}#content .products{padding:50px 20px 20px;width:auto}#content .banner-header .image{padding:2rem}#content .banner-header .image .packshot{display:none}#content .banner-header .image p{line-height:1.5rem;text-align:center}#content .banner-header .image p.small{font-size:.8rem;line-height:1rem}#content .banner-header .image{line-height:20vh;padding:2rem .5rem}#content .buttons{padding:40px 0 20px}#content .duration{padding-bottom:40px}#footer .small p{line-height:1.4rem;margin-bottom:1rem}.reveal-modal{min-height:auto}}@media only screen and (max-width:30rem){#content .banner-header .image{line-height:30vh}#header{height:auto}#content .banner-header .image .packshot.show-for-small-only{padding:30px 20px 20px 35px}}@media only screen and (max-width:20rem){#content .banner-header .image p{line-height:1.3rem}#content .banner-header .image p.title{font-size:1.2rem;line-height:1.4rem;padding-bottom:1.6rem;padding-top:1.5rem}#content .banner-header .image p .button,#content .banner-header .image p .button:hover{font-size:.8rem;line-height:1rem;padding:.6rem 1rem}#content .banner-header .image .packshot.show-for-small-only{padding:30px 15px 20px 30px}}@media only screen and (max-width:10rem){#content .banner-header .image{line-height:10vh}}