html, body{ width:100%; max-width: 100%; height:auto; padding:0; margin:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body{ overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color:rgba(0,0,0,0.3); font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Roboto', sans-serif; line-height: 24px; letter-spacing: 0px; color: #333;}
body{background-color: #e6e9ed}
section, .cover{ background-size:cover; background-position: center center; background-repeat: no-repeat; }
::selection{color:white;}
body.no-selection ::selection{ color:inherit !important; background:transparent !important; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{ -webkit-text-size-adjust:none; }
img{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none; }
a, a:hover, a:focus, button, button:hover, button:focus{ text-decoration: none; color: inherit; cursor: pointer; }
*{ border:0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:hover, *:focus{ outline:none !important; }
/*Fonts */
.roboto { font-family: 'Roboto', Arial, sans-serif; }
.robotocondensed { font-family: 'Roboto Condensed', arial, sans-serif; }
section#post1 {font-family:'Roboto Slab', Arial, sans-serif;line-height:1.5;font-size:18px}
section#post1.container, section#related.container {max-width:1080px}
section#contact {max-width: 1080px;}
section.Nutzungsbedingungen > .container-fluid, section.Conditionsdutilisation > .container-fluid, section.TermsofUse > .container-fluid{max-width:1080px}
.backendlayout-pagets__default_clean .bg-parallax{height:calc(80vh/1.77777777778)}
/* Styles */
.italic{ font-style: italic;}
.uppercase{ text-transform: uppercase;}
.capitalize{ text-transform: capitalize !important;}
.transform-none{ text-transform: none !important; }
.t-left,.t-left.row,.t-left>.row{text-align: left; justify-content: left;}
.t-center,.t-center.row,.t-center>.row{text-align: center; justify-content: center;}
.t-right,.t-right.row,.t-right>.row{text-align: right; justify-content: right;}
.t-justify{text-align: justify;}
.t-vertical{ writing-mode: vertical-rl; }
.t-shadow{ text-shadow: 2px 2px 6px rgba(0,0,0,0.1); }
.light{font-weight: 300;}
.normal{font-weight: 400 !important;}
.normal-title{font-weight: 400; letter-spacing: -1.8px;}
.normal-subtitle{font-weight: 400; letter-spacing: -0.8px;}
@media only screen and (max-width: 992px){
.normal-title{ letter-spacing: -0.8px;}
.normal-subtitle{ letter-spacing: -0.5px;}
}
.medium{font-weight: 500 !important;}
.semibold-title{font-weight: 600; letter-spacing: -1.6px;}
.semibold-subtitle{font-weight: 600; letter-spacing: -0.6px;}
@media only screen and (max-width: 992px){
.semibold-title{ letter-spacing: -0.8px;}
.semibold-subtitle{ letter-spacing: -0.5px;}
}
.semibold{font-weight: 600 !important;}
.bold{font-weight: 700;}
.bolder{font-weight: 800;}
.bold-title{font-weight: 700; letter-spacing: -2.1px; line-height: 125%; }
.bold-subtitle{font-weight: 700; letter-spacing: -0.8px;}
@media only screen and (max-width: 992px){
.bold-title{ letter-spacing: -0.8px;}
.bold-subtitle{ letter-spacing: -0.5px;}
}
.extrabold{font-weight: 900;}
.extrabold-title{font-weight: 900; }
.extrabold-subtitle{font-weight: 900;}
@media only screen and (max-width: 992px){
.extrabold-title{ letter-spacing: -0.8px;}
.extrabold-subtitle{ letter-spacing: -0.5px;}
}
body.ie-browser {overflow-y:scroll;-ms-overflow-style:scrollbar}
.no-ls{letter-spacing: 0 !important;}
.lh-normal{line-height: normal;}
.lh-xs{ line-height: 90%; }
.lh-sm{ line-height: 120%; }
.lh-md{ line-height: 150%; }
.lh-lg{ line-height: 200%; }
.lh-xl{ line-height: 240%; }
.line-height-60 {line-height: 60px;}
@media only screen and (max-width: 768px){ .lh-sm-mobile{ line-height: normal; }}
.fstyle-normal{ font-style: normal; }
.underline,.underline-hover:hover,.underline-hover-links a:hover,.underline-hover-all:hover *{ text-decoration: underline !important; }
.overline,.overline-hover:hover,.overline-hover-links a:hover,.overline-hover-all:hover *{ text-decoration: line-through !important; }
.underline-dashed{ border-bottom:1px dashed; word-spacing: -1px;}
.text-background{ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; background-size:cover; background-position: center; }
.text-shadow{ text-shadow: 0px 1px 20px rgba(0,0,0,0.1)}
/* Inherit Font Styles */
.paragraph{ font-size:14px; line-height: 32px; margin-bottom:15px;}
p {word-wrap: break-word;}
.text-abstract {font-size:18px !important;color: #013e7d; }
.address {font-size: 22px;line-height: 30px;}
@media only screen and (max-width: 1400px){ .paragraph{ font-size: 13px; line-height: 23px; } }
.lh-inherit{line-height: inherit;}
.fs-inherit{font-size: inherit;}
.fw-inherit{font-weight: inherit;}
.ff-inherit{font-family: inherit;}
.color-inherit{color:inherit;}
/* Large Texts */
.text-lg, .font-40{ font-size:40px; }
.text-lg1, .font-50{ font-size:50px; }
.text-lg2{ font-size:60px; }
.text-lg3{ font-size:80px; }
.text-lg4{ font-size:90px; }
.text-lg5{ font-size:120px; }
.text-lg6{ font-size:150px; }
.font-10{ font-size:10px !important; } .font-11{ font-size:11px !important; } .font-12{ font-size:12px !important; } .font-13{ font-size:13px !important; } .font-14{ font-size:14px !important; } .font-15{ font-size:15px !important; } .font-16{ font-size:16px !important; } .font-17{ font-size:17px !important; } .font-18{ font-size:18px !important; } .font-19{ font-size:19px !important; }
.font-20{ font-size:20px !important; } .font-21{ font-size:21px !important; } .font-22{ font-size:22px !important; } .font-23{ font-size:23px !important; } .font-24{ font-size:24px !important; } .font-25{ font-size:25px !important; } .font-30{ font-size:30px !important; } .font-35{ font-size:35px !important; } .font-45{ font-size:45px !important; } .font-55{ font-size:55px !important; }
/* Responsive Headings */
@media only screen and (max-width: 768px){.text-lg,.text-lg1,.text-lg2,.text-lg3,.text-lg4,.text-lg5,.text-lg6{ font-size:40px; } }
@media only screen and (max-width: 550px){.text-lg,.text-lg1,.text-lg2,.text-lg3,.text-lg4,.text-lg5,.text-lg6{ font-size:30px; } h1,.h1{ font-size:28px; } h2,.h2{ font-size:24px; } h3,.h3{ font-size:20px; } }
@media only screen and (max-width: 361px){.text-lg,.text-lg1,.text-lg2,.text-lg3,.text-lg4,.text-lg5,.text-lg6{ font-size:26px; } h1,.h1{ font-size:25px; } h2,.h2{ font-size:21px; } h3,.h3{ font-size:18px; } }
/* Mobile Texts */
@media only screen and (max-width: 900px){.font-10-mobile{ font-size:10px !important;}.font-11-mobile{ font-size:11px !important;}.font-12-mobile{font-size:12px !important;}.font-13-mobile{font-size:13px !important;}.font-14-mobile{font-size:14px !important;}.font-15-mobile{font-size:15px !important;}.font-16-mobile{font-size:16px !important;}.font-17-mobile{font-size:17px !important;}.font-18-mobile{font-size:18px !important;}.font-19-mobile{font-size:19px !important;}.font-20-mobile,.text-mobile{font-size:20px !important;}.font-21-mobile{font-size:21px !important;}.font-22-mobile{font-size:22px !important;}.font-23-mobile{font-size:23px !important;}.font-24-mobile{font-size:24px !important;}.font-25-mobile{font-size:25px !important;}.text-mobile-lg{font-size:27px !important;}.font-30-mobile{font-size:30px !important;}.font-35-mobile,.text-mobile-xl{font-size:35px !important;}.font-40-mobile{font-size:40px !important;}.font-45-mobile{font-size:45px !important;}.font-50-mobile{font-size:50px !important;}.font-55-mobile,.text-mobile-xxl{ font-size:55px !important;}.text-mobile-extreme{ font-size:120px !important;}}
/* Text Align Center for Mobile */
@media only screen and (max-width: 768px){ .t-center-sm,.t-center-sm>.row,.t-center-sm.row,.t-center-mobile,.t-center-mobile>.row,.t-center-mobile.row{ text-align:center !important; justify-content: center; } }
@media only screen and (max-width: 576px){ .t-center-xs,.t-center-xs>.row,.t-center-xs.row{ text-align:center !important; justify-content: center; } }
/* Text Align Center for Mobile */
.badge{ display: inline-block; min-width: 15px; padding: 3px 10px; font-size: 11px; margin:0 3px; font-weight: inherit; color: #fff; line-height: normal; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; }
.badge.badge-lg{ padding: 5px 14px; font-size: inherit; font-weight: inherit; }
.disable-hover, .disable-hover * { pointer-events: none !important; }
.label{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
@media only screen and (min-device-width: 480px) and (max-device-width: 824px) and (orientation: landscape) {
.text-lg, .text-lg1, .text-lg2, .text-lg3, .text-lg4, .text-lg5, .text-lg6 {
font-size: 25px;
}
.normal-subtitle {
letter-spacing:0;}
h3.semibold {font-weight:400!important;font-size:18px;}
}
/* Display Settings */
.white,.white-hover:hover{color:white !important;}
.bg-white, .bg-white-hover:hover, .bg-white-focus:focus{background-color: rgba(255,255,255,1)!important;}
.bg-kurzcdblue,.bg-kurzcdblue-hover:hover{background-color:rgba(0,63,125,1) !important;}
.kurzcdblue {color:#013e7d;}
.dark,.dark-hover:hover{ color:#999 !important; }
.black,.black-hover:hover{ color:#000 !important; }
.bg-dark,.bg-dark-hover:hover{background-color:#212121 !important;}
.bg-dark1,.bg-dark1-hover:hover{background-color:#191919 !important;}
.bg-dark2,.bg-dark2-hover:hover{background-color:#161616 !important;}
.bg-dark3,.bg-dark3-hover:hover{background-color:#111 !important;}
.bg-night,.bg-night-hover:hover{background-color:#1b1c1f !important;}
.bg-night1,.bg-night1-hover:hover{background-color:#191a1c !important;}
.bg-night2,.bg-night2-hover:hover{background-color:#151718 !important;}
.bg-night3,.bg-night3-hover:hover{background-color:#111213 !important;}
.bg-black,.bg-black-hover:hover{background-color:#000 !important;}
.colored1, .colored1-hover:hover{ color:#013e7d !important; }
.bg-colored1, .bg-colored1-hover:hover{ background-color:#013e7d !important; }
.border-colored1, .border-colored1-hover:hover{ border-color:#013e7d !important; }
.bg-gradient1{background:#013e7d;background:-moz-linear-gradient(45deg,#013e7d 0%,#5075aa 100%);background:-webkit-linear-gradient(45deg,#013e7d 0%,#5075aa 100%);background:linear-gradient(to 45deg,#013e7d 0%,#5075aa 100%);}
.bg-shadow { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
box-shadow: 0 1px 2px rgba(0,0,0,0.15);}
.opacity-hover:hover,.opacity-hover-container>*:hover,.opacity-hover-links a:hover,.opacity-hover-links button:hover{opacity: 0.7 !important;}
.opacity-hover-reverse{ opacity:0.7; }
.opacity-hover-reverse:hover{ opacity:1 !important; }
.border-white,.border-white-hover:hover{border-color:white !important;}
.border-transparent,.border-transparent-hover:hover{ border-color:transparent !important; }
.dark-section{background-color:#222; color:#ccc;}
.transparent,.transparent-hover:hover{background:transparent !important;}
.fullwidth,.width-full{width:100%; }
.content.full-width {width:94%;}
.fullheight{height: 100% !important;}
.bodywidth{ margin:0 auto; }
.fullscreen{width: 100%; min-height: 100%; left:0; top:0;}
.bg-changeable{ -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
.bg-pattern, .bg-pattern>.bg-animator:after{ background-repeat: repeat !important; background-size: auto auto !important; }
.pattern:after{background-image:url(../images/pattern.png); background-repeat: repeat; background-size: auto; }
.pattern1:after{background-image:url(../images/pattern1.jpg); background-repeat: repeat; background-size: auto; }
.pattern-black:after{background-image:url(../images/pattern-black.png); background-repeat: repeat; background-size: auto; }
.pattern-white:after{background-image:url(../images/pattern-white.png); background-repeat: repeat; background-size: auto; }
.halfwidth{width: 50%; max-width: 50%;}
.width-auto{width: auto !important;}
.height-auto{height: auto;}
@media only screen and (max-width: 768px){.height-auto-mobile{height: auto !important;} .mnh-auto-mobile{min-height: auto !important;} .relative-xs,.relative-mobile{ position: relative !important; }}
@media only screen and (min-device-width: 769px) and (max-device-width: 1366px) and (orientation:landscape) {.height-auto-mobile{height: auto !important;} .mnh-auto-mobile{min-height: auto !important;} .relative-xs,.relative-mobile{ position: relative !important; }}
.mxw-full{ max-width: 100%; }
.mxh-full{ max-height: 100%; }
.relative{position: relative !important;}
.absolute{position: absolute;}
.absolute-im{position: absolute !important;}
.fixed{position: fixed}
.fixed-im{position: fixed !important;}
.block,.block-links>a,.all-block-links a{display: block;}
.inline-block,.inline-block-links>a{display: inline-block !important;}
.block-im{display: block !important;}
.table{display: table;}
.table-im{ display: table !important; }
@media only screen and (max-width: 768px){.block-mobile{display: block !important;} .inline-block-mobile{ display: inline-block !important; }}
.none{display:none !important;}
.nowrap{white-space:nowrap;}
.ws-normal{ white-space: normal;}
.f-left{float: left !important;}
.f-right{float: right !important;}
.f-none{float: none !important;}
.no-padding{padding:0 !important;}
.no-pt{ padding-top:0 !important; }
.no-pl{ padding-left:0 !important; }
.no-pr{ padding-right:0 !important; }
.no-pb{ padding-bottom:0 !important; }
.no-px{ padding-left:0 !important; padding-right: 0 !important; }
.z-index-0{z-index: 0;}
.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.no-margin{ margin:0 !important; }
.no-mt{ margin-top:0 !important; }
.no-ml{ margin-left:0 !important; }
.no-mr{ margin-right:0 !important; }
.no-mb{ margin-bottom:0 !important; }
.no-mx{ margin-left:0 !important; margin-right:0 !important; }
.no-margin-im{margin:0 !important;}
@media only screen and (max-width: 768px){
.f-none-mobile,.f-none-sm{ float: none !important; }
}
.no-pm{padding:0; margin:0;}
.no-pm-im{padding:0 !important; margin:0 !important;}
.no-radius,.no-radius-hover:hover{border-radius: 0 !important;}
.radius,.radius-hover:hover{ border-radius: 5px !important; }
.radius-sm,.radius-sm-hover:hover{ border-radius: 6px !important; }
.radius-md,.radius-md-hover:hover{ border-radius: 12px !important; }
.radius-lg,.radius-lg-hover:hover{ border-radius: 40px !important; }
.radius-xl,.radius-xl-hover:hover{ border-radius: 60px !important; }
.radius-no-lt{ border-top-left-radius: 0px !important; }
.radius-no-rt{ border-top-right-radius: 0px !important; }
.radius-no-lb{ border-bottom-left-radius: 0px !important; }
.radius-no-rb{ border-bottom-right-radius: 0px !important; }
.radius-no-right{ border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
.radius-no-left{ border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
.no-border{border:none !important;}
.m-auto{margin-left: auto; margin-right: auto;}
@media only screen and (max-width: 768px){ .m-auto-mobile{margin-left:auto !important; margin-right: auto !important; } }
.border-colored, .border-colored-hover:hover {border-color: #003f7d !important;}
.o-hidden{overflow: hidden;}
.o-scroll{overflow: scroll;}
.o-auto, .overflow-auto{overflow: auto;}
.o-visible{overflow: visible !important;}
.c-pointer{cursor:pointer;}
.c-default{cursor: default}
.c-disabled{ cursor: not-allowed; }
.c-move{ cursor: move; }
.c-resize{ cursor:ew-resize; }
.c-vertical-resize{ cursor:ns-resize; }
.c-grab{cursor: grab !important; cursor: -moz-grab !important; cursor: -webkit-grab !important; }
.c-grab:active{cursor: grabbing; cursor: -moz-grabbing;cursor: -webkit-grabbing;}
.border-none,.border-none-links a{border: none !important;}
.no-border-top{ border-top:none !important; }
.no-border-right{ border-right:none !important; }
.no-border-bottom{ border-bottom:none !important; }
.no-border-left{ border-left:none !important; }
.bt-1, .bb-1, .bl-1, .br-1, .border-1, .border-2,.border-3,.border-4,.border-5{ border-style: solid; }
*[class*="bt-"], *[class*="bl-"], *[class*="br-"], *[class*="bb-"]{ border-style: solid; }
.border-dotted,.b-dotted{ border-style: dotted !important; }
.border-dashed,.b-dashed{ border-style: dashed !important; }
.border-solid,.b-solid,.solid{ border-style: solid !important; }
.bs-none,.bs-none-hover:hover,.bs-none-focus:focus{ box-shadow:none !important; }
.bs-sm,.bs-sm-hover:hover,.bs-sm-focus:focus{ box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1) !important }
.box-shadow,.bs-hover:hover,.bs-focus:focus{ box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.2) !important }
.box-shadow-intense {box-shadow: 1px 2px 25px 0px rgba(0,0,0,0.9) !important;}
.bs-light,.bs-light-hover:hover,.bs-light-focus:focus{ box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.06) !important }
.bs-md,.bs-md-hover:hover,.bs-md-focus:focus{ box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.1) !important }
.bs-lg,.bs-lg-hover:hover,.bs-lg-focus:focus{ box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.2) !important }
.bs-xl,.bs-xl-hover:hover,.bs-xl-focus:focus{ box-shadow: 2px 25px 65px 5px rgba(0,0,0,0.2) !important }
.bs-inset,.bs-inset-hover:hover,.bs-inset-focus:focus{ -webkit-box-shadow: 0 18px 36px -13px rgba(0,0,0,0.5) !important; -moz-box-shadow: 0 18px 36px -13px rgba(0,0,0,0.5) !important; box-shadow: 0 21px 42px -14px rgba(0,0,0,0.5) !important; }
.slow{ -webkit-transition: all 0.3s !important; -moz-transition: all 0.3s !important; transition: all 0.3s !important; }
.slow1{ -webkit-transition: all 0.2s !important; -moz-transition: all 0.2s !important; transition: all 0.2s !important; }
.slow-qdr{ -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; }
.vertical-center{top:50%; position: relative;}
.move-up-half{ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.t-center,.t-center.row,.t-center>.row{text-align: center; justify-content: center;}
.v-center,.v-center-mb{ top:50%; position: relative; will-change: transform; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (max-width: 768px){
.v-normal-mobile,.v-normal-mb{ top:0% !important; padding-top:15px !important; padding-bottom:15px !important; position: relative; -webkit-transform: translateY(0%) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; }
.v-center-mb{ padding-top:0 !important; padding-bottom:0 !important; }
}
.v-top{ display: table-cell; vertical-align:top !important; }
.v-middle{ display: table-cell !important; vertical-align:middle !important; }
.v-bottom{ display: table-cell !important; vertical-align:bottom !important; }
.vertical-col-lines{ position: fixed; left:0; top:0; right: 0; bottom:0; }
.vertical-col-lines div{ height: 100%; padding: 0; border-right: 1px solid rgba(118,118,118,0.14);}
.container-xl{height: auto; display: block; width: 100%; margin:0 auto; padding-left:15px; padding-right:15px;}
.container-lg{max-width: 1620px; height: auto; display: block; width: 100%; margin:0 auto; padding-left:0; padding-right:0;}
body.left-side-menu-active .container-md,
body.right-side-menu-active .container-md,
body.left-side-menu-active .container-lg,
body.right-side-menu-active .container-lg{ padding-left:15px; padding-right:15px;}
@media only screen and (max-width: 1630px){.container-lg{ padding-left:15px; padding-right:15px; }}
.container-md{max-width: 1440px; height: auto; display: block; width: 100%; margin:0 auto; padding-left:0; padding-right:0;}
@media only screen and (max-width: 1455px){.container-md{ padding-left:15px; padding-right:15px; } }
.container{max-width: 1200px; height: auto; display: block; width: 100%; margin:0 auto; padding-left:0; padding-right:0;}
@media only screen and (max-width: 1441px){.container{ max-width: 1000px; padding-left:15px; padding-right:15px; }}
.container-sm{max-width: 900px; height: auto; display: block; width: 100%; margin:0 auto; padding-left:0; padding-right:0;}
@media only screen and (max-width: 915px){.container-sm{ padding-left:15px; padding-right:15px; }}
.container-xs{max-width: 480px; height: auto; display: block; width: 100%; margin:0 auto; padding-left:0; padding-right:0;}
@media only screen and (max-width: 495px){.container-xs{ padding-left:15px; padding-right:15px; }}
@media only screen and (max-width: 1485px){body.left-side-menu-active .container, body.right-side-menu-active .container{ padding-left:15px; padding-right:15px; }}
.width-calculated{ margin:0 !important; display: block !important; float: left !important; }
.bg-left,.bg-left>.bg-animator:after{background-position: left !important;}
.bg-right,.bg-right>.bg-animator:after{background-position: right !important;}
.bg-top,.bg-top>.bg-animator:after{background-position: top !important;}
.bg-bottom,.bg-bottom>.bg-animator:after{background-position: bottom !important;}
.bg-center,.bg-center>.bg-animator:after{background-position: center center !important;}
@media only screen and (max-width: 1024px){
.bg-left-mobile{background-position: left !important;}
.bg-right-mobile{background-position: right !important;}
.bg-top-mobile{background-position: top !important;}
.bg-bottom-mobile{background-position: bottom !important;}
.bg-center-mobile{background-position: center center !important;}
.bg-none-mobile{ background-image:none !important; }
}
.bg-norepeat,.bg-norepeat>.bg-animator:after{background-repeat: no-repeat !important;}
.bg-repeatx,.bg-repeatx>.bg-animator:after{background-repeat: repeat-x !important;}
.bg-repeaty,.bg-repeaty>.bg-animator:after{background-repeat: repeat-y !important;}
.bg-repeat{background-repeat: repeat !important;}
.bg-scroll{background-attachment: scroll !important;}
.bg-normal,.bg-normal>.bg-animator:after{background-size: auto !important;}
.bg-fixed,.bg-fixed>.bg-animator:after{background-attachment:fixed !important;}
.bg-cover,.bg-cover>.bg-animator:after{background-size:cover !important;}
.bg-size-fullheight{ background-size:auto 100% !important;}
.bg-default{background-color:#4B515D !important;}
.bg-primary{background-color:#4285F4 !important;}
.bg-success{background-color:#5cb85c !important;}
.bg-secondary{background-color:#d790e7 !important;}
.bg-danger{background-color:#db2929 !important;}
.bg-warning{background-color:#f0ad4e !important;}
.bg-info{background-color:#33b5e5 !important;}
.bg-transparent{background-color:transparent !important;}
.rotate-45{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.rotate-45-reverse{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.rotate-90{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate-90-reverse{-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.cover{background-size: cover !important;}
.circle,.circle-hover:hover{border-radius: 100% !important;}
.top-50-percent{ top:50% !important; }
.left-50-percent{ left:50% !important; }
.right-50-percent{ right:50% !important; }
.bottom-50-percent{ bottom:50% !important; }
@media only screen and (max-width: 768px){
.calculate-height.height-auto-xs>*,.calculate-height.height-auto-mobile>*{ height: auto !important; }
.calculate-width.width-auto-xs>*,.calculate-width.width-auto-mobile>*{ width: auto !important; }
}
.orofin-logo {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);transform:translate(0%)}
.dropcap:first-letter{ color: inherit; color:#013e7d; float: left; font-size: 65px; line-height: 50px; padding-top: 5px; padding-right: 10px; padding-left: 2px; }
.dropcap.dropcap-bg:first-letter{ color: white; background-color:#333; font-size: 45px; line-height: 33px; padding:8px 8px 8px 6px; margin-right: 8px; margin-top:4px; }
.dropcap.dropcap-bg.dropcap-radius:first-letter{ border-radius: 8px; }
.dropcap.dropcap-bg.dropcap-border:first-letter{ border:1px solid #ccc; }
.dropcap.dropcap-sm:first-letter{ font-size: 30px; line-height: 22px; }
.dropcap.dropcap-lg:first-letter{ font-size: 60px; line-height: 47px; }
.dropcap.dropcap-xl:first-letter{ font-size: 80px; line-height: 67px; }
@media only screen and (min-width: 1025px){
[data-background]{ opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
[data-background].loaded,
.slick-slider [data-background]{ opacity: 1; }
}
/* Dropcap Background colors */
.dropcap.dropcap-bg.white-bg:first-letter{ color: inherit; background-color:#fff; }
.dropcap.dropcap-bg.light-bg:first-letter{ color: inherit; background-color:#eee; }
.dropcap.dropcap-bg.danger-bg:first-letter{ color: white; background-color:#CC0000; }
.dropcap.dropcap-bg.warning-bg:first-letter{ color: white; background-color:#ffbb33; }
.dropcap.dropcap-bg.success-bg:first-letter{ color: white; background-color:#00C851; }
.dropcap.dropcap-bg.info-bg:first-letter{ color: white; background-color:#33b5e5; }
.dropcap.dropcap-bg.default-bg:first-letter{ color: white; background-color:#2BBBAD; }
.dropcap.dropcap-bg.primary-bg:first-letter{ color: white; background-color:#4285F4; }
.dropcap.dropcap-bg.secondary-bg:first-letter{ color: white; background-color:#aa66cc; }
.video-trigger{ position: relative; }
.video-play-trigger{ width: 100%; height: 100%; left:0; top:0; position: absolute; background-size: cover; background-position: center center; z-index: 15; }
.video-play-trigger span{ display: block; margin:0 auto; top:50%; text-align: center; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
iframe{ width: 100%; }
.video-trigger iframe{ min-height: 300px; }
/* Video Trigger in slider */
.video-trigger.slick-slide img, .slick-slide .video-trigger img{ width: auto; height: auto; margin:0 auto; }
.thumbnail-img .caption, figcaption.caption {font-size:12px}
.thumbnail-img{ padding:4px; display: inline-block; position: relative; width:auto; max-width: 100%; background-color:transparent; }
.thumbnail-img.circle{ border-radius: 100%; padding:4px; }
.thumbnail-img.thumbnail-xxs{ max-width: 60px;}
.thumbnail-img.thumbnail-xs{ max-width: 90px;}
.thumbnail-img.thumbnail-sm{ max-width: 120px;}
.thumbnail-img.thumbnail-lg{ max-width: 160px;}
.thumbnail-img.circle img{ border-radius: 100%; }
.img-overlay,.static-overlay{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 5; background-color:rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.img-overlay:hover, .static-overlay{ opacity: 1 !important; }
.thumbnail-img .img-overlay{ left:4px; top:4px; bottom:4px; right: 4px; width: auto; height: auto; }
.img-overlay .overlay-wrap, .static-overlay .overlay-wrap{ position: relative; left:0; top:0; width: 100%; height: 100%; color: white; text-align: center; display: table; }
.img-overlay .overlay-wrap>*, .static-overlay .overlay-wrap>*{ display: table-cell; vertical-align: middle; }
.overlay{ position: absolute !important; width: 100%; height: 100%; display: block; left:0; top:0; z-index: 1; background-size: cover; background-position: center center; }
.static-overlay{ background-color:transparent; }
.block-img img{ width: 100%; }
.block-img.sixteen-to-nine img {height:auto;height:100%}
.block-img img[src*="loading"],.block-img img[src*="loader"]{ width: auto; margin:20px auto; display: block; }
.image-left{ float:left; margin-right: 15px; margin-bottom:10px; }
.image-right{ float:right; margin-left: 15px; margin-bottom:10px; }
.mxw-full{ max-width: 100% !important; }
label{ font-weight: 400;}
.text-rotator>.animated{display: inline-block;visibility: visible;}
.text-rotator.padding>.animated{padding:10px 6px 14px;}
.text-rotator.mini-padding>.animated{padding:0px 4px;}
pre{ border: 1px solid #ddd; line-height: 25px; max-height: 400px; padding:12px 16px; }
.sticky-keeper{ position: relative; }
@media only screen and (max-width: 1000px){ .sticky-keeper .sticky-container{ position: relative !important; top:0 !important; width: auto !important; max-width: none !important; } }
/* grau, weiss und schwarz */
.bg-soft{ position: relative; }
.bg-soft-colored2:before,.bg-soft-gradient:before,.bg-soft-gradient1:before,.bg-soft-gradient2:before,.bg-soft-gradient3:before,.bg-soft-gradient4:before{ opacity: 0.9; }
.bg-soft>*,.bg-soft-colored>*,.bg-soft-colored1>*,.bg-soft-colored2>*,.bg-soft-colored3>*,.pattern>*,.pattern1>*,.pattern-black>*,.pattern-white>*{position: relative; z-index: 2;}
.bg-soft:before,.bg-soft-colored:before,.bg-soft-colored1:before,.bg-soft-colored2:before,.bg-soft-colored3:before,.bg-soft-gradient:before,.bg-soft-gradient1:before,.bg-soft-gradient2:before,.pattern:after,.pattern1:after,.pattern-black:after,.pattern-white:after{position: absolute; display: block; left:0px; top:0px; right: 0px; bottom:0px; content: ''; z-index: 1;}
/* Weiss */
.bg-soft-white:before,.bg-soft-white-hover:hover:before,.bg-soft-white9:before,.bg-soft-white9-hover:hover:before{ background-color:rgba(255,255,255,0.9); }
.bg-soft-white1:before,.bg-soft-white1-hover:hover:before{ background-color:rgba(255,255,255,0.1); }
.bg-soft-white2:before,.bg-soft-white2-hover:hover:before{ background-color:rgba(255,255,255,0.2); }
.bg-soft-white3:before,.bg-soft-white3-hover:hover:before{ background-color:rgba(255,255,255,0.3); }
.bg-soft-white4:before,.bg-soft-white4-hover:hover:before{ background-color:rgba(255,255,255,0.4); }
.bg-soft-white5:before,.bg-soft-white5-hover:hover:before{ background-color:rgba(255,255,255,0.5); }
.bg-soft-white6:before,.bg-soft-white6-hover:hover:before{ background-color:rgba(255,255,255,0.6); }
.bg-soft-white7:before,.bg-soft-white7-hover:hover:before{ background-color:rgba(255,255,255,0.7); }
.bg-soft-white8:before,.bg-soft-white8-hover:hover:before{ background-color:rgba(255,255,255,0.8); }
/* dunkle */
.bg-soft-dark:before,.bg-soft-dark-hover:hover:before,.bg-soft-dark9:before,.bg-soft-dark9-hover:hover:before{ background-color:rgba(25,25,25,0.9); }
.bg-soft-dark1:before,.bg-soft-dark1-hover:hover:before{ background-color:rgba(25,25,25,0.1); }
.bg-soft-dark2:before,.bg-soft-dark2-hover:hover:before{ background-color:rgba(25,25,25,0.2); }
.bg-soft-dark3:before,.bg-soft-dark3-hover:hover:before{ background-color:rgba(25,25,25,0.3); }
.bg-soft-dark4:before,.bg-soft-dark4-hover:hover:before{ background-color:rgba(25,25,25,0.4); }
.bg-soft-dark5:before,.bg-soft-dark5-hover:hover:before{ background-color:rgba(25,25,25,0.5); }
.bg-soft-dark6:before,.bg-soft-dark6-hover:hover:before{ background-color:rgba(25,25,25,0.6); }
.bg-soft-dark7:before,.bg-soft-dark7-hover:hover:before{ background-color:rgba(25,25,25,0.7); }
.bg-soft-dark8:before,.bg-soft-dark8-hover:hover:before{ background-color:rgba(25,25,25,0.8); }
.bg-soft-black:before,.bg-soft-black-hover:hover:before{ background-color:rgba(0,0,0,0.6); }
.bg-soft-black1:before,.bg-soft-black1-hover:hover:before{ background-color:rgba(0,0,0,0.9); }
/* graue */
.bg-gray,.bg-gray-hover:hover{ background-color:#fcfcfc !important; }
.bg-gray1,.bg-gray1-hover:hover{ background-color:#f8f8f8 !important; }
.bg-gray2,.bg-gray2-hover:hover{ background-color:#f1f1f1 !important; }
.bg-gray3,.bg-gray3-hover:hover{ background-color:#e4e4e4 !important; }
.bg-gray4,.bg-gray4-hover:hover{ background-color:#ccc !important; }
.bg-gray5,.bg-gray5-hover:hover{ background-color:#aaa !important; }
.bg-gray6,.bg-gray6-hover:hover{ background-color:#999 !important; }
.bg-gray7,.bg-gray7-hover:hover{ background-color:#777 !important; }
.bg-gray8,.bg-gray8-hover:hover{ background-color:#555 !important; }
.bg-gray9,.bg-gray9-hover:hover{ background-color:#333 !important; }
.bg-gray10,.bg-gray10-hover:hover{ background-color:#e6e9ed !important; }
/* graue farben */
.gray,.gray-hover:hover{ color:#fcfcfc !important; }
.gray1,.gray1-hover:hover{ color:#f8f8f8 !important; }
.gray2,.gray2-hover:hover{ color:#f1f1f1 !important; }
.gray3,.gray3-hover:hover{ color:#e4e4e4 !important; }
.gray4,.gray4-hover:hover{ color:#ccc !important; }
.gray5,.gray5-hover:hover{ color:#aaa !important; }
.gray6,.gray6-hover:hover{ color:#999 !important; }
.gray7,.gray7-hover:hover{ color:#777 !important; }
.gray8,.gray8-hover:hover{ color:#474747 !important; }
.gray9,.gray9-hover:hover{ color:#383838 !important; }
.gray10,.gray10-hover:hover{ color:#e6e9ed !important; }
p strong {color:#013e7d;}
.Imprint strong{color:#013e7d;}
.Imprint h1.normal, .Impressum h1.normal {color:#013e7d;}
/* Paddings, Margins */
/* Paddings */
.mini-py{ padding-top:5px !important; padding-bottom:5px !important; }
.mini-px{ padding-left:5px !important; padding-right:5px !important; }
.mini-pt{ padding-top:5px !important; } .mini-pr{ padding-right:5px !important; } .mini-pb{ padding-bottom:5px !important; } .mini-pl{ padding-left:5px !important; }
.xxs-py{ padding-top:15px !important; padding-bottom:15px !important; }
.xxs-px{ padding-left:15px !important; padding-right:15px !important; }
.xxs-pt{ padding-top:15px !important; } .xxs-pr{ padding-right:15px !important; } .xxs-pb{ padding-bottom:15px !important; } .xxs-pl{ padding-left:15px !important; }
.xs-py{ padding-top:30px !important; padding-bottom:30px !important; }
.xs-px{ padding-left:30px !important; padding-right:30px !important; }
.xs-pt{ padding-top:30px !important; } .xs-pr{ padding-right:30px !important; } .xs-pb{ padding-bottom:30px !important; } .xs-pl{ padding-left:30px !important; }
.sm-py{ padding-top:50px !important; padding-bottom:50px !important; }
.sm-px{ padding-left:50px !important; padding-right:50px !important; }
.sm-pt{ padding-top:50px !important; } .sm-pr{ padding-right:50px !important; } .sm-pb{ padding-bottom:50px !important; } .sm-pl{ padding-left:50px !important; }
.py{ padding-top:100px !important; padding-bottom:100px !important; }
.px{ padding-left:100px !important; padding-right:100px !important; }
.pt{ padding-top:100px !important; } .pr{ padding-right:100px !important; } .pb{ padding-bottom:100px !important; } .pl{ padding-left:100px !important; }
.md-py{ padding-top:150px !important; padding-bottom:150px !important; }
.md-px{ padding-left:150px !important; padding-right:150px !important; }
.md-pt{ padding-top:150px !important; } .md-pr{ padding-right:150px !important; } .md-pb{ padding-bottom:150px !important; } .md-pl{ padding-left:150px !important; }
.lg-py{ padding-top:200px !important; padding-bottom:200px !important; }
.lg-px{ padding-left:200px !important; padding-right:200px !important; }
.lg-pt{ padding-top:200px !important; } .lg-pr{ padding-right:200px !important; } .lg-pb{ padding-bottom:200px !important; } .lg-pl{ padding-left:200px !important; }
.xl-py{ padding-top:250px !important; padding-bottom:250px !important; }
.xl-px{ padding-left:250px !important; padding-right:250px !important; }
.xl-pt{ padding-top:250px !important; } .xl-pr{ padding-right:250px !important; } .xl-pb{ padding-bottom:250px !important; } .xl-pl{ padding-left:250px !important; }
.xxl-py{ padding-top:350px !important; padding-bottom:350px !important; }
.xxl-px{ padding-left:350px !important; padding-right:350px !important; }
.xxl-pt{ padding-top:350px !important; } .xxl-pr{ padding-right:350px !important; } .xxl-pb{ padding-bottom:350px !important; } .xxl-pl{ padding-left:350px !important; }
.kurz-pd{ padding:17px 70px 14px!important;}
.kurz-pd2{padding-left:70px;padding-right:70px;}
.padding-title {padding-top:129px !important;}
/* Margins */
.mini-my{ margin-top:5px !important; margin-bottom:5px !important; }
.mini-mx{ margin-left:5px !important; margin-right:5px !important; }
.mini-mt{ margin-top:5px !important; } .mini-mr{ margin-right:5px !important; } .mini-mb{ margin-bottom:5px !important; } .mini-ml{ margin-left:5px !important; }
.xxs-my{ margin-top:15px !important; margin-bottom:15px !important; }
.xxs-mx{ margin-left:15px !important; margin-right:15px !important; }
.xxs-mt{ margin-top:15px !important; } .xxs-mr{ margin-right:15px !important; } .xxs-mb{ margin-bottom:15px !important; } .xxs-ml{ margin-left:15px !important; }
.xs-my{ margin-top:30px !important; margin-bottom:30px !important; }
.xs-mx{ margin-left:30px !important; margin-right:30px !important; }
.xs-mt{ margin-top:30px !important; } .xs-mr{ margin-right:30px !important; } .xs-mb{ margin-bottom:30px !important; } .xs-ml{ margin-left:30px !important; }
.sm-my{ margin-top:50px !important; margin-bottom:50px !important; }
.sm-mx{ margin-left:50px !important; margin-right:50px !important; }
.sm-mt{ margin-top:50px !important; } .sm-mr{ margin-right:50px !important; } .sm-mb{ margin-bottom:50px !important; } .sm-ml{ margin-left:50px !important; }
.my{ margin-top:100px !important; margin-bottom:100px !important; }
.mx{ margin-left:100px !important; margin-right:100px !important; }
.mt{ margin-top:100px !important; } .mr{ margin-right:100px !important; } .mb{ margin-bottom:100px !important; } .ml{ margin-left:100px !important; }
.md-my{ margin-top:150px !important; margin-bottom:150px !important; }
.md-mx{ margin-left:150px !important; margin-right:150px !important; }
.md-mt{ margin-top:150px !important; } .md-mr{ margin-right:150px !important; } .md-mb{ margin-bottom:150px !important; } .md-ml{ margin-left:150px !important; }
.lg-my{ margin-top:200px !important; margin-bottom:200px !important; }
.lg-mx{ margin-left:200px !important; margin-right:200px !important; }
.lg-mt{ margin-top:200px !important; } .lg-mr{ margin-right:200px !important; } .lg-mb{ margin-bottom:200px !important; } .lg-ml{ margin-left:200px !important; }
.xl-my{ margin-top:250px !important; margin-bottom:250px !important; }
.xl-mx{ margin-left:250px !important; margin-right:250px !important; }
.xl-mt{ margin-top:250px !important; } .xl-mr{ margin-right:250px !important; } .xl-mb{ margin-bottom:250px !important; } .xl-ml{ margin-left:250px !important; }
.xxl-my{ margin-top:350px !important; margin-bottom:350px !important; }
.xxl-mx{ margin-left:350px !important; margin-right:350px !important; }
.xxl-mt{ margin-top:350px !important; } .xxl-mr{ margin-right:350px !important; } .xxl-mb{ margin-bottom:350px !important; } .xxl-ml{ margin-left:350px !important; }
/* Paddings, Margins mobile */
@media only screen and (max-width:1200px) {
.md-pt {padding-top:100px!important}
.padding-title {padding-top:66px !important}
}
@media only screen and (max-height: 890px){
.md-py{ padding-top:130px !important; padding-bottom:130px !important; }
.lg-py{ padding-top:160px !important; padding-bottom:160px !important; }
.xl-py{ padding-top:190px !important; padding-bottom:190px !important; }
.xxl-py{ padding-top:270px !important; padding-bottom:270px !important; }
}
@media only screen and (max-height: 700px){
.md-py{ padding-top:110px !important; padding-bottom:110px !important; }
.lg-py{ padding-top:130px !important; padding-bottom:130px !important; }
.xl-py{ padding-top:150px !important; padding-bottom:150px !important; }
.xxl-py{ padding-top:230px !important; padding-bottom:230px !important; }
}
@media only screen and (max-width: 768px){
.no-pm-mobile{ margin:0 !important; padding:0 !important; }
.no-padding-mobile{ padding:0 !important }
.no-py-mobile{ padding-top:0 !important; padding-bottom: 0 !important; }
.no-px-mobile{ padding-left:0 !important; padding-right: 0 !important; }
.no-pl-mobile{ padding-left: 0 !important; } .no-pr-mobile{ padding-right: 0 !important; } .no-pt-mobile{ padding-top: 0 !important; } .no-pb-mobile{ padding-bottom: 0 !important; }
.mini-py-mobile{ padding-top:5px !important; padding-bottom:5px !important; }
.mini-px-mobile{ padding-left:5px !important; padding-right:5px !important; }
.mini-pt-mobile{ padding-top:5px !important; } .mini-pr-mobile{ padding-right:5px !important; } .mini-pb-mobile{ padding-bottom:5px !important; } .mini-pl-mobile{ padding-left:5px !important; }
.xxs-py-mobile{ padding-top:15px !important; padding-bottom:15px !important; }
.xxs-px-mobile{ padding-left:15px !important; padding-right:15px !important; }
.xxs-pt-mobile{ padding-top:15px !important; } .xxs-pr-mobile{ padding-right:15px !important; } .xxs-pb-mobile{ padding-bottom:15px !important; } .xxs-pl-mobile{ padding-left:15px !important; }
.xs-py-mobile{ padding-top:30px !important; padding-bottom:30px !important; }
.xs-px-mobile{ padding-left:30px !important; padding-right:30px !important; }
.xs-pt-mobile{ padding-top:30px !important; } .xs-pr-mobile{ padding-right:30px !important; } .xs-pb-mobile{ padding-bottom:30px !important; } .xs-pl-mobile{ padding-left:30px !important; }
.sm-py-mobile{ padding-top:50px !important; padding-bottom:50px !important; }
.sm-px-mobile{ padding-left:50px !important; padding-right:50px !important; }
.sm-pt-mobile{ padding-top:50px !important; } .sm-pr-mobile{ padding-right:50px !important; } .sm-pb-mobile{ padding-bottom:50px !important; } .sm-pl-mobile{ padding-left:50px !important; }
.py-mobile{ padding-top:100px !important; padding-bottom:100px !important; }
.px-mobile{ padding-left:100px !important; padding-left:100px !important; }
.pt-mobile{ padding-top:100px !important; } .pr-mobile{ padding-right:100px !important; } .pb-mobile{ padding-bottom:100px !important; } .pl-mobile{ padding-left:100px !important; }
.md-py-mobile{ padding-top:150px !important; padding-bottom:150px !important; }
.md-px-mobile{ padding-left:150px !important; padding-right:150px !important; }
.md-pt-mobile{ padding-top:150px !important; } .md-pr-mobile{ padding-right:150px !important; } .md-pb-mobile{ padding-bottom:150px !important; } .md-pl-mobile{ padding-left:150px !important; }
.lg-py-mobile{ padding-top:200px !important; padding-bottom:200px !important; }
.lg-px-mobile{ padding-left:200px !important; padding-right:200px !important; }
.lg-pt-mobile{ padding-top:200px !important; } .lg-pr-mobile{ padding-right:200px !important; } .lg-pb-mobile{ padding-bottom:200px !important; } .lg-pl-mobile{ padding-left:200px !important; }
/* Margins */
.no-margin-mobile{ margin:0 !important }
.no-my-mobile{ margin-top: 0 !important; margin-bottom: 0 !important; }
.no-mx-mobile{ margin-left: 0 !important; margin-right: 0 !important; }
.no-ml-mobile{ margin-left: auto !important; } .no-mr-mobile{ margin-right: auto !important; } .no-mt-mobile{ margin-top: 0 !important; } .no-mb-mobile{ margin-bottom: 0 !important; }
.mini-my-mobile{ margin-top:5px !important; margin-bottom:5px !important; }
.mini-mx-mobile{ margin-left:5px !important; margin-right:5px !important; }
.mini-mt-mobile{ margin-top:5px !important; } .mini-mr-mobile{ margin-right:5px !important; } .mini-mb-mobile{ margin-bottom:5px !important; } .mini-ml-mobile{ margin-left:5px !important; }
.xxs-my-mobile{ margin-top:15px !important; margin-bottom:15px !important; }
.xxs-mx-mobile{ margin-left:15px !important; margin-right:15px !important; }
.xxs-mt-mobile{ margin-top:15px !important; } .xxs-mr-mobile{ margin-right:15px !important; } .xxs-mb-mobile{ margin-bottom:15px !important; } .xxs-ml-mobile{ margin-left:15px !important; }
.xs-my-mobile{ margin-top:30px !important; margin-bottom:30px !important; }
.xs-mx-mobile{ margin-left:30px !important; margin-right:30px !important; }
.xs-mt-mobile{ margin-top:30px !important; } .xs-mr-mobile{ margin-right:30px !important; } .xs-mb-mobile{ margin-bottom:30px !important; } .xs-ml-mobile{ margin-left:30px !important; }
.sm-my-mobile{ margin-top:50px !important; margin-bottom:50px !important; }
.sm-mx-mobile{ margin-left:50px !important; margin-right:50px !important; }
.sm-mt-mobile{ margin-top:50px !important; } .sm-mr-mobile{ margin-right:50px !important; } .sm-mb-mobile{ margin-bottom:50px !important; } .sm-ml-mobile{ margin-left:50px !important; }
.my-mobile{ margin-top:100px !important; margin-bottom:100px !important; }
.mx-mobile{ margin-left:100px !important; margin-right:100px !important; }
.mt-mobile{ margin-top:100px !important; } .mr-mobile{ margin-right:100px !important; } .mb-mobile{ margin-bottom:100px !important; } .ml-mobile{ margin-left:100px !important; }
}
/* Claim */
.claim-text {line-height: 39px;position: absolute;font-size: 17px; font-weight: 400;right: 130px;}
/* Hr spaces */
hr{ border:none; height: 1px; margin:10px 0;}
hr.white{ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(180,180,180,1) 48%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(229,229,229,0.3) 48%,rgba(0,0,0,0) 100%); }
hr.black{ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(20,20,20,0.15) 48%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(20,20,20,0.15) 48%,rgba(0,0,0,0) 100%); }
hr {
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(19,64,120,0.8) 48%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(19, 64, 120, 0.8) 48%,rgba(0,0,0,0) 100%);
}
.divider-1{ text-align:center; position: relative; overflow: hidden; }
.divider-1>span{ display: inline-block; position: relative; }
.divider-1>span:before,.divider-1>span:after{background-color:rgba(19,64,120,0.8); content:''; display: block; width: 9999px; left:100%;margin-left:30px; top:50%; margin-top:-0.5px; height: 1px; position: absolute;}
.divider-1>span:after{ left:auto; right: 100%; margin-left:0; margin-right:30px; }
/* Animated items and backgrounds */
.bg-animated>*, .bg-animated-reverse>*, .bg-animated-vertical>*{ position: relative; z-index: 2; }
.bg-animator{ background-image: inherit; display: block; background-size: 0px 0px !important; overflow: hidden; position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 0 !important; }
.bg-animated, .bg-animated-reverse, .bg-animated-vertical{ background-size: 0px 0px !important; background-repeat: no-repeat; position: relative; }
/* Animated Backgrond */
@-webkit-keyframes BackgroundAnimation{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0);} }
@-moz-keyframes BackgroundAnimation{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0);} }
@-ms-keyframes BackgroundAnimation{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0);} }
.bg-animated .bg-animator:after{ transform: translate3d(0, 0, 0); background-image: inherit; background-attachment: scroll; background-size: auto 100%; content:''; position: absolute; right:0; top:0; width: 500%; min-width: 300vw; height: 100%; display: block; background-repeat: repeat; -webkit-animation: BackgroundAnimation 300s linear infinite; -moz-animation: BackgroundAnimation 300s linear infinite; -ms-animation: BackgroundAnimation 300s linear infinite; }
/* Animated Backgrond Reverse */
@-webkit-keyframes BackgroundAnimationReverse{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0);} }
@-moz-keyframes BackgroundAnimationReverse{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0);} }
@-ms-keyframes BackgroundAnimationReverse{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0);} }
.bg-animated-reverse .bg-animator:after{ transform: translate3d(0, 0, 0); background-image: inherit; background-attachment: scroll; background-size: auto 100%; content:''; position: absolute; left:0; top:0; width: 500%; min-width: 300vw; height: 100%; display: block; background-repeat: repeat; -webkit-animation: BackgroundAnimationReverse 300s linear infinite; -moz-animation: BackgroundAnimationReverse 300s linear infinite; -ms-animation: BackgroundAnimationReverse 300s linear infinite; }
/* Vertical Animated Backgrond */
@-webkit-keyframes BackgroundAnimationVertical{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0);} }
@-moz-keyframes BackgroundAnimationVertical{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0);} }
@-ms-keyframes BackgroundAnimationVertical{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0);} }
.bg-animated-vertical .bg-animator:after{ transform: translate3d(0, 0, 0); background-image: inherit; background-attachment: scroll; background-size: 100% auto; content:''; position: absolute; left:0; top:0; width: 100%; height: 450%; display: block; background-repeat: repeat; -webkit-animation: BackgroundAnimationVertical 240s linear infinite; -moz-animation: BackgroundAnimationVertical 240s linear infinite; -ms-animation: BackgroundAnimationVertical 240s linear infinite; }
/* Disable background animations on mobile for save performance */
@media only screen and (max-width: 1025px){
.bg-animator{ display: none; }
.bg-animated, .bg-animated-reverse, .bg-animated-vertical{ background-size: cover !important; }
.bg-animated.bg-normal, .bg-animated-reverse.bg-normal, .bg-animated-vertical.bg-normal{ background-size: auto !important; }
}
/* Animated Item Horizontal */
@-webkit-keyframes itemAnimationHorizontal{ 0%{ transform: translate(-10%, 0); } 50%{ transform: translate(10%, 0); } 100%{ transform: translate(-10%, 0); } }
@-moz-keyframes itemAnimationHorizontal{ 0%{ transform: translate(-10%, 0); } 50%{ transform: translate(10%, 0); } 100%{ transform: translate(-10%, 0); } }
@-ms-keyframes itemAnimationHorizontal{ 0%{ transform: translate(-10%, 0); } 50%{ transform: translate(10%, 0); } 100%{ transform: translate(-10%, 0); } }
@keyframes itemAnimationHorizontal{ 0%{ transform: translate(-10%, 0); } 50%{ transform: translate(10%, 0); } 100%{ transform: translate(-10%, 0); } }
.animated-item-horizontal{ -webkit-animation: itemAnimationHorizontal 2.5s linear infinite; -moz-animation: itemAnimationHorizontal 2.5s linear infinite; -ms-animation: itemAnimationHorizontal 2.5s linear infinite; animation: itemAnimationHorizontal 2.5s linear infinite; animation: itemAnimationHorizontal 2.5s linear infinite; }
/* Animated Item Vertical */
@-webkit-keyframes itemAnimationVertical{ 0%{ transform: translate(0, -10%); } 50%{ transform: translate(0, 10%); } 100%{ transform: translate(0, -10%); } }
@-moz-keyframes itemAnimationVertical{ 0%{ transform: translate(0, -10%); } 50%{ transform: translate(0, 10%); } 100%{ transform: translate(0, -10%); } }
@-ms-keyframes itemAnimationVertical{ 0%{ transform: translate(0, -10%); } 50%{ transform: translate(0, 10%); } 100%{ transform: translate(0, -10%); } }
@keyframes itemAnimationVertical{ 0%{ transform: translate(0, -10%); } 50%{ transform: translate(0, 10%); } 100%{ transform: translate(0, -10%); } }
.animated-item-vertical{ -webkit-animation: itemAnimationVertical 2.5s linear infinite; -moz-animation: itemAnimationVertical 2.5s linear infinite; -ms-animation: itemAnimationVertical 2.5s linear infinite; animation: itemAnimationVertical 2.5s linear infinite; animation: itemAnimationVertical 2.5s linear infinite; }
/* Animated Item Rotate */
@-webkit-keyframes itemAnimationRotate{ 0%{ transform: rotate(-6deg); } 50%{ transform: rotate(6deg); } 100%{ transform: rotate(-6deg); } }
@-moz-keyframes itemAnimationRotate{ 0%{ transform: rotate(-6deg); } 50%{ transform: rotate(6deg); } 100%{ transform: rotate(-6deg); } }
@-ms-keyframes itemAnimationRotate{ 0%{ transform: rotate(-6deg); } 50%{ transform: rotate(6deg); } 100%{ transform: rotate(-6deg); } }
@keyframes itemAnimationRotate{ 0%{ transform: rotate(-6deg); } 50%{ transform: rotate(6deg); } 100%{ transform: rotate(-6deg); } }
.animated-item-rotate{ -webkit-animation: itemAnimationRotate 2.5s linear infinite; -moz-animation: itemAnimationRotate 2.5s linear infinite; -ms-animation: itemAnimationRotate 2.5s linear infinite; animation: itemAnimationRotate 2.5s linear infinite; animation: itemAnimationRotate 2.5s linear infinite; }
/* Animated Item Scale */
@-webkit-keyframes itemAnimationScale{ 0%{ transform: scale(1.2); } 50%{ transform: scale(1.0); } 100%{ transform: scale(1.2); } }
@-moz-keyframes itemAnimationScale{ 0%{ transform: scale(1.2); } 50%{ transform: scale(1.0); } 100%{ transform: scale(1.2); } }
@-ms-keyframes itemAnimationScale{ 0%{ transform: scale(1.2); } 50%{ transform: scale(1.0); } 100%{ transform: scale(1.2); } }
@keyframes itemAnimationScale{ 0%{ transform: scale(1.2); } 50%{ transform: scale(1.0); } 100%{ transform: scale(1.2); } }
.animated-item-scale{ -webkit-animation: itemAnimationScale 2.5s linear infinite; -moz-animation: itemAnimationScale 2.5s linear infinite; -ms-animation: itemAnimationScale 2.5s linear infinite; animation: itemAnimationScale 2.5s linear infinite; animation: itemAnimationScale 2.5s linear infinite; }
.animated{ visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.animated.fast{ animation-duration: 0.3s; }
.visible{ visibility:visible !important; }
@media only screen and (max-width: 1024px){ .animated{ visibility:visible; } }
/* Gradient Background Animations */
.animated-gradient{ z-index: -1; position: absolute; left:0; top:0; width:100%; height: 100%; -webkit-animation: animatedGradient 60s ease infinite; -moz-animation: animatedGradient 60s ease infinite; animation: animatedGradient 60s ease infinite; }
@-webkit-keyframes animatedGradient{ 0%{ background-position: 0% 50% } 50%{ background-position: 100% 50% } 100%{ background-position: 0% 50% } }
@-moz-keyframes animatedGradient{ 0%{ background-position: 0% 50% } 50%{ background-position: 100% 50% } 100%{ background-position: 0% 50% } }
@keyframes animatedGradient{ 0%{ background-position: 0% 50% } 50%{ background-position: 100% 50% } 100%{ background-position: 0% 50% } }
/*#header .burger {
display: none;
width: 45px;
cursor: pointer;
float: left;
-webkit-transition: -webkit-transform .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
-webkit-transform-origin: 27px 33px;
-ms-transform-origin: 27px 33px;
-o-transform-origin: 27px 33px;
transform-origin: 27px 33px
}*/
/*#header .burger .burger-bun {
width: 45px;
margin: 0 auto;
height: 5px;
background: #fff;
margin-top: 10px;
-webkit-transition: -webkit-transform .3s ease-in-out, width .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out, width .3s ease-in-out;
transition: transform .3s ease-in-out, width .3s ease-in-out
}*/
/*#header .burger .bun-top {
margin-top: 0;
-webkit-transform-origin: 10.5px 24px;
-ms-transform-origin: 10.5px 24px;
-o-transform-origin: 10.5px 24px;
transform-origin: 10.5px 24px
}*/
/*#header .burger .bun-bot {
-webkit-transform-origin: 10.2px -19.3px;
-ms-transform-origin: 10.2px -19.3px;
-o-transform-origin: 10.2px -19.3px;
transform-origin: 10.2px -19.3px
}*/
/*#header .burger.open div:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -3px;
left: 8px;
}
#header .burger.open div:nth-child(2) {
width: 0%;
opacity: 0;
}
#header .burger.open div:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 39px;
left: 8px;
}*/
#header {
position: fixed;
color: #fff;
width: 100%;
top: 0;
z-index: 20
}
#header a {
color: #fff;
text-decoration: none
}
#header #headline {
background: #4c4c4c;
background: rgba(0, 0, 0, .7);
overflow: hidden;
-o-transition: max-height .3s ease-in-out;
transition: max-height .3s ease-in-out;
-webkit-transition: max-height .3s ease-in-out;
max-height: 160px
}
body.scrolled #header #headline {
max-height: 0
}
#header #headline-wrap {
padding: 17px 70px 14px;
overflow: auto;
line-height: 60px
}
#header #logo {
font-size: 36px;
font-weight: 300;
position: absolute;
bottom: 34px
}
#header #logo object, #header #logo img {
width: 390px;
height: 60px
}
#header #logo svg {
fill: #fff;
width: 100%;
height: 34px;
}
#header #headline h1 {
font-size: 36px;
margin-bottom: 0;
line-height: 1em
}
#header #headline h2 {
font-size: 24px;
margin-bottom: 0;
line-height: 1em;
margin-left: 4px;
color: #027eff
}
#header #headline h2 a {
color: #027eff
}
#header #headline #logo-kurz {
float: right;
padding-left: 48px;
height: 60px
}
#header #menu {
background: #4c4c4c url(../../../../kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
background: rgba(0, 0, 0, .7) url(../../../../kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
padding: 0 62px 0;
font-size: 18px;
font-weight: 300;
}
#header #menu {
height:38px;
}
#header #menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 18px
}
#header #menu ul li {
display: inline-block
}
#header #menu ul li.mobile {
display: none
}
#header #menu ul li sup {
position: absolute;
bottom: 12px;
line-height: 1em;
font-size: 12px
}
#header #menu ul li a {
text-decoration: none;
display: block;
line-height: 28px;
padding: 10px 10px 0
}
#header #menu ul li:hover a {
background: #013e7d url(../../../../kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
color: #fff
}
#header #menu ul li.active>a {
background: #000 url(../../../../kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
color: #027eff
}
.media-box-filter ul > li > a.selected, ul#filter > li > a.selected {background: #000 url(../../../../kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
color: #027eff;}
#header #menu ul li ul {
opacity: 0;
position: absolute;
background: #4c4c4c;
background: rgba(0, 0, 0, .7);
-webkit-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, max-height 0s ease-in-out .2s;
-o-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, max-height 0s ease-in-out .2s;
transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, max-height 0s ease-in-out .2s;
max-height: 0;
overflow: hidden;
margin-top: -10px
}
#header #menu ul li:hover ul {
-webkit-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, max-height 0s ease-in-out;
-o-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, max-height 0s ease-in-out;
transition: opacity .2s ease-in-out, margin-top .2s ease-in-out, max-height 0s ease-in-out;
max-height: 100vw;
opacity: 1;
margin-top: 0
}
#header #menu ul li ul li {
display: block;
margin: 0
}
#header #menu ul li ul li a {
padding: 10px 10px 0;
color: #fff
}
#header #menu ul li.active ul li a,
#header #menu ul li:hover ul li a {
color: #fff;
background: 0 0
}
#header #menu ul li.active ul li:hover a,
#header #menu ul li:hover ul li.active a {
background: #013e7d
}
#header #menu ul li.active ul li.active a,
#header #menu ul li:hover ul li:hover a {
background: #013e7d
}
/*
* Language Switch
*/
#header #language-select {
position: absolute;
right: 83px;
bottom: 0
}
#header #social {
position: absolute;
right: 120px;
bottom: 0
}
#header #language-select .active, #header #social .active {
padding: 8px 0;
line-height: 17px;
color: #007dff;
font-size: 14px;
min-width: 50px;
font-weight: 700;
cursor: pointer
}
#header #language-select .icon, #header #social .icon {
display: inline-block;
vertical-align: bottom;
margin-right: 2px;
height: 19px;
width: 19px;
background: transparent none left top no-repeat
}
#header #language-select .icon.icon-lang {
background-image: url(../../../../kurz_magazin_settings/Resources/Public/Images/Icons/ic_lang.png);
}
#header #social .icon.icon-social {
background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/social-social.png);
background-size: cover
}
#header #language-select ul, #header #social ul {
opacity: 0;
position: absolute;
right: 0;
background: #4c4c4c;
background: rgba(0, 0, 0, .7);
-webkit-transition: opacity .2s ease-in-out, right .2s ease-in-out, max-height .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, right .2s ease-in-out, max-height .2s ease-in-out;
transition: opacity .2s ease-in-out, right .2s ease-in-out, max-height .2s ease-in-out;
max-height: 0;
overflow: hidden;
margin: 0;
padding: 0
}
#header #language-select:hover ul {
opacity: 1;
right: -10px;
max-height: 300px
}
#header #social:hover ul {
opacity: 1;
right: 20px;
max-height: 300px
}
#header #language-select ul li, #header #social ul li {
display: block;
margin: 0;
font-size: 14px
}
#header #language-select ul li a, #header #social ul li {
padding: 8px 10px
}
#header #language-select ul li:hover a {
background-image: none
}
.facebook:hover, .facebook-bg {background: #4b6ea8 !important;}
.twitter:hover,.twitter-bg{background:#4fd5f8 !important;}
.youtube:hover,.youtube-bg{background:#da1818 !important;}
.pinterest:hover,.pinterest-bg{background:#d83633 !important;}
.linkedin:hover,.linkedin-bg{background:#0189c3 !important;}
.instagram:hover,.instagram-bg{background:#d82950 !important;}
.icon-facebook {
background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/social-facebook_fill.svg) !important;
background-size: cover !important;
}
.icon-twitter {
background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/social-twitter_fill.svg) !important;
background-size: cover !important;
}
.icon-youtube {
background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/social-youtube-play.svg) !important;
background-size: cover !important;
}
.icon-pinterest {
background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/social-pinterest-p.svg) !important;
background-size: cover !important;
}
.icon-linkedin {
background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/social-linkedin.svg) !important;
background-size: cover !important;
}
.icon-instagram {
background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/social-instagram.svg) !important;
background-size: cover !important;
}
#header #social ul li:hover a {background-color: transparent;}
@media screen and (max-width:1200px) {
body.scrolled #header #headline {
max-height: 100%
}
#header #headline #headline-wrap {
padding-left: 16px;
padding-right: 16px
}
#header .burger {
display: block
}
#header #headline #logo {
position: static;
float: left;
width: auto;
height: 35px;
margin-left: 12px;
line-height: 36px
}
#header #logo svg {height:35px}
#header #headline #logo-kurz {
height: 35px
}
#header #menu {
display: none;
position: fixed;
z-index: 9999999;
left: -100vw;
top: 66px;
height: calc(100% - 66px);
height: -webkit-calc(100% - 66px);
width: 100vw;
padding: 6px 8px;
background-color: rgba(63, 63, 63, .95);
-webkit-transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
padding-top: 48px;
padding-bottom: 32px
}
#header #menu ul li {
display: block;
border-top: 1px solid #999
}
#header #menu ul li.mobile {
display: block
}
#header #menu ul li a {
padding: 6px 8px
}
#header #menu ul li ul {
opacity: 1;
position: static;
padding-left: 0;
max-height: 100%;
background: 0 0;
padding-top: 0;
padding-bottom: 12px;
margin-top: 0!important;
-webkit-transition: none;
-o-transition: none;
transition: none
}
#header #menu ul li:hover a {
background: 0 0
}
#header #menu ul li:hover ul li:hover a {
background: 0 0
}
#header #menu ul li:hover ul {
-webkit-transition: none;
-o-transition: none;
transition: none;
max-height: initial
}
#header #menu ul li ul li {
border: 0
}
#header #menu ul li.active a {
background: #000
}
#header #menu ul li ul li a {
padding-left: 32px
}
#header #menu #language-select, #header #mobile-navigation #language-select {
font-size: 16px;
top: 2px;
bottom: auto;
left: 16px
}
#header #menu #language-select .active, #header #mobile-navigation #language-select .active {
font-size: 16px;
display: inline-block;
float: left;
margin-top: 4px;
margin-right: 3px
}
#header #menu #language-select ul, #header #mobile-navigation #language-select ul {
opacity: 1;
position: static;
max-height: 100%;
background: 0 0;
padding-top: 0;
display: inline-block;
margin-top: 3px
}
#header #menu #language-select ul li, #header #mobile-navigation #language-select ul li {
font-size: 16px;
display: inline-block;
border-bottom: 0;
border-top: 0
}
#header #menu #language-select ul li a, #header #mobile-navigation #language-select ul li a {
padding-left: 0;
padding-right: 0
}
#header #menu #language-select ul li a:before, #header #mobile-navigation #language-select ul li a:before {
content: "|";
color: #999;
position: relative;
top: -1px;
padding-right: 6px
}
body.burger-open {
overflow: hidden;
height: 100%;
width: 100%
}
body.ios.burger-open {
position: fixed
}
body.burger-open #header .burger .burger-bun {
background: #027eff
}
body.burger-open #header #menu {
left: 0
}
}
.lkg-hero-img-res {
margin-top:-129px;
height: 500px;
background-position: center center;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
background-size: cover;
}
.tx-kurz-magazin > .lkg-hero-img-res .text-center {margin-top: calc(100vh / 6);}
/*desktops - higher resolution*/
@media (min-width: 1281px) {
.lkg-hero-img-res {margin-top: -129px;height:500px}
}
/*laptops, desktops*/
@media (min-width: 1025px) and (max-width: 1280px) {
.lkg-hero-img-res {margin-top: 120px}
}
/*tablets, ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1024px) {
#header .burger {
display: block;
}
}
/*tablets, ipads (landscape)*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#header .burger {
display: block;
}
}
/*low resolution tablets, mobiles (landscape)*/
@media (min-width: 481px) and (max-width: 767px) {
#header .burger {
display: block;
}
#header #headline #headline-wrap {
padding-left: 16px;
padding-right: 16px;
}
}
/*smartphones mobiles (portrait)*/
@media (min-width: 320px) and (max-width: 480px) {
.lkg-hero-img-res {margin-top: 0x;height:500px}
#header #headline #headline-wrap {
padding-left: 16px;
padding-right: 16px;
}
#header .burger {
display: block;
}
}
.outside-container, .outside {width: 100vw;position: relative;margin-left: -50vw;left: 50%;}
.content {
width:1200px;
max-width:100%;
margin:auto;
}
.full-width {
width:1180%;}
.text-column > *:first-child {
margin-top: 0;
}
.text-column > *:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.text-column {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
}
/* Border Styles */
.border-1{ border-width:1px; }
.border-2{ border-width:2px; }
.border-3{ border-width:3px; }
.border-4{ border-width:4px; }
.border-5{ border-width:5px; }
.border-gray,.border-gray-hover:hover{ border-color:#f1f1f1 !important; }
.border-gray1,.border-gray1-hover:hover{ border-color:#eaeaea !important; }
.border-gray2,.border-gray2-hover:hover{ border-color:#e1e1e1 !important; }
.border-gray3,.border-gray3-hover:hover{ border-color:#dadada !important; }
.border-gray4,.border-gray4-hover:hover{ border-color:#c1c1c1 !important; }
.border-gray5,.border-gray5-hover:hover{ border-color:#a1a1a1 !important; }
.border-gray6,.border-gray6-hover:hover{ border-color:#919191 !important; }
.border-gray7,.border-gray7-hover:hover{ border-color:#717171 !important; }
.border-gray8,.border-gray8-hover:hover{ border-color:#515151 !important; }
.border-gray9,.border-gray9-hover:hover{ border-color:#313131 !important; }
.border-gray10,.border-gray10-hover:hover{ border-color:#181818 !important; }
.border-dark,.border-dark-hover:hover{border-color:#212121 !important;}
.border-dark1,.border-dark1-hover:hover{border-color:#191919 !important;}
.border-dark2,.border-dark2-hover:hover{border-color:#161616 !important;}
.border-black,.border-black-hover:hover{border-color:#111 !important;}
.border-double,.border-double-hover{ position: relative; border-style: solid; }
.border-double-hover:before{ -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.border-double-hover:before,.border-double:before{ content:''; left:0px; top:0px; opacity: 0; right:0px; bottom:0px; background-color:transparent; border-width: 1px; border-style: inherit; border-color:inherit; border-radius:inherit; position: absolute;}
.border-double:before,.border-double-hover:hover:before{ left:-5px; top:-5px; right: -5px; bottom:-5px; opacity: 1; }
.arrow-bottom{ position: relative; }
.arrow-bottom:before{ content:''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; border-top-color:inherit; position: absolute; left:50%; margin-left:-10px; top:100%;}
#submit_message, #error_message{ font-size:14px; height: 50px; display: none; line-height: 50px; color:#202020; font-weight: 500; left:50%; bottom:40px; background-color:#fff; position: fixed; border-radius: 10px; box-shadow:15px 30px 80px 4px rgba(0,0,0,0.18); margin:0; padding: 0 30px 0 0; border:none; cursor: pointer; width: auto; z-index: 1500; -ms-transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); -webkit-transition: bottom 0.3s, box-shadow 0.3s; -moz-transition: bottom 0.3s, box-shadow 0.3s; transition: bottom 0.3s, box-shadow 0.3s; }
#submit_message i, #error_message i{ display: block; float: left; position: relative; left: -2px; color:#fff; line-height: 50px; width: 50px; height: 50px; text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background:#c41f1f; }
#submit_message i{ background:#7fb924; }
#submit_message span, #error_message span{ padding-left:10px; }
#submit_message:hover, #error_message:hover{ bottom:37px; box-shadow:3px 5px 10px 0px rgba(0,0,0,0.1); }
@media only screen and (min-width: 1450px){ body.left-side-menu-active #submit_message, body.left-side-menu-active #error_message{ left: calc(50% + 150px); } }
@media only screen and (max-width: 580px){ #submit_message, #error_message{ display: none; } }
button[type="submit"]{ position: relative; overflow: hidden; }
button[type="submit"] span.loader{ background-color:inherit; border-radius: inherit; }
button[type="submit"].loading span.loader:before{ width: 20px; height: 20px; margin: 0 auto; content:''; position: absolute; top:50%; left: 50%; margin-top:-10px; margin-left:-10px; border: 1px solid rgb(255,255,255); border-radius: 50%; z-index: 2; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 650ms infinite linear; -o-animation: cssload-spin 650ms infinite linear; -ms-animation: cssload-spin 650ms infinite linear; -webkit-animation: cssload-spin 650ms infinite linear; -moz-animation: cssload-spin 650ms infinite linear; }
button[type="submit"].loading span.loader:after{ background-color:inherit; border-radius: inherit; width: 100%; height: 100%; position: absolute; left:0; top:0; content:''; z-index: 1; }
button[type="submit"].loading.dark-loading span.loader:before{ border: 1px solid rgb(0,0,0); border-left-color: transparent; border-right-color: transparent; }
@keyframes cssload-spin{ 100%{ transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes cssload-spin{ 100%{ -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes cssload-spin{ 100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes cssload-spin{ 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes cssload-spin{ 100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); } }
/* Lightbox Options */
.lg-outer .lg-thumb{ margin:0 auto; }
.lg-outer .lg-thumb-item{ border:0px solid transparent; border-radius: 0; }
.lg-outer .lg-thumb-item img{ opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.lg-outer .lg-thumb-item.active img{ opacity: 1; }
.lg-outer .lg-item{background:url(/typo3conf/ext/kurz_magazin_settings/Resources/Public//Images/Icons/loader2.gif) center center no-repeat;}
.lg-backdrop,.lg-outer{ z-index: 1650; }
.lg-outer .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; }
/* Left Right Buttons */
.lg-actions .lg-next, .lg-actions .lg-prev{ padding:25px 13px; background-color:rgba(0,0,0,0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{ background-color:rgba(0,0,0,0.5); color:#ddd; }
/* Classic Colors */
.lg-toolbar .lg-icon,#lg-counter, .lg-outer .lg-thumb-outer, .lg-outer .lg-toogle-thumb{ color:#ccc; }
.lg-toolbar{ background-color:rgba(0,0,0,0.6); }
.lg-sub-html{ background-color:rgba(0,0,0,0); }
.lg-backdrop{ background-color:rgba(20,20,20,0.8); }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{ border:0px solid rgba(255,255,255,0.1); }
.lg-outer .lg-thumb-outer,.lg-outer .lg-toogle-thumb{ background-color:rgba(0,0,0,0.2); }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{ border-color:rgba(180,180,180,0.5); }
/* Parallax Styles */
.parallax{background-repeat: no-repeat; background-attachment: fixed !important; background-size:cover !important;}
.bg-parallax{width: 100%; min-height: 115%; height: 80vh; position: absolute; left:0; top:0; background-size: cover; background-attachment: scroll !important; transform: translateZ(0); -webkit-transform: translateZ(0); background-position: center center; background-repeat: no-repeat; z-index: -1;}
.bg-parallax.horizontal-parallax{ min-height: auto; height: 100%; }
.parallax.disabled{width: 100%; min-height: 100%; height: 100%; left:0; top:0; -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important;}
.bg-parallax img{width: auto; min-width: 100%; height: auto; min-height: 100%;}
.bg-parallax-mobiled{width: 100%; height: 100%; min-height: 100%; background-size: cover !important; background-attachment: scroll !important;}
.bg-parallax-mobiled img{ width: 100%; min-height: auto; height: auto; min-width: auto; }
@media only screen and (max-width: 500px){
.bg-parallax-mobiled img{ width: auto; min-height: auto; height: 140%; min-width: auto; }
}
* Animated Icons */
.icon-animated,.icon-animated1,.icon-animated-lg,.icon-animated1-lg{ position: relative; }
.icon-animated:after,.icon-animated-lg:after,.icon-animated1:after,.icon-animated1-lg:after{ z-index: -1; opacity: 0; background:inherit; border-radius:inherit; position: absolute; left:0; top:0; width: 100%; height: 100%; content:''; -webkit-animation-name: icon-animate1; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; -webkit-animation-name: icon-animate1; animation-name: icon-animate1; -webkit-animation-duration: 1s; animation-duration: 1.3s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-play-state: running;}
.icon-animated1:after{ background-color: transparent !important; border-width: 2px; border-style:solid; border-color:inherit; }
@keyframes icon-animate1{ 0%{ opacity: .5; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } 25%{ -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.3;} 60%{ -ms-transform: scale(1.35); -webkit-transform: scale(1.35); transform: scale(1.35); opacity: 0; }}
/* Large Effects */
.icon-animated-lg:after, .icon-animated1-lg:after{ -webkit-animation-name: icon-animate-lg; animation-name: icon-animate-lg; }
@keyframes icon-animate-lg{ 0%{ opacity: .5; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } 25%{ -ms-transform: scale(1.35); -webkit-transform: scale(1.35); transform: scale(1.35); opacity: 0.45;} 60%{ -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }}
/* ANIMATED OINONE BOX */
/* Oinone Box */
.oinone-box{position: absolute;overflow: hidden;left: 10%;z-index: 5;bottom: 5%;background: transparent;-webkit-transition: box-shadow 0.6s;-moz-transition: box-shadow 0.6s;transition: box-shadow 0.6s;}
/* Animater */
.oinone-box .animater{background:white;position: relative;-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1);-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1);transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1);}
.oinone-box .animater:before{ position: absolute; content:''; width: 100%; height: 100%; left:0; top:0; z-index: 1; background-color:#1364dc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
/* After Load */
.oinone-box.oinone-loaded{ box-shadow: 1px 10px 20px 3px rgba(0,0,0,0.2); -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.oinone-box.oinone-loaded .animater:before{ -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.8s 1s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.8s 1s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s 1s cubic-bezier(0.77, 0, 0.2, 1); }
.oinone-box.oinone-loaded .animater{ -ms-transform: translateX(-0%); -webkit-transform: translateX(-0%); transform: translateX(-0%); }
.oinone-box.oinone-loaded .animater blockquote {border-left:none}
/* Right */
.oinone-box.right{ left:auto; right: 7%; }
/* Center - No Parallax */
.oinone-box.center{ left:50%; right: auto; -ms-transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; }
/* Box Responsive Options */
@media only screen and (max-width: 1000px){ }
@media only screen and (max-width: 768px){ .oinone-box{ right: 10%; } }
@media only screen and (max-width: 600px){ .oinone-box.oinone-loaded .animater blockquote.sm-py{padding-top: 25px!important;padding-bottom:25px!important;} }
/* Responsive Visible Options */
/* .visible-xs small than 480px */
.visible-xs, .visible-xs-inline-block, .visible-xs-block, .visible-xs-inline{ display: none; }
@media only screen and (max-width: 576px){ .visible-xs,.visible-xs-block{ display: block !important;} .visible-xs-inline-block{ display: inline-block !important;} .visible-xs-inline{ display: inline !important;} }
/* .visible-sm 576px - 767px */
.visible-sm, .visible-sm-inline-block, .visible-sm-block, .visible-sm-inline{ display: none; }
@media only screen and (min-width: 576px) and (max-width: 767px){ .visible-sm,.visible-sm-block{ display: block !important;} .visible-sm-inline-block{ display: inline-block !important;} .visible-sm-inline{ display: inline !important;} }
/* .visible-md 768px - 991px */
.visible-md, .visible-md-inline-block, .visible-md-block, .visible-md-inline{ display: none; }
@media only screen and (min-width: 768px) and (max-width: 991px){ .visible-md,.visible-md-block{ display: block !important;} .visible-md-inline-block{ display: inline-block !important;} .visible-md-inline{ display: inline !important;} }
/* .visible-lg larger than 992px */
.visible-lg, .visible-lg-inline-block, .visible-lg-block, .visible-lg-inline{ display: none; }
@media only screen and (min-width: 992px){ .visible-lg,.visible-lg-block{ display: block !important;} .visible-lg-inline-block{ display: inline-block !important;} .visible-lg-inline{ display: inline !important;} }
/* .visible-xl larger than 1200px */
.visible-xl, .visible-xl-inline-block, .visible-xl-block, .visible-xl-inline{ display: none; }
@media only screen and (min-width: 1200px){ .visible-xl,.visible-xl-block{ display: block !important;} .visible-xl-inline-block{ display: inline-block !important;} .visible-xl-inline{ display: inline !important;} }
/* .visible-xxl larger than 1441px */
.visible-xxl, .visible-xxl-inline-block, .visible-xxl-block, .visible-xxl-inline{ display: none; }
@media only screen and (min-width: 1441px){ .visible-xxl,.visible-xl-block{ display: block !important;} .visible-xxl-inline-block{ display: inline-block !important;} .visible-xxl-inline{ display: inline !important;} }
/* Responsive Hidden Options */
/* .hidden-xxs */
@media only screen and (max-width: 368px){ .hidden-xxs{ display: none !important; } }
/* .hidden-xs */
@media only screen and (max-width: 576px){ .hidden-xs{ display: none !important; } }
/* .hidden-sm */
@media only screen and (max-width: 768px){ .hidden-sm{ display: none !important; } }
/* .hidden-md */
@media only screen and (min-width: 768px) and (max-width: 991px){ .hidden-md{ display: none !important; } }
/* .hidden-lg */
@media only screen and (min-width: 992px){ .hidden-lg{ display: none !important; } }
/* .hidden-xl */
@media only screen and (min-width: 1200px){ .hidden-xl{ display: none !important; } }
/* .hidden-xxl */
@media only screen and (min-width: 1441px){ .hidden-xxl{ display: none !important; } }
/* Mobile Positioning - Add top, left, right or bottom styles for only mobile */
@media only screen and (max-width: 768px){
.top-mobile-0{ top:0 !important; } .top-mobile-10{ top:10px !important; } .top-mobile-20{ top:20px !important; } .top-mobile-30{ top:30px !important; } .top-mobile-40{ top:40px !important; } .top-mobile-50{ top:50px !important; } .top-mobile-100{ top:100px !important; }
.left-mobile-0{ left:0 !important; } .left-mobile-10{ left:10px !important; } .left-mobile-20{ left:20px !important; } .left-mobile-30{ left:30px !important; } .left-mobile-40{ left:40px !important; } .left-mobile-50{ left:50px !important; } .left-mobile-100{ left:100px !important; }
.right-mobile-0{ right:0 !important; }.right-mobile-10{ right:10px !important; } .right-mobile-20{ right:20px !important; } .right-mobile-30{ right:30px !important; } .right-mobile-40{ right:40px !important; } .right-mobile-50{ right:50px !important; } .right-mobile-100{ right:100px !important; }
.bottom-mobile-0{ bottom:0 !important; }.bottom-mobile-10{ bottom:10px !important; } .bottom-mobile-20{ bottom:20px !important; } .bottom-mobile-30{ bottom:30px !important; } .bottom-mobile-40{ bottom:40px !important; } .bottom-mobile-50{ bottom:50px !important; } .bottom-mobile-100{ bottom:100px !important; }
}
/* Hover Effects */
.qdr-hover{ overflow: hidden; z-index: 1; position: relative; display: inline-block; -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1);}
.qdr-hover:hover{border-color: transparent;}
.qdr-hover:after, .qdr-hover:before{content:''; position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: -1; -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1);}
.qdr-hover:after{-ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.qdr-hover:before{-ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); transform: translateX(-200%);}
.qdr-hover-container:hover .qdr-hover:before, .qdr-hover:hover:before{-ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important;}
.qdr-hover-container:hover .qdr-hover:after, .qdr-hover:hover:after{-ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important;}
.qdr-hover-1,.qdr-hover-1-left,.qdr-hover-1-right,.qdr-hover-1-bottom{position: relative; overflow: hidden; display: inline-block; z-index: 1;}
.qdr-hover-1:before,.qdr-hover-1-left:before,.qdr-hover-1-right:before,.qdr-hover-1-bottom:before{content:''; z-index: -1; display: block; position: absolute; top:0; left:0; right: 0; height:0; -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1);}
.qdr-hover-container:hover .qdr-hover-1:before, .qdr-hover-1:hover:before{height: 100%;}
/* qdr-hover-1-left Effect */
.qdr-hover-1-left:before{ left:0; right: auto; height: 100%; width: 0; }
.qdr-hover-1-left:hover:before{ width: 100%; }
/* qdr-hover-1-right Effect */
.qdr-hover-1-right:before{ left:auto; right: 0; height: 100%; width: 0; }
.qdr-hover-1-right:hover:before{ width: 100%; }
/* qdr-hover-1-bottom Effect */
.qdr-hover-1-bottom:before{ bottom:0; top:auto; }
.qdr-hover-1-bottom:hover:before{ height: 100%; }
/* .qdr-hover-2, vertical and rotate effects */
.qdr-hover-2,.qdr-hover-2-vertical,.qdr-hover-2-rotate{ position: relative; z-index: 1; overflow: hidden; display: inline-block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.qdr-hover-2:before,.qdr-hover-2-vertical:before{ content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 100%; z-index: -1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.qdr-hover-2:hover::before{ width: 100%; left: 0%; }
.qdr-hover-2-vertical:before{ left:0; height: 0; width: 100%; top:50%; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s;}
.qdr-hover-2-vertical:hover:before{ height: 100%; top:0; }
.qdr-hover-2-rotate:before{ content:''; position: absolute; z-index: -1; width: 100%; height: 0; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.qdr-hover-2-rotate:hover::before{ height: 500%; }
/* .qdr-hover-3 */
.qdr-hover-3{ display: inline-block; font-family:inherit; position: relative; overflow: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.qdr-hover-3 span.qdr-details{ position: relative; display: block ; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s; }
.qdr-hover-3:before{ position: absolute; display: inline-block; font: inherit; font-family:'FONTAWESOME'; bottom:100%; width: 100%; height: 100%; text-align: inherit; line-height: inherit; padding:inherit; left:0; color:inherit; -webkit-transition: bottom 0.4s; -moz-transition: bottom 0.4s; transition: bottom 0.4s; }
.qdr-hover-3:hover:before{ bottom:0%; }
.qdr-hover-3:hover span.qdr-details{ -webkit-transform: translateY(400%); -moz-transform: translateY(400%); -ms-transform: translateY(400%); transform: translateY(400%); }
/* .qdr-hover-4 */
.qdr-hover-4,.qdr-hover-4-reverse{-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; display: inline-block;}
.qdr-hover-4:hover{-webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px);}
.qdr-hover-4-reverse:hover{-webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px);}
/* .qdr-hover-5 */
.qdr-hover-5{position: relative;}
.qdr-hover-5:before{ width:0px; height: 1px; position: absolute; bottom:1px; left:0; content:''; background-color:#777; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.qdr-hover-5:hover:before{ width: 100%; }
@media only screen and (max-width: 641px){ .qdr-hover-5:before{ display: none; } .qdr-hover-5:hover{ text-decoration: underline;} }
/* .qdr-hover-6 */
.qdr-hover-6{ position: relative; overflow: hidden !important; }
a.qdr-hover-6{ display: inline-block; }
.qdr-hover-6:after{ width: 150%; height: 150%; left:-250%; top:-25%; content:''; display: block; position: absolute; opacity: .4;;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);
}
.qdr-hover-6:hover:after, .qdr-hover-6-container:hover .qdr-hover-6:after{ left:100%; top:0%; -webkit-transition: left 0.6s, top 0.6s; -moz-transition: left 0.6s, top 0.6s; transition: left 0.6s, top 0.6s; }
/* Colors */
.qdr-hover:after{background-color:#363636;}
.qdr-hover-1:before,
.qdr-hover-1-left:before,
.qdr-hover-1-right:before,
.qdr-hover-1-bottom:before{background-color:rgba(0,0,0,0.1);}
.qdr-hover-2:before,.qdr-hover-2-vertical:before{background-color:#333;}
.qdr-hover-2-rotate:before{background-color:#333;}
/*moving effect*/
.moving-container .moving{ -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.translatez-xs{ -webkit-transform: translateZ(20px); transform: translateZ(20px); }
.translatez-sm{ -webkit-transform: translateZ(40px); transform: translateZ(40px); }
.translatez-md{ -webkit-transform: translateZ(50px); transform: translateZ(50px); }
.translatez-lg{ -webkit-transform: translateZ(90px); transform: translateZ(90px); }
/* Click Effect */
.click-effect{ overflow: hidden; position: relative; }
.ink{ display: block; position: absolute; background:rgba(255, 255, 255, 0.1) !important; border-radius: 100%; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0); }
.click-effect.dark-effect .ink{ background:rgba(0,0,0,0.1) !important; }
.clicked{ -webkit-animation:clickEffect 0.45s linear; -moz-animation:clickEffect 0.65s linear; -ms-animation:clickEffect 0.65s linear; -o-animation:clickEffect 0.65s linear; animation:clickEffect 0.65s linear; }
@-webkit-keyframes clickEffect{ 100%{opacity: 0; -webkit-transform: scale(2.5);} } @-moz-keyframes clickEffect{ 100%{opacity: 0; -moz-transform: scale(2.5);} } @-o-keyframes clickEffect{ 100%{opacity: 0; -o-transform: scale(2.5);} } @keyframes clickEffect{ 100%{opacity: 0; transform: scale(2.5);} }
/* Scale Hover */
.scaled{ -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
@media only screen and (max-width: 860px){ .scaled{ -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
.scale-hover{ -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.scale-hover:hover{ -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.scale-hover img{-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.scale-hover:hover img{-ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}
.grayscale,.grayscale-hover:hover{ -webkit-filter: grayscale(1); filter: grayscale(1); }
button.disabled{ opacity: .5; cursor: not-allowed; }
.btn:focus { box-shadow:none; }
.xs-btn{ padding:6px 26px; font-size:11px; line-height: normal; letter-spacing: 0; }
.sm-btn{ padding:7px 29px; font-size:12px; line-height: normal; letter-spacing: 0; }
.md-btn{ padding:8px 35px; font-size:13px; line-height: normal; letter-spacing: -0.1px; }
.lg-btn{ padding:10px 42px; font-size:13px; line-height: normal; letter-spacing: -0.3px; }
.xl-btn{ padding:12px 50px; font-size:13px; line-height: normal; letter-spacing: -0.3px; }
.long-btn{ padding-left:60px; padding-right: 60px; line-height: normal; }
.quadra-btn{ background-color:rgba(165,165,165,0.2); border-color:rgba(255,255,255,0.2); border-width: 1px; border-style: solid; padding:10px 30px; font-size:14px; line-height: normal; }
.border-btn{ background: transparent; border:1px solid white; }
@media only screen and (max-width: 992px){
.quadra-btn{padding:9px 20px; font-size:13px;}
.xl-btn{padding:8px 40px; font-size:13px; }
.lg-btn{padding:8px 33px; font-size:12px; }
.md-btn{padding:7px 29px; font-size:12px; }
.sm-btn{padding:5px 19px; font-size:12px; }
}
@media only screen and (max-width: 480px){
.quadra-btn{padding:7px 16px; font-size:12px;}
.xl-btn{padding:9px 35px; font-size:12px; }
.lg-btn{padding:8px 27px; font-size:11px; }
.md-btn{padding:7px 20px; font-size:11px; }
.sm-btn{padding:5px 16px; font-size:11px; }
}
/* Fixed Element On Page */
.fixed-element{ width: auto; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); left:35px; bottom:30px; z-index: 50; }
.fixed-element.right{ left:auto; right: 35px; }
/* seite rechts unten */
#back-to-top, .drop-msg{ width: 45px; opacity: .5; height: 45px; line-height:45px; z-index: 100; display: block; position: fixed; cursor: pointer; right: 20px; bottom:15px; text-align: center; color:#777; -webkit-transition: transform 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: transform 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; transition: transform 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; -webkit-transform: translateZ(0); transform: translateZ(0); }
.drop-msg + #back-to-top{bottom: 70px;}
#back-to-top:hover,.drop-msg:hover{ opacity: 1; }
#back-to-top:not(.modal-hiding).qfm-time,.drop-msg:not(.modal-hiding).qfm-time{ -webkit-transform: translateY(-60px);-moz-transform: translateY(-60px);-ms-transform: translateY(-60px);transform: translateY(-60px); }
@media only screen and (max-width: 480px){ #back-to-top, .drop-msg{ width: 45px; height: 45px; line-height:45px; right: 10px; bottom:10px; } .drop-msg + #back-to-top{ bottom: 65px; }}
svg.svg_top {fill:#013e7d;}
svg.svg_contact {fill:#013e7d;}
/* Quick Contact Formular */
.quick-contact-form{ position: fixed; display: none; z-index: 1051; line-height: normal; right: 20px; bottom:90px; width: 260px; height: auto; padding:42px 15px 50px; overflow: hidden; text-align:center; background-color:#fff; border-top:5px solid; border-radius: 10px; box-shadow: 6px 6px 20px rgba(0,0,0,0.15); -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; transition: transform 0.2s; -webkit-transform: translateZ(0); transform: translateZ(0); }
body.quick-contact-form-active:before{ content:''; display: none; width: 100%; height: 100%; background-color: black; position: fixed; z-index: 1004; opacity: 0.7; -webkit-transform: translateZ(0); transform: translateZ(0); }
.quick-contact-form input, .quick-contact-form textarea{ display: block; font-size: 14px; width: 100%; height: auto; padding:8px 12px; margin-bottom:12px; border:1px solid #ddd; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; transition: box-shadow 0.5s; }
.quick-contact-form input:focus, .quick-contact-form textarea:focus{ box-shadow: 2px 5px 15px rgba(0,0,0,0.1) }
.quick-contact-form textarea{ min-height: 80px; resize: none; }
.quick-contact-form button{ display: block; width: 100%; padding:10px 5px; outline: none; border: none; }
.quick-contact-form h5{ color:#777; }
.quick-contact-form p{ color:#999; margin:10px 0 20px; }
.quick-contact-form a{ margin-top:20px; color: #555; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; transition: color 0.5s; }
.quick-contact-form input.error_warning, .quick-contact-form textarea.error_warning{ border-color:#eb2e2e !important; }
.quick-contact-form.active{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.quick-contact-form.dark{ background-color:#222; }
.quick-contact-form.dark input, .quick-contact-form.dark textarea{ background-color:#272727; border:1px solid #313131; color:#ccc; }
.quick-contact-form.dark h5{ color:#ccc; } .quick-contact-form p,.quick-contact-form a{ color:#aaa; }
/* Quick Contact Formular responsive */
@media only screen and (max-width: 900px){ body.quick-contact-form-active:before{ display: block;} }
@media only screen and (max-width: 480px){ .quick-contact-form{ padding:35px 15px; width: 80%; left:10%; } }
/* Mini height screens */
@media only screen and (max-height: 480px){
.quick-contact-form{ bottom:3px; padding: 25px 15px; }
.quick-contact-form.active{ bottom:10px; }
.quick-contact-form p{ font-size: 12px; margin:3px 0 14px; }
.quick-contact-form input, .quick-contact-form textarea{ padding:6px 8px; font-size: 13px; }
.quick-contact-form textarea{ min-height: 20px; }
.quick-contact-form button{ padding:5px; font-size: 13px; }
.quick-contact-form a{ margin-top:10px; font-size: 12px; }
}
@media only screen and (max-height: 340px){
.quick-contact-form{ bottom:0; padding: 7px 14px; }
.quick-contact-form.active{ bottom:5px; }
.quick-contact-form p{ font-size: 12px; margin:3px 0 10px; }
}
/* Set to right side navigation */
@media only screen and (min-width: 1450px){
body.right-side-menu-active .quick-contact-form{ right: 320px; }
body.right-side-menu-active #back-to-top, body.right-side-menu-active .drop-msg{ right: 320px; }
}
@media only screen and (min-width: 1120px) and (max-width: 1450px){
body.right-side-menu-active .quick-contact-form{ right: 250px; }
body.right-side-menu-active #back-to-top, body.right-side-menu-active .drop-msg{ right: 250px; }
}
/* Classic Inputs and Textareas */
.classic_form{ font-size:inherit; background:transparent; outline:none; width: 100%; height: auto; line-height: normal; padding:10px 13px; border:1px solid #ddd; margin-bottom:15px; outline:none !important; box-shadow: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.classic_form:not(.bs-focus):focus,
.classic_form:not(.bs-lg-focus):focus,
.classic_form:not(.bs-light-focus):focus,
.classic_form:not(.bs-inset-focus):focus{ box-shadow: none;}
.classic_form.form-gray{ background-color:#eee; }
.dark-section .classic_form{ border-color:#555; }
.dark-section .classic_form:hover{ border-color:#666; }
.dark-section .classic_form:focus{ border-color:#999; }
.classic_form.big{ padding: 15px; }
.classic_form:focus{ border-color:#ccc; }
.classic_form.error_warning{ border-color:red !important; }
.g-recaptcha{ display: inline-block; width: auto !important; border:1px solid transparent; }
.g-recaptcha.error_warning{ border-color: red !important; }
@media screen and (max-width: 361px){
.g-recaptcha{ max-width: 290px; overflow: hidden; border-right: 1px solid #ccc; }
}
textarea.classic_form{ min-height: 100px; resize: none; margin-bottom:7px; }
textarea.classic_form.big{ min-height: 150px; resize: none; }
textarea.classic_form.large{ min-height: 200px; resize: none; }
select.classic_form{ cursor: pointer; background: url(../images/bottom_black.png) right 16px center no-repeat transparent; -webkit-appearance:none; background-size:12px 6px; }
/* PlaceHolder Colors */
.classic_form::-webkit-input-placeholder{color: #777;}
.classic_form:-moz-placeholder{color: #777;}
.classic_form::-moz-placeholder{color: #777; }
.classic_form:-ms-input-placeholder{color: #777;}
/* PlaceHolder Colors for light */
.light-placeholder::-webkit-input-placeholder{color: #fff !important;}
.light-placeholder:-moz-placeholder{color: #fff !important;}
.light-placeholder::-moz-placeholder{color: #fff !important; }
.light-placeholder:-ms-input-placeholder{color: #fff !important; }
form .half>*{ width:46%; width: calc(50% - 10px); float: left;}
form .half>*:nth-of-type(2n),form .half>button{ float: right; }
@media screen and (max-width: 640px){
form .half>*{ float: none; width: 100%; }
form .half>*:nth-of-type(2n),form .half>button{ float: none; }
.g-recaptcha{ margin-bottom:13px; }
}
/* Inputs */
.classic_checkbox{ width: 110px; font-size:14px; height: 30px; margin:6px; position: relative; background: transparent; display: inline-block; }
.classic_checkbox label{ width: 28px; height: 28px; cursor: pointer; position: absolute; left: 0; top: 0; background: white; border-radius: 5px; border:1px solid #ccc; line-height: 28px; text-indent: 36px; white-space: nowrap; }
.classic_checkbox label:after{ content: 'L'; width: 18px; color:white; text-align: center; line-height: 16px; font-weight: 900; transform:rotateY(180deg) rotateZ(-45deg); height: 18px; position: absolute; text-indent: 0; top: 4px; left: 3px; opacity: 0; }
.classic_checkbox input[type=checkbox]{ visibility: hidden; }
.classic_checkbox input[type=checkbox]:checked + label:after{ opacity: 1; }
.classic_checkbox input[type=checkbox]:checked + label, .classic_checkbox:hover label{ border:1px solid #4a90e2; }
.classic_checkbox input[type=checkbox]:checked + label{ background:#4a90e2; }
.classic_checkbox.radio label{ border-radius:100%; text-indent: 35px; line-height: 25px;}
.classic_checkbox input[type=radio]{ visibility: hidden; display: none; }
.classic_checkbox input[type=radio]:checked + label:after{ opacity: 1; }
.classic_checkbox input[type=radio]:checked + label, .classic_checkbox:hover label{ border:1px solid #4a90e2; }
.classic_checkbox input[type=radio]:checked + label{ background:#4a90e2; }
.classic_checkbox.over{ width: 60px; text-align: center; }
.classic_checkbox.over label{ position: relative; }
/* Switch Types */
input.switch[type=checkbox]{ height: 0; width: 0; visibility: hidden; }
input.switch + label{ cursor: pointer; text-indent: -9999px; width: 55px; height: 26px; max-width: 55px; background: transparent; display: inline-block; border-radius: 100px; position: relative; border:1px solid #ccc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
input.switch + label:hover{ border:1px solid #4a90e2; }
input.switch + label:after{ content: ''; position: absolute; top: 3px; left: 5px; width: 18px; height: 18px; border-radius: 90px; transition: 0.3s; background: #4a90e2; }
input.switch:checked + label{ background: #4a90e2; border:1px solid #4a90e2; }
input.switch:checked + label:after{ left: calc(100% - 5px); transform: translateX(-100%); background-color:#fff; }
label.switch:active:after{ width: 130px; }
.checkbox_switch *{ position: relative; line-height: 25px; vertical-align: top; margin-right:15px; }
.checkbox_switch input{ margin:0; }
/* Input Files */
.inputfile{ width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label{ width: 100%; font-size: 13px; font-weight: inherit; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0px; color: #555; border: 1px solid #ddd; background-color: #fff; /* 10px 20px */ }
.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover{ border-color: #888; }
.inputfile + label span{ min-width: 100px; max-width: 90%; min-height: 25px; padding: 10px 13px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; }
.inputfile + label strong{ height: 100%; color: #fff; padding: 10px 13px; background-color: #555; display: inline-block; }
.inputfile:focus + label strong,
.inputfile.has-focus + label strong,
.inputfile + label:hover strong{ background-color: #555; }
@media screen and (max-width: 50em){ .inputfile + label strong{ display: block; } }
/* Quantities */
.quantity input{ width: 50px; height: 50px; border-width: 1px; cursor: pointer; border-style: solid; display: block; float: left; text-align: center; border-color:inherit; background-color:inherit; font-size: inherit; }
.quantity.quantity-sm input{ width: 35px; height: 35px; }
.quantity.quantity-lg input{ width: 65px; height: 50px; }
.quantity input.numbers{ border-left:none; border-right: none; width: 80px; }
.quantity input.numbers::-webkit-inner-spin-button, .quantity input.numbers::-webkit-outer-spin-button{ -webkit-appearance: none; }
/* Date Picker */
.datepicker{ cursor: pointer; }
.picker{ color:inherit; line-height: 1.1; font-size: 17px; max-width: 100%; }
.picker--opened .picker__holder{ border:1px solid #eee; box-shadow:0 3px 28px rgba(0,0,0,.05);}
.picker__box{ padding:1em; }
/* Border Effects For Contact Forms */
span.border-effect{ position: relative; margin:5px 0; display: block; border:1px solid transparent; border-bottom-color:#e4e4e4; margin-bottom:15px;}
span.border-effect span{ position: absolute; background-color: #e4e4e4; display: block;}
span.border-effect .left-br, span.border-effect .right-br{ width: 1px; height: 0px; bottom:0; left:-1px; -webkit-transition: height 0.3s ease-in-out 0.60s; -moz-transition: height 0.3s ease-in-out 0.60s; transition: height 0.3s ease-in-out 0.60s;}
span.border-effect .top-br{ width: 0px; height: 1px; top:0; left:0; -webkit-transition: width 0.3s ease-in-out 0.39s; -moz-transition: width 0.3s ease-in-out 0.39s;transition: width 0.3s ease-in-out 0.39s;}
span.border-effect.active .left-br{ height: 100%; -webkit-transition: height 0.3s ease-in-out 0.2s; -moz-transition: height 0.3s ease-in-out 0.2s; transition: height 0.3s ease-in-out 0.2s;}
span.border-effect.active .top-br{ width: 100%; -webkit-transition: width 0.3s ease-in-out 0.43s; -moz-transition: width 0.3s ease-in-out 0.43s; transition: width 0.3s ease-in-out 0.43s;}
span.border-effect .right-br{ right: -1px; top:0; left:auto; -webkit-transition: height 0.3s ease-in-out 0s; -moz-transition: height 0.3s ease-in-out 0s; transition: height 0.3s ease-in-out 0s;}
span.border-effect.active .right-br{ height: 100%; -webkit-transition: height 0.3s ease-in-out 0.65s; -moz-transition: height 0.3s ease-in-out 0.65s; transition: height 0.3s ease-in-out 0.65s;}
/* Slider */
.slick-initialized .image-slider.slick-initialized img{ display: block; min-width: 100%; max-height: 100%; }
/* Slick Slider Options */
.qdr-controls,.qdr-controls-1,.qdr-controls-2,.qdr-controls-3,.qdr-controls-4{position: relative; letter-spacing: 0!important;}
.qdr-controls .slick-arrow,.qdr-controls-2 .slick-arrow{width: 32px; height:60px; font-size:0px; border:none; background-color:#151515; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 1; top:50%; margin-top:-20px; opacity:0; -webkit-transition: opacity 0.4s ease-in-out 0s; -moz-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s;}
.qdr-controls:hover .slick-arrow,.qdr-controls-2:hover .slick-arrow{opacity: 0.6;}
.qdr-controls .slick-arrow:hover,.qdr-controls-2 .slick-arrow:hover{opacity: 1;}
.qdr-controls .slick-arrow.slick-prev{left:10px; background-image:url(../images/white-left.png);}
.qdr-controls .slick-arrow.slick-next{right:10px; background-image:url(../images/white-right.png);}
.qdr-controls-2 .slick-arrow.slick-prev{left:0; background-image:url(../images/white-left.png);}
.qdr-controls-2 .slick-arrow.slick-next{right:0; background-image:url(../images/white-right.png);}
.qdr-controls ul.slick-dots{position:absolute; width: 100%; bottom:10px; margin:0; }
.qdr-controls .slick-dots li{position: relative; display: inline-block; margin: 0 4px; font-size:0;}
.qdr-controls .slick-dots li button{border:2px solid #ddd; background:transparent; outline: none; border-radius: 100%; width: 13px; height: 13px; padding: 0 !important; position: relative; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.qdr-controls:hover .slick-dots li button{opacity: 1;}
.qdr-controls .slick-dots li button:before{content:''; position: absolute; left:0; bottom:0; background:#fff; outline: none; border-radius: 100%; width: 100%; height: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.qdr-controls .slick-dots li button:hover:before, .qdr-controls .slick-dots li.slick-active button:before{height: 100%;}
/* Type 2 Arrows */
.qdr-controls-1 .slick-arrow{width: 30px; height:30px; font-size:0px; left:5px; bottom:5px; border:none; background-color: rgba(45,45,45,0.9); background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 1; opacity:0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.qdr-controls-1 .slick-arrow:hover{background-color:white;}
.qdr-controls-1:hover .slick-arrow{opacity: 1;}
.qdr-controls-1 .slick-arrow.slick-prev{background-image:url(../images/white-left.png); }
.qdr-controls-1 .slick-arrow.slick-next{background-image:url(../images/white-right.png); margin-left:35px;}
.qdr-controls-1 .slick-arrow.slick-prev:hover{background-image:url(../images/black-left.png);}
.qdr-controls-1 .slick-arrow.slick-next:hover{background-image:url(../images/black-right.png);}
/* Type 2 Dots */
.qdr-controls-1 .slick-dots{position: absolute;bottom: 15px;right: 6px; margin:0;}
.qdr-controls-1 .slick-dots li{font-size: 0;float: left;display: block;}
.qdr-controls-1 .slick-dots li button{width: 9px;height: 12px;margin-right: 5px;border-radius: 100%;background: white;outline: none;border: none;box-shadow: none;}
.qdr-controls-1 .slick-dots li.slick-active button{background-color:#333;}
/* Type 3 Dots */
.qdr-controls-2 .slick-dots{ position: absolute; width: 100%; bottom: 0; left: 0; right: 0; text-align:center;}
.qdr-controls-2 .slick-dots li{ font-size: 0; display: inline-block;}
.qdr-controls-2 .slick-dots li button{ width: 25px; height: 1px; margin: 0 3px; border-radius: 0; vertical-align: middle; padding:0; top:0; position: relative; background: white; outline: none; border: none; box-shadow: none; }
.qdr-controls-2 .slick-dots li.slick-active button{ height: 8px !important;}
.qdr-controls-2 .slick-dots:hover li button{ height: 2px; }
.qdr-controls-2 .slick-dots li button:hover{ height: 8px; }
/* Type 4 arrows */
.qdr-controls-3 .slick-arrow{width: 30px; height:30px; font-size:0px; left:50%; bottom:-60px; border:none; background-color: rgba(255,255,255,0.9); opacity: .5; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 1; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; -webkit-transform: translateX(-35px);-moz-transform: translateX(-35px);-ms-transform: translateX(-35px);transform: translateX(-35px);}
.qdr-controls-3 .slick-arrow:hover{background-color:white; opacity: 1;}
.qdr-controls-3 .slick-arrow.slick-prev{background-image:url(../images/black-left.png);}
.qdr-controls-3 .slick-arrow.slick-next{background-image:url(../images/black-right.png); margin-left:35px;}
/* Type 4 dots */
.qdr-controls-3 .slick-dots{ position: absolute; width: 100%; bottom: 0; left: 0; right: 0; text-align:center;margin-bottom:-5px }
.qdr-controls-3 .slick-dots li{ font-size: 0; display: inline-block; }
.qdr-controls-3 .slick-dots li button{ width: 9px; height: 12px; margin: 0 3px; border-radius: 100%; background: white; outline: none; border: none; box-shadow: none; }
/* Strip Dots */
.strip-dots>.slick-dots{ position: relative; bottom: -20px; height: 10px; text-align: center; }
.strip-dots:not(.image-slider)>.slick-dots{ bottom:auto; top: 45px; }
.strip-dots>.slick-dots li{ font-size: 0; display: inline-block; }
.strip-dots>.slick-dots li button{ width: 30px; height: 3px; margin-right: 10px; background: white; border: none; box-shadow: none; }
.strip-dots>.slick-dots li.slick-active button{ background-color:#888; }
.strip-dots.dark-dots>.slick-dots li button{background-color:#ccc;}
.strip-dots.dark-dots>.slick-dots li.slick-active button{background-color:#666;}
/* Circle Dots */
.circle-dots .slick-dots{ position: relative; margin:0px auto 0; top:45px; display: block !important; text-align: center; }
.circle-dots .slick-dots li{ font-size: 0; float: none; display: inline-block; }
.circle-dots .slick-dots li button{ width: 8px; height: 8px; border: 2px solid transparent; top:0; margin-right: 6px; border-radius: 100%; padding:0; background: white; position: relative; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.3s; }
.circle-dots .slick-dots li.slick-active button{ background: transparent; border:2px solid #fff; width: 12px; height: 12px; top:-2px; }
.circle-dots.dark-dots>.slick-dots li button{background-color:#9b9b9b;}
.circle-dots.dark-dots>.slick-dots li.slick-active button{ background: transparent; border:2px solid #777;}
/* Corner Arrows */
.corner-arrows button.slick-arrow{font-size:0;font-size: 0;position: absolute;z-index: 2;bottom: 4px;width: 30px;height: 30px;border:none;background:#fff;opacity: 1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.corner-arrows button.slick-arrow,.corner-arrows button.slick-arrow:before{color:#7a7a7a;font-size:20px;background-repeat: no-repeat;background-position: center center; }
/* Next */
.corner-arrows button.slick-arrow.slick-next{right: 4px;background-image:url(../images/black-right.png);}
.corner-arrows button.slick-arrow.slick-next:before{background-image:url(../images/white-right.png);}
/* Prev */
.corner-arrows button.slick-arrow.slick-prev{right: 38px;background-image:url(../images/black-left.png);}
.corner-arrows button.slick-arrow.slick-prev:before{right: 38px;background-image:url(../images/white-left.png);}
@media only screen and (max-width: 481px){ .slick-slide img{ width: 100%; } }
.centermode .slick-slide img{ -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; opacity: 0.8; }
.centermode .slick-center img{ -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1;}
/* Tooltips */
.tooltip-item, [data-toggle="tooltip"]{ cursor: help; }
.tooltip.in{ opacity: 1 !important; }
.tooltip-inner{padding:8px; color:white; font-size:14px; border-radius: 5px; min-width: 150px; width: auto; max-width: 450px; background-color:#333; opacity: 1; box-shadow: 8px 4px 40px -10px rgba(0,0,0,0.3);}
.tooltip-inner img{ max-width: 100%; }
.tooltip-inner .tooltip-texts{ padding:10px 7px; font-size:13px; }
/* Arrow Colors */
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before{ border-top-color:#333; }
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before{ border-right-color:#333; }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{ border-bottom-color:#333; }
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before{ border-left-color:#333; }
/* Popover */
[data-toggle="popover"]{ cursor: pointer; position: relative; }
.popover{ border: none; outline: none; padding: 25px; min-width: 240px; z-index: 999; font-size: 14px; color:#7a7a7a; border-radius: 14px; box-shadow: 2px 30px 65px 5px rgba(0,0,0,0.2); }
.popover .popover-header{ background-color: transparent; padding: 0 0 4px 0; border:none !important; font-size: 14px; }
.popover-body{ padding: 0; color:inherit; }
.popover>.arrow{ display: none !important; }
.popover img{ max-width: 100%; }
@media only screen and (max-width: 641px){ .popover{ padding: 17px 15px 17px 22px; font-size: 12px; } }
/* Local Video Styles */
.videobg{ position: absolute; width: 100%; height: 100%; left:0; top:0; overflow: hidden; background-size: cover; z-index: -1;}
.videobg video{ object-fit: cover; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; min-height: 100%; z-index: -1; transform: translateX(-50%) translateY(-50%) translateZ(0); }
audio, canvas, progress, video{ display: inline-block; vertical-align: baseline; }
.load-with-waypoint{ position: relative; }
.load-with-waypoint:before{ content:''; width: 100%; height: 100%; z-index:25; background-color:inherit; display: block; position: absolute; right: 0; top: 0; -webkit-transition: width 1s cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: width 1s cubic-bezier(0.77, 0, 0.2, 1) !important; transition: width 1s cubic-bezier(0.77, 0, 0.2, 1) !important; }
.load-with-waypoint.waypoint-active:before{ width: 0; }
/* Accordions */
.accordion-toggle-link{ margin: 0; border:1px solid #ddd; display: block; width: 100%; height: auto; padding:13px 15px; font-size: 14px; cursor: pointer; position: relative; border-radius: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.accordion-toggle-link:hover{ box-shadow:0px 20px 25px rgba(0,0,0,0.05); }
.accordion-toggle-link:after{ content:''; position: absolute; right: 20px; top:50%; margin-top:-3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.accordion-toggle-link.collapsed:after{ border-top-color:#333; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.accordion-toggle-link.collapsed{ background-color:#fff; color:#565656 }
.accordion-toggle-container{ padding: 15px;}
/* Spinner */
.spinner{ margin: 0 auto; width: 70px; position: relative; text-align: center }
.spinner > div{ position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left:30px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 2s infinite; animation: sk-bouncedelay 2s infinite; }
.spinner .spinner__item1{ -webkit-animation-delay: -0.60s; animation-delay: -0.60s; margin-left:-30px; }
.spinner .spinner__item2{ -webkit-animation-delay: -0.40s; animation-delay: -0.40s; margin-left:-10px; }
.spinner .spinner__item3{ -webkit-animation-delay: -0.20s; animation-delay: -0.20s; margin-left: 10px; }
@-webkit-keyframes sk-bouncedelay{ 0%, 80%, 100%{ width: 0px; height: 0px; opacity: 0; } 40%{ width: 16px; height: 16px; opacity: 1; } }
@keyframes sk-bouncedelay{ 0%, 80%, 100%{ width: 0px; height: 0px; opacity: 0; } 40%{ width: 16px; height: 16px; opacity: 1; } }
/* PageLoad */
.page-loader{ z-index: 9750; text-align: center; position: fixed; top:0; left:0; width: 100%; height: 100%; -webkit-animation-duration: .2s; -moz-animation-duration: .2s; -ms-animation-duration: .2s; -o-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes page-loader-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } }
@-moz-keyframes page-loader-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } }
@-ms-keyframes page-loader-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } }
@-o-keyframes page-loader-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } }
@keyframes page-loader-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } }
@-webkit-keyframes page-loader-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } }
@-moz-keyframes page-loader-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } }
@-ms-keyframes page-loader-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } }
@-o-keyframes page-loader-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } }
@keyframes page-loader-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } }
.page-loader--fading-out { -webkit-animation-name: page-loader-fade-out; -moz-animation-name: page-loader-fade-out; -ms-animation-name: page-loader-fade-out; -o-animation-name: page-loader-fade-out; animation-name: page-loader-fade-out; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; }
.page-loader--hidden { display: none }
.page-loader--fading-in { -webkit-animation-name: page-loader-fade-in; -moz-animation-name: page-loader-fade-in; -ms-animation-name: page-loader-fade-in; -o-animation-name: page-loader-fade-in; animation-name: page-loader-fade-in; }
/* Navigation */
/* Desktop */
#navigation.modern{height: 38px; line-height: 28px; will-change: transform;font-weight:300;}
#navigation.modern .columns .logo a,#navigation.modern .columns .logo img{ max-height: 50px; }
body.retina-device.has-retina-logo #navigation .logo img,
#navigation .logo img.retina-logo{ display: none; }
#navigation .logo img,
body.retina-device.has-retina-logo #navigation .logo img.retina-logo{ display: block; }
@media only screen and (max-width: 640px){#navigation.modern .columns .logo a,#navigation.modern .columns .logo img{ max-width: 190px; }}
/* Scrolled Navigation Height */
#navigation.modern.scrolled{ height: 55px; line-height: 55px; }
#navigation.modern.scrolled .columns .logo a,#navigation.modern.scrolled .columns .logo img{ max-height: 45px; }
#navigation.modern.sticky,#navigation.modern.static,#navigation.modern.static.pagetopped{ position: relative; }
#navigation.modern.transparent:not(.static){ position: absolute; }
#navigation.modern{ width: 100%; top:0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); position: fixed; z-index: 1001; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
.top-navigation{ z-index: 1020; position: relative; }
#navigation.modern .columns .nav-elements{float: right; right: 0; height: 100%; position: relative; margin-left:12px; padding-left:12px; }
#navigation.modern .columns .nav-menu ul li:last-child:after{ display: none; }
#navigation .unvisible-logo{ display: none; }
#navigation.modern > .columns > .nav-menu > ul#filter {margin:0;padding:0;list-style-type: none;font-size:18px;}
#navigation.modern > .columns > .nav-menu > ul#filter > li {display: inline-block;}
#navigation.modern > .columns > .nav-menu > ul#filter > li:hover a {background: #013e7d url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;color: #fff;}
#navigation.modern > .columns > .nav-menu > ul#filter > li a {text-decoration:none;display:block;line-height:28px;padding:10px 10px 0}
#navigation.modern > .columns > .nav-menu > ul#filter > li a:focus, #navigation.modern > .columns > .nav-menu > ul#filter > li a:hover {}
/* White Nav Colors */
#navigation.modern.white-nav{ background: transparent; }
#navigation.modern.white-nav.border:not(.scrolled){ border:0px !important; border-bottom:1px solid rgba(255,255,255,0.06) !important;}
#navigation.modern.white-nav.hover:not(.scrolled):hover{background-color:rgba(22,22,22,0.2);}
#navigation.modern.white-nav .columns a{ color:white; }
#navigation.modern.white-nav.start-dark .columns a,#navigation.modern.white-nav .columns button
#navigation.modern.static.white-nav .columns a,#navigation.modern.static.white-nav .columns button,
#navigation.modern.sticky.white-nav .columns a,#navigation.modern.sticky.white-nav .columns button,
#navigation.modern.white-nav .shopping-cart a,#navigation.modern.white-nav .flag-item + .dropdown-menu a{ color:#444; }
#navigation.modern.white-nav .columns .hamburger-menu div{ background-color:white; }
#navigation.modern.static.white-nav .columns .hamburger-menu div,
#navigation.modern.sticky.white-nav .columns .hamburger-menu div{ background-color:#333; }
/* Second navigation background and text colors */
#navigation.modern.white-nav.scrolled,#navigation.modern.white-nav.sticky,#navigation.modern.white-nav.box-shadow{background:rgba(255,255,255,1); box-shadow:0 1px 4px 2px rgba(0, 0, 0, 0.06) !important; }
#navigation.modern.white-nav.scrolled .columns .nav-menu>.nav>li>a, #navigation.modern.white-nav.scrolled .columns button, #navigation.modern.white-nav.scrolled .columns a, #navigation.modern.white-nav.scrolled .columns .nav-elements a{ color:#333; }
#navigation.modern.white-nav.start-dark .columns a,
#navigation.modern.white-nav.start-dark .columns button,
#navigation.modern.sticky.white-nav .columns .nav-menu a,
#navigation.modern.static.white-nav .columns a{color:#454545;}
#navigation.modern.white-nav.start-dark .columns .hamburger-menu div,
#navigation.modern.white-nav.scrolled .columns .hamburger-menu div,
#navigation.modern.white-nav.sticky .columns .hamburger-menu div{ background-color:#3a3a3a; }
/* Dropdown colors */
#navigation.modern.white-nav .columns .dropdown-menu{background-color:white; box-shadow:0px 15px 45px 2px rgba(0, 0, 0, 0.15); }
#navigation.modern.white-nav.start-dark .columns ul.dropdown-menu li a,
#navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a{ color:#4a4a4a; }
#navigation.modern.white-nav .columns ul.dropdown-menu.mega-menu li a{color:#5a5a5a;}
/* Title for mega menu */
#navigation.modern.white-nav .columns .mega-menu .column-title{color:#666;}
/* Color for title icon */
#navigation.modern.white-nav .columns ul.dropdown-menu li a i{color:inherit;}
#navigation.modern .columns .nav-elements ul li {float:left;padding:0;height:100%;position: relative}
#navigation.modern .columns .nav-elements ul li ul li {float:none;}
#navigation.modern .columns .nav-elements .current-language {line-height: 19px;color: #007dff;font-size: 14px;min-width: 50px;font-weight: 700;cursor: pointer;}
/*#navigation.modern .columns .nav-elements .current-language a {padding: 9.5px 0}*/
#navigation.modern .columns .nav-elements .current-language span.lang {color:#007dff;
padding-left:3px;}
#navigation.modern .columns .nav-elements .current-language .icon {display: inline-block;vertical-align: bottom;margin-right: 2px;height: 19px;width: 19px;background: transparent none left top no-repeat;}
#navigation.modern .columns .nav-elements .current-language span.icon.icon-lang {background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/ic_lang.png);}
#navigation.modern .columns .nav-elements .current-language{ text-align: center; }
#navigation.modern .columns .nav-elements .current-language + .dropdown-menu,
#navigation.modern .columns .nav-elements .current-language + .dropdown-menu a{ min-width: 80px; width: 80px; padding:5px 0; text-align: center; }
#navigation.modern.white-nav .columns .current-language .dropdown-menu {border: none;border-radius: inherit;min-width: auto;width:auto;overflow: hidden;font-size: 14px;right:-10px;left:inherit;padding:0;margin:0}
#navigation.modern.white-nav .columns .current-language .dropdown-menu li.text-muted {display:none}
#navigation.modern.white-nav .columns .current-language .dropdown-menu li a {padding: 8px 10px}
#navigation.modern.white-nav .columns .current-language .dropdown-menu li:hover a{
background: #013e7d url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
color: #fff;}
.media-box-filter ul > li > a.selected, ul#filter > li > a.selected {
background: #e6e9ed url(../../../../kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
}
/* Mobile */
.mobile-nb{ display:none; float: left; height: 100%; padding:0; cursor: pointer;}
.mobile-nb:active{background-color:rgba(0,0,0,0.1);}
.no-scroll {
position: fixed;
display: block;
overflow: hidden;
height: 100%;
width:100%;}
#mobile-navigation{display: none;}
#mobile-navigation-closer{display: none; z-index: 1019; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top:0; right: 0; height: 100%; width: 100%; background-color:rgba(0,0,0,0.4); cursor: pointer; }
@media only screen and (max-width: 1200px){
#pagetop{ display: none; }
.top-navigation{display: none;}
#mobile-navigation>*{ z-index: 2 !important; }
#navigation.modern {padding:17px 70px 14px;height:auto}
#navigation.modern {line-height:60px;overflow: auto;padding-left: 16px;padding-right:16px;}
.kurz-pd2 {padding-left:0;padding-right:0;}
#navigation.modern .columns .nav-menu,
#navigation.modern .columns .nav-elements{ display: none; }
.mobile-nb{display: block;}
#navigation .sidebar-button, #mobile-navigation .sidebar-button{display: none !important;}
#mobile-navigation{display: block; left:-260px; pointer-events: none; width: 260px; height: 100%; max-width: 80%; position: fixed; top:0; background-color:#fff; z-index: 9999; overflow-x:hidden; overflow-y:auto; -webkit-transform: translateX(0) translateZ(0); -moz-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
#mobile-navigation li{ display: block; }
#mobile-navigation.active{ pointer-events: auto; -webkit-transform: translateX(100%) translateZ(0); -moz-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); }
/* Navigation Logo */
#mobile-navigation .mobile-logo{width: 100%; height: auto; padding:20px; text-align: left; margin-top: 20px;}
#navigation .unvisible-logo{ display: block; }
#navigation .unvisible-logo .logo-claim{position: static;float: left;width: auto;height: 35px;margin-left: 12px;line-height: 36px; }
#navigation .unvisible-logo .claim-text {line-height:45px;position: absolute;font-size: 19px;font-weight: 400;right:164px;}
#navigation .unvisible-logo #logo-kurz {float: right;padding-left: 48px}
.top-navigation .top-nav-logo{ display: none; }
/* Close Buton */
#mobile-navigation .nav-el .search-form-trigger{ position: absolute; background-color:transparent; left:0; top:10px; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 15px; color:#bbb; cursor: pointer; }
.mobile-menu, .mobile-menus {-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;border-color: rgba(0, 0, 0, .1);color: rgba(0, 0, 0, .75);}
.mobile-menus {overflow:hidden}
.mobile-menu {
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
width: auto;
padding: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease,-webkit-transform .4s ease;
}
#mobile-navigation.active .mobile-menu {z-index: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.mobile-menus, .mobile-menus>.mobile-menu {position: absolute;left: 0;right: 0;top: 0 ;bottom: 0;z-index: 0 !important;}
.mobile-menu {left:44px!important}
.mobile-menu:not(.mobile-menu-hidden) {display: block;}
.mobile-menu:after, .mobile-menu:before {content: '';display: block;height: 66px;}
#mobile-navigation .mobile-iconbar {background-color: rgb(255, 255, 255);color: rgba(70, 52, 52, 1);border: 0 solid rgba(0,0,0,.1);border-right-width: 1px;text-align: center;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;width: 44px;position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: +1;}
#mobile-navigation .mobile-iconbar .mobile-iconbar_bottom {bottom:60px;}
#mobile-navigation .mobile-iconbar .mobile-iconbar_bottom {width:inherit;position:absolute}
/* Navigation Nav */
#mobile-navigation .nav{ margin-top:0; color:white; font-weight: 500; background-color:inherit; }
#mobile-navigation .nav li{ border-top:1px solid rgba(0,0,0,0.1); }
#mobile-navigation .nav li a{ font-size:14px; padding:0 15px !important; margin:0 !important; display: block; line-height: 39px; position: relative; color:#454545; font-weight: 700;}
#mobile-navigation .social-media.nav-link {display:none}
#mobile-navigation .nav .dropdown-menu li a{font-size:13px;}
#mobile-navigation .nav li:first-child{ border-top:none; }
#mobile-navigation .column li:last-child,#mobile-navigation .column, #mobile-navigation .dropdown-menu>li{ border-bottom:none !important; }
#mobile-navigation .nav li a.item-noted{ padding:12px 16px !important; line-height: 19px;}
#mobile-navigation .nav li a.item-noted span.item-note{ color:#aaa; display: block; font-weight: 400; font-size: 11px; text-transform: none; line-height: 11px; margin-top:0; }
#mobile-navigation .nav li a.item-noted i{ line-height: 55px; }
/* Dropdown Menu */
#mobile-navigation .dropdown-menu{top:0; left:0 !important; opacity: 1; margin:0 !important; padding:0; background-image:none !important; position: relative; float: none; background-color:transparent; border-radius: 0; box-shadow: none; display: none; border:none;}
#mobile-navigation .nav li .dropdown-menu a{ font-size: 12px; text-transform: none; font-weight: 600; color:#bbb; padding-left: 25px !important; display: block; }
#mobile-navigation .nav li .dropdown-menu .dropdown-menu a{ padding-left: 35px !important; }
/* Hover and Focus colors */
#mobile-navigation a:active, #mobile-navigation a:focus, #mobile-navigation li a.active, #mobile-navigation a:hover, #mobile-navigation li a.touchme{background-color:#e6e9ed;}
#mobile-navigation li a:hover {background: #013e7d url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
color: #ffffff;}
#mobile-navigation a span{ display: none; }
/* Logo */
#mobile-navigation .page-head {
padding: 15px 15px;overflow:hidden;min-height:66px;}
#mobile-navigation .page-head .claim-text {line-height:15px;font-size:17px;right:0;left:15px;display: inline-block;letter-spacing: 0.5px}
#mobile-navigation .page-head #logo-kurz {float:right;height:30px;display:inline-block}
/* Navigation Elements in mobile nav */
#mobile-navigation .nav-el{ margin-top:0; background-color: inherit; }
#mobile-navigation .nav-el ul{ margin-top:0; }
#mobile-navigation .nav-el .current-language .icon {display: inline-block;height: 19px;width: 19px;background: transparent none left top no-repeat;top:6px;
text-align: center;line-height: 19px;}
#mobile-navigation .nav-el .current-language span.icon.icon-lang {background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/ic_lang.png);}
#mobile-navigation .nav-el a span{ display: inline-block; margin-left:6px; font-size: 14px; position: relative; top:2px;
line-height:14px; }
#mobile-navigation .nav-el a img{ max-height: 20px; }
/* Search Button */
#mobile-navigation .nav-el .search-form-trigger{ left:auto; right: 6px; font-size: 12px; }
#mobile-navigation .nav-el .search-form-trigger i:before{ content: "\f002"; }
/* External Buttons */
#mobile-navigation .nav-el .nav li a.external-btn{ margin-top:10px !important; width: 90%; left:5%; }
/* Pagination */
#mobile-navigation li a.pagination {padding-top: 10px !important;}
#mobile-navigation li a.pagination .image-wrapper {}
#mobile-navigation li a.pagination .image-wrapper img{width: 100%;max-width: 100%;height:auto;}
#mobile-navigation li a.pagination .texts .bold-subtitle{font-weight:500;letter-spacing: 0}
/* Pagetop in mobile navigation */
#mobile-navigation .pagetop{ color:#aaa; margin-top:30px; position: relative; padding-left: 10px; bottom:10px; z-index: 1 !important; text-align: left; width: 100%; font-weight: 600; }
#mobile-navigation .pagetop .container{ padding: 0 !important; }
#mobile-navigation .pagetop .left a{ display: block; font-size: 13px; }
#mobile-navigation .pagetop a span{ display: inline-block; margin-right: 3px; }
#mobile-navigation .pagetop .right a,
#mobile-navigation .pagetop .socials a{ padding:6px; display: inline-block; margin-top:5px; line-height: normal; }
#mobile-navigation .pagetop .right a:hover{ color:white; }
#mobile-navigation .pagetop .copyright{ font-size: 13px; font-weight: 400; }
#mobile-navigation .nav-bottom, #mobile-navigation .page-head {background: inherit;border-color: inherit;border-width: 0;position: absolute;left: 0;right: 0;z-index: 3 !important}
#mobile-navigation .nav-bottom {bottom:0; top:auto}
#mobile-navigation .nav-logo_bottom {
background: #fff url(../../../../kurz_magazin_settings/Resources/Public/Images/header_shadow.png) 0 0 repeat-x;
text-align: center;
display: block;
height: 60px;
padding: 0 60px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 1;
-webkit-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
transition: opacity .4s ease;
}
#mobile-navigation .nav-bottom>.nav-logo_bottom {
border-width:0;
display: -webkit-box;
display:-ms-flexbox;
display:flex;
position:relative
}
#mobile-navigation .nav-bottom>.nav-logo_bottom {padding-top:17px;padding-left:15px;padding-right:0;padding-bottom: 0}
#mobile-navigation .nav-logo_bottom .claim-text {
position: relative;
font-size: 18px;right:3px;padding-right:5px;line-height:16px;
letter-spacing:0;}
#mobile-navigation .nav-logo_bottom img.logo {
height:32px;}
/* Disable titles on sidebar */
#mobile-navigation .dropdown-menu .column-title{display: none;}
#mobile-navigation .mega-menu>li{border:none;}
/* Dropdown buttons */
#mobile-navigation li a i{display: block; position: absolute; right: 0; top:5px; bottom:5px; width:60px; text-align: center; line-height: inherit; color:#888; font-size: 14px; }
#mobile-navigation li a i:before{ content:""; display: inline-block; line-height: inherit; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;
width:30px;
height: 30px;background-image: url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/angle-right_bl.svg);background-size: contain }
#mobile-navigation li a.showing i:before{ color:#ccc; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#navigation.no-mobile-nav + #mobile-navigation, #navigation.no-mobile-nav .mobile-nb{ display: none !important; }
#mobile-navigation hr,
#navigation.side-menu .search{ display: none; }
}
/* Mobile Nav Button */
/* ============================================================ */
/*.mobile-nb{ display:none; float: right; height: 100%; padding:0 15px; cursor: pointer;}
.mobile-nb:active{background-color:rgba(0,0,0,0.1);}
#mobile-navigation{display: none;}
#mobile-navigation-closer{display: none; z-index: 1019; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top:66px; right: 0; height: 100%; width: 100%; background-color:rgba(1,62,125,0.65); cursor: pointer; }*/
/*@media only screen and (max-width: 1200px){
#pagetop{ display: none; }
#mobile-navigation>*{ z-index: 2 !important; }
#navigation.modern .columns .nav-menu,
#navigation.modern .columns .nav-elements{ display: none; }
.mobile-nb{display: block;}
#navigation .sidebar-button, #mobile-navigation .sidebar-button{display: none !important;}
#mobile-navigation{display: block; left:-260px; pointer-events: none; width: 260px; height: 100%; max-width: 80%; position: fixed; top:66px; background: #4c4c4c; background:rgba(0,0,0,.7);background-color:#4c4c4c; z-index: 9999; overflow-x:hidden; overflow-y:auto; -webkit-transform: translateX(0) translateZ(0); -moz-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
#mobile-navigation li{ display: block; }
#mobile-navigation.active{ pointer-events: auto; -webkit-transform: translateX(100%) translateZ(0); -moz-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); }
#mobile-navigation .mobile-logo{width: 100%; height: auto; padding:20px; text-align: left; margin-top: 20px;}
#navigation .unvisible-logo{ display: block; }
.top-navigation .top-nav-logo{ display: none; }
#mobile-navigation .nav-el .search-form-trigger{ position: absolute; background-color:transparent; left:0; top:10px; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 15px; color:#bbb; cursor: pointer; }
#mobile-navigation .nav{ margin-top:1em; color:white; font-weight: 500; background-color:inherit; }
#mobile-navigation .nav li{ border-top:1px solid rgba(255,255,255,0.03); }
#mobile-navigation .nav li a{ font-size:14px; padding:0 15px !important; margin:0 !important; display: block; line-height: 39px; position: relative; color:#eee; font-weight: 700;}
#mobile-navigation .nav .dropdown-menu li a{font-size:13px;}
#mobile-navigation .nav li:first-child{ border-top:none; }
#mobile-navigation .column li:last-child,#mobile-navigation .column, #mobile-navigation .dropdown-menu>li{ border-bottom:none !important; }
#mobile-navigation .nav li a.item-noted{ padding:12px 16px !important; line-height: 19px;}
#mobile-navigation .nav li a.item-noted span.item-note{ color:#aaa; display: block; font-weight: 400; font-size: 11px; text-transform: none; line-height: 11px; margin-top:0; }
#mobile-navigation .nav li a.item-noted i{ line-height: 55px; }
#mobile-navigation .dropdown-menu{top:0; left:0 !important; opacity: 1; margin:0 !important; padding:0; background-image:none !important; position: relative; float: none; background-color:transparent; border-radius: 0; box-shadow: none; display: none; border:none;}
#mobile-navigation .nav li .dropdown-menu a{ font-size: 12px; text-transform: none; font-weight: 600; color:#bbb; padding-left: 25px !important; display: block; }
#mobile-navigation .nav li .dropdown-menu .dropdown-menu a{ padding-left: 35px !important; }
#mobile-navigation a:active, #mobile-navigation a:focus, #mobile-navigation li a.active, #mobile-navigation a:hover, #mobile-navigation li a.touchme{background-color:#181919;}
#mobile-navigation a span{ display: none; }
#mobile-navigation .nav-el{ margin-top:0; background-color: inherit; }
#mobile-navigation .nav-el ul{ margin-top:0; }
#mobile-navigation .nav-el a span{ display: inline-block; margin-left:6px; font-size: 14px; position: relative; top:2px; }
#mobile-navigation .nav-el a img{ max-height: 20px; }
#mobile-navigation .nav-el a.cart-item span{ width: 20px; height: 20px; line-height: 20px; margin-left:2px; text-align: center; border-radius: 100%; }
#mobile-navigation .nav-el a.cart-item i.fa{ width: 15px; height: 100%; position: relative; display: inline-block; font-size: 17px; color:white; }
#mobile-navigation .nav-el a.cart-item i:before{ content:"\f290"; }
#mobile-navigation .nav-el a.cart-item i:not(.fa){ display: none; }
#mobile-navigation .nav-el .search-form-trigger{ left:auto; right: 6px; font-size: 12px; }
#mobile-navigation .nav-el .search-form-trigger i:before{ content: "\f002"; }
#mobile-navigation .nav-el .nav li a.external-btn{ margin-top:10px !important; width: 90%; left:5%; }
#mobile-navigation .image-wrapper {position: relative;
padding-bottom: 56.2%;}
#mobile-navigation .image-wrapper img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
}
#mobile-navigation .pagetop{ color:#aaa; margin-top:30px; position: relative; padding-left: 10px; bottom:10px; z-index: 1 !important; text-align: left; width: 100%; font-weight: 600; }
#mobile-navigation .pagetop .container{ padding: 0 !important; }
#mobile-navigation .pagetop .left a{ display: block; font-size: 13px; }
#mobile-navigation .pagetop a span{ display: inline-block; margin-right: 3px; }
#mobile-navigation .pagetop .right a,
#mobile-navigation .pagetop .socials a{ padding:6px; display: inline-block; margin-top:5px; line-height: normal; }
#mobile-navigation .pagetop .right a:hover{ color:white; }
#mobile-navigation .pagetop .copyright{ font-size: 13px; font-weight: 400; }
#mobile-navigation .dropdown-menu .column-title{display: none;}
#mobile-navigation .mega-menu>li{border:none;}
#mobile-navigation li a i{display: block; position: absolute; right: 0; top:0; bottom:0; width:60px; text-align: center; line-height: inherit; color:#888; font-size: 13px; }
#mobile-navigation li a i:before{ content:"\f105"; font-family: 'FONTAWESOME'; display: inline-block; line-height: inherit; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
#mobile-navigation li a.showing i:before{ color:#ccc; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#navigation.no-mobile-nav + #mobile-navigation, #navigation.no-mobile-nav .mobile-nb{ display: none !important; }
#mobile-navigation hr,
#navigation.side-menu .search{ display: none; }
}*/
/* Hide By Scroll Effect
/* ============================================================ */
.hide-by-scroll{ -webkit-transition: transform 0.45s; -moz-transition: transform 0.45s; transition: transform 0.45s; }
.hide-by-scroll.hiding{ -webkit-transform: translateY(-100%) !important; -moz-transform: translateY(-100%) !important; -ms-transform: translateY(-100%) !important; transform: translateY(-100%) !important; }
.sticky-wrapper .hide-by-scroll.hiding{ -webkit-transform: translateY(0%) !important; -moz-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; }
.sticky-wrapper.is-sticky .hide-by-scroll.hiding{ -webkit-transform: translateY(-100%) !important; -moz-transform: translateY(-100%) !important; -ms-transform: translateY(-100%) !important; transform: translateY(-100%) !important; }
.hide-on-home{ display: none; }
/* Boxes with images */
.boxes-with-image{ padding: 0 !important; }
.boxes-with-image .box{ display: block; background-size: cover !important; padding:50px 60px; position: relative; -webkit-transition: padding 0.2s; -moz-transition: padding 0.2s; transition: padding 0.2s; }
.boxes-with-image .box .texts, .boxes-with-image .texts .secret-button{ position: relative; z-index: 5; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1) !important; transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1) !important; }
.boxes-with-image .box .texts{ -webkit-transform: translateY(20px); -moz-transform: translateY(10px); -ms-transform: translateY(20px); transform: translateY(20px); }
.boxes-with-image .box:hover .texts{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.boxes-with-image .box h1{ background-size: cover; padding:0; margin:0 0 20px; }
.boxes-with-image .box p{ font-size:inherit; margin:0; color:inherit; }
.boxes-with-image .box .secret-button{ display: inline-block; opacity: 0; margin-top:20px; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
.boxes-with-image .box:hover .secret-button{ opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
@media only screen and (max-width: 900px){ .boxes-with-image:not(.nav-to-custom-slider) .box{ padding: 60px 20px; } .boxes-with-image .box h1{ font-size: 25px; } }
@media only screen and (max-width: 800px){ .boxes-with-image:not(.nav-to-custom-slider) .box{ padding: 60px 60px; width: 100% !important; float: none; } .boxes-with-image .box h1{ font-size: 45px; } }
@media only screen and (max-width: 500px){ .boxes-with-image:not(.nav-to-custom-slider) .box{ padding: 60px 30px; } .boxes-with-image .box h1{ font-size: 35px; } }
/* Image boxes */
.image-boxes .item{margin:0 12px;}
@media only screen and (max-width: 480px){ .image-boxes .item{margin:0;} }
.image-boxes .item h3{ color:#6c6c6c; font-weight: inherit; margin:35px 0 0; text-transform: uppercase; padding:0; font-size: 20px;}
.image-boxes .item p{ color:#898989; font-size: 14px; margin-top:15px; padding-top: 0; line-height: 22px;}
/*Portfolio*/
/*Hero Slider*/
/* ================================================== */
.hero-slider,.hero-slider .slide{ position: relative; overflow: hidden; }
/* Sllide image and scale image */
.hero-slider .slide .slide-img,
.hero-slider .slide .slide-img .scale-timer{ position: absolute; width: 100%; height: 100% !important; max-width: 100% !important; background-attachment: scroll !important; left:0; top: 0 !important; z-index: 2; background-position: center center; background-size: cover; }
.hero-slider .slide .slide-img .scale-timer{ -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: transform 1s; -moz-transition: transform 1s; transition: transform 1s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.hero-slider .slide .slide-img .scale-timer.scaling{ -ms-transform: scale(1.25); -webkit-transform: scale(1.25); transform: scale(1.25); -webkit-transition: transform 20s; -moz-transition: transform 20s; transition: transform 20s; }
.hero-slider .slide .details{ position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 5; }
/* Get Height for slides */
.hero-slider .slick-list,.hero-slider .slick-track{ height: 100% !important; }
/* Animated items on slider */
.hero-slider .slick-slide .animated{ visibility: hidden !important; animation-duration: 0.9s; -webkit-transition: visibility 0.3s; -moz-transition: visibility 0.3s; transition: visibility 0.3s; }
.hero-slider .slick-slide.slick-current .animated.visibleme{ visibility: visible !important; }
.nav-to-custom-slider .slick-slide{ -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.5; }
.nav-to-custom-slider .slick-center{ opacity: 1; }
/* Hero Slider
/* ================================================== */
.background-slider{ z-index: -1; position: absolute; width: 100%; height: 100%; left:0; top:0; overflow: hidden; }
.background-slider .slick-list, .background-slider .slick-track{ position: absolute; width: 100%; height: 100%; left:0; top:0; padding: 0 !important; }
.background-slider .slide{ position: relative; width: 100%; height: 100%; background-size: cover; background-position: center center; }
/* Footer */
.classic_footer{ background-color:#000; color:#027eff; line-height: 170%; font-size: 14px; -webkit-transform: translateZ(0px); transform: translateZ(0px); }
.classic_footer .footer-body{ padding:60px 0 50px; }
.classic_footer .footer-body .row{ width: 100%; }
.classic_footer ul {margin: 0; padding: 0; list-style-type: none;display: inline-block;}
.classic_footer ul li {
display: inline-block;
margin: 0 24px 0 0;
vertical-align: bottom;
cursor: pointer;
position: relative;
line-height: 65px;
height: 65px;
}
.classic_footer ul li.copyright, .classic_footer ul li.copyright:hover {
cursor: default;
color: #027eff;
}
.classic_footer a {color:#999;text-decoration:none:}
.classic_footer ul li:hover a {color:#027eff}
@media only screen and (max-width: 1171px){
.classic_footer{ padding-left:15px; padding-right: 15px; }
.classic_footer .footer-bottom{ margin-left:-15px; margin-right: -15px; }
}
.classic_footer .footer-bottom{ background-color:#131313; padding:20px 0; font-size: 13px; }
.classic_footer .footer-bottom img.logo{ max-height: 35px; }
.classic_footer .footer-bottom .bottoms>div{ display: inline-block !important; vertical-align: middle; float: none !important; max-height: 40px; }
@media only screen and (max-width: 1025px){
.classic_footer .footer-bottom .bottoms>div{ width: 100% !important; text-align: center; margin-bottom:10px; height: auto; }
.classic_footer .footer-bottom .bottoms>div:last-child{margin-bottom:0;}
}
@media only screen and (max-width: 800px){
.classic_footer ul,.classic_footer ul li {
display: block;}
}
footer.footer-fixed{ position: fixed; bottom:0; left:0; right: 0; z-index: 0; -webkit-transform: translateZ(0); transform: translateZ(0); }
body.footer-fixed-page>section{ z-index: 2; position: relative; }
@media only screen and (max-width: 1024px){ footer.footer-fixed{ position: relative; } footer.footer-fixed + .footer-keeper{ display: none; } }
/* Post & Project Pagination
================================================== */
.post-pagination{ position: relative; text-align: left; border-top:2px solid #fff;border-bottom:2px solid #fff}
.post-pagination .pagination, .post-pagination .all{ height: 38px; float: left; }
.post-pagination .pagination{ width: 47%; overflow: hidden; text-align: left; position: relative; padding:0 30px; margin:0; line-height: inherit; display: block; line-height: 85%; }
.post-pagination .pagination h4 {color: inherit; font-variant-ligatures: common-ligatures; line-height: 1.4; padding:0; margin:0;}
/* Texts */
.post-pagination .pagination .texts{ left:40px; position: relative; }
.post-pagination .pagination.next .texts{ left:auto; right: 40px; text-align: right; }
/* Icon */
.post-pagination .icon{ position: absolute; opacity: .5; left:40px; top:10px; font-size: 18px; visibility: visible; color: }
.post-pagination .pagination.next .icon{ left:auto; right: 40px; }
/* Slow Effect */
.post-pagination .post-image, .post-pagination .icon, .post-pagination .texts{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; top:50%; will-change: transform; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
/* Image */
.post-pagination .post-image{ position: absolute; left:0; width: 90px; height: auto; visibility: hidden; opacity: 0; }
.post-pagination .pagination.next .post-image{ left:auto; right: 0; }
.post-pagination .post-image img{ display: block; width: auto; max-width: 100%; }
/* Center all button */
.post-pagination .all{ width: 6%; line-height: 52px; font-size: 14px; position: relative; text-align: center; border-left-width: 1px; border-right-width: 1px; border-style: solid; }
.post-pagination .all svg.svg.replaced-svg {
width:30px;
height:30px;
margin:5px;
fill:#737577}
.post-pagination .all svg.svg.replaced-svg:hover {fill:#013e7d;}
/* Hovers */
.post-pagination .pagination.prev:hover .texts{ left:70px; }
.post-pagination .pagination.prev:hover .icon{ opacity: 0; visibility: hidden; left:80px; }
.post-pagination .pagination.prev:hover .post-image{ opacity: 1; visibility: visible; left:30px; }
.post-pagination .pagination.prev:hover .post-image{ left:0; border-right: 2px solid #fff }
/* Next */
.post-pagination .pagination.next:hover .texts{ right:70px; }
.post-pagination .pagination.next:hover .icon{ opacity: 0; visibility: hidden; right:80px; }
.post-pagination .pagination.next:hover .post-image{ opacity: 1; visibility: visible; right:0; border-left: 2px solid #fff }
@media only screen and (max-width: 641px){
.post-pagination{ display: none; }
}
.pagination{ align-items: center; justify-content: center; }
.pagination>li>a{ display: block; border:1px solid #ddd; }
.pagination>li>a, .pagination>li>span{ font-size: 12px; text-transform: uppercase; color:#888; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#fff; background-color:#333; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color:#dedede; border-color:#dedede; color:inherit; }
.pagination-lg>li>a, .pagination-lg>li>span{ padding: 7px 22px; }
/* if internet explorer */
body.ie-browser .pagination{ display: block; }
body.ie-browser .pagination>li{ display: inline-block; width: auto; }
/* Terms */
.term {position: relative;padding-top: 3px;}
.numbering-numbering {position: absolute;top: 3px;left: 0;padding-right: 10px;width: 65px;text-align: right;color: #134078;font-weight: 700;}
.term-section {padding-left: 65px;padding-right: 15px;}
/*OnePager Navigation */
#onepager-navigation{ position: relative; z-index: 1001; }
#side-onepager-navigation{ color: white; width: 200px; right: 0px; margin:0; border-radius: 20px; line-height: normal; position: fixed; height: auto; top:50%; z-index: 1001; display: block; padding:7px 0; -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); }
#side-onepager-navigation:before{ content:''; position: absolute; width: 100px; height: 350px; background:none; right: 20px; top:-50%; }
#side-onepager-navigation:after{ content:''; position: absolute; width: 20px; height: 650px; background:none; right: 20px; top:-50%; }
#side-onepager-navigation li{ background-color:rgba(1,62,125,1); box-shadow: 0 0 25px 0 rgba(0,0,0,0.15); position: relative; overflow: hidden; display: block; width: 100%; right: 0; float: right; clear: right; border:none; }
#side-onepager-navigation li a{ font-size:inherit; color: inherit; white-space: nowrap; font-weight: inherit; display: block; opacity: 1; width: 100%; padding:11px 0 12px 30px; }
#side-onepager-navigation li a span{ position: relative; z-index: 1; margin-top:1px; }
#side-onepager-navigation li a:after{ background-color:rgba(0,0,0,0.1); content:''; width: 0; height: 100%; right: 0; position: absolute; top:0; z-index: 0; transition: width 0.3s; }
#side-onepager-navigation li:before{ background-color: #fff; width: 4px; height: 4px; display: block; content:''; border-radius: 100%; position: absolute; left:17px; top:50%; margin-top:-2px; z-index: 1; }
#side-onepager-navigation li a:hover:after{ width: 100%; }
#side-onepager-navigation li a:hover,#side-onepager-navigation li a:active,#side-onepager-navigation li a:focus{ background-color: transparent ; }
#side-onepager-navigation li:first-child, #side-onepager-navigation li:first-child a{ border-top-left-radius: 10px; }
#side-onepager-navigation li:last-child, #side-onepager-navigation li:last-child a{ border-bottom-left-radius: 10px; }
/* Hiding Type */
#side-onepager-navigation.spy:before,#side-onepager-navigation.spy:after{ height: 400px; right: 0; }
#side-onepager-navigation.spy{ background:rgba(1,62,125,0.7); width: 40px; right: 20px; }
#side-onepager-navigation.spy li{ width: 40px; background: transparent; box-shadow: none; }
#side-onepager-navigation.spy li:before{ left:50%; margin-left:-2.5px; }
#side-onepager-navigation.spy li:has(> a.active):before{ background-color:white; }
#side-onepager-navigation.spy li a{ opacity: 0; padding:2px 0 2px 20px; }
#side-onepager-navigation li a.active{ background-color:rgba(0,0,0,0.3); }
/* SIDE DOTTED NAVIGATION TRANSITIO2S */
#side-onepager-navigation{ -webkit-transition: background 0.28s 0s, width 0.28s 0.25s, right 0.28s 0.2s; -moz-transition: background 0.28s 0s, width 0.28s 0.25s, right 0.28s 0.3s; transition: background 0.28s 0s, width 0.28s 0.25s, right 0.28s 0.1s; }
#side-onepager-navigation li a{ -webkit-transition: background 0.28s, opacity 0.28s 0.6s, padding 0.28s 0.15s; -moz-transition: background 0.28s, opacity 0.28s 0.6s, padding 0.28s 0.15s; transition: background 0.28s, opacity 0.28s 0.6s, padding 0.28s 0.15s; }
#side-onepager-navigation li:before{ -webkit-transition: left 0.28s 0.4s, margin-left 0.28s 0.4s; -moz-transition: left 0.28s 0.4s, margin-left 0.28s 0.4s; transition: left 0.28s 0.4s, margin-left 0.28s 0.4s; }
/* Hiding Type */
#side-onepager-navigation.spy{ -webkit-transition: background 0.28s 0.76s, width 0.28s 0.2s, right 0.28s 0.2s; -moz-transition: background 0.28s 0.76s, width 0.28s 0.2s, right 0.28s 0.2s; transition: background 0.28s 0.76s, width 0.28s 0.2s, right 0.28s 0.2s; }
#side-onepager-navigation.spy li a{ -webkit-transition: opacity 0.28s, padding 0.28s 0.45s; -moz-transition: opacity 0.28s, padding 0.28s 0.45s; transition: opacity 0.28s, padding 0.28s 0.45s; }
/* Showing delays of elements */
#side-onepager-navigation li:nth-of-type(1){ transition: width 0.28s 0.2s, background 0.28s 0.2s, box-shadow 0.28s 0.2s }
#side-onepager-navigation li:nth-of-type(2){ transition: width 0.28s 0.3s, background 0.28s 0.3s, box-shadow 0.28s 0.3s }
#side-onepager-navigation li:nth-of-type(3){ transition: width 0.28s 0.4s, background 0.28s 0.4s, box-shadow 0.28s 0.4s }
#side-onepager-navigation li:nth-of-type(4){ transition: width 0.28s 0.5s, background 0.28s 0.5s, box-shadow 0.28s 0.5s }
#side-onepager-navigation li:nth-of-type(5){ transition: width 0.28s 0.6s, background 0.28s 0.6s, box-shadow 0.28s 0.6s }
#side-onepager-navigation li:nth-of-type(6){ transition: width 0.28s 0.7s, background 0.28s 0.7s, box-shadow 0.28s 0.7s }
#side-onepager-navigation li:nth-of-type(7){ transition: width 0.28s 0.8s, background 0.28s 0.8s, box-shadow 0.28s 0.8s }
#side-onepager-navigation li:nth-of-type(8){ transition: width 0.28s 0.9s, background 0.28s 0.9s, box-shadow 0.28s 0.9s }
#side-onepager-navigation li:nth-of-type(9){ transition: width 0.28s 1s, background 0.28s 1s, box-shadow 0.28s 1s }
#side-onepager-navigation li:nth-of-type(10){ transition: width 0.28s 1.1s, background 0.28s 1s, box-shadow 0.28s 1.1s }
#side-onepager-navigation li:nth-of-type(11){ transition: width 0.28s 1.2s, background 0.28s 1s, box-shadow 0.28s 1.2s }
#side-onepager-navigation li:nth-of-type(12){ transition: width 0.28s 1.3s, background 0.28s 1s, box-shadow 0.28s 1.3s }
#side-onepager-navigation li:nth-of-type(13){ transition: width 0.28s 1.4s, background 0.28s 1s, box-shadow 0.28s 1.4s }
#side-onepager-navigation li:nth-of-type(14){ transition: width 0.28s 1.5s, background 0.28s 1s, box-shadow 0.28s 1.5s }
#side-onepager-navigation li:nth-of-type(15){ transition: width 0.28s 1.6s, background 0.28s 1s, box-shadow 0.28s 1.6s }
#side-onepager-navigation.spy li{ transition: width 0.28s 0.3s, background 0.28s 0s }
/* Responsive Options */
@media only screen and (max-width: 500px){
#side-onepager-navigation.spy li{ width: 34px; }
#side-onepager-navigation.spy{ width: 34px; right: 13px; }
#side-onepager-navigation.spy li a{ padding:0 0 0 20px; }
#side-onepager-navigation.spy:before,#side-onepager-navigation.spy:after{ height: 200px; }
}
/* Responsive Options for mini height screens */
@media only screen and (max-height: 480px){
#side-onepager-navigation{ top: 38%; }
#side-onepager-navigation.spy li{ width: 32px; }
#side-onepager-navigation.spy{ width: 32px; right: 20px; }
#side-onepager-navigation li a{ padding:9px 0 9px 23px; font-size: 10px; }
#side-onepager-navigation.spy li a{ padding:0 0 0 18px; }
#side-onepager-navigation li:before{ left:12px; }
#side-onepager-navigation.spy:before,#side-onepager-navigation.spy:after{ height: 100px; }
}
/* Right Animation */
.home .right-animation{ border:1px solid #013e7d; border-radius: 200px; width: 100vh; height: 100vh; top:0; position: absolute; right: 0%; background: transparent; z-index: 2; -webkit-transform: translateX(50%) rotate(45deg); -moz-transform: translateX(50%) rotate(45deg); -ms-transform: translateX(50%) rotate(45deg); transform: translateX(50%) rotate(45deg); }
.home .right-animation .animated-btn{ border:1px solid #013e7d; width: 160px; height: 160px; border-radius: 100%; background: transparent; display: block; position: absolute; bottom:10%; left:10%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.home .right-animation .animated-btn:hover{ background-color:#013e7d; }
/* Screen size options for right animation's position */
@media only screen and (min-height: 600px) and (max-height: 1100px) and (min-width: 992px) and (max-width: 1200px){ .home .right-animation{ right: -10%; } }
@media only screen and (min-height: 1100px) and (max-height: 1600px) and (min-width: 992px) and (max-width: 1200px){ .home .right-animation{ right: -40%; } }
/* Screen size options for right animation's border radius */
@media only screen and (max-width: 1100px){ .home .right-animation{ border-radius: 190px; } }
@media only screen and (max-height: 700px) and (min-width: 1100px ){ .home .right-animation{ border-radius: 190px; } }
@media only screen and (max-height: 500px) and (min-width: 992px ){ .home .right-animation{ border-radius: 140px; } }
/* Scrolldown */
a.scroll-down span {position: absolute;top: 0;left: 50%;width: 32px;height: 32px;margin-top: 24%;margin-left: -16px;border-left: 5px solid #013e7d;border-bottom: 5px solid #013e7d;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb07 2s infinite;animation: sdb07 2s infinite;opacity: 0;box-sizing: border-box;}
a.scroll-down:hover span {border-left: 5px solid #fff;border-bottom: 5px solid #fff;}
a.scroll-down span:nth-of-type(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
a.scroll-down span:nth-of-type(2) {top: 16px;-webkit-animation-delay: .15s;animation-delay: .15s;}
a.scroll-down span:nth-of-type(3) {top: 32px;-webkit-animation-delay: .3s;animation-delay: .3s;}
@-webkit-keyframes sdb07 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes sdb07 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
a.scroll-down{position: absolute;left:50%;z-index: 2;margin-left:-100px;}
.scrolldown-img {height: 200px;width: 200px;position: relative}
.scrolldown-img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.15);
transform: scale(1.15)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes scale {
0% {
-o-transform: scale(1);
transform: scale(1)
}
50% {
-o-transform: scale(1.15);
transform: scale(1.15)
}
100% {
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes scale {
0% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15)
}
100% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes scale-inner {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.27);
transform: scale(1.27)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes scale-inner {
0% {
-o-transform: scale(1);
transform: scale(1)
}
50% {
-o-transform: scale(1.27);
transform: scale(1.27)
}
100% {
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes scale-inner {
0% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.27);
-o-transform: scale(1.27);
transform: scale(1.27)
}
100% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes scale-outer {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(.71);
transform: scale(.71)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes scale-outer {
0% {
-o-transform: scale(1);
transform: scale(1)
}
50% {
-o-transform: scale(.71);
transform: scale(.71)
}
100% {
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes scale-outer {
0% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(.71);
-o-transform: scale(.71);
transform: scale(.71)
}
100% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
.scrolldown-img img {-webkit-animation-duration: 2s;-o-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-o-animation-timing-function: linear;animation-timing-function: linear}
.scrolldown-img img.sdi-3 {width: 150px;-webkit-animation-name: scale-outer;-o-animation-name: scale-outer;animation-name: scale-outer}
.scrolldown-img img.sdi-2 {width: 120px;-webkit-animation-name: scale;-o-animation-name: scale;animation-name: scale}
.scrolldown-img img.sdi-1 {width: 58px;-webkit-animation-name: scale-inner;-o-animation-name: scale-inner;animation-name: scale-inner}
/* Icons */
/* Download */
a.download {display: inline-block;color: #666;text-decoration: none;line-height: 1.3em;font-size: 12px;min-height: 86px;padding-right: 55px;margin-bottom: 32px;float:right;}
a.download {color: #134078;}
a.download.pdf {background: transparent url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/ic_pdf.png) right bottom no-repeat;}
a.download.pdf:hover {background: transparent url(/typo3conf/ext/kurz_magazin_settings/Resources/Public/Images/Icons/ic_pdf_a.png) right bottom no-repeat;}
a[href^="mailto:"] {color: #134078;text-decoration: underline;font-weight:700}
a[href^="tel:"] {color: #134078;font-weight:700}
a[href^="javascript:linkTo_UnCryptMailto"]{color: #134078;text-decoration: underline;font-weight:700}
/* Mail*/
/* Ext Link */
/* Social */
.cbp-item.sixteen-nine img {
overflow: hidden;
object-fit: cover;
height: 270px;
}
.cbp-caption-defaultWrap.sixteen-nine-img {width: 100%;overflow: hidden;margin: 0;padding-top: 56.25%;position: relative;}
.cbp-caption-defaultWrap.sixteen-nine-img img{position: absolute;top: 50%;left: 50%; width: 100%; transform: translate(-50%, -50%);}
.cbp-caption-zoom .cbp-caption-activeWrap {background-color: rgba(230, 233, 237, 0.8);}
.cbp-caption-activeWrap {background-color:#e6e9ed}
.cbp-l-caption-alignLeft .cbp-l-caption-body{color:#013e7d;}
.cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev {background:rgba(230,233,237,0.5)}
.cbp-slider-edge .cbp-nav-next:hover, .cbp-slider-edge .cbp-nav-prev:hover {background:rgba(230,233,237,1)}
.cbp-nav-no .cbp-nav {display:none}
/*parallax caption */
.parallaxcaption {background: rgba(0,61,125,0.45); padding: 15px; padding-left:70px; width: 100%;position:absolute;bottom:0}
@media only screen and (max-width:1200px) {
.parallaxcaption {background: rgba(0,61,125,0.45); padding: 15px; width: 100%;position:absolute;bottom:0}
}
@media screen and (max-width:1200px) {
body.scrolled #header #headline {
max-height: 100%
}
#header {
min-height:auto
}
#header #headline #headline-wrap {
padding-left: 16px;
padding-right: 16px
}
#header .burger {
display: block
}
#header #headline #logo {
position: static;
float: left;
width: auto;
height: 35px;
margin-left: 12px;
line-height: 36px
}
#header #logo a:first-letter{font-size:35px;font-weight:700;line-height:1em;}
#header #headline h1 {margin:0}
#header #headline #logo-kurz {
height: 35px
}
#main-navigation {
display:none;
}
}
@media (max-width: 767px) {
.lkg-header {
display: block;
}
}
@media (max-width: 565px) {
#header #headline #logo {
display: none}
}
/* hover effect media-boxes */
.thumbnail-overlay {background-color: transparent; background: unset}
.media-box-title {letter-spacing: normal!important;}
.media-box-play-button, .media-box-sound-button {
background: url(../JavaScript/MediaElements/mejs-controls.svg) no-repeat !important;
background-position: 0 -39px;
font-size: 15px;
height: 50px;
width: 50px;
line-height: 50px;
}
.media-box-image img{
-webkit-transition: transform 0.6s ease-in-out;
-moz-transition: transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out;
-ms-transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-o-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.media-box-image:hover img{
-webkit-transform: scale(1.2) translate(-20px);
-moz-transform: scale(1.2) translate(-20px);
-o-transform: scale(1.2) translate(-20px);
-ms-transform: scale(1.2) translate(-20px);
transform: scale(1.2) translate(-20px);
}
.media-box-categories {
margin-bottom: 1.2em;
}
.media-box-categories span {
color: #fff;
}
.media-box-categories .label {
padding: .3em .6em .3em;
font-size: 85%;
letter-spacing: 0.5px;
}
.media-box-date {
font-size:15px;
float:right;
color:#666;
line-height:inherit;
margin-top:0;
}
.label.bg-colored {
background-color: #027eff;
}
.font-smoothing {
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important
}
.responsive-video {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
}
/* Form Elemente */
.form-control, .form-group .form-control {
border: 0;
background-image: linear-gradient(#003e7d,rgba(0, 62, 125, 1)),linear-gradient(#D2D2D2,#D2D2D2);
background-size: 0 2px,100% 1px;
background-repeat: no-repeat;
background-position: center bottom,center calc(100% - 1px);
background-color: transparent;
transition: background 0s ease-out;
float: none;
box-shadow: none;
border-radius: 0;
font-weight: 400;
}
.form-group.is-focused label, .form-group.is-focused label.control-label {
color: #003e7d;
}
.form-group.is-focused .form-control {
outline: 0;
background-image: linear-gradient(#003e7d, #003e7d), linear-gradient(#D2D2D2, #D2D2D2);
background-size: 100% 2px, 100% 1px;
box-shadow: none;
transition-duration: .3s
}
/********************************************/
/************* LKG Cubeport *****************/
/********************************************/
.cbp-l-caption-alignCenter .cbp-l-caption-body.cbp-l-caption-alignMiddle {padding: 0;}
body#page-4 .frame {margin-bottom:0}
body#page-4 .media .media-heading, body#page-4 .media .media-heading a{font-weight:300;color:#fff;}
.color-white {color:#fff!important;}
.color-medium {color:#bdbdbd!important;}
.index-1{
position: relative;
z-index: 1!important;}
.lkg-hero-img-work h3{
font-weight:300;}
.intext-right, .intext-left {width:40%;}
#stickyblock-start .frame:first-child{margin-top:0;}
.kesearch_searchbox .form-control, .form-group .form-control{
color: white;
}
.col-md-3 .tx-kurztabs-pi1 .tab-pane .frame {margin-bottom:0;}
/* media queries */
@media only all and (max-width:162.5em) {
.col-md-3 span.hideonside {
display: none;
}
}
/*.media-box[data-columns="2"] {display:block}
.media-box[data-columns="2"] > .media-box-container > a > .media-box-content {display:none}*/
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 3rem;
}
.card-body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
-webkit-border-radius: 0!important;
border-radius: 0!important;
}
.card-header {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 2rem;
}
.card-header {
padding-top: 1.5rem;padding-bottom: 1.5rem;
}
.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6 {
margin-top:0;margin-bottom:0
}
.card.card-cascade.wider .card-body.card-body-cascade {
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
margin-left: 4%;
margin-right: 4%;
background: #7493b5;
z-index: 1;
-webkit-border-radius: 0 0 .25rem .25rem;
border-radius: 0 0 .25rem .25rem;
}
.view {
position: relative;
overflow: hidden;
cursor: default;
}
.card.card-cascade .view.view-cascade {
-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
-webkit-border-radius: .25rem;
border-radius: .25rem;
}
.card.card-cascade .view.view-cascade.gradient-card-header {
padding: 1.6rem 1rem;
text-align: center;
}
.card.card-cascade.wider .view.view-cascade {
z-index: 2;
}