@CHARSET "UTF-8";


._carousel_item {
    h1 {
        margin-top:0px;
        font-size: 34px;
    }
    .link {
        display: block;
    }
}


.backContMobilePlacer {
    display: none;
}

.scBorder {
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.scBorder:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #d4ced8;
    left: 10px;
    bottom: -10px;
    z-index: -1;
    transform: rotate(0.7deg);
}

.position-relative {
    position: relative;
}

.h-100 {
    height: 100%;
}

.d-flex {
    display:flex;
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.scLinkBoxSliderContainer {
    margin: 0px -50px;
}
.part .scLinkBoxSliderContainer .block {
    left: 56px;
    top:28px;
}
.part .box.scLinkBoxSliderContainer {
    padding-top: 105px;
}

.scrEditionItemBox .title {
    position: absolute;
    left: 10px;
    bottom: 5px;
    font-family: swung_notemedium;
    width: 100%;
    font-size: 36px;
}

.scrEditionItemBox .txt {
    padding: 5px 10px;
    color: #fff;
}

.scLinkBox {
    position: relative;
    background-color: transparent !important;
    display:block;
}

.scLinkBox:before {
    content: " ";
    display:block;
    height: 0px;
    width: 0px;
    border: 20px solid #cccccc;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: +1;
}

.bgGray.scLinkBox:before {
    border-color: #575756;
}
.bgPurple.scLinkBox:before {
    border-color: #5F2466;
}
.bgBlue.scLinkBox:before {
    border-color: #12BFE6;
}
.bgOrange.scLinkBox:before {
    border-color: #FF8000;
}
.bgGreen.scLinkBox:before {
    border-color: #94C01E;
}
.bgGray.scLinkBox .title {
    color: #575756;
}
.bgPurple.scLinkBox .title {
    color: #5F2466;
}
.bgBlue.scLinkBox .title {
    color: #12BFE6;
}
.bgOrange.scLinkBox .title {
    color: #FF8000;
}
.bgGreen.scLinkBox .title {
    color: #94C01E;
}
.bgGray.scLinkBox .txt {
    background-color: #575756;
}
.bgPurple.scLinkBox .txt {
    background-color: #5F2466;
}
.bgBlue.scLinkBox .txt {
    background-color: #12BFE6;
}
.bgOrange.scLinkBox .txt {
    background-color: #FF8000;
}
.bgGreen.scLinkBox .txt {
    background-color: #94C01E;
}

.modal.xy .close {
    color: #ffffff !important;
    text-shadow: none !important;
    opacity: unset !important;
}

.modal.xy .modal-header {
    border: 0px;
    color: #ffffff;
    padding: 20px 15px 15px 15px;
}

.modal.xy input {
    border: 0px;
    padding: 10px;
    background-image: url(/img/scroller/input.png) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    outline: none;
}

.modal.xy .modal-header h5 {
    font-family: 'swung_notemedium';
}

.modal.xy .modal-footer {
    border: 0px;
    padding-right: 39px;
}

.modal.xy .modal-dialog {
    max-width: 450px;
}
.modal.xy .modal-body {
    padding: 0px !important;
    min-height: 180px;
    display:flex;
}
.modal.xy .modal-content {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
    background-image: url('/img/scroller/bgmodal.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}



.modal.transparent .close {
    color: #ffffff !important;
    text-shadow: none !important;
    opacity: unset !important;
}

.modal.transparent .modal-header {
    color: #ffffff;
    background-color: #565655;
}

.modal.transparent .modal-dialog {
    max-width: 380px;
}
.modal.transparent .modal-body {
    padding: 0px !important;
}
.modal.transparent .modal-content {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
}


.vimicons {
    display: flex;
    margin-bottom: -69px;
    z-index: +1;
    position: relative;
    margin-top: 48px;
    background: url('/img/scroller/zacken.svg');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom:10px;
}

.vimicons .icon-title{
    font-size:12px;
    text-align:center;
    margin-top:-10px;
    font-weight: 500;
}

.vimicons .vimicons-wrapper{
    max-width: 120px;
    margin-right: 10px;
    display:inline-block;
    position: relative;
    min-width: 120px;
    min-height: 120px;

}

.vimicons img {
    max-width: 100px;
    max-height: 100px;
    margin-right: 10px;
    cursor: pointer;
}


.vimicons .vimicons-wrapper img,
.vimicons .vimicons-wrapper video{
    max-width: 120px;
    max-height: 120px;
    height: 120px;
    margin-right: 10px;
    cursor: pointer;
}


.vimicons .vimicons-wrapper img,
.vimicons .vimicons-wrapper video{
    margin-right: 0px;
}

.vimeo-hk {
    max-width: 100%;
    max-height: 685px;
}

.blockBack {
    position: inherit!important;
    padding: 10px 24px 10px 18px;
    position: relative !important;
    top:unset !important;
    left: unset !important;
    transform: rotate(-1deg);
    z-index: 5;
    background-image: url(/img/scroller/blocks/block-purple-v3.png);
    line-height: 1.42857;
}

.blockBack .cont {
    display:block;
    transform: rotate(-2deg);
    font-size: 36px;
    font-family: 'swung_notemedium';
    color: #fff;
    white-space: nowrap;
}

.backCont {
    position: absolute;
    right: 0px;
    bottom: 42px;
}
.backCont:before {
    position: absolute;
    bottom: 27px;
    right: 0;
    content: " ";
    display: block;
    width: 360px;
    height: 99px;
    background-image: url(/img/scroller/stern.png);
    background-repeat: no-repeat;
    background-size: contain;
}

    /* workaround for old bootstrap */
.scroller-order .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
}

.scroller-order .bg-blue:hover {
    background-color: white;
}

.scroller-order .form-horizontal .form-group:before {
    content: none;
}
/* button */
.scroller-order .form-group input[type="submit"] {
    font-size: 18px;
    color: white;
    background-color: #26BFE6;
}

.scroller-order .form-group input[type="submit"]:hover {
    color: #26BFE6;
    background-color: white;
}

.scroller-order .hwm-btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #26BFE6;
    padding: 0.5rem 1.75rem;
    font-size: 1rem;
    line-height: 1.25;
    transition: all 0.15s ease-in-out;
}

/*.scroller-order .btn:hover{*/
/*    background-color: white !important;*/
/*    color: #26BFE6 !important;*/
/*}*/

.scroller-order .d-flex {
    display: flex;
}

.scroller-order .justify-content-center {
    justify-content: center;
}

.row.scroller-order {
    margin-left: 0;
    margin-right: 0;
}

.scroller-order .mb-grid {
    margin-bottom: 20px;
}

.scroller-order .form-horizontal .form-group .d-none {
    display : none;
}

.scroller-order .form-horizontal .form-group .d-flex, .d-inline-flex {
    display: flex;
}

.scroller-order .form-horizontal .form-group .align-items-center {
    align-items: center;
}

.scroller-order .ml-grid2 {
    margin-left: 40px;
}

.scroller-order .form-group label {
    font-weight: normal;
}

.invalid-feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #DC3545;
}

.is-invalid .invalid-feedback {
    display:block;
}

.scroller-order .form-check-radio label {
    margin: 0;
    font-weight: normal;
    line-height: 20px;
}

.scroller-order .form-check-input {
    margin-left: -1.25rem;
}

.scroller-order .safety-check {
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
}

.scroller-order .form-control[type="text"] {
    height: 100%;
}

.scroller-order .form-row {
    display: flex;
    flex-wrap: wrap;
}

.scroller-order .form-row .col.col-xs-12.d-flex.align-items-stretch {
    padding-left: 0;
    padding-right: 0;
}

.form-check-input[type=radio] {
    font-family: 'Font Awesome 5 Pro';
    position: relative;
    margin:0 10px 0 0 ;
    padding: 0;
    height: 20px;
}
.form-check-input[type=checkbox] {
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    margin-right: 10px;
}

.form-check-input[type=radio]:checked:after,
.form-check-input[type=checkbox]:checked:after {
    cursor: pointer;
    display: block;
    content: "\f14a";
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    position: absolute;
    z-index: 10;
    color: #95C333;
}

.form-check-input[type=radio]:after,
.form-check-input[type=checkbox]:after {
    cursor: pointer;
    display: block;
    content: "\f0c8";
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    position: absolute;
    z-index: 10;
}

.form-check-input[type=radio]:hover:after
.form-check-input[type=checkbox]:hover:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #fff;
}

.scroller-order .form-check-label{
    cursor: pointer;
    margin-top: 1px;
    margin-left: 20px;
    font-weight: normal;
}

/* /workaround for old bootstrap */


#soundmanager-debug,
#soundmanager-debug-toggle { display:none !important;}

.spacer {
    position: relative;
    padding-bottom: 40px;
}
.spacerDouble {
    position: relative;
    margin-top: 20px;
    padding: 20px 0px;
}
.leftRightSpacer {
    padding: 0px 10px;
}
.topSpacer,
.topSpacer-fixed-xs {
    margin-top: 5%;
}

.spacer-bottom {
    padding-bottom: 20px;
}

.spacer.topSpacer.topSpacer-clear-xs h1 {
    margin-top: 12.5px;
}

.relative {
    position: relative;
}

.hoverScale { transition: all 100ms ease-in-out; }
.hoverScale:hover {
    transform: scale(1.03);
    opacity: 0.7;
    transition: all 100ms ease-in-out;
}

.hoverOpacity { cursor: pointer;}
.hoverOpacity:hover {
    opacity: 0.8;
}

.hoverPointer {
    cursor: pointer;
}

.bgGray,.bg-gray, .bg_darkgray {background-color: #575756;}
.bgLightGray, .bg-lightgray, .bg_gray {background-color: #EEEEEE;}
.bgBlue, .bg-blue, .bg_blue {background-color: #12BFE6;}
.bgLila, .bg-lila, .bg_lila {background-color: #bd48cb;}
.bgPurple, .bg-purple, .bg_purple {background-color: #5F2466;}
.bgOrange, .bg-orange, .bg_orange {background-color: #FF8000;}
.bgGreen, .bg-green, .bg_green {background-color: #94C01E;}

.c-gray {color: #575756;}
.c-blue {color: #12BFE6;}
.c-purple {color: #5F2466;}
.c-orange {color: #FF8000;}
.c-green {color: #94C01E;}

.part .box {
    background-size: 100% 100%;
    position: relative;
    padding: 48px 34px 27px 24px;
}

.part .block {
    font-family: swung_notemedium;
    font-size: 36px;
    padding: 2px 20px 4px 20px;
    display: inline-block;
    position: absolute;
    top:-12px;
    left: 12px;
    z-index: 100;
}
.part .block.inline {
    position: relative;
    top:auto; left: auto;
    font-family: regular;
    font-size: inherit;
    padding: 7px 20px 9px 14px;
}

.part.gray {
    position: relative;
    background-color: #EEEEEE;
    min-height: 100px;
    margin-top: 30px
}
.part.gray:before {
    content: " ";
    display: block;
    width: 200%;
    height: 49px;
    background-color: #EEEEEE;
    position: absolute;
    top: -33px;
    left: 0px;
    transform: rotate(-1deg);
}

.block.straightBlock {
    background-repeat: repeat-x;
}

.block.straightBlock::before,
.block.straightBlock::after {
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    content: " ";
}

.block.straightBlock::before {
    width: 15px;
    left: -8px;
}

.block.straightBlock::after {
    width: 20px;
    right: -20px;
}

.block.b-blue {
    background-image: url(/img/scroller/blocks/block-blue-v2.png);
    color: #fff;
}
.block.b-blue.inline {
    background-image: url(/img/scroller/blocks/block-orange-v5.png);
}

.block.b-blue.straightBlock::before {
    background-image: url(/img/scroller/blocks/block-blue-before-v6.png);
}

.block.b-blue.straightBlock {
    background-image: url(/img/scroller/blocks/block-blue-pattern-v6.png);
}

.block.b-blue.straightBlock::after {
    background-image: url(/img/scroller/blocks/block-blue-after-v6.png);
}

.block.b-purple {
    background-image: url(/img/scroller/blocks/block-purple-v1.png);
    color: #fff;
}
.block.b-purple.inline {
    background-image: url(/img/scroller/blocks/block-orange-v5.png);
}

.block.b-purple.straightBlock::before {
    background-image: url(/img/scroller/blocks/block-purple-before-v6.png);
}

.block.b-purple.straightBlock {
    background-image: url(/img/scroller/blocks/block-purple-pattern-v6.png);
}

.block.b-purple.straightBlock::after {
    background-image: url(/img/scroller/blocks/block-purple-after-v6.png);
}

.block.b-orange {
    background-image: url(/img/scroller/blocks/block-orange-v2.png);
    color: #fff;
}
.block.b-orange.inline {
    background-image: url(/img/scroller/blocks/block-orange-v5.png);
}

.block.b-orange.straightBlock::before {
    background-image: url(/img/scroller/blocks/block-orange-before-v6.png);
}

.block.b-orange.straightBlock {
    background-image: url(/img/scroller/blocks/block-orange-pattern-v6.png);
}

.block.b-orange.straightBlock::after {
    background-image: url(/img/scroller/blocks/block-orange-after-v6.png);
}

.block.b-green {
    background-image: url(/img/scroller/blocks/block-green-v1.png);
    color: #fff;
}
.block.b-green.inline {
    background-image: url(/img/scroller/blocks/block-orange-v5.png);
}

.block.b-green.straightBlock::before {
    background-image: url(/img/scroller/blocks/block-green-before-v6.png);
}

.block.b-green.straightBlock {
    background-image: url(/img/scroller/blocks/block-green-pattern-v6.png);
}

.block.b-green.straightBlock::after {
    background-image: url(/img/scroller/blocks/block-green-after-v6.png);
}


.box.b-purple {
    background-image: url(/img/scroller/blocks/block-purple-box.png);
}
.box.b-gray {
    background-image: url(/img/scroller/blocks/block-gray-bg.png);
}

.hackly {
    min-height: 100px;
    position: relative;
    width: 100%;
}

.hackly::after {
    position: absolute;
    bottom:-200px;
    content: " ";
    display:block;
    width: 101%;
    height:255px;
    background-color: #fff;
    transform: rotate(-1deg);
}


.hacklyTop1::before {
    content: " ";
    display:block;
    width: 100%;
    height: 127px;
    background-image: url(/img/scroller/hackly/hackly-1.png);
    background-repeat: repeat-x;
    background-position: top center;
}

.hacklyTop1 .left {
    margin: -70px 0px 95px;
    text-align: center;
}
.hacklyTop1 .right {
    margin: -20px 0px 120px;
}

.hacklyTop2::before {
    content: " ";
    display:block;
    width: 100%;
    height: 46px;
    background-image: url(/img/scroller/hackly/hackly-2.png);
    background-repeat: repeat-x;
    background-position: top center;
}

.teaser h1,
.teaser p {
    color: #fff;
}

.teaser h1 {
    font-family: 'swung_notemedium';
    font-size: 82px;
}

.teaser.small {
    min-height: 325px;
}
.teaser.small .hackly {
    height: 325px;
    overflow: hidden;
}
.teaser.small .hackly:before {
    position: relative;
    z-index: 10;
}
.teaser.small .left .img-responsive {
    margin-top: -18%;
}

.sub {
    padding: 0px 0px 10px 0px;
    font-weight: bold;
}

/*
 * Right column snippet
 * @ Mika
 */

.scrollerRightBox {
    min-height: 540px;
    position: relative;
    padding-bottom: 40px;
}

.scrollerRightBox .scrollerRightBoxContentBg {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    max-width: 100%;
    position: relative;
    float: left;
    padding: 90px 50px 80px 80px;
    z-index: 2;
    color: #fff;
}

.scrollerRightBox.square .scrollerRightBoxContentBg {
    padding: 75px 30px 50px 35px;
}

.scrollerRightBox.round.orange .scrollerRightBoxContentBg {
    background-image: url(/img/scroller/bg-round-orange-v1.png);
}

.scrollerRightBox.round.green .blockTitle {
    background-image: url(/img/scroller/blocks/block-orange-v3.png);
}

.scrollerRightBox.round.green .scrollerRightBoxContentBg {
    background-image: url(/img/scroller/bg-round-green-v1.png);
}

.scrollerRightBox.round.orange .blockTitle {
    background-image: url(/img/scroller/blocks/block-blue-v3.png);
}

.scrollerRightBox.square.lila .roundFrame .rightBoxTopImg {
    background-color: #BD48CB;
}

.scrollerRightBox.square.lila .scrollerRightBoxContentBg {
    background-image: url(/img/scroller/bg-square-lila-v1.png);
}

.scrollerRightBox.square.lila .blockTitle {
    background-image: url(/img/scroller/blocks/block-blue-v3.png);
}

.scrollerRightBox.square.darkLila .roundFrame .rightBoxTopImg {
    background-color: #5F2466;
}

.scrollerRightBox.square.darkLila .scrollerRightBoxContentBg {
    background-image: url(/img/scroller/bg-square-darklila-v1.png);
}

.scrollerRightBox.square.darkLila .blockTitle {
    background-image: url(/img/scroller/blocks/block-blue-v4.png);
}

.scrollerRightBox.square.lightBlue .roundFrame .rightBoxTopImg {
    background-color: #12C0E7;
}

.scrollerRightBox.square.lightBlue .scrollerRightBoxContentBg {
    background-image: url(/img/scroller/bg-square-lightblue-v1.png);
}

.scrollerRightBox.square.lightBlue .blockTitle {
    background-image: url(/img/scroller/blocks/block-purple-v3.png);
}

.scrollerRightBox.square.green .roundFrame .rightBoxTopImg {
    background-color: #94C11E;
}

.scrollerRightBox.square.green .scrollerRightBoxContentBg {
    background-image: url(/img/scroller/bg-square-green-v1.png);
}

.scrollerRightBox.square.green .blockTitle {
    background-image: url(/img/scroller/blocks/block-purple-v3.png);
}

.scrollerRightBoxContent {
    max-width: 100%;
    float: left;
}

.scrollerRightBoxContent.roundFrame .framedImgBg {
    width: 200px;
    height: 200px;
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}

.scrollerRightBoxContent.alignRight.roundFrame .framedImgBg {
    top: 30px;
    right: 20px;
}

.scrollerRightBoxContent.alignLeft.roundFrame .framedImgBg {
    top: 30px;
    left: 10px;
}

.scrollerRightBoxContent .scrollerRightBoxTopContent {
    width: 100%;
    position: relative;
    top: 70px;
    float: left;
}

.scrollerRightBox .scrollerRightBoxContent.roundFrame .scrollerRightBoxTopContent {
    top: 45px;
}

.scrollerRightBoxContent .rightBoxTopImg {
    max-width: 50%;
    position: relative;
    z-index: 3;
}

.scrollerRightBox.round .block {
    top: auto;
    bottom: 0;
}

.scrollerRightBox.round .rightBoxTopImg {
    left: 40%;
    top: 0px;
}

.scrollerRightBoxContent.noImgFrame .rightBoxTopImg {
    top: -50px;
}

.scrollerRightBoxContent.alignRight .rightBoxTopImg {
    float: right;
    right: 40%;
}

.scrollerRightBoxContent.roundFrame .rightBoxTopImg {
    width: 170px;
    height: 170px;
    border-radius: 50%;
}

.scrollerRightBoxContent.alignRight.roundFrame .rightBoxTopImg {
    right: 34px;
}

.scrollerRightBoxContent.alignLeft .rightBoxTopImg {
    left: 25px;
}

.scrollerRightBoxContent.roundFrame .rightBoxTopImg img {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 10%;
    left: 10%;
}

.scrollerRightBoxContent .blockTitle {
    padding: 10px 24px 10px 18px;
    position: absolute;
    transform: rotate(-1deg);
    z-index: 5;
}

.scrollerRightBoxContent .blockTitle .blockTitleText {
    transform: rotate(-2deg);
    font-size: 36px;
    font-family: 'swung_notemedium';
    color: #fff;
    white-space: nowrap;
}

.scrollerRightBoxContent.noImgFrame .blockTitle {
    top: 45px;
}

.scrollerRightBoxContent .blockTitle {
    top: auto;
}

.scrollerRightBoxContent.alignRight .blockTitle {
    bottom: 0;
    left: 25px;
}

.scrollerRightBoxContent.alignLeft.roundFrame .blockTitle {
    bottom: -10px;
    right: 25px;
    left: auto;
}

.scrollerRightBoxContent.roundFrame .blockTitle {
    bottom: -20px;
}

.scrollerRightBox.square .scrollerRightBoxContent .blockTitle {
    padding-right: 40px;
}

.rightBoxContentTitle {
    position: relative;
    margin-bottom: 10px;
    line-height: 36px;
    font-family: 'swung_notemedium';
    font-size: 36px;
    color: #fff;
}

.rightBoxContentTitle::after {
    background-color: #fff;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: -8px;
    left: 0px;
    display: block;
    content: " ";
    transform: skewX(-20deg);
}

.scrollerRightBox .scrollerRightBoxContentBg .contentText {
    padding-top: 10px;
}

.scrollerRightBox .scrollerRightBoxContentBg img {
    margin-bottom: 10px;
}

.blockLinkBg {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 10px;
    padding: 4px 24px 10px 18px;
}

.blockLinkBg.linkRight {
    float: right;
    right: -40px;
}

.blockLinkBg.linkLeft {
    float: left;
    left: -40px;
}

.scrollerRightBox.square.lila .blockLinkBg {
    background-image: url(/img/scroller/blocks/block-green-v3.png);
}

.scrollerRightBox.square.darkLila .blockLinkBg,
.scrollerRightBox.orange .blockLinkBg {
    background-image: url(/img/scroller/blocks/block-green-v3.png);
}

.scrollerRightBox.green .blockLinkBg {
    background-image: url(/img/scroller/blocks/block-orange-v4.png);
}

.scrollerRightBox.square.lightBlue .blockLinkBg {
    background-image: url(/img/scroller/blocks/block-green-v3.png);
}

.blockLinkBg a {
    background: url(/img/scroller/link-arrows-white.png) left center no-repeat;
    background-size: auto 70%;
    padding-left: 40px;
    text-align: center;
    white-space: nowrap;
    font-family: 'swung_notemedium';
    font-size: 36px;
    color: #fff;
}

.blockLinkBg a:hover,
.blockLinkBg a:active {
    text-decoration: underline;
    color: #FFF;
}

.scrollerRightBox .videoWrapper iframe {
    border: 0 none;
}

/*
 * End
 */

.bgPlaneBlue {
    background-image: url(/img/scroller/blocks/plane-blue-v2.png);
    color: #FFF;
}

.bgPlaneGreen {
    background-image: url(/img/scroller/blocks/plane-green-v3.png);
    color: #FFF;
}

.bgSquareLightGrey {
    background-image: url(/img/scroller/bg-square-grey-v1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bgSquareLightGrey2 {
    background-image: url(/img/scroller/blocks/plane-gray-v2.png);
}

.bgKombiGreen1 {
    background-image: url(/img/scroller/blocks/kombi-green-a-v2.png);
}

.blockBoxPadding {
    padding-top: 30px;
    padding-bottom: 60px;
}

.box.blockBox {
    width: 100%;
    float: left;
    padding-bottom: 40px;
}

.boxPaddingBottom {
    padding-bottom: 40px;
}

.blockBox .block {
    top: -25px;
}

.box .block.blockLink {
    top: auto;
    bottom: -40px;
    left: 25px;
    padding-bottom: 20px;
    font-size: 36px;
}

.box .block.blockLink.bgKombiGreen1 a {
    color: #FFF;
}

.box .blockLink a.blockUrlLink {
    background: url(/img/scroller/link-arrows-white.png) left center no-repeat;
    background-size: auto 70%;
    padding-left: 40px;
    padding-right: 10px;
}

.box .blockLink a.blockDownloadLink {
    background: url(/img/icons/arrow-download.png) right bottom no-repeat;
    background-size: auto 70%;
    padding-left: 5px;
    padding-right: 40px;
}

.col-xs-12.accordionBg {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 30px 20px 0;
}

.list {
    position: relative;
    list-style: outside none none;
    padding: 0 0 8px 15px;
}

.list::before {
    position: absolute;
    top:9px;
    left: 0px;
    display:block;
    content: " ";
    background-color: #FF8100;
    width: 8px;
    height: 8px;
}

ol li.list {
    list-style: outside gregorian none;
    padding-left: 0;
}

ol li.list::before {
    display: none;
}

ul.fixedPadding {
    padding-left: 20px;
}

.moreText {
    color: #12C0E7;
    cursor: pointer;
    line-height: 18px;
    margin: 5px 0;
}

.moreText::before {
    display: inline-block;
    content: " ";
    width: 14px;
    height: 14px;
    background-image: url("../../img/layout/textur.png");
    background-position: 0px -254px;
}

.noMoreText {
    color: #12C0E7;
    cursor: pointer;
    display: none;
    line-height: 18px;
    margin: 5px 0;
}

.noMoreText::before {
    display: inline-block;
    content: " ";
    width: 14px;
    height: 14px;
    background-image: url("../../img/layout/textur.png");
    background-position: -14px -254px;
}

.part .boxPadding {
    padding: 20px;
}

.textPadding {
    padding-bottom: 10px;
}

.boxListLink {
    padding: 5px 0px;
}

.startLink {
    padding: 5px 0;
}

#captcha {
    border: 1px solid #ccc;
    padding: 6px 12px;
}

.kontaktForm #anrede {  
    border: 1px solid #ccc;
    padding: 6px 12px;
}

.point {
    background-image: url("../../img/point.png");
    background-position: 0 8px;
    background-repeat: no-repeat;
    padding: 0 0 10px 15px;
}

a.zoomImg.starterLink .zoomBtn {
    background-image: url(/img/scroller/arrow-up-right.png);
}

.zoomImgContainer {
    width: 100%;
    padding: 20px 0;
    position: relative;
    text-align: center;
}

.zoomImgContainer.square.lightGrey {
    background-image: url(/img/scroller/bg-square-grey-v1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.block.zoomImgDescription {
    background-image: url(/img/scroller/blocks/block-purple-v4.png);
    max-width: 70%;
    padding: 10px 25px;
    top: auto;
    bottom: -25px;
    left: 40px;
    text-align: left;
    color: #FFF;
    /* font-family: 'light'; 
    font-size: 24px;*/
    padding: 14px 29px 16px 20px;
}

.box.b-gray a.zoomImg {
    border: 5px solid #FFF;
}

a.zoomImg {
    max-width: 100%; /* for IE */
    display: inline-block;
    overflow: hidden;
}

a.zoomImg div {
    position: absolute;
    right: 40px;
    bottom: -50px;
    display: inline-block;
}

a.zoomImg .zoomBtn {
    background-image: url(/img/scroller/lupe-white.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    width: 150px;
    height: 150px;
    border: 15px solid #EEE;
    border-right: 10px solid #EEE;
    border-radius: 50%;
}

#teaserSlider .carousel-control.left {
    background-image: none;
    width: 10%;
    text-align: left;
}

#teaserSlider .carousel-control.right {
    background-image: none;
    width: 10%;
    text-align: right;
}

#teaserSlider .hacklyTop1.bg-orange .block.inline {
    background-image: url("/img/scroller/blocks/block-green-v5.png");
}

#teaserSlider .item.hacklyTop1 img {
    max-height: 380px;
    display: inline-block;
}

.teaser .carousel-control .glyphicon::before {
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 100px;
    margin-top: -35px;
    width: 67px;
}

.teaser .glyphicon-chevron-left::before {
    background-image: url("../../img/scroller/arrow-left-white.png");
}

.teaser .glyphicon-chevron-right::before {
    background-image: url("../../img/scroller/arrow-right-white.png");
}

.teaser.carouselTeaser .carousel-control {
    z-index: 2;
}

.teaser.carouselTeaser ol.carousel-indicators {
    width: auto;
    right: 5%;
    bottom: 2%;
    left: auto;
    display: none;
}

.teaser.carouselTeaser ol.carousel-indicators li {
    background-color: #FFF;
    width: 15px;
    height: 15px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 8px;
    border: 0 none;
}

.teaser.carouselTeaser ol.carousel-indicators li.active {
    background-color: #F0811A;
    width: 15px;
    height: 15px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 8px;
    border: 0 none;
}

.teaser.carouselTeaser .teaserRound {
    width: 84%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 10%;
    left: 8%;
    z-index: 1;
}

.teaser.carouselTeaser .imgForMobile {
    float: none;
    z-index: 2;
}

.teaser.carouselTeaser .hacklyTop1.bg-blue .teaserRound {
    background-color: #70D9F0;
}

.teaser.carouselTeaser .hacklyTop1.bg-green .teaserRound {
    background-color: #BEDA78;
}

.teaser.carouselTeaser .hacklyTop1.bg-orange .teaserRound {
    background-color: #FFB366;
}

.teaser.carouselTeaser .hacklyTop1.bg-purple .teaserRound {
    background-color: #A32CB3;
}

.teaser.carouselTeaser .hacklyTop1 .maxContainer {
    z-index: 2;
}

.panelBefore {
    background-image: url("../../img/scroller/accordion-before-green.png");
}

.panelAfter {
    background-image: url("../../img/scroller/accordion-before-green.png");
}

.part .accordionBg.bgSquareLightGrey2 .block {
    top: -25px;
}

.bgSquareLightGrey2 #accordion-mitte {
    padding-top: 15px;
    padding-bottom: 15px;
}

.bgSquareLightGrey2 #accordion-mitte .accordionItem {
    position: relative;
    z-index: 11;
}

/*
.bgSquareLightGrey2 #accordion-mitte .accordionItem:first-child:before {
	background-image: url("../../img/scroller/accordion-top-green.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 30px;
	position: absolute;
	top: -30px;
	left: 0px;
	content: " ";
}

.bgSquareLightGrey2 #accordion-mitte .accordionItem:last-of-type:after {
	background-image: url("../../img/scroller/accordion-bottom-green.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 30px;
	content: " ";
	z-index: 10;
}
*/

.bgSquareLightGrey2 #accordion-mitte .panel-collapse.collapse .panel-body {
    background-color: #D5E5A4;
}

#accordion-mitte .list::before {
    background-color: #94C11E;
}

.box.blockBox.scrollerEditionSliderContainer {
    background-image: url("../../img/scroller/blocks/block-gray-bg-v2.png");
    width: 100%;
    padding-bottom: 70px;
    padding-right: 25px;
}

.scrollerEditionCarousel {
    width: 100%;
    padding: 0 30px;
    float: left;
}

.scrollerEditionCarousel.carousel .control {
    top: 45%;
}

.scrollerEditionSliderContainer a.carousel-control {
    background-image: none;
}

.scrollerEditionCarousel.carousel .control.next {
    right: -5px;
}

.scrollerEditionCarousel.carousel .control.prev {
    left: -5px;
}

.scrollerEditionSlider {
    float: left;
}

.scrollerEditionSlider .scrEditionItem,
.scrollerEditionSliderMobile .scrEditionItem {
    float: left;
    padding-top: 30px;
    padding-right: 20px;
    text-align: center;
    font-size: 24px;
}

.scrollerEditionSliderMobile .scrEditionItem {
    position: relative;
}

.scrollerEditionSliderMobile .mobileItem.scrFlipItem {
    padding-right: 22%;
    padding-left: 22%;
}

.scrollerEditionCarouselMobile .carousel-ctrl-left {
    position: static;
    margin-left: 0;
}

.scrollerEditionCarouselMobile .carousel-ctrl-right {
    position: static;
}

.scrollerEditionSlider .emptyEdition {
    background-color: #DBDBDB;
    width: 100%;
    height: 100%;
}

img.scrollerMagazineTopIcon.hoverScale:hover,
img.scrollerMagazineTopIconMobile.hoverScale:hover {
    opacity: 1;
}

img.scrollerMagazineTopIcon {
    max-height: 19%;
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 10;
}

img.scrollerMagazineTopIconMobile {
    max-height: 18%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
}

.scrEditionItem img.magazineImg {
    margin-bottom: 10px;
    box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, .4);
}

.scrEditionItem img.magazineImg:hover {
    z-index: 1;
}

.paddingLeftRight {
    padding-left: 40px;
    padding-right: 40px;
}

.carousel-ctrl-left {
    margin-left: -35px;
}

.advancedMailForm .orderTypePanelWrapper {
    padding-left: 10px;
}

.advancedMailForm .usageText {
    margin-bottom: 20px;
}

.advancedMailForm .answerSelector:before,
.advancedMailForm .inputNewsletterWrapper:before {
    font-family: 'Glyphicons Halflings';
    content: "\e157";
    cursor: pointer;
}

.advancedMailForm .answerSelector.checked:before,
.advancedMailForm .inputNewsletterWrapper.checked:before {
    font-family: 'Glyphicons Halflings';
    content: "\e067";
    color: #95c11e;
}
.advancedMailForm .answerSelector.notSelected {
    color: #a94442;
    font-weight: bold;
}

.advancedMailForm .answerSelector.notSelected:before,
.advancedMailForm .inputNewsletterWrapper.notSelected:before{
    font-family: 'Glyphicons Halflings';
    content: "\e157";
    color: #a94442;
}

.advancedMailForm .inputSubscriptionWrapper,
.advancedMailForm .inputNewsletterWrapper {
    cursor: pointer;
}

.advancedMailForm .orderCountLabelWrapper {
    padding-right:0;
}

.advancedMailForm .inputSubscriptionWrapper {
    padding-left: 0;
}

.advancedMailForm .newsletterTextWrapper {
    margin-bottom: 0;
}

.advancedMailForm .inputNewsletterWrapper {
    padding-top: 20px;
}

.advancedMailForm .buttonWrapper {
    overflow: auto;
}

.advancedMailForm .inputNewsletter {
    opacity: 0;
}

.advancedMailForm .captchaWrapper {
    margin-top: 20px;
}



footer .topThemen .item { 
    cursor: pointer;
    position: relative; 
    margin-bottom: 5px;
}

footer .topThemen .item:nth-child(2) {
    margin-left: 15px;
}
footer .topThemen .item:nth-child(3) {
    margin-left: 35px;
}


footer .topThemen .item .imgBack {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: relative;
}
footer .topThemen .item .imgBack .imgMask {
    position: absolute;
    top:5px;
    right: 5px;
    width: 86px;
    height: 86px;
    border-radius: 43px;
    overflow: hidden;
}
footer .topThemen .item .imgBack .imgMask img {
    height: 86px;
}
footer .topThemen .block.title {
    font-family: 'swung_notemedium';
    font-size: 28px;
    display: block;
    padding: 0px 10px;
    position: absolute;
    top: 37px;
    left: 85px;
}

footer .topThemen .block.subTitle {
    font-weight: bold;
    font-size: 15px;
    display: block;
    padding: 0px 10px;
    position: absolute;
    top: 72px;
    left: 83px;
}

footer .topThemen .purple .imgBack {background-color: #5F2466;}
footer .topThemen .purple .block {background-image: url(/img/scroller/blocks/plane-purple-v1.png);}
footer .topThemen .purple .block.subTitle {background-image: url(/img/scroller/blocks/plane-blue-v1.png);}

footer .topThemen .green .imgBack {background-color: #94C01E;}
footer .topThemen .green .block {background-image: url(/img/scroller/blocks/plane-green-v1.png);}
footer .topThemen .green .block.subTitle {background-image: url(/img/scroller/blocks/plane-purple-v2.png);}

footer .topThemen .orange .imgBack {background-color: #FF8000;}
footer .topThemen .orange .block {background-image: url(/img/scroller/blocks/plane-orange-v1.png);}
footer .topThemen .orange .block.subTitle {background-image: url(/img/scroller/blocks/plane-green-v2.png);}

.navblock {
    visibility: hidden;
    opacity: 0;
    margin: 0px 26px 0px 15px;
    padding:40px 45px 10px 26px;
    background-size: 100% 100%;
    background-image: url(/img/scroller/blocks/plane-blue-nav.png);
    transform: rotate(-2.3deg);
    z-index: -100;
    position: relative;
    top: -150px;
    width: calc(100% - 33px);
    transition-property: top, opacity;
    transition-duration: 200ms, 500ms;
    transition-timing-function: ease-in-out, ease-in-out; 
}
.nav_bgGray .navblock {
    background-image: url(/img/scroller/blocks/plane-gray-nav.png);
}
.nav_bgBlue .navblock {
    background-image: url(/img/scroller/blocks/plane-blue-nav.png);
}
.nav_bgPurple .navblock {
    background-image: url(/img/scroller/blocks/plane-purple-nav.png);
}
.nav_bgOrange .navblock {
    background-image: url(/img/scroller/blocks/plane-ornage-nav.png);
}
.nav_bgGreen .navblock {
    background-image: url(/img/scroller/blocks/plane-green-nav.png);
}

.navblock.inaktive {
    position: absolute;
    top: -150px;
}

.navblock.open {
    visibility: visible;
    opacity: 1;
    transition-property: top, opacity;
    transition-duration: 200ms, 800ms;
    transition-timing-function: ease-in-out, ease-in-out;
    z-index: 1;
    top: -24px;
}

.navblock .col2-2 {margin-top: 0px;}
.navblock .col3-2 {margin-top: 0px;}
.navblock .col3-3 {margin-top: 0px;}


.navblock {
    font-size: 24px;
}

.navblock a {
    color: #fff;
}

.navblock .cont {
    text-align: left;
    transform: rotate(2.3deg);
    padding:25px 0px 25px 11px;
}

.navblock .navMenuLinks.noBoxBgImage {
    border-top-style: solid;
    border-top-width: 5px;
}

.navblock .navMenuLinks.noBoxBgImage .pointlink {
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

.navblock .pointlink {
    position: relative;
    display:block;
    font-family: heavy;
    padding: 10px 20px;
}
.navblock .pointlink::before {
    content: " ";
    display: none;
    width: 10px;
    height: 10px;
    position: absolute;
    top:10px;
    left: -20px;
    background-image: url(/img/scroller/textur.png);
    background-position: -298px -11px;
}
.navblock .pointlink.plane { 
    margin-left: 35px;
}

.nav_bgGray .navblock .pointlink::before {
    background-position: -298px -22px;
}

.navblock .box {
    color: #fff;
    background-size: 100% 100%;
    background-image: url(/img/scroller/blocks/plane-blue-navBox.png);
    /* padding: 35px 42px 28px 35px; */
    padding: 10px;
    width: 100%;        
}

.nav_bgBlue .navMenuLinks.noBoxBgImage {border-top-color: #41CDEB;}
.nav_bgBlue .navMenuLinks.noBoxBgImage .pointlink {border-bottom-color: #41CDEB;}
.nav_bgGray .navMenuLinks.noBoxBgImage {border-top-color: #7C7C7C;}
.nav_bgGray .navMenuLinks.noBoxBgImage .pointlink {border-bottom-color: #7C7C7C;}
.nav_bgGreen .navMenuLinks.noBoxBgImage {border-top-color: #AACD4B;}
.nav_bgGreen .navMenuLinks.noBoxBgImage .pointlink {border-bottom-color: #AACD4B;}
.nav_bgOrange .navMenuLinks.noBoxBgImage {border-top-color: #FF9B33;}
.nav_bgOrange .navMenuLinks.noBoxBgImage .pointlink {border-bottom-color: #FF9B33;}
.nav_bgPurple .navMenuLinks.noBoxBgImage {border-top-color: #7F5086;}
.nav_bgPurple .navMenuLinks.noBoxBgImage .pointlink {border-bottom-color: #7F5086;}

.nav_bgGray .navblock .boxBg {background-image: url(/img/scroller/blocks/plane-gray-navBox-v2.png);}
.nav_bgBlue .navblock .boxBg {background-image: url(/img/scroller/blocks/plane-blue-navBox-v2.png);}
.nav_bgPurple .navblock .boxBg {background-image: url(/img/scroller/blocks/plane-purple-navBox-v2.png);}
.nav_bgOrange .navblock .boxBg {background-image: url(/img/scroller/blocks/plane-orange-navBox-v2.png);}
.nav_bgGreen .navblock .boxBg {background-image: url(/img/scroller/blocks/plane-green-navBox-v2.png);}

.navblock .box img {
    margin-bottom: 10px;
}

.navblock .box.noBoxBgImage {
    background-image: none;
}

.navblock .box h1 {
    font-family: heavy;
    font-size: 28px;
    margin: 0 0 5px;
}

.navblock .topSpacer {
    margin-top: 10px;
}

.navblock .spacer {
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.navblock .spacerSmall {
    margin-bottom: 10px;
}

.bookContainer {
    position: relative;
    height: 925px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
    background-image: url(/img/scroller/blocks/block-player.png);
    background-size: 100% 100%;
    padding: 24px 15px;
    margin-top: 30px;
}

.bookContainer.digital {
    background-color: #1ebee8;
    background-image: none;
    box-shadow: 16px 16px 0px 0px #cccccc;
    padding: 0px;
    margin: 60px 0px 50px 0px;
    height: 763px;
}
.bookContainer.digital.full {
    padding-bottom: 70px;
}
.bookContainer.digital iframe {
    background-color: #1ebee8;
    width: calc(100% + 15px) !important;
    height: calc(100% + 14px);
}

.bookContainer.digital .bookControls-right,
.bookContainer.digital .bookControls {
    height: 100%;
}

.bookContainer.digital .bookControls-right {
    display: flex;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.bookContainer.digital .pages {
    z-index: 1;
    position: relative;
    display: flex;
    -ms-flex-align: center!important;
    align-items: center!important;
    width: 97%;
    height: 100%;
    margin: 0 20px;
}

.bookContainer.digital .pages:after {
    content: " ";
    display: block;
    width: calc(100% - 10px);
    height: 10px;
    background-color: #a2a3a7;
    border: 2px solid #fff;
    position: absolute;
    z-index: -1;
    top: calc(50% - 5px);
    left: 5px;
}

.bookContainer.digital .pages .page.start {
    margin-right: 5%;
}

.bookContainer.digital .pages .page.end {
    margin-left: 5%;
}

.bookContainer.digital .pages .fill {
    flex: 1 1 auto!important;
}

.bookContainer.digital .page {
    position: relative;
    display: flex;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.bookContainer.digital .page:before {
    content: ' ';
    display: block;
    height: 6px;
    width: 5px;
    background-color: #a2a3a7;
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - 20px);
}
.bookContainer.digital .page:after {
    content: ' ';
    display: block;
    height: 6px;
    width: 5px;
    background-color: #a2a3a7;
    position: absolute;
    top: calc(50% - 3px);
    right: calc(50% - 20px);
}
.bookContainer.digital .page.finish:before {
    top: calc(50% - 3px);
    left: calc(50% - 23px);
}
.bookContainer.digital .page.finish:after {
    top: calc(50% - 3px);
    right: calc(50% - 23px);
}
.bookContainer.digital .page.current:before {
    top: calc(50% - 3px);
    left: calc(50% - 28px);
}
.bookContainer.digital .page.current:after {
    top: calc(50% - 3px);
    right: calc(50% - 28px);
}
.bookContainer.digital .page.start:before {
    display: none;
}
.bookContainer.digital .page.end:after {
    display: none;
}


.bookContainer.digital .page:hover {
    transform: scale(1.2);
    transition: all 200ms ease-in-out;
}

.bookContainer.digital .page.finish .cont {
    background-color: #5F2466;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 15px;
    font-size: 20px;
    border-radius: 20px;
    transition: all 200ms ease-in-out;
}

.bookContainer.digital .page.current .cont {
    background-color: #98ba1b;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 15px;
    font-size: 28px;
    border-radius: 25px;
    transition: all 200ms ease-in-out;
}

.bookContainer.digital .page .cont {
    display: inline-flex;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;

    font-family: swung_notemedium;
    width: 36px;
    height: 36px;
    line-height: 15px;
    font-size: 14px;
    color: #fff;
    border-radius: 18px;
    background-color: #a2a3a7;
    border: 2px solid #fff;
}


.bookContainer .block {
    display: inline-block;
    position: absolute;
    top:0px;
    left: 0px;
}

.bookContainer iframe {
    overflow: hidden;
}

.digital-control {
    position: absolute;
    right: 30px;
    bottom: -60px;
    width: 80%;
    height: 60px;
    background-color: #1ebee8;
    box-shadow: 16px 16px 0px 0px #cccccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bookContainer.digital.full .digital-control {
    box-shadow:none;
    bottom:0px;
}

.digital-control:before {
    position: absolute;
    top:0px;
    left: -6px;
    content: " ";
    display: block;
    height: 0px;
    width: 0px;
    border-left: 0px solid transparent;
    border-bottom:0px solid transparent;
    border-top:60px solid transparent;
    border-right: 6px solid #1ebee8;
}
.digital-control:after {
    position: absolute;
    top:0px;
    right: -3px;
    content: " ";
    display: block;
    height: 0px;
    width: 0px;
    border-left: 3px solid #1ebee8;
    border-bottom:0px solid transparent;
    border-top:60px solid transparent;
    border-right: 0px solid transparent;
}

.bookCtrl-digital {
    display:inline-block;
    width: 51px;
    height: 51px;
    margin: 0px 5px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.bookCtrl-digital:hover {
    transform: rotate(8deg);
    transition: all 200ms ease-in-out;
}
.bookCtrl-digital.page:hover {transform: none;}
.bookCtrl-digital.next {
    background-image: url(/img/scroller/icons/vor.png);
}
.bookCtrl-digital.prev {
    background-image: url(/img/scroller/icons/zurueck.png);
}
.bookCtrl-digital.zoomIn {
    background-image: url(/img/scroller/icons/vergroessern.png);
}
.bookCtrl-digital.zoomOut {
    background-image: url(/img/scroller/icons/verkleinern.png);
}
.bookCtrl-digital.select {
    background-image: url(/img/scroller/icons/text.png);
}
.bookCtrl-digital.move {
    background-image: url(/img/scroller/icons/hand.png);
}
.bookCtrl-digital.full {

    position: absolute;
    display: block;
    right: -9px;
    top:-53px;
    background-image: url(/img/scroller/icons/vollbild.png);
    z-index: +10;
}
.digital-control .bookControls {
    padding: 0px !important;
}


.bookCtrl {
    display:inline-block;
    width: 51px;
    height: 51px;
    margin: 0px 5px;
    background-image: url(/img/scroller/textur.png);
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.bookCtrl:hover {
    transform: rotate(8deg);
    transition: all 200ms ease-in-out;
}
.bookCtrl.page:hover {transform: none;}

.bookCtrl.next {background-position: -67px -353px;}
.bookCtrl.prev {background-position: -2px -353px;}
.bookCtrl.page {
    background-position: -138px -353px;
    width: 70px;
    border:0px;
    position: relative;
    top:-16px;
    padding: 0px 15px;
    text-align: center;
    font-family: heavy;
    font-size: 30px;
    color: #FF8000;
    background-color: transparent;
}
.bookCtrl.zoomIn {background-position: -225px -353px;}
.bookCtrl.zoomOut {background-position: -298px -353px;}
.bookCtrl.move {background-position: -370px -353px;}
.bookCtrl.select {background-position: -439px -353px;}
.bookCtrl.full {background-position: -508px -353px;}

.col-Maginal .scrollerRightBox:nth-child(1)::before {
    content: " ";
    display: block;
    width: 120px;
    height: 407px;
    position: absolute;
    top: -38px;
    right: -57px;
    background-image: url(/img/scroller/textur.png);
    background-position: -630px -21px;
}
.col-Maginal .scrollerRightBox::after {
    content: " ";
    display: block;
    width: 130px;
    height: 408px;
    position: absolute;
    bottom:-261px;
    right: 188px;
    background-image: url(/img/scroller/textur.png);
    background-position: -808px -18px;
}
.col-Maginal .scrollerRightBox:last-of-type::after {
    content: " ";
    display: block;
    width: 130px;
    height: 280px;
    position: absolute;
    bottom: -57px;
    right: 70px;
    background-image: url(/img/scroller/textur.png);
    background-position: -794px -480px;
}

.posIntial {
    position: initial;
    height: 100%;
}

.carousel .control {
    width: 31px;
    height: 27px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.carousel .control.next {
    background-position: -389px 0px;
    right:5px;
}

.carousel .control.prev {    
    background-position: -348px 0px;
}

.kombi {
    display:block;
    position: absolute;
    bottom: 0px;
    right: 166px;
    z-index: 1;
}
.kombi .k-label {
    display: inline-block;
    background-size: 100% 100%;
    color: #fff;
    padding: 5px 42px 10px 19px;
    font-family: swung_notemedium;
    font-size: 36px;
}
.kombi .k-label::after {
    content: " ";
    display: block;
    width: 146px;
    height: 146px;
    background-size: 100% 100%;
    position: absolute;
    top: -48px;
    right: -114px;
    z-index: -1;
}

.kombi.video:hover {
    cursor: pointer;
}

.kombi.video .k-label:hover {
    text-decoration: underline;
}

.kombi.gray     .k-label {background-image: url(/img/scroller/blocks/kombi-gray-a-v1.png);}
.kombi.purple   .k-label {background-image: url(/img/scroller/blocks/kombi-purple-a-v1.png);}
.kombi.blue     .k-label {background-image: url(/img/scroller/blocks/kombi-blue-a-v1.png);}
.kombi.orange .k-label {background-image: url(/img/scroller/blocks/kombi-orange-a-v1.png);}
.kombi.green .k-label {background-image: url(/img/scroller/blocks/kombi-green-a-v1.png);}

.kombi.gray.link .k-label::after {background-image: url(/img/scroller/blocks/kombi-gray-b-v1.png);}
.kombi.purple.link .k-label::after {background-image: url(/img/scroller/blocks/kombi-purple-b-v1.png);}
.kombi.blue.link .k-label::after {background-image: url(/img/scroller/blocks/kombi-blue-b-v1.png);}
.kombi.orange.link .k-label::after {background-image: url(/img/scroller/blocks/kombi-orange-b-v1.png);}
.kombi.green.link .k-label::after {background-image: url(/img/scroller/blocks/kombi-green-b-v1.png);}

.kombi.gray.gal .k-label::after {background-image: url(/img/scroller/blocks/kombi-gray-b-v2.png);}
.kombi.purple.gal .k-label::after {background-image: url(/img/scroller/blocks/kombi-purple-b-v2.png);}
.kombi.blue.gal .k-label::after {background-image: url(/img/scroller/blocks/kombi-blue-b-v2.png);}
.kombi.orange.gal .k-label::after {background-image: url(/img/scroller/blocks/kombi-orange-b-v2.png);}
.kombi.green.gal .k-label::after {background-image: url(/img/scroller/blocks/kombi-green-b-v2.png);}

.kombi.gray.video .k-label::after {background-image: url(/img/scroller/blocks/kombi-gray-b-v3.png);}
.kombi.purple.video .k-label::after {background-image: url(/img/scroller/blocks/kombi-purple-b-v3.png);}
.kombi.blue.video .k-label::after {background-image: url(/img/scroller/blocks/kombi-blue-b-v3.png);}
.kombi.orange.video .k-label::after {background-image: url(/img/scroller/blocks/kombi-orange-b-v3.png);}
.kombi.green.video .k-label::after {background-image: url(/img/scroller/blocks/kombi-green-b-v3.png);}


.pwForm {
    padding-top:32px;
}

.pwForm #pws {
    float: left;
    border:0px; 
    width: 228px; 
    height:38px; 
    line-height: 35px; 
    font-size: 17px;
    margin: 0px;
    padding: 0px 8px 0px 8px;
    color: #666666;
}

.pwForm #pwBalken {
    float:right;
    height:38px; 
    width: 160px;
}

.pwResultPadding {
    padding: 15px 0px;
}

#result {
    position: relative;
}

#result .pwItem {
   padding: 8px 90px 8px 35px;
   position: relative;
}

#pwResult .pwItem.false{
    color: #dc3545;
}

.pw_red {
    float: left;
    background-image: url(/img/icons/pw_red.png);
    width: 16px;
    height: 38px;
}

.pw_orange {
    float: left;
    background-image: url(/img/icons/pw_orange.png);
    width: 16px;
    height: 38px;
}

.pw_yellow {
    float: left;
    background-image: url(/img/icons/pw_yellow.png);
    width: 16px;
    height: 38px;
}

.pw_green {
    float: left;
    background-image: url(/img/icons/pw_green.png);
    width: 16px;
    height: 38px;
}

.pwOk {
    background-image: url(/img/icons/pw_icons.png);
    height: 31px;
    width: 33px;
    position: absolute;
    right: 50px;
    bottom: 10px;
}

.pwFalse {
    background-image: url(/img/icons/pw_icons.png);
    background-position: 0px 31px;
    height: 31px;
    width: 33px;
    position: absolute;
    right: 50px;
    bottom: 10px;
}


/*
 * Benchmark
 */

.nextQuestion,
.prevQuestion {
    float:left;
}

#benchmarkCont {
    border-bottom: 2px solid #a4a4a4;
    padding-bottom: 37px;
    min-height: 500px;
    margin-top: 45px;
}

#benchmarkCont label
{
    font-weight: inherit;
    display: block;
    font-size: inherit;
}

#benchmarkCont .benchCont {
    display:none;
}

#benchmarkCont .benchOverlay {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 10;
}

#benchmarkCont #qImageContainer {
    position: relative;
    height: 100%;
}

#benchmarkCont #qImageContainer .points {
    text-align: right;
}

#benchmarkCont #qImageContainer .points h1:last-child {
    font-size: 6em;
}

.bmRightContainer {
    padding-top: 95px;
}

#benchStartCode {
    margin: 15px 0;
}

input[name="startCodeInput"] {
    height: 40px;
    margin-right: 5px;
    padding: 6px 12px;
    vertical-align: middle;
}

#benchmarkCont h1.bigTitle {
    color: #12BFE6;
}

#benchmarkCont h2.bigTitle {
    font-family: bold;
}

.part #benchmarkCont .boxPadding {
    padding-right: 10px;
    padding-left: 10px;
    margin: 20px 0;
}

#benchmarkCont .btn {
    background-image: url(/img/scroller/blocks/block-orange-v5.png);
    background-size: 100% 100%;
    background-color: transparent;
    padding: 5px 20px 8px 10px;
    border: 0 none;
    display: inline-block;
    position: relative;
    top: 10px;
    z-index: 100;
}

#benchmarkCont .btn:hover {
    text-decoration: underline;
}

#bench_confirm .btn.btn-success {
    color: #FFF;
}

#benchmarkCont #answers {
    font-size: 24px;
}

/*
 * Benchmark FlipSlider
 */

.flipSlider {
    overflow: hidden;
    height: 208px;
    margin: 0px 50px;
}

.flipSlider #flipContainer {
    padding-top: 34px;
    position: relative;
}

.flipSlider #flipContainer .item {
    float: left;
    position: relative;
    height: 150px;
    width: 216px;
    z-index: 1;
    cursor: pointer;
    transition: opacity 200ms ease-in-out;
    transition: transform 400ms ease-in-out;
    border: 3px solid #ffffff;
}

.flipSlider #flipContainer .item .selector {
    position: absolute;    
    top:-22px;
    left: 87px;
    z-index: 10;
    background-image: url(../../img/layout/textur.png);
    background-position: -162px -180px;
    width: 32px;
    height: 19px;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 800ms ease-in-out;
}

.flipSlider #flipContainer .f_select .selector {
    opacity: 1;
}

.flipSlider #flipContainer .item .title {
    font-size: 24px;
    line-height: 34px;
}

.flipSlider #flipContainer .item.f_select {
    border: 3px solid #442359;
    margin-top: -1px;
}

.flipSlider #flipContainer .f_close .card {
    opacity: 0.6;
}

.flipSlider #flipContainer .item .card {
    width: 100%;
    height: 100%;
    transition: transform 600ms ease-in-out;
}

.flipSlider #flipContainer .item .face {
    width: 100%;
    height: 100%;
}


.flipSlider #flipContainer .item .cfront {
    background-color: #cccccc;
    padding:4px;
}

/*
.flipSlider #flipContainer .item .face.cback {
    display: block;
    transform: rotateX(180deg);
    box-sizing: border-box;
    text-align: center;
    background-color: #ffffff;   
    box-shadow: 0 3px 3px 2px #CCCCCC;
}*/

.flipSlider #flipContainer .item.xf_close:hover .card {
    transform: rotateX(180deg);  
}

.flipGoRight,
.flipGoLeft {
    position: absolute;
    cursor: pointer;
    top:85px;
    width: 40px;
    height: 50px;
}

.flipGoRight:hover,
.flipGoLeft:hover {
    opacity: 0.98;
    transform: scale(1.05);
}

.flipGoLeft {
    background-position: 655px 0px;
    left: 10px;
}

.flipGoRight {
    background-position: 620px 0px;
    right: 10px;
}

/*
 * Benchmark glossary
 */

.lineTitle {
    height: 45px;
    border-bottom: 2px solid #cccccc;
    text-align: center;
    position: relative;
    margin: 0px 0px 34px 0px;
}

.lineTitle p {
    display: inline-block;
    line-height: 24px;
    padding: 4px 24px;
    font-size: 36px;
    position: relative;
    top: 25px;
}

.part.bg .lineTitle p {
    background-color: #F0F0F0;
}

.lineTitle p {
    background-color: #F0F0F0;
}

#glosItems {
    text-align: center;
    padding-bottom: 10px;
}

#glosItems .glosItem {
    display: inline-block;
    padding: 5px 10px;
    margin: 0px 3px;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}

#glosItems .glosItem:hover,
#glosItems .glosItem.selected {
    background-color: #FFF;
    text-decoration: underline;
}

#glosItems .glosItem .glosCont {
    display:none;
}

#glosDetail {}

#answers .node {
    padding-left: 0px;
    padding-right: 30px;
    padding-bottom: 30px;
}

#answers .node .bCont {
    min-height:190px;
}

.qResult {
    margin: 0px 20px;
}

.qResult .qTrue, .qResult .qFalse {
    padding-top:10px;
}

.qResult span {
    font-size: 26px;
}
.qResult .qTrue span {
    color: #bad80a;
}
.qResult .qFalse span {
    color: #e81123;
}

.qResult .btn {
    position: relative;
}

.qResult .qTrue .btn::before,
.qResult .qFalse .btn::before {
    dispay: block;
    position: absolute;
    content: ' ';
    top:0px;
    left: -50px;
    width: 46px;
    height: 30px;
    background-image: url(../../img/icons/bench.png);
    background-repeat: no-repeat;
    background-position: -80px -8px;
}

.qResult .qTrue .btn::before {
    background-position: -80px -57px;
}

.qResult .icon1::after {
    display: block;
    content: ' ';
    position: absolute;
    right: -58px;
    top: 0px;
    width: 54px;
    height: 38px;
    background-image: url(../../img/icons/bench.png);
    background-repeat: no-repeat;
    background-position: -4px -63px;
}

.qResult .qFalse .icon1::after {
    background-position: -4px -7px;
}

.qResult .white {
    background-color: #fff;
}

/*
 * Benchmark results
 */

.codeLabel {
    background-color: #ffffff;
    padding: 5px 10px;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
}

.form-control.inputRequired {
    border: 1px solid #a94442;
}
.textRed {
    color: #a94442;
    font-size: inherit !important;
}


#getmail, #getmailCodes {
    display: none;
}

.resLine {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 3px;
    font-size: 26px;
}

.resLabel {}

.resLabel .icon {
    /* padding-left: 22px; */
    background-repeat: no-repeat;
    font-size: 16px;
}

.resLabel .icon.C {
    background-image: url(../../img/icon_verhalten.png);
}

.resLabel .icon.B {
    background-image: url(../../img/icon_handeln.png);
}

.resLabel .icon.A {
    background-image: url(../../img/icon_wissen.png);
}

.resValue {
    text-align: right;
}

.resBalkenBack {
    margin-top: 3px;
    margin-left: -14px;
    background-color: #F0F0F0;
    width: 100%;
}

.resBalkenBack.small {
    width: 75%;
}

.resBalken {
    height: 15px;
}
.resBalken.h { background-color: #FF8100; }
.resBalken.w { background-color: #bd48cb; }
.resBalken.v { background-color: #95C11E; }
.resBalken.k1 { background-color: #5f2466; }
.resBalken.k2 { background-color: #12C0E7; }
.resBalken.k3 { background-color: #ffc933; }

.resBalkenXS {
    height: 30px;
}

.balkenContainer {
    width: 20px;
    height: 30px;
    position: relative;
    margin-top: 5px;
    cursor: pointer;
}

.groupBalkenBg {
    width: 10px;
    height: 100%;
    position: absolute;
    left: 5px;
}

.groupBalkenCircle {
    background: url(../../img/icons/circle3.png) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
}

.scale {
    position: absolute;
    font-size: 12px;
}

.scale.sc0 { left: 0; }
.scale.sc50 { left: 44%; }
.scale.sc100 { left: 89%; }


.pwForm {
    padding-top:32px;
}

.pwForm #pws {
    float: left;
    border:0px; 
    width: 228px; 
    height:38px; 
    line-height: 35px; 
    font-size: 17px;
    margin: 0px;
    padding: 0px 8px 0px 8px;
    color: #666666;
}

.pwForm #pwBalken {
    float:right;
    height:38px; 
    width: 160px;
}

#pwResult {
    position: relative;
}

#pwResult .pwItem {
   padding: 6px 70px 6px 20px;
   position: relative;
}

.pw_red {
    float: left;
    background-image: url(/img/icons/pw_red.png);
    width: 16px;
    height: 38px;
}

.pw_orange {
    float: left;
    background-image: url(/img/icons/pw_orange.png);
    width: 16px;
    height: 38px;
}

.pw_yellow {
    float: left;
    background-image: url(/img/icons/pw_yellow.png);
    width: 16px;
    height: 38px;
}

.pw_green {
    float: left;
    background-image: url(/img/icons/pw_green.png);
    width: 16px;
    height: 38px;
}

.pwOk {
    background-image: url(/img/icons/pw_icons.png);
    height: 31px;
    width: 33px;
    position: absolute;
    right: 25px;
    bottom: 2px;
}

.pwFalse {
    background-image: url(/img/icons/pw_icons.png);
    background-position: 0px 31px;
    height: 31px;
    width: 33px;
    position: absolute;
    right: 25px;
    bottom: 2px;
}


.grid-item .back{
    font-size:18px;
    line-height: 1.2em;
    font-weight: normal;
}


.videoalt{
    transform: scale(0.47);
    display: none;
    transform-origin: 0 0;
    position:absolute;
    top:0;
}