html { font-size: 112.5%; width: 100%; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden !important; }
body { color: #000; margin: 0; padding: 0; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: normal; line-height: 23px; text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; background: white; outline: none 0; overflow-x: hidden; }
/**/
section { position: relative; padding-top: 0; padding-bottom: 0; }
.section { background-color: #fff; padding-top: 90px; padding-bottom: 90px; position: relative; }
.section2 { background-color: #fff; padding-top: 0; padding-bottom: 0; position: relative; }
.section-legals { padding-top: 140px; padding-bottom: 90px; position: relative; }
.privacy-legals { padding-top: 30px; }
.container-fluid { }
#section-two .container-fluid { max-width: 1440px; }
#section-two2 .container-fluid { max-width: 1440px; }
.container-fluid img { width: 100%; }
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.padbottom60 { padding-bottom: 90px; }
.padbottom60b { padding-bottom: 60px; }
.padbottom30 { padding-bottom: 30px; }
#section-five img { width: 100%; }
#section-six img { width: 100%; }
.img-responsive { width: 100%; }
.padb { padding-bottom: 15px; }
.btn-d { font-size: 25px; font-weight: 700; line-height: 30px; }
.btn-d i { color: #fff; font-size: 18px; line-height: 26px; background-color: #000; text-align: center; width: 26px; height: 26px; margin-top: 0; margin-right: 10px; padding-top: 0; padding-left: 2px; border-radius: 100%; }
.pad10 { padding-bottom: 0; }
.pad15 { padding-bottom: 15px; }
.padtop30 { padding-top: 160px; }
.ptb30 { padding-top: 30px; padding-bottom: 60px; }
.padb30 { padding-bottom: 30px; }
.pad-bottom60 { padding-bottom: 60px; }
.padtop100 { padding-top: 140px; }
.pad30 { padding-bottom: 30px; }
.padv { text-align: center !important; padding-right: 15px; padding-left: 15px; }
.pad60 { padding-bottom: 60px; }
@media (max-width:992px) {
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.padbottom60 { padding-bottom: 30px !important; }
.pad10 { padding-bottom: 10px; }
.padtop30 { padding-top: 30px; }
}
@media (max-width:768px) {
.section { }
.section-legals { padding-top: 130px; padding-bottom: 60px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
}
@media (max-width:767px) {
.pad-bottom60 { padding-bottom: 30px; }
}
/**/
.slidetitle { color: #fff; font-size: 60px; font-weight: 700 !important; line-height: 70px !important; }
.slidename { color: #fff; font-size: 25px !important; font-weight: 700 !important; line-height: 30px !important; }
.sitename { color: #fff; font-size: 25px !important; font-weight: 400 !important; line-height: 30px !important; text-align: center; margin-bottom: 20px; }
.sectionname { color: #fff; font-size: 38px; font-weight: 700; line-height: 43px; text-align: center; margin-top: 10px; margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
h1 { color: #fff; font-size: 70px; font-family: Merriweather; font-weight: 900 !important; line-height: 75px; text-transform: none; margin-top: 0; margin-bottom: 5px; }
h1 span { font-size: 40px; font-family: "Open Sans", sans-serif; font-weight: 800; line-height: 45px; margin-top: 20px; display: block; }
h2 { color: #fff; font-size: 50px; font-family: Merriweather; font-weight: 800; line-height: 55px; text-transform: none; margin-top: 0; margin-bottom: 15px; }
.h2 { color: #fff; font-size: 40px; font-family: Merriweather; font-weight: 700; line-height: 45px; margin-top: 0; margin-bottom: 15px; }
h3 { color: #000; font-size: 25px; font-weight: 700; line-height: 30px; margin-top: 0; margin-bottom: 15px; display: block; }
.h3 { color: #000; font-size: 25px; font-weight: 700; line-height: 30px; display: block; margin-top: 0; margin-bottom: 10px !important; }
#section-three h2 { line-height: 60px; text-transform: none; text-align: left; margin-bottom: 10px !important; }
#section-one4 h2 { line-height: 60px; text-align: left; text-transform: none; margin-bottom: 20px !important; }
h3 span { font-size: 20px; line-height: 25px; display: block; }
h4 { color: #f80140 !important; font-size: 20px; font-weight: 700; line-height: 25px; margin-top: 0; margin-bottom: 5px; }
h5 { color: #444; font-size: 25px !important; line-height: 30px; display: block; letter-spacing: 0; margin-bottom: 15px; margin-top: 0
}
h5 .fa { font-size: 55px; line-height: 60px; display: block; }
h6 { color: #181411; font-size: 40px; font-family: "Shadows Into Light"; font-weight: 400; font-style: italic; line-height: 45px; margin-top: 50px; margin-bottom: 0; display: block; }
a{ color: #000; text-decoration: none; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
a:hover{ color: #000; text-decoration: none; }
a:focus{ text-decoration: none; }
.x3 { color: #fff !important; background-color: #000 !important; text-align: center !important; margin-top: 20px; display: inline; }
.x3 span { padding: 4px 6px; display: inline-block; }
p { font-size: 17px; font-weight: 500; line-height: 27px; margin-bottom: 20px; }
#legals p { font-size: 16px; line-height: 21px; }
.pb0 { margin-bottom: 10px !important; }
.divider2 { background-color: #000; width: 100%; height: 1px; margin-top: 30px; margin-bottom: 30px; }
.divider3 { background-color: #000; margin-top: 0; margin-bottom: 30px; width: 80px; height: 3px; }
.divider4 { background-color: #000; width: 240px; height: 3px; margin: 30px auto 60px; }
.divider5 { background-color: #000 !important; margin: 0 auto 120px; width: 40%; height: 3px; }
.fa-envelope { color: #fff; font-size: 20px; line-height: 37px; background-color: transparent; text-align: center; width: 40px; height: 40px; margin-right: 10px; border: solid 2px; border-radius: 100%; }
.fa-phone { color: #fff; font-size: 20px; line-height: 37px; background-color: transparent; text-align: center; margin-right: 10px; width: 40px; height: 40px; border: solid 2px; border-radius: 100%; }
.teleph-c { top: -10px; height: 40px !important; float: left; margin-top: 12px; }
.x { margin-right: auto; margin-left: auto; display: inline-block; }
.lead2 { color: #fff; font-size: 21px; line-height: 1.4; background-color: #000; margin-bottom: 5px; padding: 5px; display: inline-block; }
.teleph-b { height: 40px; float: left; padding-top: 10px; }
ul { margin-left: 0; padding-bottom: 27px; padding-left: 20px; list-style-type: square; list-style-position: outside; }
ol li { line-height: 30px; }
ol { padding-left: 20px; }
ul li { font-size: 17px; line-height: 27px !important; padding-top: 2px; padding-bottom: 2px; }
.black { color: #000; }
.small { color: #000 !important; font-size: 14px !important; font-family: "Open Sans", sans-serif; font-weight: 400 !important; line-height: 19px !important; letter-spacing: 0 !important; }
.hinweis { color: #000 !important; font-size: 14px !important; font-family: "Open Sans", sans-serif; font-weight: 400 !important; line-height: 19px !important; margin-top: 15px; }
.small2 { color: #000; font-size: 12px !important; font-weight: 400 !important; line-height: 15px !important; letter-spacing: 0 !important; }
.padlr { max-width: 778px; }
.small5 { color: #000; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; margin-top: 15px; margin-bottom: 50px; }
table { width: 100%; }
.white { color: #fff; }
.form_error {color:red; font-size: 14px;}
.form_error_produkt {margin: 0px auto 50px; display: table; color: red; font-size: 15px;}
@media (max-width:1200px) {
.jobbox { padding: 40px; }
.parallax h2 { font-size: 30px !important; line-height: 37px !important; }
h1 { font-size: 50px !important; line-height: 57px !important; }
h1 span { font-size: 30px !important; line-height: 35px !important; }
}
@media (max-width:992px) {
.slidetitle { font-size: 50px; line-height: 55px; }
.slidename { font-size: 20px !important; line-height: 25px !important; }
h2 { font-size: 40px !important; line-height: 45px !important; }
.leistungen { padding-left: 0; }
h3 { font-size: 25px; line-height: 30px; }
}
@media (max-width:768px) {
h1 { font-size: 40px !important; line-height: 47px !important; }
h1 span { font-size: 25px !important; line-height: 32px !important; }
h2 { font-size: 35px !important; line-height: 42px !important; }
.parallax h2 { font-size: 24px !important; line-height: 30px !important; }
}
@media (max-width:767px) {
h1 { font-size: 28px !important; line-height: 33px !important; margin-top: 0; }
p { font-size: 16px; line-height: 23px; }
.line-h { margin-bottom: 90px; }
.slidetitle { font-size: 28px !important; line-height: 33px !important; }
.slidename { font-size: 20px !important; line-height: 25px !important; margin-bottom: 5px; }
.sectionname { font-size: 25px; line-height: 30px; }
.sitename { font-size: 20px !important; line-height: 25px !important; }
h1 span { font-size: 25px !important; line-height: 30px !important; margin-top: 5px; margin-bottom: 0 !important; }
h1 span br { display: none; }
h2 { font-size: 24px !important; line-height: 30px !important; }
h3 { font-size: 20px; line-height: 25px; }
h3 span { font-size: 18px; line-height: 23px; }
ol { padding-left: 20px; }
.banner-page4 h3 { font-size: 20px; line-height: 25px; }
.adress-item-wrapper .infotext br { display: none; }
}
@media (max-width:580px) {
h1 span { font-size: 20px; line-height: 25px; }
.sectionname { font-size: 20px; line-height: 25px; text-align: left !important; }
.padv .sectionname { text-align: center !important; }
.padv .sitename { text-align: center !important; }
#section-u-one .sectionname { font-size: 20px; line-height: 25px; text-align: center !important; }
#section-u-two .sectionname { font-size: 20px; line-height: 25px; text-align: center !important; }
#section-u-three .sectionname { font-size: 20px; line-height: 25px; text-align: center !important; }
#section-u-four .sectionname { font-size: 20px; line-height: 25px; text-align: center !important; }
h2 br { display: none; }
.parallax h2 { font-size: 20px; line-height: 25px; }
.small { letter-spacing: 0 !important; }
.banner-page4 h3 { font-size: 20px !important; line-height: 25px !important; }
.sitename { text-align: left; }
}
/*b*/
.banner-page h1 { color: #fff; font-size: 75px; font-family: Merriweather; font-weight: 800 !important; line-height: 80px; text-transform: none; margin-top: 0; margin-bottom: 5px; display: block; }
.banner-page .xbl h1 { color: #000; }
.banner-page h1 span { color: #000; font-size: 25px !important; font-family: "Open Sans", sans-serif; line-height: 30px !important; background-color: #fff; letter-spacing: 0 !important; margin-top: 0; margin-bottom: 20px; padding: 5px; display: inline-block; }
.banner-page .xbl h1 span { color: #fff; font-size: 25px !important; font-family: "Open Sans", sans-serif; line-height: 30px !important; background-color: #000; letter-spacing: 0 !important; display: inline-block; margin-top: 0; margin-bottom: 20px; padding: 5px; }
.banner-page h1 { font-family: Merriweather; }
.banner-page4 h3 { font-size: 25px; line-height: 33px; }
.banner-page4 h3 .small { margin-top: 10px; display: block; }
.parallax h2 span { font-size: 40px; line-height: 45px; margin-top: 15px; display: block !important; }
#about h2 { color: #000; font-size: 32px; font-weight: 700; line-height: 37px; margin-top: 0; margin-bottom: 15px; }
.adress-item-wrapper p { font-size: 18px; font-weight: 700; line-height: 23px; }
.privacy-legals p { font-size: 16px; line-height: 21px; }
.accordion-heading h2 { font-size: 17px !important; line-height: 23px !important; }
.leistungen { padding-left: 30px; }
.leistungen ul { padding-top: 10px; padding-bottom: 10px; }
.leistungen ul li { padding-top: 5px; padding-bottom: 5px; }
.line-h { background-color: #171717; width: 100%; height: 1px; margin-top: 60px; margin-bottom: 140px; }
.jobbox { position: relative; padding: 50px 50px 0 40px; display: block; }
@media (max-width:1200px) {
.jobbox { padding: 40px; }
}
/**/
header { background-color: transparent; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100px; z-index: 7; margin-right: auto; margin-left: auto; border-bottom: 1px solid #000; }
.navbar-brand { width: 320px; height: 38px; margin-top: 36px; margin-left: 0 !important; padding: 0 !important; }
.navbar-brand img { width: 100%; }
.navbar-header { background-color: transparent; height: 60px; margin: 0 !important; padding: 0 !important; display: block !important; }
.navbar { background-color: transparent; border-style: none; }
.navbar-collapse { text-align: center !important; width: 100% !important; height: 60px !important; margin-right: auto !important; margin-left: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0; border-top-color: #181c27 !important; border-top-style: none; border-top-width: 1px !important; border-right-style: none; border-bottom-color: #181c27 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; display: inline-block !important; }
.navbar-default { background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 100px !important; margin: 0 auto; border-top: 1px none #c4c4c4; border-bottom: 1px none #e6e6e6; border-right-style: none; border-left-style: none; border-radius: 0; }
.navbar-default .navbar-nav > li { padding: 0 15px 0; }
.navbar-default .navbar-nav > li:last-child { padding-right: 0; }
.navbar-default .navbar-nav > li:nth-of-type(6) { padding-right: 0 !important; }
.navbar-default .navbar-nav .dropdown-menu li:last-child { padding-left: 0; border-left: 1px none #b4b4b4; border-top-style: none; border-right-style: none; border-bottom-style: none; }
.navbar-default .navbar-nav > li > a { color: #000; font-size: 17px; font-weight: 400; line-height: 100px; background-color: transparent; text-align: left; padding: 0; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #004996; background-color: transparent !important; border-bottom: 4px none #181c27; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #004996; background-color: transparent; border-bottom: 4px none #566cb0; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #000 !important; background-color: transparent; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; -webkit-transform: rotate(45deg) !important; -moz-transition: rotate(45deg) !important; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent !important; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transition: rotate(-45deg); transform: rotate(-45deg); }
.navbar-toggle .icon-bar { color: #000; background-color: #000; position: relative; transition: 300ms ease-in-out; border-style: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.navbar-default .navbar-toggle { float: left !important; margin-top: 0 !important; margin-right: 15px !important; margin-left: 30px; padding-right: 0; border-color: #ddd; border-style: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent }
@media (max-width:1200px) {
.navbar-default .navbar-nav li { padding-right: 10px; padding-left: 10px; }
}
@media (max-width:992px) {
.navbar-default .navbar-nav > li { padding-right: 5px; padding-left: 5px; }
}
@media (max-width:992px) {
.navbar-brand { width: 266px; height: 32px; margin-top: 30px; margin-left: 15px !important; }
.navbar-header { z-index: 2345 !important; float: none; display: block !important; }
.navbar-default .navbar-nav li:last-child { border-left-style: none; }
.navbar-default .navbar-toggle { margin-left: 5px; }
nav { width: 100% !important; padding: 0 !important; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover li { background-color: transparent; border-style: none; }
.navbar-default .container { padding-right: 0; padding-left: 0; }
.navbar .navbar-nav { background-color: #fff !important; width: 100% !important; height: auto !important; overflow: auto; float: left !important; max-height: 470px; margin: 0 !important; padding: 0 40px !important; display: block !important; }
.navbar-default .navbar-nav > li > a { color: #000; line-height: 42px !important; text-align: left; }
.navbar-default .navbar-nav > li { float: none !important; margin-top: 0 !important; margin-bottom: 0; padding-top: 0; padding-right: 0 !important; padding-bottom: 0; padding-left: 0 !important; border-top-color: #e4e4e4 !important; border-top-style: solid; border-top-width: 1px !important; border-right-style: none; border-bottom-style: none; border-left-style: none; display: block !important; }
.navbar-default .navbar-nav > li:first-child { border-style: none !important; }
.navbar-collapse { height: auto !important; display: block; overflow-x: hidden !important; }
.navbar-default .navbar-collapse { background-color: #fff; width: 100%; max-height: !important!important; margin-top: 0; padding: 5px 15px 40px !important; border-top-style: none; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: solid; border-bottom-width: 1px !important; border-left-style: none; }
.navbar-collapse.collapse { overflow: hidden; display: none!important; }
.navbar-default .navbar-toggle { float: right !important; margin-top: 25px; margin-right: 0; padding-right: 0 !important; display: block; }
.navbar-default .collapse.in { display: block !important; }
.navbar-default { height: 80px !important;}
header { height: 80px !important; }
.header { height: 80px !important; }
.navbar-header { height: 80px; }
.navbar-default .navbar-toggle { margin-top: 22px !important; margin-right: 15px !important; }
}
@media (max-width:580px) {
.navbar-brand { width: 216px; height: 26px; float: right !important; margin-top: 22px; margin-right: 15px !important; display: block; }
.navbar .navbar-nav .dropdown .dropdown-menu li { display: inline-block !important; min-width: 140px !important; }
header { position: fixed; height: 60px; }
.header { height: 60px !important; }
.navbar-header { height: 60px; }
.navbar-default .navbar-toggle { margin-top: 12px !important; float: left !important; margin-left: 5px !important; }
.navbar-default { height: 60px !important; }
.navbar-default .navbar-nav > li > a { line-height: 36px !important; }
}
@media (max-width:320px) {
.navbar-brand { display: block; margin-top: 30px; width: 200px; height: 24px; float: right !important; margin-right: 15px !important; }
.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 116px !important; }
#navbar { height: 400px !important; overflow-y: scroll !important; }
}
/**/
.navbar .navbar-nav .dropdown .caret { float: right !important; display: none; }
.navbar .navbar-nav .dropdown .dropdown-menu { background-color: #fff !important; padding: 15px; border: 0 #ececec; border-radius: 0 !important; box-shadow: none; }
.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 180px; }
.navbar .navbar-nav .dropdown .dropdown-menu li a { color: #000; font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 26px; padding: 0 3px; letter-spacing: 0.5px; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; }
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover { color: #004996; background-color: white !important; }
.navbar .navbar-nav .dropdown .dropdown-menu li a i {
padding-right: 5px;
}
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header { color: #000 !important; font-size: 16px !important; margin-top: 15px; margin-left: 0 !important; padding-right: 15px !important; padding-left: 0 !important; border-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header a:hover { color: #f80140 !important; background-color: transparent; padding-right: 0; padding-left: 0; border-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu .divider { margin-left: 18px; margin-right: 18px; background-color: #ddd; padding-left: 0; border-style: none; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #004996 !important; background-color: transparent !important; text-decoration: none; border-style: none; outline: none 0; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; margin-top: 18px; border-top: 6px dashed !important; border-right: 6px solid transparent !important; border-left: 6px solid transparent !important; border-bottom-width: 6px !important; }
@media (max-width:768px) {
.dropdown-menu { position: relative; width: 100%; border-style: none !important; }
.navbar .navbar-nav .dropdown.open .caret{
transform:rotate(-180deg);
transition:all 0.3s ease-in-out; /*for smoothness*/
}
.navbar .navbar-nav .dropdown .caret{
transition:all 0.3s ease-in-out; /*for smoothness*/
}
.navbar .navbar-nav .dropdown .caret { display: block; }
.navbar .navbar-nav .dropdown .dropdown-menu li { width: 100%; padding-left: 0; display: block; }
}
@media (min-width:820px) {
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
ul.nav li.dropdown-submenu:hover > ul.dropdown-menu { display: block; }
.attr-nav li.dropdown:hover > ul.dropdown-menu { display: block; }
}
/**/
.top-bar { background-color: rgba(255, 255, 255, 0.9); width: 100%; position: relative; height: 40px; color: #a1a1a1; text-align: right; overflow: hidden; padding-top: 0; padding-bottom: 0; }
.top-bar-links { color: #fff; line-height: 44px; font-size: 14px; font-weight: 700; float: right; padding-top: 0; padding-bottom: 0; }
.top-bar-link a { color: #7f7f7f; font-size: 15px; font-weight: 400; line-height: 25px !important; padding-top: 10px; padding-right: 3px; display: block; }
.top-bar-link { }
.top-bar-rechts { color: #fff; font-size: 14px; font-weight: 700; line-height: 44px; float: right; }
.top-bar i { color: #fff !important; font-size: 24px; line-height: 44px; display: inline-block !important; }
.top-bar > ul,
.top-bar-links > ul > li { display: inline-block; position: relative; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; list-style-type: none; }
.top-bar > ul, .top-bar-rechts > ul > li { display: inline-block; position: relative; list-style-type: none; }
.top-bar-links > ul > .top-bar-email {
padding-right: 20px;
}
.top-bar-links > ul:first-child > li i {
margin-right: 5px;
color: #5c5c5c;
}
.top-bar-links .top-bar-email a {
color: #a1a1a1;
}
.top-bar-links .top-bar-link a:after { color: #7f7f7f; margin-left: 5px; content: "|"; }
.top-bar-links .top-bar-link:last-child a:after {
content: "";
border-right: none;
margin: 0;
}
.top-bar-links li a:hover {
color: #f80140;
}
@media (max-width:768px) {
.top-bar { display: none; }
.top-bar-link { color: #999 !important; font-size: 15px !important; line-height: 20px !important; padding-top: 10px !important; }
.top-bar-link a { color: #7f7f7f !important; font-size: 15px !important; line-height: 20px !important; }
.top-bar-link a:hover { color: #f80140 !important; }
}
/**/
.banner { position: relative; width: 100%; height: 100%; overflow: hidden; }
.banner-page7 { background-repeat: no-repeat; background-position: center top; position: relative; width: 100%; height: 750px !important; overflow: hidden; background-size: cover; }
.banner .swiper-slide { background-repeat: no-repeat; background-position: center top; width: 100%; min-height: 400px; background-size: cover; }
.banner2 { background-repeat: no-repeat; background-position: center top; width: 100%; min-height: 400px; background-size: cover; }
.banner { background-repeat: no-repeat; background-position: center; width: 100%; height: 100% !important; background-size: cover; }
.bg3 { background-color: rgba(0,0,0,0.20); display: block; position: absolute; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 2 !important; min-width: 500px; min-height: 400px; }
.banner-page { position: relative; background-repeat: no-repeat; background-position: center; width: 100%; height: 750px; overflow: hidden; max-height: 750px; background-size: cover; }
.banner-page.left { background-repeat: no-repeat; background-position: left center; position: relative; width: 100%; height: 750px; max-height: 750px; overflow: hidden; background-size: cover; }
.banner-page4 { background-repeat: no-repeat; background-position: right top; position: relative; width: 100%; height: 750px; max-height: 750px; overflow: hidden; background-size: cover; }
.banner-page5 { background-repeat: no-repeat; background-position: center; position: relative; width: 100%; height: 580px; overflow: hidden; background-size: cover; }
.full-caption { background-color: transparent; text-align: left; vertical-align: middle !important; position: absolute; height: 100%; margin: 0 auto; right: 0; top: 0; left: 0; bottom: 0; width: 100%; z-index: 6; overflow: hidden; display: table; }
.full-caption .vcenter { text-align: center; vertical-align: middle; display: table-cell; }
.swiper-pagination { text-align: center !important; bottom: 60px !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; white-space: nowrap; }
.swiper-pagination-bullet { background-color: #fff !important; width: 10px !important; height: 10px !important; border-radius: 0 !important; opacity: 1 !important; }
.swiper-pagination-bullet:hover { color: #004996 !important; background-color: #004996 !important; }
.swiper-pagination-bullet-active { background-color: #004996 !important; width: 10px !important; height: 10px !important; margin: 0; padding: 0; border-style: none; outline-style: none; }
.swiper-container .swiper-slide { width: 100%; height: auto; }
#section-one { background-color: #f2f2f2; text-align: center; padding-top: 90px; padding-bottom: 90px; position: relative; width: 100%; height: auto; }
#section-onee { background-color: #f2f2f2; text-align: center; padding-top: 90px; padding-bottom: 60px; position: relative; width: 100%; height: auto; }
#section-onee2 { background-color: #f2f2f2; text-align: center; padding-top: 30px; padding-bottom: 90px; position: relative; width: 100%; height: auto; }
#section-one4 { background-color: #f2f2f2; padding-top: 90px; padding-bottom: 60px; }
.box23 { margin-top: 120px; padding-left: 30px; display: inline-block; }
.box23b { display: inline-block; margin-top: 60px; padding-left: 30px; }
.box23e { display: inline-block; padding-left: 30px; }
.box23c { padding-right: 30px; padding-left: 0; display: inline-block; }
.box23d { margin-top: 30px; display: inline-block; padding-right: 30px; padding-left: 0; }
#section-two { background-color: #f2f2f2; padding-bottom: 30px; }
#section-two3 { background-color: #f2f2f2; padding-top: 160px; padding-bottom: 30px; }
#section-two2 { background-color: #f2f2f2; padding-bottom: 30px; }
#section-two-b { background-color: #f1f0ec; }
#section-two-b .container-fluid { max-width: 1340px; padding-right: 30px; padding-left: 30px; }
#section-two .container-fluid { padding-right: 15px; padding-left: 15px; }
#section-two3 .container-fluid { max-width: 1440px; padding-right: 15px; padding-left: 0; }
#section-one .container-fluid { padding-right: 15px; padding-left: 15px; max-width: 1440px; }
#section-onee .container-fluid { padding-right: 15px; padding-left: 15px; max-width: 1440px; }
#section-onee2 .container-fluid { padding-right: 15px; padding-left: 15px; max-width: 1340px; }
#section-one4 .container-fluid { max-width: 1440px; padding-right: 15px; padding-left: 15px; }
.bg-bl { background-color: #000; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; }
.bgw { background-color: white; padding: 60px; display: inline-block; }
.bgw7 { background-color: white; margin-top: 90px; display: inline-block; padding: 60px; }
.bgw4 { background-color: white; background-image: url(../images/people.jpg); background-repeat: no-repeat; background-position: left center; display: inline-block; padding: 60px; }
.people { margin-top: -30px; }
.bgsw { color: #fff; background-color: #31578f !important; display: inline-block; padding: 60px; }
.bgsw-bl { color: #fff; background-color: #004996; display: inline-block; padding: 60px; }
.bgw2 { background-color: white; margin-top: 30px; display: inline-block; padding: 40px; }
.bgsw2 { background-color: #31578f !important; display: inline-block; margin-top: 30px; padding: 40px; }
.bgsw2b { background-color: #004996; display: inline-block; margin-top: 30px; padding: 40px; }
#section-three { background-color: #f2f2f2; text-align: left; padding-top: 120px; padding-bottom: 120px; position: relative; width: 100%; height: auto; }
#section-four { background-color: #f1f0ec; position: relative; width: 100%; height: auto; }
#section-four .container-fluid { padding-right: 0; padding-left: 0; }
#section-four.section { padding-top: 0 !important; padding-bottom: 0 !important; }
#section-five { background-color: #fff; }
#section-six { background-color: #f1f0ec; }
#section-seven { background-color: #f1f0ec; }
#section-seven.section { padding-bottom: 0; }
#section-u-one { background-color: #aa1f6a; text-align: center; padding-top: 60px; padding-bottom: 30px; position: relative; width: 100%; height: auto; }
#section-u-one .ico4b { line-height: 85px; background-color: #aa1f6a; background-repeat: repeat; background-attachment: scroll; background-position: left top; text-align: center; margin: -100px auto 30px; padding: 5px 10px; position: relative; z-index: 5; width: 100px; height: 100px; border-radius: 100%; }
#section-u-two { background-color: #f14a74; text-align: center; padding-top: 60px; padding-bottom: 30px; position: relative; width: 100%; height: auto; }
#section-u-two .ico4a { line-height: 85px; background-color: #f14a74; background-repeat: repeat; background-attachment: scroll; background-position: left top; text-align: center; margin: -100px auto 30px; padding: 5px 10px; position: relative; z-index: 5; width: 100px; height: 100px; border-radius: 100%; }
#section-u-three { background-color: #6f254d; text-align: center; padding-top: 60px; padding-bottom: 30px; position: relative; width: 100%; height: auto; }
#ection-u-three .ico4d { line-height: 85px; background-color: #6f254d; background-repeat: repeat; background-attachment: scroll; background-position: left top; text-align: center; margin: -100px auto 30px; padding: 5px 10px; position: relative; z-index: 5; width: 100px; height: 100px; border-radius: 100%; }
#section-u-four { background-color: #b57491; text-align: center; padding-top: 60px; padding-bottom: 30px; position: relative; width: 100%; height: auto; }
#section-u-four .ico4c { line-height: 85px; background: #b57491 url(../images/sbg4.png) left top; text-align: center; margin: -100px auto 30px; padding: 5px 10px; position: relative; z-index: 5; width: 100px; height: 100px; border-radius: 100%; }
#legals { background-color: #f2f2f2 !important; padding-top: 240px; }
#section-eight.section { padding-bottom: 60px; }
#section-eight { background-color: #f1f0ec !important; }
#section-eight .container-fluid { max-width: 1440px; padding-right: 30px; padding-left: 30px; }
#section-nine { background-color: #f1f0ec !important; padding-top: 60px; padding-bottom: 0; }
#section-contact { position: relative; width: 100%; height: 100%; }
#section-nine .container-fluid { max-width: 1440px; padding-right: 30px; padding-left: 30px; }
@media (max-width:1600px) {
.banner-page5 { height: 711px; }
}
@media (max-width:1200px) {
.full-caption .vcenter { text-align: center; display: table-cell; padding-top: 0; height: 100%; vertical-align: middle; }
.banner-page5 { height: 810px; }
}
@media (max-width:992px) {
.banner-page4 .full-caption .vcenter { vertical-align: bottom; padding-bottom: 60px; }
}
@media (max-width:768px) {
.banner-page3 { height: 550px !important; max-height: 550px; }
}
@media (max-width:767px) {
.banner { height: 550px !important; max-height: 550px; }
.banner-page3 { height: 550px !important; max-height: 550px; }
.banner-page7 { height: 550px !important; max-height: 550px; }
.banner2 { height: 550px; max-height: 550px; }
.banner-page { height: 550px; max-height: 550px; }
.banner-page.left { height: 550px; max-height: 550px; }
.banner-page5 { height: 550px; max-height: 550px; }
.banner .swiper-slide { height: 550px; max-height: 550px; }
.full-caption .vcenter { height: 550px; padding-top: 60px; }
.full-height { height: 550px !important; max-height: 550px; }
.bg3 { height: 550px !important; max-height: 550px; }
.swiper-pagination { text-align: center !important; bottom: 30px !important; padding-right: 0 !important; }
.section-legals { padding-top: 60px; padding-bottom: 60px; }
#willkommen { padding-top: 60px; padding-bottom: 60px; }
#legals { padding-top: 120px; }
#team { padding-top: 60px; padding-bottom: 60px; }
#leistungen { padding-top: 60px; padding-bottom: 60px; }
#kontakt { padding-top: 60px; padding-bottom: 60px; }
#leistungen2 { padding-top: 60px; padding-bottom: 60px; }
#leistungen3 { padding-top: 0; padding-bottom: 60px; }
#kontakt2 { padding-bottom: 60px; }
}
@media (max-width:580px) {
#section-two-b .container-fluid { padding-right: 0; padding-left: 0; }
#section-two .container-fluid { padding-right: 0; padding-left: 0; }
#section-one { text-align: left !important; }
#section-two { text-align: left !important; }
#section-three { text-align: left !important; }
#section-five .text-center { text-align: left; }
#section-two .text-center { text-align: left; }
.banner { height: 450px !important; max-height: 500px; }
.banner-page3 { height: 350px !important; max-height: 350px !important; }
.banner-page7 { height: 550px !important; max-height: 550px !important; }
.banner2 { height: 450px; max-height: 500px; }
.banner-page { height: 450px; max-height: 500px; }
.banner-page.left { height: 450px; max-height: 500px; }
.banner-page5 { height: 450px; max-height: 500px; }
.full-caption .vcenter { height: 450px; }
.banner-page3 .full-caption .vcenter { height: 350px; }
.full-height { height: 450px !important; max-height: 500px; }
.banner .swiper-slide { height: 450px; max-height: 500px; }
.swiper-button-prev { left: 15px; display: none; }
.swiper-button-next { right: 15px; display: none; }
.bg3 { height: 450px !important; max-height: 500px; }
.banner-page3 .bg3 { height: 350px !important; min-height: 100px; max-height: 350px !important; }
}
@media (max-width:320px) {
.banner { height: 400px !important; max-height: 450px; }
.banner3 { height: 400px !important; max-height: 450px; }
.banner2 { height: 400px; max-height: 450px; }
.banner-page { height: 400px; max-height: 450px; }
.banner-page5 { height: 400px; max-height: 450px; }
.full-height { height: 400px !important; max-height: 450px; }
.bg3 { height: 400px !important; max-height: 450px; }
.banner .swiper-slide { height: 400px; max-height: 450px; }
.full-caption .vcenter { height: 400px; }
}
/**/
.parallax { position: relative; width: 100%; height: 500px; }
#parallax2 h2, #parallax2 h3, #parallax2 p, #parallax2 a { color: #fff; }
#parallax3 h2, #parallax3b h2, #parallax3c h2, #parallax3cl h2, #parallax3d h2, #parallax3n h2, #parallax3k h2, #parallax3p h2, #parallax3e h2, #parallax3f h2, #parallax3g h2, #parallax3 h3, #parallax2 p, #parallax3 a { color: #fff; font-size: 70px; line-height: 80px; }
#parallax2 h2 span { font-weight: 800; }
#parallax3 h2 span, #parallax3b h2 span, #parallax3c h2 span, #parallax3n h2 span, #parallax3l h2 span, #parallax3p h2 span, #parallax3k h2 span, #parallax3g h2 span, #parallax3d h2 span, #parallax3f h2 span, #parallax3e h2 span { font-size: 35px !important; font-family: "Open Sans", sans-serif; font-weight: 700 !important; line-height: 45px !important; margin-bottom: 15px !important; }
#parallax2 { background: url(../images/bg10b.jpg) no-repeat fixed center top; width: 100%; height: 400px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3 { background: url(../images/bg015.jpg) no-repeat fixed center top; width: 100%; height: 500px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax5 { background-color: #000; position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
#parallax5 p { color: #fff; text-align: center; }
#parallax4 p { color: #fff; text-align: center; }
#parallax4 { background-color: #004996; position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
#parallax3b { background: url(../images/pl22.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3c { background: url(../images/pl19.jpg) no-repeat fixed center top; width: 100%; height: 500px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3d { background: url(../images/pl26.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3e { background: url(../images/pl27.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3f { background: url(../images/pl34.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3g { background: url(../images/pl38.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3p { background: url(../images/pl44.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3k { background: url(../images/pl48.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3l { background: url(../images/pl53.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3n { background: url(../images/footer_selbsttest.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3ko { background: url(../images/u28.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3m { background: url(../myotonie/images/u28m.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.parallax-wrapper { padding-top: 0; padding-bottom: 0; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 500px; z-index: 3; display: table; }
.parallax-wrapper-box { display: table-cell !important; width: 100%; height: 500px; vertical-align: middle; }
.parallax-wrapper-box br { display: none; }
.bg { background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 2; bottom: 0 !important; width: 100%; height: 500px; display: block; }
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
#parallax { background: url(../images/praxis1.jpg) no-repeat center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 450px !important; }
#parallax3 { background-attachment: scroll !important; background-position: center top !important; width: 100% !important; height: 450px !important; min-height: 450px !important; margin: 0 auto !important; }
#parallax3b { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3c { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3d { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3e { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3f { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3g { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3p { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3k { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3ko { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3m { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.parallax-wrapper-box { height: 450px; }
.parallax-wrapper-box br { display: block; }
.parallax-wrapper { height: 450px; }
.bg { height: 450px !important; min-height: 450px; max-height: 450px; }
}
@media (max-width:768px) {
#parallax { background: url(../images/praxis1.jpg) no-repeat center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 450px !important; }
#parallax3 { background-attachment: scroll !important; background-position: center top !important; width: 100% !important; height: 450px !important; min-height: 450px !important; margin: 0 auto !important; }
#parallax3b { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3c { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3d { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3e { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3f { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3g { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3p { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3k { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3ko { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3m { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.parallax-wrapper-box { height: 450px; }
.parallax-wrapper-box br { display: block; }
.parallax-wrapper { height: 450px; }
.bg { height: 450px !important; min-height: 450px; max-height: 450px; }
}
@media (max-width:767px) {
.parallax { width: 100%; height: 400px !important; }
#parallax2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3b { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3c { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3d { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3e { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3f { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3g { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3p { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3k { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3ko { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3m { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
.parallax-wrapper-box { vertical-align: middle; height: 500px; padding-bottom: 30px; }
.parallax-wrapper { vertical-align: middle; height: 500px; }
.bg { height: 400px !important; min-height: 400px; max-height: 400px; }
}
@media (max-width:580px) {
.parallax-wrapper-box br { display: none; }
}
/**/
.card { background-color: white; position: relative; width: 100%; height: auto; border: 1px #000; display: block; }
.card p { color: #000 !important; }
.card-cta2 { min-height: 550px; transition: box-shadow .35s ease; box-shadow: none; }
.bg23 { background-color: #f1f0ec !important; }
.card-cta3 { background-color: #fff; width: 100%; height: auto; display: inline-block; }
.card-cta3 .box-title { text-align: center; position: relative; width: 100%; height: auto; min-height: 90px; padding-right: 15px; padding-left: 15px; }
.card-cta3 .box-title2 { text-align: center; padding-right: 15px; padding-left: 15px; position: relative; width: 100%; height: auto; min-height: 145px; padding-top: 15px; }
.card-cta3 .box-title2 h3 { font-size: 20px !important; line-height: 25px !important; }
.card-block { vertical-align: bottom; padding: 30px 30px 0
; display: block; }
.card-content { padding-top: 15px; padding-bottom: 0; min-height: 180px; }
.ico4a { line-height: 85px; background-color: #f14a74; background-repeat: repeat; background-attachment: scroll; background-position: left top; text-align: center; margin: -80px auto 30px; padding: 5px 10px; position: relative; z-index: 5; width: 100px; height: 100px; border-radius: 100%; }
.ico4a img { width: 100%; float: none; }
.ico4b { line-height: 85px; background-color: #aa1f6a; background-repeat: repeat; background-attachment: scroll; background-position: left top; text-align: center; margin: -80px auto 30px; padding: 5px 10px; position: relative; z-index: 5; width: 100px; height: 100px; border-radius: 100%; }
.ico4b img { width: 100%; float: none; }
.ico4c { line-height: 85px; background-color: #b57491; background-repeat: repeat; background-attachment: scroll; background-position: left top; text-align: center; margin: -80px auto 30px; padding: 5px 10px; position: relative; z-index: 5; width: 100px; height: 100px; border-radius: 100%; }
.ico4c img { width: 100%; float: none; }
.ico4d { line-height: 85px; background-color: #6f254d; background-repeat: repeat; background-attachment: scroll; background-position: left top; text-align: center; margin: -80px auto 30px; padding: 5px 10px; position: relative; z-index: 5; width: 100px; height: 100px; border-radius: 100%; }
.ico4d img { width: 100%; float: none; }
.card-cta2 .card-block .card-linka { position: absolute; right: 15px; bottom: 15px; float: right; margin-right: 22px; transition: margin .35s; }
.card-cta2 .card-block .card-linkb { position: absolute; right: 15px; bottom: 15px; float: right; margin-right: 22px; transition: margin .35s; }
.card-cta .card-block .card-linkd { margin-right: 22px; position: absolute; right: 15px; bottom: 15px; float: right; transition: margin .35s; }
.card-cta2 .card-block .card-linkd { position: absolute; left: 0; bottom: 15px; float: left; margin-right: 22px; transition: margin .35s; }
.card-cta2 .card-block .card-linkc { position: absolute; right: 15px; bottom: 15px; float: right; margin-right: 22px; transition: margin .35s; }
.card-section-launch:hover .card-linka { color: #6f254d !important; }
.card-section-launch:hover .card-linkb { color: #aa1f6a !important; }
.card-section-launch:hover .card-linkc { color: #d588a9 !important; }
.card-cta:hover .card-linkd { color: #f14a74 !important; }
.card-cta5 { min-height: 400px; transition: box-shadow .35s ease; box-shadow: none; }
.card-cta5 a:hover { color: #f80140; }
/**/
.overlap { background-color: transparent; text-align: left; position: relative; }
.overlap-offset-top { overflow: visible !important; padding-top: 0 !important; }
.overlap-offset-top-container { background-color: transparent !important; position: relative; top: -120px; z-index: 3; margin: 0 auto; padding-top: 0; }
@media onlyscreenandmin-device-width:768px)andmax-device-width:1024px) {
.overlap-offset-top-container { background-color: transparent !important; position: relative; top: -60px; z-index: 3; margin: 0 auto; padding-top: 0; }
}
@media (max-width:992px) {
.overlap-offset-top-container { background-color: transparent !important; margin-top: 0; margin-bottom: 0; padding-top: 0; position: relative; top: 0; z-index: 0; display: block; }
}
@media (max-width:768px) {
#controlsvideo { display: none; }
.card-cta2 { min-height: 200px; }
}
@media (max-width:580px) {
.card-cta5 .card-block { padding-right: 15px; padding-left: 15px; }
.card-cta3 .box-title2 { min-height: 70px; padding-bottom: 30px; }
}
/**/
.footer { color: #ececec; background-color: #fff; text-align: right; position: relative; width: 100%; height: auto; padding-top: 30px; padding-bottom: 30px; }
.footer .container-fluid { padding-right: 0; padding-left: 0; }
.padb60 { padding-bottom: 60px; }
.footer a { color: #fff; }
.footer a:hover { color: #004996 !important; }
.logo_footer { margin-bottom: 30px; }
.footer-bottom { background-color: white !important; position: relative; width: 100%; height: auto; padding: 5px 15px 0; }
.footer a { color: #000; }
.footer a:hover, .footer a:focus { color: #004996 !important; }
.copyright { color: #000; display: block; font-size: 13px; line-height: 18px; letter-spacing: 0.01em; }
.copyright2 { color: #000; font-size: 13px; line-height: 18px; text-align: center; padding-top: 60px; padding-bottom: 60px; display: block; }
.copyright a { color: #000; font-style: normal !important; }
.copyright br { }
.copyright2 br { display: block; }
.legal li+li a { padding-left: 14px; border-left: 1px solid #000; }
.legal li:first-child a { padding-left: 0; }
.legal { color: #fff !important; font-size: 15px !important; line-height: 20px !important; text-align: right !important; padding-left: 0; display: inline-block !important; }
.legal li { padding-right: 10px; display: inline; }
.legal li:last-child { padding-right: 0; }
.madeby { font-size: 13px; font-weight: 700; line-height: 18px; display: block; }
.socials { color: #000; background-color: #fff; text-align: center !important; margin-left: 0; padding-right: 0; padding-left: 0; list-style-type: none; display: block; }
.socials li { padding-right: 5px; padding-left: 5px; display: inline-block !important; }
.adress-item-wrapper { font-weight: 700; }
.infotext spanX { display: none; }
.infotext { font-size: 18px !important; font-weight: 400 !important; line-height: 23px !important; margin-top: 30px; }
.infotext a { text-decoration: none; }
.infotext a:hover { color: #fff; text-decoration: none; }
.infotext a:hover span { color: #f80140; }
.socials li a { font-size: 35px; line-height: 40px; }
@media (max-width:992px) {
.socials { text-align: center !important; float: none; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0; }
.socials li { text-align: center !important; }
}
@media (max-width:768px) {
.infotext span { display: inline; }
}
@media (max-width:767px) {
.footer-bottom { background-color: #fff; text-align: center; position: relative; width: 100%; height: auto; }
.footer { text-align: center; }
.footer .text-right { text-align: center; }
.copyright br { display: block; }
.copyright span { display: none; }
}
@media (max-width:580px) {
.footer-bottom { background-color: #fff; text-align: center; position: relative; width: 100%; height: auto; margin-top: 30px; }
.copyright br { display: block; }
.copyright2 br { display: none; }
}
@media (max-width:320px) {
.copyright2 br { display: none; }
.infotext { font-size: 16px !important; line-height: 21px !important; }
.legal li+li a { padding-left: 0; border-style: none; }
.legal li { padding-right: 0; display: block; }
.legal { margin-bottom: 30px; }
}
/**/
.letsgo { color: #fff; font-size: 18px; line-height: 46px; position: absolute; width: 46px; height: 46px; margin-top: 0; border-radius: 50%; background-color: transparent; text-align: center; right: 60px; bottom: 60px; z-index: 18; cursor: pointer; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.letsgo a { color: #fff; display: inline-block !important; }
.letsgo a:hover { }
.letsgo:hover .arrow-down { margin-top: 20px;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3); }
.to-top { color: #000; font-size: 25px; line-height: 46px; background-color: transparent; text-align: center; cursor: pointer; position: fixed; z-index: 18; bottom: 30px; right: 15px; width: 46px; height: 46px; margin-bottom: 0; display: none; border-radius: 50%; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.to-top a { color: #000; }
.to-top:hover a { color: #000; }
@media (max-width:767px) {
.to-top { display: none !important; }
.letsgo { bottom: 20px; display: none !important; }
}
/**/
.btn-contact { color: #fff !important; font-size: 16px !important; font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 26px; background-color: #31578f; text-decoration: none; position: absolute; left: 30px; bottom: 30px; width: auto; margin-top: 30px; margin-bottom: 15px; padding: 8px 16px; border: 2px #7f7f7f; cursor: pointer; display: inline-block; }
.btn-contact2 { color: #f2f2f2 !important; font-size: 16px !important; font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 26px; text-decoration: none; background-color: #ff9f00; cursor: pointer; display: inline-block; margin-top: 30px; margin-bottom: 15px; padding: 8px 16px; width: auto; border: 2px #7f7f7f; }
.btn-contact:hover { color: #fff !important; background-color: #000; border-color: #f80140; box-shadow: 6px 12px 12px 0 rgba(0, 0, 0, .15); }
.btn-contact2:hover { color: #fff !important; background-color: #000; border-color: #f80140; box-shadow: 6px 12px 12px 0 rgba(0, 0, 0, .15); }
/**/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 9999;
}
#status { background-color: #fff; width: 240px; height: 29px; position: absolute; left: 50%; top: 50%; background-image: none; background-repeat: no-repeat; background-position: center; z-index: 99999; margin: -15px 0 0 -120px; display: inline-block; }
#pageloader {
width: 100%;
height: 100%;
position: fixed;
top:0;
background-color: white;
z-index: 99998;
}
.loader-item h2{
color:#b198b5;
margin:0 auto;
font-size:20px;
}
.outter {
position: absolute;
top:50%;
left:50%;
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
border-radius: 80px 0 0 80px;
border-left: 5px solid;
-webkit-animation: rotate 1.3s linear 0s infinite normal;
-moz-animation: rotate 1.3s linear 0s infinite normal;
-o-animation: rotate 1.3s linear 0s infinite normal;
-ms-animation: rotate 1.3s linear 0s infinite normal;
animation: rotate 1.3s linear 0s infinite normal;
}
.mid {
top: 15px;
left: 15px;
position: relative;
width: 30px;
height: 30px;
border-radius: 50px 0 0 50px;
border-left: solid 4px ;
-webkit-animation: rotate 3.3s linear 0s infinite normal;
-moz-animation: rotate 3.3s linear 0s infinite normal;
-o-animation: rotate 3.3s linear 0s infinite normal;
-ms-animation: rotate 3.3s linear 0s infinite normal;
animation: rotate 3.3s linear 0s infinite normal;
}
.loader { position: absolute; top: 50%; left: 50%; border-radius: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; border-color: #004996 #f3f3f3 #f3f3f3; border-style: solid; border-width: 16px; -webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite; }
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.place-card, .place-card-large { top: -1000px !important; visibility: hidden !important; display: none !important; }
.dark-border { border-color: #f80140; }
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/**/
.listbox { background-color: #f1f0ec; margin-top: 15px; margin-bottom: 15px; padding: 25px; display: block; }
.listbox2 { background-color: #fff; display: inline-block; margin-top: 15px; margin-bottom: 15px; padding: 25px; }
.vorteile li { width: 50%; float: left; list-style-type: square; }
@media (max-width:767px) {
.vorteile li { width: 100%; float: none; }
}
/**/
.box_upage { background-color: #fff; margin-top: 8%; margin-left: -100px; padding: 50px; }
.box_upage h2.black { color: #31578f; }
.box_upage3 { background-color: #fff; margin-top: 20%; margin-left: -120px; padding: 50px; }
.box_upage3 .divider4 { margin-right: inherit; margin-left: 0; }
.box_upage2 { background-color: #fff; position: relative; z-index: 2; margin-top: 8%; margin-right: -100px; padding: 50px; }
@media (max-width:992px) {
.box_upage2 { margin-top: 0; margin-right: 0; padding: 30px 15px 15px; }
.box_upage { margin-top: 0; margin-right: 0; margin-left: 0; padding: 30px 15px 15px; }
}
/**/
.sortierung { position: relative; width: 100%; }
.sortierung .panel .panel-collapse .panel-body { color: #1f1f1f; background: #fff !important; border-top: 1px solid #d1d1d1; padding: 15px; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.sortierung .panel .panel-heading { font-size: 16px !important; font-weight: 400 !important; line-height: 21px !important; background-color: #fff; margin: 0; padding: 0; display: block; box-shadow: none; }
.sortierung .panel-group { margin: 0 0 0; }
.sortierung .panel .panel-heading .panel-title { font-size: 14px; line-height: 29px; }
.sortierung .panel .panel-heading a { width: 100%; padding: 14px 20px; display: inline-block !important; }
.sortierung .panel .panel-heading a:focus { color: #000; }
.sortierung .panel .panel-heading a:active { color: #000; }
.sortierung .panel .panel-heading a:hover { color: #f80140; }
.sortierung .panel { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.sortierung .panel .panel-collapse .panel-body ul { padding-bottom: 0; padding-left: 5px; }
.sortierung .panel .panel-collapse .panel-body li { color: #3c3c3b; font-size: 14px; font-weight: 400; line-height: 19px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #d1d1d1; list-style-type: none; list-style-position: outside; }
.sortierung .panel .panel-collapse .panel-body li:last-child { border-bottom-style: none; }
.sortierung .panel .panel-collapse .panel-body li a { color: #3c3c3b; width: 100%; display: inline-block !important; }
.sortierung .panel .panel-collapse .panel-body li a:hover { color: #f80140; }
.sortierung .panel .panel-collapse .panel-body ol { padding-left: 0; }
.sortierung .panel .title-list { width: 90%; float: left !important; }
.sortierung .panel .panel + .panel {
margin-top: 1px;
}
@media (max-width:768px) {
.presse-hinweis, .presse-hinweis2 { position: relative; margin-bottom: 15px; display: none; }
}
@media (max-width:580px) {
}
.indicator { color: #f80140; float: right;}
/* */
.breadcrumb { background-color: transparent; text-align: left; padding-left: 0; }
@media (max-width:767px) {
.breadcrumb li:last-Child { display: none; }
}
/**/
.jobs-box { background-color: white; display: block; padding: 30px; position: relative; width: 100%; height: auto; margin-bottom: 30px; border: solid 1px #d1d1d1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.jobs-boxb { background-color: #6f254d; display: block; margin-bottom: 30px; padding: 30px; position: relative; width: 100%; height: auto; border: solid 1px #d1d1d1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
/* */
.benefits { color: #fff; font-size: 16px; font-weight: 700; line-height: 21px; text-align: center; }
.benefits .cl1 { font-size: 20px; font-weight: 400; line-height: 25px; padding-right: 5px; padding-left: 5px; }
.benefits .cl2 { font-size: 25px; font-weight: 400; line-height: 30px; padding-right: 5px; padding-left: 5px; }
/**/
.lupin-logo { width: 65px !important; height: 79px !important; float: left; margin-right: 15px; margin-bottom: 30px; }
.lupin-h2 { line-height: 79px; }
@media (max-width:580px) {
.lupin-logo { width: 49px !important; height: 60px !important; margin-right: 15px; margin-bottom: 15px; float: left; }
.lupin-h2 { line-height: 60px; }
}
/**/
.datenschutz h2 { color: #000 !important; font-size: 30px !important; line-height: 35px !important; text-transform: none !important; }
.datenschutz ul { margin-left: 20px; padding-left: 20px !important; }
.datenschutz ol li { font-size: 16px; line-height: 21px; }
.datenschutz p { font-size: 16px; line-height: 21px; }
.datenschutz ol { margin-bottom: 20px !important; margin-left: 20px; }
.dat-nav { margin-left: 0 !important; padding-left: 0 !important; list-style-type: none; }
.datenschutz h3 { font-size: 21px; line-height: 26px; margin-top: 30px; }
/* */
.description { background-color: white; text-align: left; padding: 0 0 0; display: block; }
.p-name { color: #000; font-size: 16px; font-weight: 700; line-height: 24px; background-color: #f1f0ec; text-align: center; padding-top: 15px; display: block; }
.p-desc { text-align: center; width: 100%; height: 140px; display: block; padding-top: 15px; }
.p-wirkstoff { font-size: 16px; line-height: 21px; display: block; }
.p-wirkstaerke { font-size: 15px; line-height: 20px; text-align: center; display: block; }
.p-geb { color: #000; font-size: 15px; font-weight: 700; line-height: 20px; background-color: transparent; text-align: left; padding: 5px 0; display: block; }
.modal-body p.padb { padding-bottom: 0 !important; }
.padtop { padding-top: 30px; }
.p-geb a { font-weight: 400; }
.p-geb li { font-size: 15px !important; line-height: 18px !important; padding-top: 0; padding-right: 10px; padding-bottom: 0; list-style-type: square; }
.p-geb h5 { color: #000; font-size: 15px !important; font-weight: 700 !important; line-height: 20px !important; margin-bottom: 5px; }
#section-eight a:hover .p-name { color: #f80140 !important; }
.p-geb ul { text-align: left; margin-bottom: 0; padding-bottom: 0 !important; }
/**/
.modal-dialog { width: 100% !important; height: auto !important; max-width: 900px; margin-top: 0; margin-bottom: 0; }
.modal { margin-right: -15px; }
.modal table { margin-bottom: 10px; }
body.modal-open { margin: 0 !important; padding: 0 !important; }
.modal-content { background-color: #fff; text-align: left; border: solid 1px #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0px; }
.modal-footer { border-style: none; }
.modal-body { text-align: left; padding: 0 30px 30px; }
.modal-body td { font-size: 15px !important; line-height: 20px !important; }
.modal-header { padding-top: 5px; padding-bottom: 5px; border-style: none; }
.modal-body ul { padding-bottom: 5px !important; }
.modal-body span { font-weight: 700; display: block; padding-top: 6px; }
.modal-body p { color: #000; font-size: 15px !important; line-height: 20px !important; margin-top: 5px; margin-bottom: 10px; }
.modal-body .hinweis3 p { font-size: 14px !important; line-height: 19px !important; margin-top: 15px !important; }
.modal-body h3 { }
.modal-body h5 { font-size: 15px !important; line-height: 30px !important; }
.p-a { color: #171717; font-size: 14px !important; font-weight: 400; line-height: 19px !important; text-decoration: underline; text-align: left !important; margin-bottom: 5px !important; }
.head { padding-left: 0 !important; list-style-type: none !important; }
.padtopm { padding-top: 30px; }
.icon-hand { width: 19px; height: 30px; margin-left: 5px; display: inline; }
.close { float: right; font-size: 42px; font-weight: bold; line-height: 1; color: #6f254d; position: relative; top: 0; right: 0; width: 42px; height: 42px; z-index: 45; padding: 0; outline-style: none; cursor: pointer; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=100); opacity: 1; }
.close:hover { color: #444; opacity: 1; }
@media (max-width:768px) {
.modal-dialog { position: fixed; left: 0; right: inherit; max-width: 100%; margin-right: 0; margin-left: 0; }
.padtopm { padding-top: 0; }
.modal-body { padding: 15px; }
.modal-body p { margin-top: 0; }
.btn-contact { position: relative; left:0px;}
}
@media (max-width:580px) {
.modal-body { text-align: left; padding: 15px; max-height: 500px; overflow-y: scroll; }
.btn-contact { position: relative;}
}
@media (max-width:320px) {
.modal-body { text-align: left; padding: 15px; max-height: 450px; overflow-y: scroll; }
.btn-contact { position: relative;}
}
/**/
.adress-item { width: 100%; height: 100px; display: table; }
.adress-item-wrapper { vertical-align: middle; width: 100%; display: table-cell; }
.box-form { background-color: #fff; position: relative; width: 100%; padding: 60px 30px; display: inline-block; }
.box-s-l { color: #000; font-weight: 700; background-color: #e4e4e4; text-align: center; width: 50%; height: auto; float: left; min-height: 160px; padding: 30px 15px; display: block; }
.box-s-l2 { color: #000; font-weight: 700; background-color: #e4e4e4; text-align: center; display: block; padding: 30px 15px; width: 100%; height: auto; min-height: 160px; }
.box-s-l2 span, .box-s-l span, .box-s-r2 span, .box-s-r span { font-size: 14px !important; font-weight: 400; }
@media (max-width:1200px) {
.box-s-l2 span, .box-s-l span, .box-s-r2 span, .box-s-r span { display: block; }
}
@media (max-width:992px) {
.box-s-l2 span, .box-s-l span, .box-s-r2 span, .box-s-r span { display: inline; }
}
@media (max-width:580px) {
.adress-item { height: auto; }
}
.box-s-l i { color: #000; font-size: 32px; margin-top: 15px; display: block; }
.box-s-r i { color: #000; font-size: 32px; display: block; margin-top: 15px; }
.card-cta3 a:hover i { color: #f80140 !important; }
.box-s-l2 i { color: #000; font-size: 32px; display: block; margin-top: 15px; }
.box-s-r { color: #000; font-weight: 700; background-color: #e4e4e4; text-align: center; display: block; width: 50%; height: auto; float: right; min-height: 160px; padding: 30px 15px; border-left: 2px solid #fff; }
.box-s-r2 { color: #000; font-weight: 700; background-color: #e4e4e4; text-align: center; display: block; padding: 30px 15px; width: 100%; height: auto; min-height: 160px; }
.box-s-r input { color: #000; font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; width: 90px; height: auto; margin-top: 15px; margin-right: auto; margin-left: auto; padding-right: 5px; padding-left: 5px; display: block; }
.box-s-r2 input { color: #000; font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; display: block; margin-top: 15px; margin-right: auto; margin-left: auto; padding-right: 5px; padding-left: 5px; width: 90px; height: auto; }
.box-title2 p { margin-bottom: 0; }
.box-title2 h3 { margin-bottom: 0; }
.section-wrap2 { position: relative; width: 100%; height: 540px; }
.img1 { background-image: url(../images/3.jpg); background-repeat: no-repeat; background-position: left top; width: 100%; height: 540px; background-size: cover; }
.feature-base { background-color: #f2f2f2; vertical-align: middle; width: 100%; height: 540px; display: table; }
.feature-base-vcenter { vertical-align: middle; width: 100%; height: 540px; padding: 60px; display: table-cell; }
.btn-custom { color: #fff !important; font-size: 18px !important; font-weight: 700; line-height: 42px; text-decoration: none; background: #000; text-align: center; cursor: pointer; display: inline-block; padding: 0 20px; position: relative; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; }
.btn-custom2 { color: #fff !important; font-size: 18px !important; font-weight: 700; line-height: 42px; text-decoration: none; background: #004996; text-align: center; cursor: pointer; display: inline-block; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0 20px; position: relative; overflow: hidden; }
.btn-custom:hover { color: #fff !important; background: #004996; text-decoration: none; }
.btn-custom2:hover { color: #fff !important; text-decoration: none; background: #000; }
.logo-f { width: 180px; margin-top: 15px; }
/**/
#faq { background-color: #f2f2f2; position: relative; width: 100%; padding-top: 120px; padding-bottom: 90px; }
.blue2 { color: #585857; background-color: #dce9f7; width: 100%; margin-bottom: 0 !important; padding: 5px 15px; display: inline-block; }
.ziffer { color: #e40520; display: inline !important; }
#faq .container-fluid { max-width: 1140px !important; }
#faq ul { }
#faq ul.none-dot { padding-top: 15px; padding-bottom: 15px; list-style-type: disc; display: inline-block; }
#faq ol.none-dot { padding-top: 0; }
#faq ul.none-dot2 { list-style-type: disc; padding-top: 0; padding-bottom: 0; }
#faq ul.none-dot3 { margin-left: 20px; list-style-type: disc; padding-top: 0; }
#faq ul.none-dot li { width: 100%; float: none; }
#faq ol.none-dot li { width: 100%; float: none; }
.fa-long-arrow-right { font-size: 18px; }
#faq ul.none-dot2 li { width: 100%; float: none; }
#faq ul.none-dot3 li { width: 100%; float: none; }
#faq .container-fluid { max-width: 1340px; }
#accordion5 .accordion-heading { background-color: white !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 30px; padding-right: 30px !important; padding-bottom: 30px; padding-left: 30px !important; border-top-color: #6d6d6d !important; border-top-style: none; border-top-width: 1px !important; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; }
.accordion-heading p { margin-top: 0 !important; margin-bottom: 0 !important; }
.accordion-heading p span { display: block; }
#accordion3 .accordion-heading { background-color: white !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 30px; padding-right: 30px !important; padding-bottom: 30px; padding-left: 30px !important; border-top-style: none; border-top-width: 1px !important; border-top-color: #6d6d6d !important; border-right-style: none; border-bottom-style: none; border-bottom-width: 1px !important; border-bottom-color: #c4c4c4 !important; border-left-style: none; }
#accordion7 .accordion-heading { background-color: #dce9f7 !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 10px; padding-right: 0 !important; padding-bottom: 10px; padding-left: 0 !important; border-top-style: solid; border-top-width: 1px !important; border-top-color: #6d6d6d !important; border-right-style: none; border-bottom-style: none; border-bottom-width: 1px !important; border-bottom-color: #c4c4c4 !important; border-left-style: none; }
#accordion7 .panel:last-child { border-bottom: 1px solid #585857; }
#accordion5b .h2 { color: #585857 !important; font-size: 20px; line-height: 25px; }
#accordion3 .h2 { color: #585857 !important; font-size: 20px; line-height: 25px; }
#accordion7 .h2 { color: #585857 !important; font-size: 17px; line-height: 22px; }
#accordion4 .accordion-heading { background-color: #f2f2f2 !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 15px; padding-right: 15px !important; padding-bottom: 15px; padding-left: 15px !important; border-top-style: none; border-top-width: 1px !important; border-top-color: #6d6d6d !important; border-right-style: none; border-bottom-style: none; border-bottom-width: 1px !important; border-bottom-color: #c4c4c4 !important; border-left-style: none; }
#accordion5 .accordion-heading { background-color: #f2f2f2 !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 15px; padding-right: 15px !important; padding-bottom: 15px; padding-left: 15px !important; border-top-style: none; border-top-width: 1px !important; border-top-color: #6d6d6d !important; border-right-style: none; border-bottom-style: none; border-bottom-width: 1px !important; border-bottom-color: #c4c4c4 !important; border-left-style: none; }
#faq .accordion-heading .h2 { color: #585857; margin-bottom: 0 !important; display: block; }
#faq .accordion-heading:hover .h2X { color: #e40520 !important; }
#accordion4 .accordion-heading .h2 { color: #000; font-size: 18px !important; line-height: 26px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
#faq .panel:first-child .accordion-heading { border-top-style: none; }
#faq .accordion-body { background-color: white !important; padding-left: 0 !important; }
#faq #accordion4 .accordion-body { background-color: #f2f2f2 !important; }
#accordion5 .indicator { color: #004996 !important; font-size: 20px; line-height: 30px; background-color: transparent; text-align: center !important; width: 30px; height: 30px; float: right !important; margin-top: 0; }
#accordion3 .indicator { color: #004996; font-size: 20px; line-height: 30px; background-color: transparent; text-align: center !important; margin-top: 0; width: 30px; height: 30px; float: right !important; }
#accordion7 .indicator { color: #004996; font-size: 17px; line-height: 22px; background-color: transparent; text-align: center !important; margin-top: 0; width: 30px; height: 30px; float: right !important; }
#accordion4 .indicator { color: #004996; font-size: 18px; line-height: 26px; background-color: transparent; text-align: center !important; margin-top: 0; width: 26px; height: 26px; float: right !important; }
#faq .accordion-heading span.breite { width: 90%; display: inline-block; }
.accordion-heading span.breite { display: inline-block; width: 90%; }
#accordion5 .panel { background: transparent !important; width: 100%; margin: 0 !important; padding: 0 !important; border-bottom: 1px none #6d6d6d; border-top-style: none; border-right-style: none; border-left-style: none; }
#accordion3 .panel { background: transparent !important; margin: 0 !important; padding: 0 !important; width: 100%; border-top-style: none; border-right-style: none; border-bottom: 1px none #6d6d6d; border-left-style: none; }
#accordion7 .panel { background: transparent !important; margin: 0 !important; padding: 0 !important; width: 100%; border-top-style: none; border-right-style: none; border-bottom: 1px none #6d6d6d; border-left-style: none; }
#accordion4 .panel { border-bottom: 1px none #6d6d6d; }
.panel { margin-top: 0; box-shadow: none; }
.accordion-inner{ background-color: white !important; text-align: left !important; position: relative; width: 100%; padding: 10px 15px 30px !important; display:block; }
.accordion-inner { }
#accordion7 .accordion-inner { background-color: transparent !important; text-align: left !important; display: block; padding: 10px 0 30px 0 !important; position: relative; width: 100%; }
#accordion7 .container-fluid { padding-right: 0; padding-left: 0; }
#accordion7 ol { margin-left: 0; padding-left: 20px; }
#accordion4 .accordion-inner { background-color: #f2f2f2 !important; text-align: left !important; display: block; padding: 10px 15px 30px !important; position: relative; width: 100%; }
#accordion5 .accordion-inner { background-color: #f2f2f2 !important; text-align: left !important; display: block; padding: 10px 15px 30px !important; position: relative; width: 100%; }
.hinweis { color: #004996; font-size: 13px; line-height: 18px; margin-top: 5px; }
#accordion4 { padding-bottom: 15px; }
.indicator.fa-chevron-up { color: #e40520 !important; background-color: transparent; }
.indicator.fa-chevron-up .accordion-heading .h2 { color: #e40520; }
.accordion-inner { }
.box-blue { background-color: #dce9f7; padding: 15px; display: inline-block; }
.box-blue p { margin-bottom: 0 !important; }
@media (max-width:767px) {
#faq { padding-top: 60px; padding-bottom: 60px; }
#faq .accordion-body { width: 100%; max-width: 100%; }
.section li { width: 100%; float: none; }
}
@media (max-width:580px) {
#faq { padding-top: 60px; padding-bottom: 0px; }
}
.blue3 { color: #585857; background-color: #dce9f7; width: 100%; margin-bottom: 0 !important; padding: 15px; display: inline-block; }
.box-white { background-color: #fff; padding: 10px; }
.pad-top { padding-top: 150px; }
.pad-r { padding-right: 60px; display: inline-block; }
.bgw3 { background-color: transparent; padding: 30px 0 30px 0; display: inline-block; }
.selbsttest_radio_container,
.selbsttest_label
{
width:20%;
float:left;
height:30px;
text-align:center;
}
.selbsttest_label
{
font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1600 - 320)));
}
.con_1
{
background:#d5dde9;
}
.con_2
{
background:#acbbd2;
}
.con_3
{
background:#839abb;
}
.con_4
{
background:#5a79a4;
}
.con_5
{
background:#30568f;
}
.row_elm {
clear:left;
float: left;
margin-bottom: 40px;
width:100%;
}
.selbsttest_wrap .row_elm {
clear: unset;
float: unset;
margin-bottom: 120px;
width:100%;
}
.punkte
{
clear:left;
float:lefT;
}
.frage
{
padding-top:50px;
}
#parallax4e { background: url(../images/pl31sw.jpg) no-repeat fixed center top; width: 100%; height: 600px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.selbsttest_h1 {
color: #fff ! important ;
}
.edbehandlung h2
{
color: #000 ! important ;
}
.ursachen_footer
{
background: url(../images/pl22-1.jpg) no-repeat fixed center top ! important;
}
#home h1
{
text-shadow: 3px 5px 30px black;
}
.swiper-pagination
{
bottom: 20px !important;
}
.full-caption .vcenter
{
position: relative;
top: 150px;
}
@media only screen and (max-width: 800px)
{
.full-caption .vcenter
{
position: relative;
top: 100px;
}
#section-one
{
padding-bottom:0px;
padding-top:30px;
}
.section
{
background-color: #fff;
padding-top: 0px;
padding-bottom: 90px;
position: relative;
}
.padbottom60b
{
padding-bottom: 0px;
}
#section-two
{
padding-bottom: 10px;
}
.divider4
{
margin: 15px auto 40px;
}
.divider5
{
margin: 30px auto 60px;
}
#section-three
{
padding-top: 60px;
padding-bottom: 60px;
}
#section-one4
{
background-color: #f2f2f2;
padding-top: 30px;
padding-bottom: 60px;
}
.banner-page
{
margin-bottom: 30px;
}
.pad30
{
padding-bottom: 0px;
}
}
::selection {
color: white;
background: black;
}
#section-two {
background-color: #f2f2f2;
padding-bottom: 90px;
padding-top:60px;
}
#section-one4
{
padding-top:0px;
}
#section-three
{
padding-top:0px ! important;
}
.banner-page .xbl h1
{
text-shadow:0px 0px 0px black ! important;
}
.foo_kontakt
{
background: url(../images/foo_kontakt.jpg) no-repeat fixed center top ! important;
}
.parallax-wrapper-box h2
{
text-shadow: 3px 5px 30px black;
}
.selbsttest_wrap
{
padding-top:60px;
}
.quelle_txt
{
font-size:10px;
}
@media (max-width: 768px) {
.selbsttest_row_label {
display: flex;
flex-direction: row;
}
.selbsttest_row_label .selbsttest_label {
line-height: 110%;
padding: 0 0.25em;
box-sizing: border-box;
}
}