html { font-size: 112.5%; width: 100%; height: 100%; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden !important; }
body { margin: 0; padding: 0; font-size: 16px; line-height: 24px; letter-spacing: 0.2px; ext-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern';
background: #fff; overflow-x: hidden; color: #000; font-family: Montserrat, sans-serif; font-weight: 400; }
.page_wrap { position: relative; width: 100%; margin: 0 auto; }
@media (max-width:992px) {
.page_wrap { width: 100%; }
}
/**/
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ececec;
z-index: 9999;
}
.preloader img {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 50px;
height: 50px;
margin: auto;
}
#status { width: 250px; height: 159px; position: absolute; left: 50%; top: 35%; background-image: none; background-repeat: no-repeat; background-position: center; z-index: 99999; margin: -35px 0 0 -125px; }
#status img { width: 250px; height: 65px; margin-right: auto; margin-left: auto; }
.spinner { position: absolute; left: 50%; right: 0; top: 50%; bottom: 0; width: 100px; text-align: center; height: 40px; z-index: 99999; margin-top: -20px; margin-left: -50px; }
.spinner > div {
width: 18px;
height: 18px;
background-color: #00963e;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
/**/
h1 { text-transform: none; margin-bottom: 35px; font-size: 90px; font-weight: 700; color: #ececec; line-height: 100px; font-family: 'Poppins', sans-serif;}
.pageheader-caption h1 { font-size: 60px; line-height: 70px; }
h1 span {
font-weight: 800;
}
h2 { color: #111; font-size: 32px; font-family: Poppins, sans-serif; font-weight: 700; line-height: 42px; text-transform: none; letter-spacing: 0; margin-top: 0; margin-bottom: 40px; }
.slider_weihnachten h2 { color: #fff; font-size: 45px; font-family: Courgette, cursive; font-weight: 400; line-height: 65px; text-transform: none; text-align: center; letter-spacing: 0; margin-top: 0; margin-bottom: 0; }
.slider_weihnachten h2 span { color: #fff; font-size: 45px; font-weight: 400; line-height: 70px; text-transform: none; letter-spacing: 0; margin-top: 0; margin-bottom: 40px; display: block; }
.subheading { color: #777; font-size: 18px; font-weight: 400; line-height: 23px; text-transform: none; letter-spacing: 2.5px; margin-bottom: 30px; display: block; }
p.lead { color: #777; font-size: 20px; font-weight: 400; line-height: 25px; }
h3 { color: #272727; font-size: 58px; font-family: Poppins, sans-serif; font-weight: 700; line-height: 68px; letter-spacing: 0; }
h4 { font-size: 22px; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 2px; margin-top: 100px; margin-bottom: 20px; color: #fff; line-height: 27px; }
h4 span { font-weight: 700; margin-top: 0; display: block; }
h5 { color: #111; font-size: 22px; line-height: 27px; text-transform: none; letter-spacing: 0; margin-top: 0; margin-bottom: 10px; }
p { font-size: 16px; line-height: 24px; }
h6 { color: #00963e; font-size: 18px; font-weight: 600; line-height: 23px; text-transform: uppercase; letter-spacing: 0; margin-top: 0; margin-bottom: 0; display: inline-block; }
.linklist ul {
list-style: none;
padding: 0;
}
.linklist li {
padding-left: 1.3em;
}
.linklist li a { padding-left: 3px; }
.linklist li a:hover { text-decoration: underline !important; }
.linklist li:before { font-size: 16px; content: "\f105"; /* FontAwesome Unicode */
font-family: FontAwesome; line-height: 21px; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
.dienstleistungen ul {
list-style: none;
padding: 0;
}
.dienstleistungen li {
padding-left: 1.5em;
}
.dienstleistungen li:before { font-size: 16px; content: "\f00c"; /* FontAwesome Unicode */
font-family: FontAwesome; line-height: 21px; display: inline-block; margin-left: -1.5em; /* same as padding-left set on li */
width: 1.5em; /* same as padding-left set on li */
}
.line-h { width: 280px; height: 1px; margin: 0 auto 30px; border-top: 1px solid #111; display: inline-block; }
.line-h2 { display: inline-block; width: 210px; height: 1px; margin-left: 15px; padding-top: 6px; border-top: 1px solid #00963e; }
#partner { padding-top: 60px; padding-bottom: 90px; }
#partner .container-fluid { max-width: 1140px; }
#kosten .container-fluid { max-width: 1140px; }
#leistungen .container-fluid { max-width: 1140px; }
.overlap-offset-top .container-fluid { max-width: 1140px; }
.signature { color: #1d1d1b; font-size: 42px; font-family: Cookie, cursive; font-weight: 400; line-height: 47px; }
.weih .vcenterX { vertical-align: middle !important; padding-top: 120px; }
.table_cont { width: 100%; height: auto; display: table; }
.padleft30 { padding-right: 30px; }
@media (max-width:1450px) {
.weih .vcenterX { vertical-align: bottom !important; padding-bottom: 160px; }
}
@media (max-width:1200px) {
h3 { font-size: 32px; line-height: 37px; }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
h1 { font-size: 48px !important; line-height: 53px !important; }
}
@media (max-width:992px) {
h1 { font-size: 48px !important; line-height: 53px !important; }
h4 {
margin-top: 50px;
}
.weih .vcenter { padding-top: 20px !important; vertical-align: middle !important; }
.padleft30 { padding-right: 0; }
.slider_weihnachten h2 brx { display: none; }
}
@media (max-width:767px) {
.slider_weihnachten h2 { color: #fff; font-size: 46px !important; line-height: 56px !important; text-transform: none; letter-spacing: 0; }
.slider_weihnachten h2 span { font-size: 54px; line-height: 64px; }
}
@media (max-width:580px) {
h1 { font-size: 28px !important; line-height: 33px !important; letter-spacing: 0; }
.weih .vcenter { vertical-align: middle !important; padding-top: 120px !important; }
.line-h2 { display: none; }
h4 { font-size: 20px; line-height: 25px; letter-spacing: 0; margin-top: 35px; }
.slider_weihnachten h2 { color: #fff; font-size: 25px !important; line-height: 35px !important; text-transform: none; letter-spacing: 0; margin-top: 0; margin-bottom: 40px; }
.slider_weihnachten h2 span { font-size: 34px; line-height: 44px; }
h4 span { letter-spacing: 0; }
h2 { font-size: 24px !important; line-height: 29px !important; letter-spacing: 0; }
h3 { font-size: 24px !important; line-height: 29px !important; letter-spacing: 0 !important; }
h5 { font-size: 20px !important; line-height: 25px !important; letter-spacing: 0; }
h6 { letter-spacing: 0; }
.subheading { color: #111; font-weight: 400; letter-spacing: 0; }
body { color: #111; }
p { color: #111; }
}
/**/
a { color: #111; text-decoration: none !important; -webkit-transition: all 0.5s; transition: all 0.5s; }
a:hover { color: #00963e !important; text-decoration: none; }
p > a { border-bottom: 1px solid transparent; }
p > a:visited {
color: #00963e;
text-decoration: none;
}
p > a:visited:hover,
p > a:visited:focus {
color: #00963e;
text-decoration: none;
}
p > a:hover,
p > a:focus { color: #00963e; text-decoration: none; border-bottom: 1px none #516370; border-top-style: none; border-right-style: none; border-left-style: none; }
ul { list-style: disc; margin: 0; padding: 0 0 0 20px; }
li span { font-weight: 700; }
figcaption { color: #777; font-size: 14px; line-height: 18px; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; }
.promo { background-repeat: no-repeat; background-position: center; width: 100%; height: auto; display: table; background-size: cover; }
.pbox { background-color: #fff; }
.bgimg { background-repeat: no-repeat; background-position: center; width: 100% !important; height: 400px; background-size: cover; }
@media (max-width:1370px) {
.bgimg { height: 490px; }
}
@media (max-width:1070px) {
.bgimg { height: 520px; }
}
@media (max-width:992px) {
.bgimg { height: 400px; }
}
/**/
.btn { position: relative; display: inline-block; padding: 8px 38px; background: #111; color: #ececec; letter-spacing: 0; font-size: 0.9em; font-weight: 600; line-height: 1.8em; text-transform: uppercase; margin-top: 30px; -webkit-transition: all 0.5s; transition: all 0.5s; }
.btn:visited {
color: #ececec;
background: #111;
}
.btn:visited:hover {
color: #ececec;
background: #3f3f3f;
}
.btn:hover { color: #ececec !important; background: #00963e !important; }
.btn:focus {
color: #ececec;
outline: none;
}
.btn-light { color: #111; background: #ececec; margin-top: 0; }
.btn-light:visited {
color: #111;
background: #ececec;
}
.btn-light:visited:hover {
color: #111;
background: #bebebe;
}
.btn-light:hover {
color: #111;
background: #bebebe;
}
.btn-light:focus {
color: #111;
}
/**/
.accordions-1 .panel { border-style: none; border-radius: 0; box-shadow: none; }
.accordions-1 .panel .panel-heading { background: #fff; text-align: left; padding: 25px 0 0; border-bottom: 1px solid #d5d5d5; border-top-style: none; border-right-style: none; border-left-style: none; border-radius: 0; }
.accordions-1 .panel .panel-heading:hover .indicator { color: #00963e; background-color: #fff; }
.accordions-1 .panel .panel-heading .panel-title { width: 100% !important; display: inline-block !important; }
.accordions-1 .panel .panel-heading .panel-title a { color: #111 !important; }
.accordions-1 .panel .panel-heading .panel-title a:focus { color: #00963e; text-decoration: none; }
.accordions-1 .panel .panel-heading .panel-title a:hover { color: #00963e !important; }
.accordions-1 .panel .panel-collapse .panel-body { border-top: 1px none #eaeaea; background: #fff; padding: 30px 0 30px 0; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.accordions-1 .panel .panel-collapse .panel-body li { color: #111; font-size: 14px; font-weight: 400; line-height: 17px; padding-bottom: 8px; }
.accordions-1 .panel .panel-collapse .panel-body ol { padding-left: 20px; }
.title-list { width: 90%; float: left !important; }
.accordions-1 .panel + .panel {
margin-top: 1px;
}
.indicator { color: #111; font-size: 24px; background-color: #fff; text-align: center; width: 24px; height: 24px; float: right; }
/**/
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.section {
padding-top: 120px;
padding-bottom: 60px;
}
.section2 { padding-top: 210px; padding-bottom: 210px; }
section { position: relative; }
.ws-l {
padding-bottom: 160px;
}
.padall { padding: 0 15px 0; }
.ws-s {
padding-bottom: 50px;
}
.mb-100 { text-align: center; margin-bottom: 100px; }
.padb30 { padding-bottom: 30px; }
.padb60 { padding-bottom: 60px; }
.padt50 { padding-top: 50px; }
.padt100 { padding-top: 100px; }
.padleft { padding-right: 85px; padding-left: 158px; }
.boxes2 { background-color: #fff; margin-bottom: 0; }
.boxes { background-color: #d6e8c3; text-align: left; width: 100%; padding: 30px; border: 1px #d1d1d1; display: inline-block; box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, .1); }
.boxes6 { background-color: #f4f4f4; text-align: left; display: inline-block; padding: 30px; border: 1px #d1d1d1; box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, .1); }
.boxes3 { background-color: #d6e8c3; text-align: left; width: 100%; min-height: 360px; display: inline-block; padding: 30px 30px 50px; border: 1px #fff; box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, .1); }
.boxes4 { background-color: #e4eed9; text-align: left; position: relative; display: inline-block; padding: 30px 30px 50px; width: 100%; z-index: 2; min-height: 460px; border: 1px #e4e4e4; box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, .1); }
.boxes5 { background-color: #d6e8c3; text-align: left; display: inline-block; padding: 30px 30px 50px; width: 100%; min-height: 460px; border: 1px #e4e4e4; box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, .1); }
.price-table h5 { margin-top: 0 !important; margin-bottom: 30px !important; }
.price { color: #00963e; font-size: 28px; font-weight: 600; line-height: 33px; padding-top: 30px; display: block; }
.price2 { color: #00963e; font-size: 24px; font-weight: 600; line-height: 29px; padding-top: 5px; display: block; }
.price2b { padding-bottom: 15px; border-bottom: 1px solid #fff; }
.price-z { color: #111; font-size: 13px; font-weight: 700; font-style: italic; line-height: 17px; display: block; }
.klein { color: #111; font-size: 13px; font-weight: 400; line-height: 17px; display: block; }
.boxes .icon { color: #fff; font-size: 110px; position: relative; top: 0; left: 50%; margin-top: 30px; }
.gray-bg {
background: #ededed;
}
.ft-item { border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
.vita-box { background-color: #fff; width: 100%; height: 325px; padding: 50px; }
.vita-more { padding-top: 60px; padding-bottom: 60px; }
#vita { padding-top: 120px; padding-bottom: 60px; }
.vita-img { width: 260px; margin-right: auto; margin-left: auto; }
.vita-img2 img { width: 100%; max-width: 360px; margin-right: auto; margin-left: auto; }
@media (max-width:1340px) {
.padleft { padding-right: 0; padding-left: 0; }
}
@media (max-width:1200px) {
.price-table .padt50 { padding-top: 0; }
.price-table .padt100 { padding-top: 0; }
.boxes3 { min-height: 464px; }
.price-table.no-gutters > [class*="col-"] { padding-right: 15px !important; padding-bottom: 30px; padding-left: 15px !important; }
}
@media (max-width:992px) {
.ft-item { padding-top: 15px; padding-bottom: 30px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-right-style: none; border-left-style: none; }
.boxes3 { height: auto; min-height: 1px; }
.boxes4 { height: auto; min-height: 1px; }
.boxes5 { height: auto; min-height: 1px; }
.section2 { padding-top: 120px !important; }
}
@media (max-width:768px) {
.ws-l { padding-bottom: 60px; }
.section { padding-top: 60px !important; }
#welcome2 .section { padding-top: 60px !important; }
#aerzte-vita.section { padding-top: 120px; }
#impressum.section { padding-top: 120px; }
.mb-100 { margin-bottom: 60px; }
}
@media (max-width:767px) {
.vita-img2 img { width: 100%; max-width: 100%; }
}
/**/
.footer { color: #fff; background: #1d1d1b; padding-top: 20px; padding-bottom: 20px; }
.footer a { color: #fff; text-decoration: none; }
.footer a:hover { color: #777; }
.footer .t-icon { display: block; margin: 20px auto; width: 44px; height: 43px; }
.footer .t-icon img { width: 100%; }
.legals { font-size: 14px; line-height: 19px; display: block; margin-bottom: 10px;}
.socials { font-size: 24px; line-height: 29px; display: block; margin-bottom: 30px; }
.socials a { color: #fff; font-size: 28px; line-height: 33px; margin-left: 3px; margin-right: 3px;}
.copyright { font-size: 13px; line-height: 18px; display: block; }
.copyright br { display: none; }
.madeby { font-size: 13px; font-style: italic; line-height: 18px; display: block; margin-bottom: 10px; }
.copyright small {
font-family: "Montserrat", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
font-size: .8em;
text-transform: uppercase;
letter-spacing: 1.3px;
}
.copyright small a:hover {
color: #ececec;
}
.copyright small a:focus {
text-decoration: none;
}
.copyright .to-the-top {
color: #777;
}
.footer .to-the-top span {
padding-left: 7px;
font-size: 42px;
vertical-align: top;
}
@media (max-width:580px) {
.copyright br { display: block; }
}
/**/
.full-height { height: 100%; min-height: 500px; }
.swiper-slidex { position: relative; width: 100%; height: 100%; min-height: 700px; background-size: cover; }
.swiper-slide .bg-overlay { background: rgba(17, 17, 17, 0.25); position: absolute; width: 100%; top: 0; left: 0; height: 100%; z-index: 3; min-height: 700px !important; }
.fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 700px; }
.fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper .hero-content { display: table-cell; width: 100%; height: 100%; vertical-align: middle; min-height: 700px; }
.fs-slide-1 {
background: url(../images/slider2.jpg);
background-size: cover;
}
.fs-slide-1 .bg-overlay {
background: rgba(17, 17, 17, 0.25);
}
.fs-slide-1 .hero-content {
text-align: center;
}
.fs-slide-2 {
background: url(../images/slider3.jpg);
background-size: cover;
}
.fs-slide-2 .bg-overlay {
background: rgba(17, 17, 17, 0.45);
}
.fs-slide-2 .hero-content {
text-align: center;
}
.fs-slide-3 {
background: url(../images/slider4.jpg);
background-size: cover;
}
.fs-slide-3 .bg-overlay {
background: rgba(17, 17, 17, 0.45);
}
.fs-slide-3 .hero-content {
text-align: center;
}
.swiper-slide:hover .swiper-button-prev,
.swiper-slide:hover .swiper-button-next,
.ft-slider:hover .slick-prev,
.ft-slider:hover .slick-next,
.text-slider:hover .slick-prev,
.text-slider:hover .slick-next {
opacity: 1;
}
.fs-slider .slick-prev,
.fs-slider .slick-next,
.ft-slider .slick-prev,
.ft-slider .slick-next,
.text-slider .slick-prev,
.text-slider .slick-next {
display: inline-block;
position: absolute;
top: 45%;
width: 60px;
height: 60px;
border: none;
font-size: 30px;
color: #111;
background: #ececec;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.fs-slider .slick-prev span,
.fs-slider .slick-next span,
.ft-slider .slick-prev span,
.ft-slider .slick-next span,
.text-slider .slick-prev span,
.text-slider .slick-next span {
line-height: 65px;
}
.fs-slider .slick-prev:focus,
.fs-slider .slick-next:focus,
.ft-slider .slick-prev:focus,
.ft-slider .slick-next:focus,
.text-slider .slick-prev:focus,
.text-slider .slick-next:focus {
outline: none;
}
.fs-slider .slick-prev:hover,
.fs-slider .slick-next:hover,
.ft-slider .slick-prev:hover,
.ft-slider .slick-next:hover,
.text-slider .slick-prev:hover,
.text-slider .slick-next:hover {
background: #111;
color: #ececec;
}
.fs-slider .slick-prev,
.fw-slider .slick-prev,
.text-slider .slick-prev {
top: 50%;
right: 0;
}
.ft-slider .slick-prev { top: 35%; left: -5px; }
.ft-slider .slick-next {
margin-top: 0;
right: -5px;
top: 35%;
}
.fs-slider .slick-dots { position: absolute; left: 50%; bottom: 90px; list-style: none; padding: 0; margin-top: 25px; display: none !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.ft-slider .slick-dots { list-style: none; display: none !important; margin-top: 25px; padding: 0; position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.fs-slider .slick-next,
.fw-slider .slick-next,
.text-slider .slick-next {
margin-top: -62px;
right: 0;
top: 50%;
}
@media (max-width:768px) {
.fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper .hero-content { padding-right: 15px; padding-left: 15px; }
.fs-slider .slick-prev, .fs-slider .slick-next{ display: none !important; }
.ft-slider .slick-prev, .ft-slider .slick-next { display: none !important; }
.fs-slider .slick-dots { display: block; }
.ft-slider .slick-dots { display: block !important; }
}
@media (max-width:580px) {
#home { position: relative; width: 100%; height: 500px; }
.fs-slider .slick-dots { bottom: 30px; }
.fs-slider-hero .fs-slider .fs-slider-item { height: 500px !important; min-height: 500px !important; }
.fs-slider-hero .fs-slider .fs-slider-item .bg-overlay { height: 500px; }
.fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper .hero-content { height: 500px !important; min-height: 500px !important; }
.fs-slider-hero .fs-slider .fs-slider-item .hero-content-wrapper { height: 500px !important; min-height: 500px !important; }
.full-height { width: 100%; height: 500px; min-height: 500px; max-height: 500px; }
.fs-slide-1 { width: 100%; height: 500px; }
}
/**/
.scroller { display: inline-block; position: absolute; bottom: 15px; left: 0; right: 0; width: 120px; margin: 0 auto; font-size: 40px; text-align: center; color: rgba(235, 235, 235, 0.5); z-index: 10; }
.scroller:focus {
color: inherit;
text-decoration: none;
}
.scroller:hover {
color: #ebebeb;
}
.scroller:hover .scroller-text {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
opacity: 1;
}
.scroller .scroller-text {
display: block;
font-size: 10px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #ececec;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.scroller-dark {
color: rgba(17, 17, 17, 0.5);
}
.scroller-dark:hover {
color: #111111;
}
.scroller-dark .scroller-text {
color: #111;
}
.mouse {
position: relative;
display: block;
width: 30px;
height: 50px;
margin: 0 auto;
border: solid 2px #fff;
border-radius: 23px;
}
.mouse span {
position: absolute;
display: block;
top: 25%;
left: 50%;
width: 6px;
height: 6px;
margin: -3px 0 0 -3px;
background: #fff;
border-radius: 50%;
-webkit-animation: scroll 2s linear infinite;
-moz-animation: scroll 2s linear infinite;
animation: scroll 2s linear infinite;
}
@-webkit-keyframes scroll {
0% {opacity: 1; top: 40%;}
33% {opacity: 1; top: 25%;}
66% {opacity: 0; top: 25%;}
100% {opacity: 1; top: 40%;}
}
@-moz-keyframes scroll {
0% {opacity: 1; top: 40%;}
33% {opacity: 0; top: 25%;}
66% {opacity: 0; top: 25%;}
100% {opacity: 1; top: 40%;}
}
@keyframes scroll {
0% {opacity: 1; top: 40%;}
33% {opacity: 1; top: 25%;}
66% {opacity: 0; top: 25%;}
100% {opacity: 1; top: 40%;}
}
@media (max-width:768px) {
.scroller { display: none; }
}
/**/
.box {
width: 60px;
height: 60px;
background: #ececec;
text-align: center;
}
.padtop { margin-top: 60px; }
.slick-dots { list-style: none; margin-top: 25px; padding: 0; position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.slick-dots li { background-color: #516370; display: inline-block; margin-right: 10px; height: 16px; width: 16px; vertical-align: middle; border: 1px #111; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.slick-dots li button {
display: none;
}
.slick-dots li:hover {
background: #fff;
cursor: pointer;
}
.slick-dots .slick-active { background: #fff; height: 16px; width: 16px; border-color: 2px solid rgba(17, 17, 17, 0); border-style: none;
}
.slider-nav {
display: inline-block;
position: absolute;
margin-top: -50px;
top: 50%;
width: 50px;
height: 50px;
border: none;
background: #111;
line-height: 0;
color: #ececec;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.ft-slider img { width: 100%; }
.ft-slider { margin-bottom: 60px; margin-left: 0; padding-left: 0; }
.galsl li { margin-right: 5px !important; margin-left: 5px !important; }
.pad30 { padding: 0 50px; }
.slider-nav i {
font-size: 15px;
}
.slider-nav:hover {
background: #373737;
}
.slider-nav:focus {
outline: none;
}
.sl-next {
right: 20px;
}
.sl-prev {
left: 20px;
}
@media (max-width:768px) {
.slick-dots { bottom: 30px; }
.fs-slider .slick-dots { display: block !important; }
}
/**/
#welcome a { padding-top: 15px; display: block; text-align: center; color: #999; padding-bottom: 30px; }
#welcome a:hover {
color: #111;
}
#welcome a:focus {
text-decoration: none;
}
#welcome a span {
display: inline-block;
font-size: 25px;
vertical-align: top;
color: inherit;
}
/**/
.cta-dark {
background: #d9e1c3;
}
.cta-dark2 { background: #516370; padding-top: 60px; padding-bottom: 60px; }
.cta-link { background: url(../images/ins2.jpg) no-repeat fixed center top; width: 100%; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; }
.cta-link2 { background: url(../images/ins1.jpg) no-repeat fixed center top; width: 100%; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; }
.cta-link3 { background: url(../images/015.jpg) no-repeat fixed center top; width: 100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.cta-link .bg-overlay { width: 100%; background: rgba(17, 17, 17, 0.5); height: 500px; }
.cta-dark .bg-overlay { background: rgba(17, 17, 17, 0.5); width: 100%; height: 350px; }
.bg-overlay2 { background: rgba(17, 17, 17, 0.5); width: 100%; height: 350px; }
#team-image .bg-overlay { background: rgba(17, 17, 17, 0.4) ; width: 100%; min-height: 700px; }
.cta-link2 .bg-overlay { width: 100%; background: rgba(17, 17, 17, 0.5); height: 500px; }
.cta-link .cta-wrapper { padding-top: 0; padding-bottom: 0; text-align: center; width: 100%; height: 500px; display: table; }
.cta-dark .cta-wrapper { text-align: center; display: table; padding-top: 0; padding-bottom: 0; width: 100%; height: 350px; }
.cta-dark2 .cta-wrapper { text-align: center; display: table; padding-top: 0; padding-bottom: 0; width: 100%; height: auto; }
.cta-wrapper .cta-wrapper-box { vertical-align: middle; width: 100%; height: 500px; display: table-cell !important; }
.cta-link .cta-wrapper .cta-wrapper-box { display: table-cell !important; width: 100%; height: 500px; vertical-align: middle; }
.cta-dark .cta-wrapper .cta-wrapper-box { display: table-cell !important; width: 100%; height: 350px; vertical-align: middle; }
.cta-dark2 .cta-wrapper .cta-wrapper-box { display: table-cell !important; width: 100%; height: auto; vertical-align: middle; }
.team-wrapper .team-wrapper-box { display: table-cell !important; width: 100%; height: 700px; vertical-align: bottom; padding-bottom: 100px; }
.cta-wrapper { padding-top: 0; padding-bottom: 0; text-align: center; width: 100%; height: 500px; display: table; }
.cta-link .cta-wrapper h3 {
margin-top: 0;
margin-bottom: 50px;
letter-spacing: 8px;
color: #ececec;
}
.cta-dark .cta-wrapper h3 { margin-top: 0; margin-bottom: 50px; letter-spacing: 0; color: #1d1d1b; font-size: 34px; line-height: 39px; }
.cta-dark2 .cta-wrapper h3 { color: #ececec; font-size: 20px !important; line-height: 25px !important; letter-spacing: 0; margin-top: 0; margin-bottom: 50px; }
.cta-wrapper h3 { margin-top: 0; margin-bottom: 50px; letter-spacing: 0; color: #ececec; font-size: 34px; line-height: 39px; text-transform: none; }
.cta-link .cta-wrapper h2 {
margin-top: 0;
margin-bottom: 20px;
color: #ffffff;
}
.cta-dark .cta-wrapper h2 {
margin-top: 0;
margin-bottom: 20px;
color: #ffffff;
}
.cta-dark2 .cta-wrapper h2 { color: #ffffff; margin-top: 0; margin-bottom: 20px; }
@media (max-width:768px) {
.cta-link { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
.cta-link2 { background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 450px !important; min-height: 450px !important; margin: 0 auto !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; }
.cta-link3 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto !important; width: 100%; height: 450px !important; min-height: 450px !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.cta-wrapper .cta-wrapper-box { height: 450px; }
.cta-link2 .bg-overlay { height: 450px; }
.cta-wrapper { height: 450px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
.cta-link { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
.cta-link2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 450px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
}
@media only screen and (min-device-width:320px) and ( max-device-width:568px) {
.cta-link { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
.cta-link2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 450px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) {
.cta-link { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
.cta-link2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 450px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
.cta-link { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
.cta-link2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 450px !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
}
/**/
#team-image{ background: url(../images/praxisteam.jpg) no-repeat fixed center top; width: 100%; height: 100%; z-index: 0; min-height: 700px; margin: 0 auto; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; }
.team-wrapper { text-align: center; display: table; padding-top: 0; padding-bottom: 0; width: 100%; height: 700px; }
.team-wrapper h3 { color: #fff; text-transform: uppercase; }
.team-wrapper h2 { color: #fff; }
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
#team-image { background: url(../images/praxisteam.jpg) no-repeat center top; position: relative; margin: 0 auto; width: 100%; height: 450px; min-height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.team-wrapper .team-wrapper-box { display: table-cell !important; padding-bottom: 100px; width: 100%; height: 450px; vertical-align: bottom; }
.team-wrapper { text-align: center; display: table; padding-top: 0; padding-bottom: 0; width: 100%; height: 450px; }
}
@media (max-width:767px) {
#team-image { background: url(../images/praxisteam.jpg) no-repeat center top; position: relative; margin: 0 auto; width: 100%; height: 450px; min-height: 450px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.team-wrapper .team-wrapper-box { display: table-cell !important; padding-bottom: 100px; width: 100%; height: 450px; vertical-align: bottom; }
.team-wrapper { text-align: center; display: table; padding-top: 0; padding-bottom: 0; width: 100%; height: 450px; }
}
/**/
.team:before{ content:""; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg-wave.svg) no-repeat left top; position: absolute; opacity: 0.8; }
.team .container-fluid { width: 90%; }
.t-item .more { padding-top: 30px; display: block; text-align: left; color: #999; }
.more { color: #999; text-align: left; display: block; padding-top: 30px; }
.more:hover { color: #00963e; }
.team a:hover { color: #999; }
.t-item .more span {
display: inline-block;
font-size: 25px;
vertical-align: top;
color: inherit;
}
.more2 span { color: inherit; font-size: 25px; display: inline-block; vertical-align: top; }
.t-item { padding: 30px 15px; border-top: 1px solid #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); background: #fff; text-align: left; width: 100%; height: auto; min-height: 385px; margin-bottom: 30px; display: inline-block !important; -webkit-transition: all 0.3s; transition: all 0.3s; }
.t-item h5 { letter-spacing: 0; }
.t-item:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.t-item:hover .more { color: #111; }
.t-item img { width: 100%; border: 8px #ececec; }
.team .t-icon {
font-size: 32px;
color: #999;
}
.team .t-icon { width: 44px; height: 44px; margin: 20px auto; display: block; }
.team .t-icon img { width: 44px; height: 44px; }
@media (max-width:1440px) {
.team .container-fluid { width: 100%; }
.t-item { min-height: 410px; }
}
@media (max-width:1200px) {
.t-item { height: auto; min-height: 200px !important; }
.t-item img { margin-bottom: 0; }
}
@media (max-width:767px) {
.t-item img { margin-bottom: 30px; }
}
@media (max-width:580px) {
.t-item .more { color: #111; }
.more { color: #111 !important; }
}
/**/
.contact {
background: #ececec;
}
.contact-box { padding: 50px; text-align: left; border-top: 1px solid #f8f8f8; background: #fff; width: 100%; display: inline-block; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.tab-content { background: #fff; text-align: left; display: inline-block; padding: 50px; width: 100%; border-top: 1px solid #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.nav-tabs > li > a { font-size: 16px; letter-spacing: 1px; border-style: none !important; border-radius: 0 !important; }
.contact-box span { font-size: 42px; margin-bottom: 15px; display: block; }
.tab-pane span { font-size: 42px; display: block; margin-bottom: 15px; }
@media (max-width:580px) {
.nav-tabs > li > a { font-size: 15px; letter-spacing: 0; }
}
/**/
.gmap { width: 100%; height: 450px; }
.gmap-btn { background-color: #dadada; color: #181c27; font-family: Dosis, sans-serif; width: 100%; height: 70px; line-height: 70px; z-index: 2; position: relative; text-align: center; cursor: pointer; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gmap-btn:hover { color: #fff; background-color: #21232b; }
.gmap-hidden { display: none; }
iframe { width: 100%; height: 450px; }
@media (max-width:320px) {
.gmap-btn { font-size: 18px; text-transform: none; }
}
/**/
.navbar { margin-bottom: 0; min-height: 70px; border-radius: 0; background: #fff; border-bottom: 1px solid #ececec !important; }
.navbar-default { width: 100%; margin-top: 0; margin-right: auto; margin-left: auto; border-top-style: none; border-right-style: none; border-bottom-color: #d5d5d5 !important; border-bottom-style: solid; border-bottom-width: 1px !important; border-left-style: none; }
.navbar .navbar-header { width: 27%; height: 90px; margin-top: 0; margin-left: 0 !important; }
.navbar .navbar-header .navbar-brand { padding: 0; margin-left: 0; }
.navbar .navbar-nav { background-color: transparent; margin-top: 0; margin-right: 0 !important; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.navbar-right { margin-right: 0 !important; }
.navbar .navbar-nav li a { text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: 0; color: #111; line-height: 120px; background-color: transparent; padding-top: 0; padding-bottom: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.navbar .navbar-nav li a:focus {
color: #00963e;
}
.navbar .navbar-nav li a:hover { color: #00963e; background: transparent !important; }
.navbar .navbar-nav li a i[class*="linea-"] {
font-size: 18px;
vertical-align: sub;
}
.navbar .navbar-nav li a > .cart-notif {
display: inline-block;
position: relative;
padding-left: 1px;
width: 16px;
height: 16px;
top: -8px;
right: -8px;
border-radius: 100px;
background: #EF413F;
color: #fff;
font-size: 10px;
line-height: 16px;
text-align: center;
}
.navbar .navbar-nav .active a { color: #00963e; background-color: transparent; }
.navbar .navbar-nav a .active { color: #00963e; background-color: transparent; }
.navbar .navbar-nav .active a:hover,
.navbar .navbar-nav .active a:focus,
.navbar .navbar-nav .active a:visited {
background: none;
}
.navbar .navbar-nav .dropdown .dropdown-toggle {
background: none;
}
.navbar .navbar-nav .dropdown .dropdown-toggle:hover,
.navbar .navbar-nav .dropdown .dropdown-toggle:focus,
.navbar .navbar-nav .dropdown .dropdown-toggle:visited {
background: none;
}
.navbar .navbar-nav .dropdown .dropdown-toggle .fa-shopping-cart {
margin-left: 16px;
}
.navbar .navbar-nav .dropdown .dropdown-menu { background-color: #111; margin-top: 0; padding: 10px 0; border: 1px #ececec; border-radius: 0; box-shadow: none; }
.navbar .navbar-nav .dropdown .dropdown-menu li {
min-width: 150px;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a { color: #fff; font-size: 15px; display: block; padding: 11px 40px 11px 25px; letter-spacing: 0.5px; line-height: 0.8em; border-left: 3px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; }
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
padding-left: 35px;
padding-right: 30px;
background: rgba(17, 17, 17, 0.05) url('(EmptyReference!)');
border-left: 3px solid #00963e;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a i {
padding-right: 5px;
}
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header {
padding: 0 25px;
font-size: 0.8em;
letter-spacing: 2px;
text-transform: uppercase;
color: #111;
}
.navbar .navbar-nav .dropdown .dropdown-menu .divider {
margin-left: 25px;
margin-right: 25px;
background-color: #ddd;
}
.navbar .navbar-nav .dropdown .bg-solid {
background: #fff;
}
@media (min-width:993px) {
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
}
/**/
.navbar-trans { background-color: rgba(255, 255, 255, 1); height: 120px; border-bottom-style: none; -webkit-transition: all 0.3s ease; }
.navbar-trans .navbar-logo { display: block; }
.navbar-trans .navbar-logo2 { display: none; }
.navbar-trans .navbar-logo3 {
content: url(../images/logo2.svg);
}
.navbar-trans .navbar-logo-dark {
content: url(../images/logo.png);
}
.navbar .navbar-header .navbar-brand { width: 207px; height: 90px; padding-top: 15px; padding-bottom: 15px; }
.navbar .navbar-header .navbar-brand img { width: 100%; }
.navbar-trans.navbar-small { background: rgba(255, 255, 255, 1); height: 70px !important; border-bottom-style: none; -webkit-transition: all 0.3s ease; }
.navbar-small .navbar-nav li a { line-height: 70px; background-color: transparent; margin-top: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.navbar-small .navbar-header { height: 70px; margin-top: 0; padding: 0; }
.navbar-small .navbar-header { margin-top: 0; padding: 0; height: 70px; }
.navbar-small .navbar-header .navbar-brand { text-align: left; width: 101px; height: 44px; margin-left: 0 !important; padding: 13px 0; }
.navbar-small .navbar-nav {
margin-top: 0;
}
.navbar-small .navbar-nav .dropdown .dropdown-menu {
margin-top: 0;
}
.navbar-fw .navbar-header {
margin-left: 50px;
width: 25%;
}
.navbar-fw .navbar-right {
margin-right: 50px;
}
.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: #516370; position: relative; background-color: #516370 !important; border-style: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: 300ms ease-in-out !important; }
.caret { margin-top: 10px !important; display: none; }
@media (max-width:992px) {
.navbar-logo2 { display: none !important; }
.navbar-default { width: 100%; border-bottom: 1px solid #d5d5d5; }
.navbar-logo { display: block !important; }
.navbar-trans { background: rgba(255, 255, 255, 1); height: 70px !important; border-bottom-style: none; -webkit-transition: all 0.3s ease; }
.navbar-small .navbar-header .navbar-brand { text-align: left; margin-left: 25px !important; padding: 13px 0; width: 101px; height: 44px; }
.caret { float: right; display: inline-block; }
.navbar .navbar-header { width: 100%; height: 70px; margin-left: 0; }
.navbar .navbar-header .navbar-brand { width: 101px; height: 44px; margin-left: 0; }
.navbar .navbar-header .navbar-toggle { margin-right: 0; border-style: none; }
.navbar .navbar-header .navbar-toggle:focus {
background: none;
}
.navbar .navbar-header .navbar-toggle:hover {
background: none;
}
.navbar .navbar-header .navbar-toggle:hover span {
background: #111;
}
.navbar .navbar-header .navbar-toggle span {
background: #999;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.navbar .navbar-collapse {
margin-top: 15px;
padding-left: 25px;
padding-right: 25px;
max-height: 100%;
border: none;
box-shadow: none;
}
.navbar .navbar-collapse .navbar-nav {
padding-left: 15px;
padding-right: 15px;
}
.navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu { background-color: #fff; padding-top: 10px; height: 100%; border-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu li a { color: #111; line-height: 26px; padding-top: 0 !important; padding-bottom: 0; }
.navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-banner {
display: none;
}
.navbar .navbar-collapse .navbar-nav .cart-nav .dropdown-toggle {
margin-left: -16px;
}
.navbar .navbar-collapse .navbar-nav .cart-nav .cart-dropdown {
min-width: 100%;
}
.navbar .navbar-right {
margin-right: 0;
}
.navbar-nav { float: none!important; margin: 0; padding-bottom: 15px; }
.navbar-nav>li { float: none; padding-left: 0; border-bottom: 1px solid #d5d5d5; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-nav>li:last-child { border-bottom-style: none; }
.collapse.in { display: block !important; overflow-y: auto !important; }
.navbar .navbar-nav li a { font-size: 16px; line-height: 26px; padding-top: 5px; padding-bottom: 5px; }
.navbar-collapse { max-height: none !important; overflow-x: hidden; }
.navbar-default .navbar-collapse { background-color: #fff; width: 100% !important; margin-top: 0; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; border-style: none; }
.navbar-collapse.collapse { display: none!important; }
.navbar-default .navbar-toggle { float: right !important; margin-top: 20px; margin-right: 15px; display: block; }
.navbar-nav { float: none!important; margin: 0; padding-bottom: 15px; }
.navbar-nav>li { float: none; padding-left: 0; }
.collapse.in { display: block !important; overflow-y: auto !important; }
.dropdown-menu>li:last-child>a { border-bottom: 1px none #e4e4e4; }
.dropdown i { display: inline; }
.dropdown span.glyphicon { float: right; }
.glyphicon-triangle-bottom { font-size: 13px !important; line-height: 21px; }
.dropdown-menu { position: relative; width: 100%; border-style: none !important; }
.dropdown-menu>li:first-child>a { padding-top: 0 !important; }
}
.to-top { color: #fff; display: none; z-index: 100; width: 34px; height: 34px; text-align: center; font-size: 21px; position: fixed; bottom: 15px; right: 20px; background-color: #00963e; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; padding-top: 3px; }
.to-top i { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.to-top a { display: block; color: #fff; }
.to-top.show { bottom: 25px; }
.to-top:hover { background-color: #111; bottom: 20px; }
.to-top:hover i { color: #fff; }
.full-height { height: 100%; min-height: 500px; }
.swiper-slide { background-repeat: no-repeat; background-position: center; width: 100%; height: 840px; margin: 0; padding: 0; background-size: cover; }
.page1 { background-image: url(../images/01.jpg); margin: 0; padding: 0; width: 100%; height: 650px; background-size: cover; }
.page2 { background-image: url(../images/009.jpg); margin: 0; padding: 0; width: 100%; height: 650px; background-size: cover; }
.page3 { background-image: url(../images/010.jpg); margin: 0; padding: 0; width: 100%; height: 650px; background-size: cover; }
.page4 { background-image: url(../images/011.jpg); margin: 0; padding: 0; width: 100%; height: 650px; background-size: cover; }
.page5 { background-image: url(../images/012.jpg); margin: 0; padding: 0; width: 100%; height: 650px; background-size: cover; }
.page6 { background-image: url(../images/013.jpg); margin: 0; padding: 0; width: 100%; height: 650px; background-size: cover; }
.page7 { background-image: url(../images/014.jpg); margin: 0; padding: 0; width: 100%; height: 650px; background-size: cover; }
.page8 { background-image: url(../images/015.jpg); margin: 0; padding: 0; width: 100%; height: 650px; background-size: cover; }
.pageheader { margin: 0; padding: 0; width: 100%; height: 650px; }
.s2 .swiper-slide { height: auto; }
.slider-caption { text-align: left; vertical-align: middle !important; position: absolute; height: 100%; margin: 0 auto; left: 0; right: 0; z-index: 5; top: 0; bottom: 0; width: 100%; overflow: hidden; display: table; }
.pageheader-caption { text-align: left; display: table; margin: 0 auto; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 650px; overflow: hidden; vertical-align: middle !important; padding-top: 70px; }
.slider-caption .vcenter { text-align: left; vertical-align: middle; height: 100%; display: table-cell; }
.pageheader-caption .vcenter { text-align: left; display: table-cell; height: 650px; vertical-align: middle; }
.swiper-pagination { top: 85%; display: none; }
.s2 .swiper-pagination { top: 88% !important; display: block; }
.slide-description { background-color: #fff; }
@media (max-width:992px) {
.slider-caption h1 { font-size: 60px; }
.slider-caption .vcenter { }
}
@media (max-width:768px) {
.slider-caption { text-align: center !important; display: table; margin: 0 auto; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; vertical-align: middle !important; }
.slider-caption .vcenter { text-align: center; display: table-cell; height: 100%; vertical-align: middle; }
.pageheader-caption .vcenter { text-align: center; }
}
@media (max-width:580px) {
.full-height { height: 500px; min-height: 540px; max-height: 540px; }
.slider_weihnachten .vcenter { vertical-align: bottom; padding-bottom: 90px; }
.pageheader { margin: 0; padding: 0; width: 100%; height: 500px; }
.pageheader-caption { text-align: left; display: table; margin: 0 auto; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 500px; overflow: hidden; vertical-align: middle !important; padding-top: 0px; }
.pageheader-caption .vcenter { text-align: center; display: table-cell; height: 500px; vertical-align: middle; }
.page1 { width: 100%; height: 500px; }
.page2 { width: 100%; height: 500px; }
.page3 { width: 100%; height: 500px; }
.page4 { width: 100%; height: 500px; }
.page5 { width: 100%; height: 500px; }
.page6 { width: 100%; height: 500px; }
.page7 { width: 100%; height: 500px; }
.page8 { width: 100%; height: 500px; }
.slider-caption h1 { font-size: 42px; }
.slider-caption h2 { font-size: 24px; }
.modal-header { padding: 0 15px !important; }
.swiper-pagination { display: block; }
.swiper-button-next { display: none; }
.swiper-button-prev { display: none; }
.shopdescription { height: auto; }
.shoplogo { height: auto; }
.close { font-size: 36px; line-height: 38px; }
.modal h4 { font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; width: 100%; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; border-top: 1px solid #dedede; display: inline-block; }
.swiper-slide { height: 500px !important; }
.s2 .swiper-slide { height: auto !important; }
.slider-caption { height: 500px; }
.slider-caption .vcenter { height: 500px; padding-top: 0; padding-right: 0; padding-left: 0; }
.modal-body { padding: 5px 15px; }
}
@media (max-width:320px) {
.full-height { height: 450px; max-height: 450px; }
.modal-header { padding: 0 10px !important; }
.shopdescription { height: auto; }
.shoplogo { height: auto; }
.modal h4 { font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; width: 100%; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; border-top: 1px solid #dedede; display: inline-block; }
.swiper-slide { min-height: 450px; }
.slider-caption .vcenter { height: 450px; padding-top: 0; }
.modal-body { padding: 5px 15px; }
}
.swiper-button-prev:before, .swiper-button-next:before { color: #fff; font-size: 30px !important; font-family: FontAwesome !important; line-height: 60px !important; text-align: center !important; display: inline-block; border-radius: 100%; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.swiper-button-prev:before { color: #fff; text-align: center !important; width: 60px !important; margin-top: -3px; margin-left: -5px; content: "\f0d9" !important; }
.swiper-button-prev:hover:before { color: #fff; }
.swiper-button-next:before { color: #fff; text-align: center !important; width: 60px !important; margin-top: -3px !important; content: "\f0da" !important; }
.swiper-button-next:hover:before { color: #fff !important; }
.swiper-button-prev,
.swiper-button-next { opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; color: #fff; font-size: 30px; background-color: transparent; position: absolute; top: 90%; width: 60px; height: 60px; margin-top: -30px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; border: solid 2px; border-radius: 100%; }
.swiper-button-prev:hover, .swiper-button-next:hover { color: #fff !important; background-color: #00963e; }
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next{ opacity: 1 !important; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image: none; left: auto; right: 150px !important; }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background-image: none; right: 80px !important; }
.swiper-pagination-bullet {
width: 16px;
height: 16px;
display: inline-block;
border-radius: 100%;
background: #aaa9a9;
opacity: 1;
}
.swiper-pagination-bullet-active { opacity: 1; background: #00963e; border: 1px #fff; }
#leistungheader { background-color: #fff; background-image: url(../images/007.jpg); margin: 0 auto; padding: 0; width: 100%; height: 450px; overflow: hidden; }
#aerzteheader { background-color: #fff; background-image: url(../images/005.jpg); margin: 0 auto; padding: 0; width: 100%; height: 450px; overflow: hidden; }
#forschungheader { background-color: #fff; background-image: url(../images/006.jpg); margin: 0 auto; padding: 0; width: 100%; height: 450px; overflow: hidden; }
#fortbildungheader { background-color: #fff; background-image: url(../images/004.jpg); margin: 0 auto; padding: 0; width: 100%; height: 450px; overflow: hidden; }
#publikationenheader { background-color: #fff; background-image: url(../images/008.jpg); margin: 0 auto; padding: 0; width: 100%; height: 450px; overflow: hidden; }
.parallax { -webkit-background-size: cover; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; width: 100%; }
.page-title .bg-overlay { width: 100%; background: rgba(17, 17, 17, 0.25) url('(EmptyReference!)'); height: 450px; }
.page-title .pt-wrapper { padding-top: 0; padding-bottom: 0; text-align: center; width: 100%; height: 450px; display: table; }
.page-title .pt-wrapper .pt-wrapper-box { display: table-cell !important; width: 100%; height: 450px; vertical-align: middle; }
@media (max-width:768px) {
.parallax { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
.parallax { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
}
/* ---- 9.7 Feature - Boxed Hover List ---- */
.ft-boxed-hover ul {
margin: 0;
padding: 0;
list-style: none;
}
.ft-boxed-hover .boxes { display: inline-block; position: relative; margin-top: -1px; margin-left: -1px; padding: 50px 15px; border: solid 1px #ddd; background: #fff; text-align: center; width: 100%; min-height: 380px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.ft-boxed-hover ul li:hover .hover-content {
opacity: 1;
}
.ft-boxed-hover .boxes .ft-icon {
font-size: 56px;
color: #777;
}
.ft-boxed-hover .boxes:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.ft-boxed-hover .h-alt { color: #111 !important; font-size: 13px !important; line-height: 15px !important; padding-top: 15px; display: block; }
.ft-boxed-hover ul li .hover-content {
display: block;
position: absolute;
padding: 30px;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ft-boxed-hover ul li .hover-content .ft-icon {
position: absolute;
display: block;
top: 50px;
left: 0;
right: 0;
font-size: 120px;
color: rgba(217, 217, 217, 0.15);
z-index: 1;
}
.ft-boxed-hover ul li .hover-content .ft-heading {
display: block;
margin: 0;
padding-bottom: 15px;
color: #ececec;
}
.ft-boxed-hover ul li .hover-content p {
margin: 0;
color: #999;
}
.ft-boxed-hover ul li .hover-content a {
display: inline-block;
position: relative;
margin-top: 20px;
color: #999;
z-index: 10 !important;
}
.ft-boxed-hover ul li .hover-content a:hover {
color: #ececec;
}
.ft-boxed-hover ul li .hover-content a:focus {
outline: none;
}
@media (max-width:1200px) {
.ft-boxed-hover .boxes { min-height: 280px; }
}
.menu_side_wrap { position: fixed;
/* width: 5rem; */
width: 4.5%; z-index: 20000; top: 38.8%; right: 0; bottom: auto; height: 100%; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; }
.menu_side_wrap .menu_side_inner {
position:absolute;
z-index: 1;
left: 0;
top: auto;
right: 0;
bottom:auto;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.menu_side_wrap {
}
.menu_side_icons .toc_menu_item .toc_menu_icon,
.menu_side_inner > .toc_menu_item .toc_menu_icon {
width: 100%;
height: auto;
font-size: 11px;
font-weight: 600;
line-height: 1.6em;
border-top: none;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
text-align: center;
}
.menu_side_icons .toc_menu_item .toc_menu_icon:before,
.menu_side_inner > .toc_menu_item .toc_menu_icon:before{
display:none;
}
.toc_menu_icon_line {
/* width: 20px; */
width: 20px;
height: 1px;
/* margin-right: 5px; */
margin-right: 5px;
/* margin-left: 22px; */
margin-left: 0;
display:inline-block;
background-color: #1d1d1b;
vertical-align: middle;
transition: all 0.3s ease;
}
.scroll-page-nav .active a .toc_menu_icon_line {
/* width: 42px; */
width: 30px;
margin-left: 0;
background-color: #000000;
}
.toc_menu_icon_number { color: #1d1d1b; font-size: 14px; font-weight: 600; line-height: 18px; display: inline-block; opacity: 0; }
.scroll-page-nav .active a .toc_menu_icon_number { opacity: 1; }
.menu_side_icons .toc_menu_item.toc_menu_item_active .toc_menu_icon .toc_menu_icon_number {
opacity: 1;
}
.menu_side_icons .toc_menu_item + .toc_menu_item{
margin-top: 3px;
}
.sc_button.sc_button_size_small,
.theme_button.theme_button_small {
padding:0.8em 1.6em;
}
/* Bordered button */
.sc_button.sc_button_bordered {
border-width: 2px !important;
padding: 1.3em 2.8em;
}
.sc_button.sc_button_bordered.sc_button_size_small {
padding:0.6em 1.4em;
}
/* Simple button */
.sc_promo_button_on_image { background-color: #fff; position: absolute; right: 0; bottom: 0; z-index: 2; padding: 35px; }
.sc_button_simple_line,
.sc_button_simple {
font-style:normal;
font-weight:700;
font-size:1em;
line-height:normal;
letter-spacing:normal;
text-transform:none;
border: none;
padding: 0 1.8em 0 0;
}
.sc_button_simple_line:before,
.sc_button_simple_line:after,
.sc_button_simple:before,
.sc_button_simple:after {
content:'\e93a';
font-family:'fontello';
font-style:normal;
}
.sc_button_simple_line {
display:inline-block;
background-color:transparent;
color: #efa758;
position:relative;
padding: 0 1.8em 0 0;
}
.sc_button_simple_line:hover {
color: #000;
background-color:transparent;
}
.sc_button.sc_button_simple_line:before,
.sc_button.sc_button_simple_line:after {
content:'\e911';
font-family:'trx_addons_icons';
position:absolute;
top:50%;
right: 0;
margin:0;
line-height: inherit;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
}
.sc_button.sc_button_simple_line:before {
right:20px;
opacity:0;
}
.sc_button.sc_button_simple_line:hover:before {
opacity:1;
right: 0;
}
.sc_button.sc_button_simple_line:hover:after {
opacity:0;
right: -20px;
}
.sc_button_simple_line.sc_button_icon_left .sc_button_icon {
margin-right: 0.4em;
}
.sc_button_simple_line.sc_button_icon_right .sc_button_icon {
margin-left: 0.4em;
}
.overlap { background-color: #d9e1c3; text-align: left; padding-bottom: 190px !important; position: relative; padding-top: 165px; }
.overlap2 { padding-bottom: 400px !important; position: relative; padding-top: 270px; }
@media (max-width:1200px) {
.overlap2 { padding-top: 160px; padding-bottom: 420px !important; }
.overlap { padding-top: 60px !important; padding-bottom: 60px !important; }
}
.overlap-offset-top { overflow: visible !important; padding-top: 0 !important; }
.overlap-offset-top-container { background-color: transparent; position: relative; top: -120px; z-index: 3; padding-top: 0; }
.overlap-offset-top-container .item-sl { background-repeat: no-repeat; background-position: left top; width: 100%; height: auto; background-size: cover; }
.heading-x-large { color: #fff; font-size: 50px; padding-top: 30px; }
.slide-img { background-repeat: no-repeat; background-position: left top; width: 100%; height: 550px; background-size: cover; }
.padtop30 { padding-top: 30px; }
.slide-description { background-repeat: no-repeat; background-position: left top; height: 550px; padding: 30px; background-size: cover; }
@media (max-width:1200px) {
.overlap-offset-top-container { top: 0; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; }
.slide-description { height: auto; padding-top: 15px; padding-bottom: 30px; }
.overlap-offset-top-container img { margin-top: 30px; margin-bottom: 30px; }
}
@media (max-width:992px) {
.slide-description { height: auto; padding-bottom: 60px; }
.overlap-offset-top .container { }
}
@media (max-width:991px) {
.overlap-offset-top-container img { margin-top: 0; margin-bottom: 0; }
}
@media (max-width:580px) {
.overlap-offset-top .container { width: 100%; }
}
/**/
.scroll-page-nav { position:fixed; top:50%; right:0; z-index:13; width:4%; margin-top: -87px; }
.scroll-page-nav li { width:100%; height: 20px; float:left; margin-bottom:4px; }
.scroll-page-nav .nav a { background-color: transparent; padding: 0 !important; display:inline-table; border:1px #a50436; border-radius: 100% !important; }
.scroll-page-nav .nav a:hover { background-color: transparent; }
@media (max-width:1200px) {
.scroll-page-nav { display: none; }
}
/**/
#action-toolbar { position: fixed; top: 50%; right: 0; bottom: auto; left: auto; visibility: inherit; overflow: hidden; box-sizing: border-box; width: 48px; height: auto; background: transparent; z-index: 24; display: block; transition: width .25s ease-in-out .5s; transform: translate3d(0, -50%, 0); }
#action-toolbar.shown, #action-toolbar:hover {
width: calc(48px * 4 + 3px);
transition: width .25s ease
}
#action-toolbar .action-toolbar_row {
position: relative;
top: 0;
right: auto;
bottom: auto;
left: 0;
z-index: auto;
visibility: inherit;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 48px;
transition: background .3s ease, color .3s ease;
will-change: background, color
}
#action-toolbar .action-toolbar_row .action-toolbar_icon { color: #fff; font-size: 22px; line-height: 48px; position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 2; display: -ms-flexbox; visibility: inherit; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; width: 48px; height: 48px; background-color: #00963e; text-align: center; transition: background .3s ease; -ms-flex-pack: center; -ms-flex-align: center; will-change: background
}
#action-toolbar_download-btn, #action-toolbar_store-btn, #action-toolbar_contact-btn, #action-toolbar_social-btn, #action-toolbar_social-btn2 {
display: block;
overflow: hidden;
margin-bottom: 1px;
background-color: #111;
color: #fff;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
line-height: 1
}
#action-toolbar_download-btn span, #action-toolbar_store-btn span, #action-toolbar_contact-btn span, #action-toolbar_social-btn span, #action-toolbar_social-btn2 span {
position: absolute;
top: 20px;
right: auto;
bottom: auto;
left: 20px;
z-index: 1;
visibility: inherit;
overflow: hidden;
box-sizing: border-box;
color: inherit
}
#action-toolbar_download-btn:hover, #action-toolbar_store-btn:hover, #action-toolbar_contact-btn:hover, #action-toolbar_social-btn:hover, #action-toolbar_social-btn2:hover { color: #fff !important; background-color: #00963e; }
#action-toolbar_download-btn:hover .action-toolbar_icon, #action-toolbar_store-btn:hover .action-toolbar_icon, #action-toolbar_contact-btn:hover .action-toolbar_icon { color: #fff !important; background-color: #00963e
}
@media (min-width:992px) {
#action-toolbary {
display: block
}
}
@media (max-width:768px) {
#action-toolbar { display: none !important; }
}
/**/
.scroll_down { color: #fff !important; display: inline-block; position: absolute; bottom: 15px; left: 0; right: 0; width: 120px; margin: 0 auto; font-size: 16px; text-align: center; line-height: 1; z-index: 24; }
.scroll_down a { color: #fff; }
.scroll_down i { font-size: 40px; display: block; }
@media (max-width:768px) {
.scroll_down { color: #fff !important; font-size: 16px; line-height: 1; text-align: center; display: none; margin: 0 auto; position: absolute; z-index: 24; right: 0; bottom: 15px; left: 0; width: 120px; }
}
.backdrop { position: absolute; width: 90%; height: 100%; z-index: -1; background-color: #eceded; top: 30px; left: -15px; }
.help-block { font-size: 12px !important; line-height: 14px !important; }
.help-block ul { margin-left: 0 !important; padding-left: 0 !important; }
label, input { color: #1e2023; font-size: 16px; }
.hinweis { font-size: 11px; line-height: 13px; margin-top: 15px; }
.dps ul li { font-size: 15px; font-style: normal; line-height: 20px; margin-left: 0; padding-left: 0; list-style-type: disc; list-style-position: outside; }
.dps ul { padding-bottom: 15px; padding-left: 20px; }
.dps p { font-size: 15px; line-height: 20px; }
.dps a { color: #111 !important; text-decoration: underline !important; }
.dps a:hover { color: #111 !important; text-decoration: none !important; }
.dps h5 { font-size: 21px !important; font-weight: 700; font-style: normal; line-height: 25px; background-color: transparent; text-align: left; margin-top: 30px; margin-bottom: 10px; margin-left: 0; padding-left: 0; display: block; }
.dps h6 { color: #111; font-size: 18px !important; font-weight: 700; font-style: normal; line-height: 23px; text-transform: none; padding-top: 0; }
.dps h2 { font-size: 26px; font-weight: 400; line-height: 31px; }
.dps .stand { padding-top: 30px; display: block; }
/**/
.logos__item { background-color: #fff; vertical-align: middle; width: 100%; max-height: 183px; border: solid 1px #eaeaea; display: table; }
.logos__preview { vertical-align: middle; height: 183px; padding: 20px; display: table-cell; }
.logos__pic { max-width: 100%; }
.logos_links .logos__item {
padding: 40px 0 60px;
}
.logos_links .logos__preview {
margin-bottom: 40px;
}
.x1 { background-position: right 50%; }