/*
Theme Name: Surprise - Jahresbericht
Theme URI: https://www.foxcomputers.ch
Author: Fox Computers
Author URI: https://www.foxcomputers.ch
Version: 2021
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: sjb

Surprise - Jahresbericht WordPress Theme © 2011-2021 Fox Computers
Surprise - Jahresbericht is distributed under the terms of the GNU GPL
*/

@font-face {
    font-family: 'surprise_labblack';
    src: url('fonts/surpriselab-black-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_labblack_italic';
    src: url('surpriselab-blackitalic-webfont.woff2') format('woff2'),
         url('surpriselab-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_labbold';
    src: url('fonts/surpriselab-bold-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_labbold_italic';
    src: url('fonts/surpriselab-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_lablight';
    src: url('fonts/surpriselab-light-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_lablight_italic';
    src: url('fonts/surpriselab-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_labmedium';
    src: url('fonts/surpriselab-medium-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_labmedium_italic';
    src: url('fonts/surpriselab-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_labregular';
    src: url('fonts/surpriselab-regular-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'surprise_labregularitalic';
    src: url('fonts/surpriselab-regularitalic-webfont.woff2') format('woff2'),
         url('fonts/surpriselab-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    -webkit-appearance:none;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    outline:0;
    box-sizing: border-box;
}
body {
    line-height:1;
}

ol,ul {
    list-style:none
}
img, picture {
    max-width:100%;
    height:auto;
}
strong {
    font-family: 'surprise_labbold';
    font-weight: normal !important;
}
strong em, em strong {
    font-family: 'surprise_labbold';
}
em {
    font-family: 'surprise_labregularitalic';
}
.wp-caption, .wp-caption-text, .gallery-caption {
    display: none;
}
.alignright {
    float:right;
    margin:0 0 20px 20px;
}
.alignleft {
    float:left;
    margin:0 20px 20px 0;
}
.aligncenter {
    display: block;
    margin:0 auto 20px auto;
}
.screen-reader-text {
    clip:rect(1px, 1px, 1px, 1px);
    position:absolute !important
}

.rjs-cursor {
    width:21px;
    height:21px;
    position:fixed;
    top:0;
    left:0;
    z-index:9999999999;
    pointer-events:none;
    transition:none;
    opacity:0;
}
.rjs-cursor-icon {
    width: 100%;
    height: 100%;
    border-radius:50%;
    background:#FF0000;
	transition: all 0.2s ease;
	transform-origin: 50% 50%; 
}
.rjs-cursor.rjs_cursor_hover .rjs-cursor-icon {
	transform: scale(2); 
    background:rgba(1,0,255,.4);
}
.rjs-cursor.mmrjs_cursor_hover .rjs-cursor-icon {
    background:#ff7f7f;
}
.rjs-cursor.mmhrjs_cursor_hover .rjs-cursor-icon {
	transform: scale(2); 
    background:rgba(255,255,255,.72);
}
.rjs-cursor.mmbrjs_cursor_hover .rjs-cursor-icon {
	transform: scale(.5); 
    background:#ff7f7f;
}
.rjs-cursor.rjs_cursor_visible { 
    opacity: 1; 
}
.rjs-cursor.rjs_cursor_hidden { 
    opacity: 0; 
}
* { 
    cursor: none; 
}
@media (pointer: none), (pointer: coarse) {
    #rjs_cursor, #rjs_cursor .rjs-cursor-icon { 
        display: none !important; 
        visibility: hidden;
        opacity: 0;
    }
    * { 
        cursor: auto !important; 
    }
}

.error404 #container {
    min-height: 100vh;
    padding:120px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.error404 #content {
    max-width:568px;
}
.error404 #content h1 {
    font-family: 'surprise_labblack';
    font-size:48px;
    line-height:56px;
    color:#ff0000;
    margin-bottom:34px;
}
.error404 #content p {
    font-family: 'surprise_labregular';
    font-size:18px;
    line-height:24px;
    color:#ff0000;
}

#wrapper {
    overflow: hidden;
}

#logo {
    position: fixed;
    top:38px;
    left:40px;
    z-index: 99999;
}
#logo img {
    display: block;
}

#menu-trigger {
    position: fixed;
    top:50%;
    right:40px;
    transform: translate(0,-50%);
    z-index: 9999999;
}
#menu-trigger span {
    font-family: 'surprise_labbold';
    font-size:25px;
    line-height:35px;
    color:#FF0000;
    text-transform:uppercase;
    transition: color .3s ease;
}

#mobile-menu {
    position: fixed;
    top:0;
    bottom:0;
    right:-380px;
    width:360px;
    background:#FF0000;
    transition: right .5s ease;
    z-index: 99999999;
}
#mobile-menu::-webkit-scrollbar {
    display: none;
}
#mobile-menu.mopen {
    right:0;
    transition: right .5s ease;
}
#mobile-menu #mobile-menu-close {
    position: absolute;
    top:51px;
    right:32px;
    opacity:0;
    transform: translate(0,-20px);
    transition: all .6s ease .5s;
}
#mobile-menu.mopen #mobile-menu-close {
    position: absolute;
    top:51px;
    right:32px;
    opacity:1;
    transform: translate(0,0);
}

#mobile-menu-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:48px 32px;
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#mobile-menu #menu {
    padding:24px 0;
}
#mobile-menu #mobile-menu-title span {
    display: inline-block;
    font-family: 'surprise_labbold';
    font-size:25px;
    line-height:35px;
    color:#fff;
    text-transform:uppercase;
    opacity:0;
    transform: translate(0,-20px);
    transition: all .6s ease .5s;
}
#mobile-menu.mopen #mobile-menu-title span {
    opacity:1;
    transform: translate(0,0);
}

#menu ul li {
    margin-bottom:34px;
}

#mobile-menu #menu ul li a {
    display:inline-block;
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#fff;
    text-decoration: none;
    text-transform:uppercase;
    opacity:0;
    transform: translate(0,-20px);
    transition: all .6s ease .5s;
}
#mobile-menu.mopen #menu ul li a {
    opacity:1;
    transform: translate(0,0);
}

#menu ul li a:hover {
    color:#ff7f7f;
}
#mobile-menu-footer {
    max-width:215px;
}

#mobile-menu #mobile-menu-footer p {
    font-family: 'surprise_labbold';
    font-size:18px;
    line-height:20px;
    color:#fff;
    opacity:0;
    transform: translate(0,-20px);
    transition: all .6s ease .5s;
}
#mobile-menu.mopen #mobile-menu-footer p {
    opacity:1;
    transform: translate(0,0);
}

#mobile-menu-footer p a {
    color:#fff;
    text-decoration: none;
}
#mobile-menu-footer p a:hover {
    color:#0100ff;
}

#hintro {
    height:100vh;
    max-height: -webkit-fill-available;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: 100% !important;
    z-index: 1;
}
#hintro-title {
    position: absolute;
    top:34px;
    left:50%;
    transform: translate(-50%,0);
}
#hintro-title h1 {
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#000;
    text-transform: uppercase;
    text-align: center;
}
#hintro-animation img {
    max-height:100vh;
    width:auto;
}
#hintro-button {
    position: absolute;
    bottom:42px;
    left:50%;
    transform: translate(-50%,0);
    width:118px;
    height:118px;
    border:1px solid #ff0000;
    border-radius:59px;
    background:#fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: background .3s ease;
}
#hintro-button:hover {
    background:#ff0000;
    border:1px solid #fff;
    transition: background .3s ease;
}
#hintro-button a {
    font-family: 'surprise_labblack';
    font-size:20px;
    line-height:24px;
    color:#FF0000;
    text-decoration: none;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height:118px;
    transition: color .3s ease;
}
#hintro-button a:hover {
    color:#fff;
    transition: color .3s ease;
}

.page-template-page-contact #content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:120px 40px;
    min-height: 100vh;
}
#contact-content {
    max-width:572px;
}
#contact-content-inner {
    display: flex;
    flex-wrap: wrap;
    margin:0 -24px;
}
#contact-content-inner #contact-content-left, #contact-content-inner #contact-content-right {
    width: calc(50% - 48px);
    margin: 0 24px;
}
#contact-content h2, #contact-content h3, #contact-content h4, #contact-content p, #contact-content ul li, #contact-content ol li {
    font-family: 'surprise_labblack';
    font-size:18px;
    line-height:22px;
    color:#FF0000;
    margin:0 0 22px 0;
}
#contact-content p a, #contact-content ul li a, #contact-content ol li a {
    color:#FF0000;
    text-decoration: none;
}
#contact-content p a:hover, #contact-content ul li a:hover, #contact-content ol li a:hover {
    text-decoration: underline;
}
#contact-content h2 {
    text-transform: uppercase;
}

.sb-item {
    position: relative;
}
.sb-item.bg-white {
    background:#fff;
}
.sb-item.bg-red {
    background:rgba(253,151,151,0.15);
}
.sb-item.bg-blue {
    background:rgba(0,15,140,0.5);
}
.sb-item.bg-bblue {
    background:#D9E9FF;
}

.sb-item.redline-botton:after {
    content:"";
    border-bottom:1px solid #ff0000;
    position: absolute;
    bottom:0;
    left:50%;
    width:1320px;
    transform: translate(-50%,0);
}

.sbi-tfull-title, .sbi-ifull-title, .sbi-itslider-title, .sbi-topics-title, .sbi-dlboxes-title, .sbi-statements-title, .sbi-timeline-title, .sbi-tiles-title, .sbi-tilesc-title, #contact-title, .sbi-isvg-title {
    position: absolute;
    top:32px;
    left:0;
    width:100%;
    padding:0 20px;
    text-align: center;
}
.sbi-tfull-title h2, .sbi-ifull-title h2, .sbi-itslider-title h2, .sbi-topics-title h2, .sbi-dlboxes-title h2, .sbi-statements-title h2, .sbi-timeline-title h2, .sbi-tiles-title h2, .sbi-tilesc-title h2, .sbi-tfull-title h1, .sbi-ifull-title h1, .sbi-itslider-title h1, .sbi-topics-title h1, .sbi-dlboxes-title h1, .sbi-statements-title h1, .sbi-timeline-title h1, .sbi-tiles-title h1, #contact-title h1, .sbi-isvg-title h1, .sbi-isvg-title h2 {
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#ff0000;
    text-transform: uppercase;
}
.sb-item .sbi-tfull-title h3, .sb-item .sbi-ifull-title h3, .sb-item .sbi-itslider-title h3, .sb-item .sbi-topics-title h3, .sb-item .sbi-dlboxes-title h3, .sb-item .sbi-statements-title h3, .sbi-timeline-title h3, .tsbi-iltr .tsbi-iltr-text h3, .tsbi-tlir .tsbi-tlir-text h3, .sbi-tiles-title h3, .sbi-tiles-title h3, .sbi-tilesc-title h3, .sbi-isvg-title h3 {
    font-family: 'surprise_labregular';
    font-size:25px;
    line-height:34px;
    color:#ff0000;
}
.sb-item .sbi-statements-title h3 {
    max-width:640px;
    margin:0 auto;
}
.sb-item .sbi-timeline-title h2, .sb-item .sbi-timeline-title h3, .tsbi-iltr .tsbi-iltr-text h3, .tsbi-tlir .tsbi-tlir-text h3, .sbi-tiles-title h3 {
    color:#000;
}
.sb-item.bg-green p, .sb-item.bg-green p a, .sb-item.bg-green ul li a, .sb-item.bg-green ol li a, .sb-item.bg-green ul li, .sb-item.bg-green ol li, .sb-item.bg-green h3, .sb-item.bg-green h4 {
    color:#ff0000;
}
.sb-item .sbi-statements-item-overlay-text h2 {
    font-family: 'surprise_labblack';
    font-size:18px;
    line-height:26px;
    color:#ff0000;
    margin-bottom:16px;
}
.sb-item .sbi-tfull h2, .sb-item h3, .sb-item h4 {
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#000;
    margin:0;
}
.sb-item .sbi-charts-item h4 {
    text-align:center;
    margin:0 0 24px 0;
}
.sb-item .sbi-charts-item h4.pie-chart {
    margin:0 0 4px 0;
}
.sb-item .sbi-timeline-slider-date h3, .sb-item .sbi-timeline-slider-texttitle h4 {
    font-family: 'surprise_labblack';
    font-size:35px;
    line-height:48px;
    color:#ff0000;
    text-align: center;
}
.sb-item .sbi-tilesc-item h3 a {
    color:#ff0000;
    text-decoration: none;
}
.sbi-tilesc-item span.mdate:after, .sbi-tilesc-item span.mnewsp:after {
    content:"•";   
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    margin:0 8px;
}
.sb-item .sbi-bignum-item h5 {
    font-family: 'surprise_labblack';
    font-size:60px;
    line-height:74px;
    color:#ff0000;
    text-transform:uppercase;
}
.sb-item .sbi-charts-item h5.pie-chart {
    font-family: 'surprise_labregular';
    font-size:18px;
    line-height:24px;
    color:#000;
    text-align: center;
    margin:0 0 16px 0;
}
.sb-item p, .tsbi-iltr .tsbi-iltr-text p, .tsbi-tlir .tsbi-tlir-text p, .tsbi-tfullc2-text p {
    font-family: 'surprise_labregular';
    font-size:25px;
    line-height:34px;
    color:#000;
    margin:0 0 34px 0;
}
.sb-item .sbi-statements-item-overlay-text p {
    font-size:18px;
    line-height:22px;
    margin:0 0 22px 0;
}
.sb-item .sbi-timeline-textbox-credits p {
    font-family: 'surprise_labbold';
    font-size:18px;
    line-height:24px;
    color:#ff7f7f;
    margin:0;
}
.sb-item .sbi-bignum-item p {
    font-family: 'surprise_labblack';
    font-size:18px;
    line-height:24px;
    color:#ff0000;
    margin:0;   
}
.sb-item p a, .sb-item ul li a, .sb-item ol li a, .tsbi-iltr .tsbi-iltr-text p a, .tsbi-tlir .tsbi-tlir-text p a, .tsbi-iltr .tsbi-iltr-text ul li a, .tsbi-tlir .tsbi-tlir-text ul li a, .tsbi-iltr .tsbi-iltr-text ol li a, .tsbi-tlir .tsbi-tlir-text ol li a, .tsbi-tfullc2-text p a, .tsbi-tfullc2-text ul li a, .tsbi-tfullc2-text ol li a {
    color:#000;
}
.tsbi-iltr .tsbi-iltr-text p a:hover, .tsbi-tlir .tsbi-tlir-text p a:hover, .tsbi-iltr .tsbi-iltr-text ul li a:hover, .tsbi-tlir .tsbi-tlir-text ul li a:hover, .tsbi-iltr .tsbi-iltr-text ol li a:hover, .tsbi-tlir .tsbi-tlir-text ol li a:hover, .tsbi-tfullc2-text p a:hover, .tsbi-tfullc2-text ul li a:hover, .tsbi-tfullc2-text ol li a:hover, .sb-item .sbi-tfull p a:hover {
    color:#ff0000;
}
.sb-item ul, .sb-item ol, .tsbi-iltr .tsbi-iltr-text ul, .tsbi-tlir .tsbi-tlir-text ul, .tsbi-iltr .tsbi-iltr-text ol, .tsbi-tlir .tsbi-tlir-text ol, .tsbi-tfullc2-text ul, .tsbi-tfullc2-text ol {
    margin:0 0 34px 0;
    padding-left:20px;
}
.sb-item ul li, .tsbi-iltr .tsbi-iltr-text ul li, .tsbi-tlir .tsbi-tlir-text ol li, .tsbi-tfullc2-text ul li {
    font-family: 'surprise_labregular';
    font-size:25px;
    line-height:34px;
    color:#000;
    list-style: disc;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.sb-item ol li, .tsbi-iltr .tsbi-iltr-text ol li, .tsbi-tlir .tsbi-tlir-text ol li, .tsbi-tfullc2-text ol li {
    font-family: 'surprise_labregular';
    font-size:25px;
    line-height:34px;
    color:#000;
    list-style: decimal;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.sbi-tfull, .sbi-tiles, .sbi-tilesc, .sbi-chart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding:120px 40px;
}
.sbi-tfull.minheight-off {
    min-height:1px;
}
.sbi-tilesc {
    min-height:1px;
}
.sbi-chart {
    overflow: hidden;
}
.sbi-chart.col-2 {
    max-width:1580px;
    margin:0 auto;
}
.sbi-tilesc {
    justify-content: flex-start;
}
.sbi-tiles {
    padding:120px 40px 38px 40px;
}
.sbi-tilesc {
    padding:144px 40px 38px 40px;
}
.sbi-isvg {
    padding:144px 40px;
}
.sbi-tfull-text {
    width:572px;
}
.sbi-tilesc-item {
    margin:0 0 24px 0;
    text-align: center;
}
.sbi-isvg img {
    max-width:1440px;
    height:auto;
    display: block;
    margin:0 auto;
}

.sbi-ifull {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding:120px 40px;
}
.sbi-ifull-inner {
    width:964px;
}

.sbi-button {
    padding-top:88px;
    text-align: center;
    font-size:0;
}
.sbi-button a {
    display: inline-block;
    padding:24px 12px 0 12px;
    font-family: 'surprise_labblack';
    font-size:35px;
    line-height:25px;
    color:#ff0000;
    text-decoration: none;
    border:1px solid #ff0000;
    background:#fff;
    transition: all .3s ease;
}
.sbi-button span {
    display: block;
    font-size:20px;
    line-height:25px;
}
.sbi-button a:hover {
    border:1px solid #ff7f7f;
    background:#ff7f7f;
    color:#fff;
    transition: all .3s ease;
}

.sbi-itslider {
    padding:120px 40px;
}
.sbi-itslider-inner {
    margin:0 auto;
    max-width:1180px;
    position: relative;
}
.sbi-itslider-item-inner {
    display: flex;
    margin:0 -24px;
}
.sbi-itslider-item-inner .sbi-itslider-img, .sbi-itslider-item-inner .sbi-itslider-text {
    width:calc(50% - 48px);
    margin:0 24px;
}

.sbi-tfull-videos {
    width:964px;
}
.sbi-tfull-videos-item, .tsbi-vfull-item {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-top:52px;
    border:1px solid #ff0000;
}
.sbi-tfull-videos-item iframe, .tsbi-vfull-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sbi-topics {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding:120px 40px;
}
.sbi-topics-item {
    text-align: center;
    margin-bottom:12px;
}
.sbi-topics-item a {
    font-family: 'surprise_labblack';
    font-size:50px;
    line-height:68px;
    color:#ff0000;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
}
.sbi-topics-item a span {
    z-index: 1;   
    position: relative;
}
.sbi-topics-item a img {
    display: block;
    position: absolute;
    right:-80px;
    bottom:-40px;
    opacity: 0;
    transition: opacity .4s ease;
    z-index:0;
}
.sbi-topics-item a:hover img {
    opacity: 1;
    transition: opacity .4s ease;
}

.sbi-dlboxes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:120px 40px 36px 40px;
    
}
.sbi-dlboxes-button, .topics-downloads-button {
    margin:0 0 24px 0;
    text-align: center;
    font-size:0;
}
.sbi-isvg-button {
    padding-top:48px;
    text-align: center;
    font-size:0;
}
.sbi-dlboxes-button a, .topics-downloads-button a, .sbi-isvg-button a {
    display: inline-block;
    padding:16px 12px 8px 12px;
    font-family: 'surprise_labblack';
    font-size:35px;
    line-height:25px;
    color:#ff0000;
    text-decoration: none;
    border:1px solid #ff0000;
    background:#fff;
    transition: all .3s ease;
}
.sbi-dlboxes-button span, .topics-downloads-button span, .sbi-isvg-button span {
    display: block;
    font-size:20px;
    line-height:25px;
}
.sbi-dlboxes-button a:hover, .topics-downloads-button a:hover, .sbi-isvg-button a:hover {
    border:1px solid #ff7f7f;
    background:#ff7f7f;
    color:#fff;
    transition: all .3s ease;
}

.sbi-tfull-images {
    width:964px;
}
.sbi-tfull-images-img img, .sbi-tfull-images-grid img {
    display: block;
}
.sbi-tfull-images-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sbi-tfull-images-grid > div {
    width:calc(50% - 48px);
    margin:48px 24px 0 24px;
}

.sbi-statements {
    padding:220px 0 120px 0;
    overflow: hidden;
}
.sbi-statements-slider {
    max-height: 468px;
    margin-bottom:80px;
}
.sbi-statements-item img {
    height: 408px;
    width:auto;
    border-top:2px solid #ff0000;
    border-bottom:2px solid #ff0000;
    border-left:1px solid #ff0000;
    border-right:1px solid #ff0000;
}
.sbi-statements-item-title {
    padding:16px 8px 0 8px;
}
.sbi-statements-item-title h3 {
    font-family: 'surprise_labblack';
    font-size:20px;
    line-height:27px;
    color:#ff0000;
}
.sbi-statements-item-overlay-bg {
    display: none;
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(255,255,255,.75);
    z-index: 999999;
}
.sbi-statements-item-overlay {
    display: none;
    position: absolute;
    top:136px;
    left:50%;
    transform: translate(-50%,0);
    width:586px;
    height: 478px;
    z-index: 9999999;
    border:1px solid #ff0000;
}
.sbi-statements-item-close {
    position: absolute;
    top:-42px;
    right:0;
}
.sbi-statements-item-overlay-inner {
    display: flex;
    background:#fff;
}
.sbi-statements-item-overlay-img {
    width:50%;
}
.sbi-statements-item-overlay-img img {
    display: block;
}
.sbi-statements-item-overlay-text {
    width:50%;
    padding:24px 28px;
}
.sbi-statements .sbi-tfull-videos {
    margin:0 auto;
    padding:0 40px;
    width:1044px;
}

.sbi-timeline {
    padding:120px 40px;
    min-height: 100vh;
}
.sbi-timeline-slider-title {
    margin:0 0 32px 0;
}
.sbi-timeline-slider-text {
    margin:0 auto;
    max-width:504px;
    text-align: center;
}
.sbi-timeline-slider {
    min-height:calc(100vh - 240px);
}

.sbi-timeline-buttons {
    text-align:center;
    font-size:0;
}
.sbi-timeline-buttons a, .sbi-timeline-buttons .lightbox, .sbi-tiles-button a, .sbi-tilesc-button a {
    display: inline-block;
    margin:0 16px;
    padding:9px 16px 5px 16px;
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:29px;
    color:#ff0000;
    text-decoration: none;
    border:1px solid #ff0000;
    background:#fff;
    transition: all .3s ease;
}
.sbi-timeline-buttons a:hover, .sbi-tiles-button a:hover, .sbi-tilesc-button a:hover {
    border:1px solid #ff7f7f;
    background:#ff7f7f;
    color:#fff;
    transition: all .3s ease;
}
.sbi-tiles-button a, .sbi-tilesc-button a {
    margin:0;
}

.sbi-timeline-lightbox-overlay {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    z-index: 9999999;
    display: none;
}
.sbi-timeline-lightbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.sbi-timeline-lightbox-outer {
    height:100%;
    padding:48px;
    position: relative;
}
.sbi-timeline-lightbox-inner {
    overflow: hidden;
}
.sbi-timeline-lightbox-inner, .sbi-timeline-img {
    position: relative;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sbi-timeline-img img {
    display: block;
    margin:0 auto;
    border:2px solid #ff7f7f;   
    height:auto;
    width:auto !important;
    max-width: 1024px !important;
    max-height: 100% !important;
    object-fit: scale-down;
}
.sbi-timeline-lightbox-close {
    position: absolute;
    top:12px;
    left:50%;
    transform:translate(-50%,0);
}
.sbi-timeline-info-link {
    position: absolute;
    top:16px;
    right:24px;
    font-family: 'surprise_labbold';
    font-size:25px;
    line-height:35px;
    color:#ff7f7f;
    z-index: 9;
}
.sbi-timeline-textbox {
    position: absolute;
    top:2px;
    right:-420px;
    bottom:2px;
    width:408px;
    padding:56px 18px 124px 18px;
    background:#fff;
    border-left:10px solid #ff7f7f;
    transition:right .5s ease;
}
.sbi-timeline-textbox.tbopen {
    right:2px;
    transition:right .5s ease;
}
.sbi-timeline-text p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;   
}
.sbi-timeline-textbox-button {
    position: absolute;
    bottom:72px;
    left:18px;
}
.sbi-timeline-textbox-button a {
    display: inline-block;
    padding:8px 16px 4px 16px;
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:29px;
    color:#fff;
    text-decoration: none;
    background:#ff7f7f;
    border:2px solid #ff7f7f;
    transition: all .3s ease;
}
.sbi-timeline-textbox-button a:hover {
    background:#fff;
    color:#ff7f7f;
    transition: all .3s ease;
}
.sbi-timeline-textbox-credits {
    position: absolute;
    bottom:32px;
    left:18px;
}

.sbi-tiles-inner {
    margin:0 auto;
    max-width:1180px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.col-1 .sbi-tiles-inner .sbi-tiles-item {
    max-width:572px;
    margin-bottom:48px;
}
.col-2 .sbi-tiles-inner .sbi-tiles-item {
    width: calc(50% - 48px);
    margin: 0 24px 48px 24px;   
}
.col-3 .sbi-tiles-inner .sbi-tiles-item {
    width: calc(33.333% - 48px);
    margin: 0 24px 48px 24px;   
}
.sbi-tiles-inner .sbi-tiles-item img.size-tiles {
    display: block;
    margin:0 auto 32px auto;
}

#topics-title {
    padding-top:34px;
    margin:0 0 88px 0;
    text-align: center;
}
#topics-title h1 {
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#000;
    text-transform: uppercase;
}

.single-bereiche #sitebuilder-block {
    margin:0 auto;
    padding-bottom:1px;
    max-width:1120px;
}
#sitebuilder-block .sb-item:nth-child(1) {
    padding-top:48px;
}
.home #sitebuilder-block .sb-item:nth-child(1) {
    padding-top:0;
}
.tsbi-tfullc2 {
    margin-bottom:54px;
}

.tsb-item {
    padding:0 40px;
}

.tsbi-tlead {
    margin:0 auto 88px auto;
    max-width:572px;
}
.tsbi-tlead p {
    font-family: 'surprise_labregular';
    font-size:25px;
    line-height:35px;
    color:#000;
    text-align: center;
}
.tsbi-ifull {
    margin:0 auto 88px auto;
    max-width:964px;
}
.tsbi-ifull img {
    display: block;
    margin:0 auto;
}
.tsbi-ifull-caption {
    padding-top:12px;
}
.tsbi-ifull-caption p {
    font-family: 'surprise_labregular';
    font-size:18px;
    line-height:22px;
    color:#000;
}
.tsbi-iltr, .tsbi-tlir {
    display: flex;
    flex-wrap: wrap;
    margin:0 -32px 88px -32px;
}
.tsbi-iltr .tsbi-iltr-img, .tsbi-iltr .tsbi-iltr-text, .tsbi-tlir .tsbi-tlir-img, .tsbi-tlir .tsbi-tlir-text {
    width:calc(50% - 64px);
    margin:0 32px;
}
.tsbi-tlir .tsbi-tlir-img {
    order:2;   
}
.tsbi-tlir .tsbi-tlir-text {
    order:1;
}
.tsbi-iltr .tsbi-iltr-text h2, .tsbi-tlir .tsbi-tlir-text h2, .tsbi-tfullc2-title h2 {
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#000;
    margin:0 0 24px 0;
}
.tsbi-tfullc2-title h2 {
    margin:0;
    text-align: center;
}
.tsbi-tfullc2-title h3 {
    font-family: 'surprise_labregular';
    font-size:25px;
    line-height:34px;
    color:#000;
    text-align: center;
}
.tsbi-tfullc2-text {
    padding-top:48px;
    column-count:2;
    column-gap: 64px;
}
.tsbi-vfull {
    margin:0 auto 88px auto;
    max-width:964px;
}

#topics-footer {
    display: none;
}
#topics-footer.tlinks, #topics-footer.tdownloads {
    border-top:1px solid #FF0000;
    padding-top:88px;
    display: block;
}
#topics-links, #topics-downloads {
    text-align: center;
    margin:0 0 88px 0;
    padding-bottom:1px;
}
#topics-links h2, #topics-downloads h2 {
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#FF0000;
    text-transform: uppercase;
    margin:0 0 32px 0;
}
#topics-links .topics-links-item {
    margin:0 0 12px 0;
}
#topics-links .topics-links-item a {
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#FF0000;
    text-decoration: none;
}
#topics-links a:hover {
    color:#ff7f7f;
}

.chart {
    display:table;
    table-layout: fixed;   
    width:100%;
    max-width:1440px;
    height:420px;
    margin:0 auto;
}
.chart .chart-item {
    position:relative;
    display:table-cell;
    vertical-align:bottom;
    height:420px;
}
.chart .chart-item span {
    margin:0 4px;
    display: block;
    background:#0100ff;
    position: relative;
}
.chart .chart-item span:before{
    position:absolute;
    left:50%;
    bottom:-44px;
    padding:2px 5px 0 5px;
    display:block;
    text-align:center;
    content:attr(title);
    white-space:nowrap;
    font-family: 'surprise_labblack';
    font-size:14px;
    line-height:14px;
    color:#000;
    transform:translate(-50%,0);
}
.chart .chart-item span span.scvn {
    position: absolute;
    left:calc(50% - 2px);
    bottom:0;
    font-family: 'surprise_labbold';
    color: #D9E9FF;
    text-align:left;
    white-space:nowrap;
    background:none;
}
@media (max-width: 319px) {
    .chart .chart-item span span.scvn {
        font-size:14px;
        line-height:14px;
    }
}
@media (min-width: 320px) and (max-width: 1439px) {
    .chart .chart-item span span.scvn {
        font-size: calc(14px + (34 - 14) * (100vw - 320px) / (1439 - 320));
        line-height: calc(14px + (34 - 14) * (100vw - 320px) / (1439 - 320));
    }
}
@media (min-width: 1440px) {
    .chart .chart-item span span.scvn {
        font-size:34px;
        line-height:34px;
    }
}

.sbi-charts {
    display:flex;
    flex-wrap:wrap;
    margin:0 -32px 64px -32px;
}
.col-1 .sbi-charts {
    display:block;
    margin:0;
}
.col-1 .sbi-charts .sbi-charts-item {
    width:auto;
    max-width:1440px;
    margin:0 auto 120px auto;
}
.col-2 .sbi-charts .sbi-charts-item {
    width:calc(50% - 64px);
    margin:0 32px 120px 32px;
}
.pieChart {
    margin:0 auto;
    max-width:572px;
}
.col-2 .pieChart {
    max-width:450px;
}
.col-2 .chart .chart-item span span.scvn {
    transform:rotate(-90deg) translate(0,-50%);
    transform-origin: 0 0;
}

.sbi-bignum {
    margin:0 auto;
    max-width:1180px;
    display:flex;
    justify-content:center;
}
.sbi-bignum .sbi-bignum-item {
    margin:0 16px 32px 16px;
}

#footer {
    background:#FD9797;
    background:rgba(253,151,151,0.15);
    padding:70px 140px;
}
#footer-inner {
    display: flex;
    justify-content: space-between;
    margin:0 -24px;
}
#footer-menu {
    width:calc(50% - 48px);
    margin:0 24px;
}
#fmenu ul li {
    margin-bottom:24px;  
}
#fmenu ul li:nth-last-child(1) {
    margin-bottom:0;  
}
#fmenu ul li a {
    font-family: 'surprise_labregular';
    font-size:18px;
    line-height: 24px;
    color:#FF0000;
    text-decoration: none;
    text-transform:uppercase;
    transition: color .3s ease;
}
#fmenu ul li a:hover {
    color:#333;
    transition: color .3s ease;
}
#footer-link {
    width:calc(50% - 48px);
    margin:0 24px;
    position: relative;
}
#footer-link a {
    position: absolute;
    right:0;
    bottom:-4px;
    font-family: 'surprise_labblack';
    font-size:25px;
    line-height:34px;
    color:#FF0000;
    text-decoration: none;
    text-transform:uppercase;
    transition: color .3s ease;
}
#footer-link a:hover {
    color:#333;
    transition: color .3s ease;
}

.sbi-timeline-slider { display: none; }
.sbi-timeline-slider.slick-initialized { display: block; }

@media only screen and (max-width:1440px) {
    .sb-item.redline-botton:after {
        left:40px;
        right:40px;
        width:auto;
        transform:none;
    }
    .chart, .chart .chart-item {
        height:320px;
    }
    .col-2 .pieChart {
        max-width:360px;
    }
}
@media only screen and (max-width:1439px) {
    #footer {
        padding: 70px 40px;
    }
}
@media only screen and (max-width:1280px) {
    .col-2 .chart .chart-item span:before {
        transform:rotate(-90deg);
        left:0;
        right:0;
    }
    .chart .chart-item span::before {
        bottom: -38px;
    }
}
@media only screen and (max-width:1180px) {
    .sbi-bignum {
        flex-wrap: wrap;
    }
    .sbi-bignum-item {
        flex: 1 1 33%;
    }
    .sbi-topics-item a img {
        right:20px;
    }
    .sbi-statements .sbi-tfull-videos {
        width: 100%;
    }
    .chart .chart-item span:before {
        transform:rotate(-90deg);
    }
    .chart .chart-item span span.scvn {
        transform:rotate(-90deg);
    }
    .sbi-statements-item-img {
        position: relative;
    }
    .sbi-statements-item-img:after {
        content:"";
        position: absolute;
        bottom:12px;
        right:12px;
        width:24px;
        height:36px;
        background:url(images/touch.svg) no-repeat center center;
        background-size:24px 36px;
    }
}
@media only screen and (max-width:1024px) {
    #menu ul li a:hover, #mobile-menu-footer p a:hover {
        color:#fff;
    }
    #hintro-button, #hintro-button:hover {
        background:#fff;
    }
    #hintro-button a, #hintro-button a:hover, #contact-content p a, #contact-content ul li a, #contact-content ol li a, #contact-content p a:hover, #contact-content ul li a:hover, #contact-content ol li a:hover, #topics-links .topics-links-item a, #topics-links a:hover, #fmenu ul li a, #fmenu ul li a:hover, #footer-link a, #footer-link a:hover {
        color:#FF0000;
    }
    .sb-item p a, .sb-item ul li a, .sb-item ol li a, .tsbi-iltr .tsbi-iltr-text p a, .tsbi-tlir .tsbi-tlir-text p a, .tsbi-iltr .tsbi-iltr-text ul li a, .tsbi-tlir .tsbi-tlir-text ul li a, .tsbi-iltr .tsbi-iltr-text ol li a, .tsbi-tlir .tsbi-tlir-text ol li a, .tsbi-tfullc2-text p a, .tsbi-tfullc2-text ul li a, .tsbi-tfullc2-text ol li a, .tsbi-iltr .tsbi-iltr-text p a:hover, .tsbi-tlir .tsbi-tlir-text p a:hover, .tsbi-iltr .tsbi-iltr-text ul li a:hover, .tsbi-tlir .tsbi-tlir-text ul li a:hover, .tsbi-iltr .tsbi-iltr-text ol li a:hover, .tsbi-tlir .tsbi-tlir-text ol li a:hover, .tsbi-tfullc2-text p a:hover, .tsbi-tfullc2-text ul li a:hover, .tsbi-tfullc2-text ol li a:hover, .sb-item .sbi-tfull p a:hover {
        color:#000;
    }
    .sbi-button a, .sbi-button a:hover, .sbi-dlboxes-button a:hover, .topics-downloads-button a:hover, .sbi-isvg-button a:hover, .sbi-timeline-buttons a, .sbi-timeline-buttons .lightbox, .sbi-tiles-button a, .sbi-tilesc-button a, .sbi-timeline-buttons a:hover, .sbi-tiles-button a:hover, .sbi-tilesc-button a:hover {
        color:#ff0000;
        border:1px solid #ff0000;
        background:#fff;
    }
    .sbi-timeline-textbox-button a, .sbi-timeline-textbox-button a:hover {
        color:#fff;
        background:#ff7f7f;
    }
    #logo {
        top: 20px;
        left: 20px;
    }
    #menu-trigger {
        top:31px;
        right:20px;
        transform: translate(0,0);
    }
    #menu-trigger span {
        display: block;
        font-size:0;
        width:28px;
        height:8px;
        background:url(images/mmenu.svg) no-repeat center center;
        background-size:28px 8px;
    }
    #hintro-title {
        top: 20px;
    }
    #mobile-menu #mobile-menu-close, #mobile-menu.mopen #mobile-menu-close {
        position: absolute;
        top: 24px;
        right: 20px;
        transform: none;
    }
    #mobile-menu-inner {
        padding: 20px 32px 48px 32px;
    }
    .sbi-tiles, .sbi-tilesc {
        padding: 120px 20px 38px 20px;
    }
    .sbi-tilesc {
        padding-top:144px;
    }
    .sbi-timeline, .sbi-topics, .sbi-itslider, .sbi-tfull, .sbi-chart {
        padding:120px 20px;
    }
    .sbi-dlboxes {
        padding:120px 20px 36px 20px;   
    }
    .tsb-item {
        padding:0 20px;
    }
    .sbi-tfull-videos { 
        width: 100%;
    }
    .sbi-statements .sbi-tfull-videos {
        width: 100%;
        padding:0 20px;
    }
    .chart, .chart .chart-item {
        height:240px;
    }
    .col-2 .pieChart {
        max-width:340px;
    }
    #footer {
        padding:32px 20px;
    }
    .sbi-timeline-slider, .sbi-itslider, .sbi-timeline, .sbi-topics, .sbi-tfull, .sbi-tiles, .sbi-tilesc, .sbi-chart {
        min-height: auto;
    }
    .tsbi-tlead, .tsbi-ifull {
        margin: 0 auto 44px auto;
    }
    .tsbi-vfull {
        margin: 0 auto 68px auto;
    }
    .tsbi-iltr, .tsbi-tlir {
        margin: 0 -16px 44px -16px;
    }
    .tsbi-iltr .tsbi-iltr-img, .tsbi-iltr .tsbi-iltr-text, .tsbi-tlir .tsbi-tlir-img, .tsbi-tlir .tsbi-tlir-text {
        width: calc(50% - 32px);
        margin: 0 16px;
    }
    .tsbi-tfullc2-text {
        column-gap: 32px;
    }
    .sbi-timeline ul.slick-dots li span.dcircle:hover, .sbi-timeline ul.slick-dots li.slick-active span.dcircle {
        top: -16px;
        left: -16px;
        width: 41px;
        height: 41px;
    }
    .sbi-timeline-img img {
        max-width: 100% !important;
    }
    .sbi-timeline-lightbox-outer {
        padding:48px 20px;
    }
    .sbi-statements-slider {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:920px) {
    .sbi-charts {
        display: block;
        margin: 0;
    }
    .col-1 .sbi-charts .sbi-charts-item, .col-2 .sbi-charts .sbi-charts-item {
        width:100%;
        max-width:100%;
        margin:0 auto 120px auto;
    }
}
@media only screen and (max-width:834px) {
    #logo img {
        width:42px;
        height:56px;
    }
    .sb-item .sbi-bignum-item h5 {
        font-size: 40px;
        line-height: 56px;
    }
    .sbi-topics-item a, .sb-item .sbi-timeline-slider-date h3, .sb-item .sbi-timeline-slider-texttitle h4 {
        font-size:25px;
        line-height:35px;
    }
    #mobile-menu #mobile-menu-title span {
        font-size:18px;
        line-height:32px;
    }
    .sbi-timeline-buttons a, .sbi-timeline-buttons .lightbox, .sbi-tiles-button a, .sbi-tilesc-button a {
        font-size: 18px;
        line-height: 26px;
    }
    #hintro-title h1, .sbi-tfull-title h2, .sbi-ifull-title h2, .sbi-itslider-title h2, .sbi-topics-title h2, .sbi-dlboxes-title h2, .sbi-statements-title h2, .sbi-timeline-title h2, .sbi-tiles-title h2, .sbi-tilesc-title h2, .sbi-tfull-title h1, .sbi-ifull-title h1, .sbi-itslider-title h1, .sbi-topics-title h1, .sbi-dlboxes-title h1, .sbi-statements-title h1, .sbi-timeline-title h1, .sbi-tiles-title h1, #contact-title h1, .sbi-isvg-title h1, .sbi-isvg-title h2, .sb-item .sbi-tfull-title h3, .sb-item .sbi-ifull-title h3, .sb-item .sbi-itslider-title h3, .sb-item .sbi-topics-title h3, .sb-item .sbi-dlboxes-title h3, .sb-item .sbi-statements-title h3, .sbi-timeline-title h3, .tsbi-iltr .tsbi-iltr-text h3, .tsbi-tlir .tsbi-tlir-text h3, .sbi-tiles-title h3, .sbi-tiles-title h3, .sbi-tilesc-title h3, .sbi-isvg-title h3, .sb-item .sbi-tfull h2, .sb-item h3, .sb-item h4, .tsbi-tlead p, .tsbi-iltr .tsbi-iltr-text h2, .tsbi-tlir .tsbi-tlir-text h2, .tsbi-tfullc2-title h2, .tsbi-tfullc2-title h3, .sb-item ul li, .tsbi-iltr .tsbi-iltr-text ul li, .tsbi-tlir .tsbi-tlir-text ol li, .tsbi-tfullc2-text ul li, #topics-title h1 {
        font-size:18px;
        line-height:24px;
    }
    .sb-item p, .tsbi-iltr .tsbi-iltr-text p, .tsbi-tlir .tsbi-tlir-text p, .tsbi-tfullc2-text p {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 24px 0;
    }
    .sb-item .sbi-bignum-item p, .tsbi-ifull-caption p {
        font-size:16px;
        line-height:22px;
    }
    #mobile-menu #mobile-menu-title {
        text-align: center;
    }
    #mobile-menu {
        right:-100%;
        width:100%;
    }
    #hintro-button {
        bottom:32px;
        width:74px;
        height:74px;
        border-radius:37px;
    }
    #hintro-button a {
        font-size:14px;
        line-height:16px;
        height:74px;
    }
    .sbi-topics-item a img {
        display: none;
    }
    .sbi-tfull-title, .sbi-ifull-title, .sbi-itslider-title, .sbi-topics-title, .sbi-dlboxes-title, .sbi-statements-title, .sbi-timeline-title, .sbi-tiles-title, .sbi-tilesc-title, #contact-title, .sbi-isvg-title, #hintro-title {
        top: 24px;
    }
    .sbi-tiles {
        padding: 88px 20px 24px 20px;
    }
    .sbi-tilesc {
        padding: 120px 20px 24px 20px;
    }
    .sbi-timeline, .sbi-topics, .sbi-itslider, .sbi-tfull, .sbi-chart, .sbi-dlboxes {
        padding:72px 20px 36px 20px;   
    }
    .sbi-statements {
        padding: 190px 0 60px 0;
    }
    .sbi-dlboxes-button a, .topics-downloads-button a, .sbi-isvg-button a {
        padding: 8px 12px 4px 12px;
        font-size: 18px;
        line-height: 18px;
    }
    .sbi-dlboxes-button span, .topics-downloads-button span, .sbi-isvg-button span {
        font-size:12px;
        line-height:18px;
    }
    .tsbi-tfullc2-text {
        padding-top:32px;
    }
    #topics-footer.tlinks, #topics-footer.tdownloads {
        padding-top:44px;
    }
    .tsbi-tfullc2 {
        margin-bottom:32px;
    }
    #topics-title {
        padding-top:24px;
        padding-left:80px;
        padding-right:80px;
    }
    .page-template-page-contact #content {
        padding: 120px 20px;
    }
}
@media only screen and (max-width:768px) {
    .sbi-tilesc-item span {
        display: block;
    }
    .sbi-tilesc-item span.mdate:after, .sbi-tilesc-item span.mnewsp:after {
        display: none;
    }
}
@media only screen and (max-width:767px) {
    .sbi-itslider-item-inner {
        display: block;
        margin:0;
    }
    .sbi-itslider-item-inner .sbi-itslider-img, .sbi-itslider-item-inner .sbi-itslider-text {
        width:100%;
        margin:0;
    }
    .sbi-itslider-item-inner .sbi-itslider-text {
        padding-top:24px;
    }
    .sbi-itslider .slick-dots {
        bottom:inherit;
        left:inherit;
        position: inherit;
        width:100%;
    }
    .tsbi-tfullc2-text {
        column-count:1;
        column-gap:0;
    }
    .tsbi-iltr, .tsbi-tlir {
        display: block;
        margin: 0 0 44px 0;
    }
    .tsbi-iltr .tsbi-iltr-img, .tsbi-iltr .tsbi-iltr-text, .tsbi-tlir .tsbi-tlir-img, .tsbi-tlir .tsbi-tlir-text {
        width: 100%;
        margin: 0;
    }
    .tsbi-iltr .tsbi-iltr-text, .tsbi-tlir .tsbi-tlir-text {
        padding-top:32px;
    }
    
    .timeline-dots {
        max-width:calc(100% + 40px);
        margin:0 -20px;
        padding:0 24px;
        overflow-x:scroll;
        -webkit-overflow-scrolling: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .timeline-dots:after {
        content:"";
        width:60px;
        height:60px;
        position: absolute;
        right:20px;
        bottom:20px;
        background:url(images/tl-scroll.gif) no-repeat center center;
        background-size:60px 60px;
    }
    .timeline-dots::-webkit-scrollbar {
        display: none;
    }
    .timeline-dots-inner {
        width:1280px;
        height:116px;
        z-index: 1;
    }
    .sbi-timeline ul.slick-dots {
        height:116px;
        align-items: center;
        z-index: 1;
    }
    .sbi-timeline ul.slick-dots li {
        width:22px;
        height:22px;
    }
    .sbi-timeline ul.slick-dots li span.dcircle {
        width:22px;
        height:22px;
    }
    .sbi-timeline ul.slick-dots li span.dcircle:hover, .sbi-timeline ul.slick-dots li.slick-active span.dcircle {
        top:-15px;
        left:-15px;
        width:51px;
        height:51px;
    }
    #contact-content-inner {
        display: block;
        margin: 0;
    }
    #contact-content-inner #contact-content-left, #contact-content-inner #contact-content-right {
        width:100%;
        margin:0;
    }
}
@media only screen and (max-width:640px) {
    .sbi-tfull-text {
        width: 100%;
    }
    .sbi-statements-item-overlay {
        position:fixed;
        top:0;
        left:0;
        transform: translate(0,0);
        width:100%;
        height:100%;
        z-index: 9999999;
        border:none;
        background:#fff;
    }
    .sbi-statements-item-close {
        position: absolute;
        top:20px;
        right:20px;
    }
    .sbi-statements-item-overlay-inner {
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }
    .sbi-statements-item-overlay-img {
        display: none;
    }
    .sbi-statements-item-overlay-text {
        width:100%;
    }
}
@media only screen and (max-width:568px) {
    #hintro-button {
        bottom: 16px;
    }
    #mobile-menu-inner {
        justify-content: flex-start;
    }
    #menu {
        padding-top:76px;
    }
    #menu ul li {
        margin-bottom: 24px;
    }
    #mobile-menu #menu ul li a {
        font-size: 20px;
        line-height: 35px;
    }
    #mobile-menu-footer {
        display: none;
    }
    
    .sbi-bignum {
        display: block;
    }
    .sbi-bignum-item {
        flex:none;
        width:100%;
        margin: 0 0 32px 0;
    }
    #footer-inner {
        display: block;
        margin: 0;
    }
    #footer-menu, #footer-link {
        width:100%;
        margin:0;
    }
    #fmenu ul {
        text-align: center;
    }
    #fmenu ul li {
        margin-bottom:16px;
    }
    #footer-link {
        padding-top:24px;
        text-align: center;
    }
    #footer-link a {
        display: inline-block;
        position:inherit;
        right:inherit;
        bottom:inherit;
        font-size: 18px;
        line-height: 26px;
    }
    .sbi-tilesc {
        padding-top:144px;
    }
}
@media only screen and (max-width:480px) {
    .sbi-statements-item img {
        height: 334px;
    }
    .error404 #content h1 {
        font-size:32px;
        line-height:40px;
        margin-bottom:24px;
    }
    .error404 #content p {
        font-size:16px;
    }
}
@media only screen and (max-width:414px) {
    .sbi-statements-item img {
        height: 288px;
    }
}
@media only screen and (max-width:375px) {
    .sbi-statements-item img {
        height: 262px;
    }
}