@charset "UTF-8";
  @font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Thin.ttf) format("truetype");
font-weight: 100;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Light.ttf) format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Medium.ttf) format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Bold.ttf) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Black.ttf) format("truetype");
font-weight: 900;
}                       @font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Thin.ttf) format("truetype");
font-weight: 100;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Light.ttf) format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Medium.ttf) format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Bold.ttf) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Black.ttf) format("truetype");
font-weight: 900;
}                       .h-menu {
display: flex;
justify-content: center;
}
.h-menu .main-nav {
display: flex;
height: 100px;
margin: 0;
padding: 0;
align-items: center;
list-style: none;
}
.h-menu .main-nav li {
margin: 0 35px;
cursor: pointer;
}
.h-menu .main-nav li a {
display: flex;
align-items: center;
color: rgb(34, 34, 34);
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 21px;
}
.h-menu .main-nav li a:hover {
text-decoration: none;
}
.h-menu .main-nav li a::after {
display: block;
margin-left: 10px;
content: "";
width: 15px;
height: 15px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_plus.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 13px auto;
}
.h-menu .main-nav li ul.sub-menu {
display: none;
}
@media (max-width: 1220px) {
.h-menu {
display: none;
}
}
.h-search {
display: flex;
justify-content: end;
}
@media (max-width: 1220px) {
.h-search {
display: none;
}
}
.sub-menu-wrap {
display: none;
margin: 20px 0 0;
position: absolute;
z-index: 9999;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
box-shadow: 0 10px 30px rgba(5, 90, 105, 0.1);
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.sub-menu-wrap .sub-menu {
display: flex;
background-color: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.sub-menu-wrap .sub-menu .sub-nav-image {
display: flex;
width: 330px;
min-height: 330px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block {
display: block;
width: 100%;
margin: auto 20px 20px;
padding: 15px;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block h3 {
display: block;
font-size: 18px;
line-height: 20px;
color: #055a69;
font-weight: 500;
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .text {
display: block;
font-size: 15px;
line-height: 25px;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (max-width: 1500px) {
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .text {
font-size: calc(15px - 15px * 0.2);
line-height: calc(25px - 25px * 0.2);
}
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .text p {
margin: 0;
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .lnk {
display: block;
width: 110px;
margin: auto 0 0;
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .lnk .btn-transparent {
display: flex;
height: 30px;
padding: 0;
font-size: 10px;
font-weight: 500;
text-decoration: none;
line-height: normal;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
align-items: center;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_orange.svg);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 20px auto;
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .lnk .btn-transparent:hover {
color: #055a69;
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .lnk .btn-transparent:focus, .sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .lnk .btn-transparent:active {
outline: none !important;
box-shadow: none !important;
}
.sub-menu-wrap .sub-menu .sub-nav-image .sub-nav-block .lnk .btn-transparent:hover {
background-position: right 0 center;
transition: 0.1s ease;
}
.sub-menu-wrap .sub-menu .sub-nav-lnks {
padding: 50px 40px;
}
.sub-menu-wrap .sub-menu .sub-nav-lnks .nav-block-wrap {
display: flex;
flex-direction: row;
gap: 20px;
}
.sub-menu-wrap .sub-menu .sub-nav-lnks .nav-block-wrap .nav-block h3 a {
display: block;
font-size: 16px;
line-height: 21px;
color: #055a69;
font-weight: 500;
}
.sub-menu-wrap .sub-menu .sub-nav-lnks .nav-block-wrap .nav-block h3 a:hover {
color: #fe8f1d;
}
.sub-menu-wrap .sub-menu .sub-nav-lnks .nav-lnk {
display: block;
width: 250px;
margin: 0 0 5px;
padding: 0 0 0 30px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_submenu_link.svg);
background-position: left top 5px;
background-repeat: no-repeat;
background-size: 15px auto;
}
.sub-menu-wrap .sub-menu .sub-nav-lnks .nav-lnk a {
color: rgb(34, 34, 34);
text-decoration: none;
font-weight: 300;
font-size: 15px;
line-height: 15px;
}
.sub-menu-wrap .sub-menu .sub-nav-lnks .nav-lnk a:hover {
color: #fe8f1d;
text-decoration: none;
}
.sub-close {
cursor: pointer;
position: absolute;
top: 15px;
right: 15px;
display: block;
width: 20px;
height: 20px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_nav_close.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 19px auto;
} header {
display: block;
width: 100%;
position: fixed;
z-index: 999;
background-color: #ffffff;
box-shadow: 0 2px 13px rgba(34, 34, 34, 0.3);
}
header .top {
display: flex;
height: 40px;
padding: 0;
font-size: 12px;
border-bottom: 1px solid rgba(34, 34, 34, 0.05);
}
header .top .lnk-region {
display: flex;
padding: 0 30px;
color: rgba(34, 34, 34, 0.7);
text-decoration: none;
}
header .top .lnk-region img {
margin-right: 10px;
filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(10%) hue-rotate(5deg) brightness(99%) contrast(89%);
}
header .top .lnk-region:hover {
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
color: #222222;
}
header .top .lnk-region:hover img {
filter: brightness(0) saturate(100%) invert(11%) sepia(99%) saturate(0%) hue-rotate(165deg) brightness(102%) contrast(94%);
}
header .top .lnk-members {
display: flex;
padding: 0 30px;
width: 180px;
background-color: #fe8f1d;
color: #ffffff;
text-decoration: none;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
header .top .lnk-members img {
margin-right: 10px;
filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(261%) hue-rotate(228deg) brightness(118%) contrast(100%);
}
header .top .lnk-members:hover {
background-color: #ff8200;
}
header .header-content .logo {
width: 315px;
}
header .header-content .logo .site-logo {
margin-left: 100px;
margin-bottom: 10px;
width: 90%;
max-width: 180px;
height: auto;
}
header .header-content .rsp-nav {
display: none;
}
header .header-content .rsp-nav .hamburger {
display: flex;
width: 50px;
height: 50px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/hamburger.svg);
background-color: #fe8f1d;
background-position: center center;
background-repeat: no-repeat;
background-size: 30px auto;
cursor: pointer;
align-items: center;
justify-content: center;
}
@media (max-width: 1220px) {
header .header-content .logo .site-logo {
margin: 20px 0 20px 50px;
}
header .header-content .rsp-nav {
display: flex;
margin: 0 20px;
}
}
@media (max-width: 768px) {
header .header-content .logo {
width: 200px;
}
header .header-content .logo .site-logo {
margin: 20px 0 20px 10px;
width: 140px;
max-width: 140px;
height: auto;
}
header .header-content .rsp-nav {
margin: 0;
}
}
.rsp-navigation-wrap {
position: fixed;
z-index: 99999;
top: 0;
bottom: 0;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
display: none;
width: 100%;
height: auto;
padding: 20px 20px 20px 20px;
background-color: #ffffff;
box-shadow: 0 10px 30px rgba(34, 34, 34, 0.3);
flex-direction: column;
}
.rsp-navigation-wrap .rsp-close {
display: flex;
width: 50px;
height: 50px;
background-color: #fe8f1d;
margin: 0 0 0 auto;
cursor: pointer;
align-items: center;
justify-content: center;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_close_white.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 40px auto;
}
.rsp-navigation-wrap .rsp-nav {
display: block;
margin: 30px auto;
}
.rsp-navigation-wrap .rsp-nav ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.rsp-navigation-wrap .rsp-nav ul li.menu-item {
margin: 5px 0 10px;
}
.rsp-navigation-wrap .rsp-nav ul li.menu-item > a {
display: inline-block;
margin-bottom: 10px;
}
.rsp-navigation-wrap .rsp-nav ul li.menu-item a {
color: rgb(34, 34, 34);
text-decoration: none;
font-weight: 600;
font-size: 25px;
line-height: 30px;
}
.rsp-navigation-wrap .rsp-nav ul li.menu-item a:hover {
color: #fe8f1d;
text-decoration: none;
}
.rsp-navigation-wrap .rsp-nav ul li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > a {
display: block;
margin: 5px 0 0;
color: #055a69;
font-weight: 700;
}
.rsp-navigation-wrap .rsp-nav ul li.menu-item-has-children > ul.sub-menu {
margin-bottom: 20px;
}
.rsp-navigation-wrap .rsp-nav ul li ul.sub-menu {
margin-bottom: 20px;
}
.rsp-navigation-wrap .rsp-nav ul li ul.sub-menu > .menu-item > a {
margin-bottom: 10px !important;
}
.rsp-navigation-wrap .rsp-nav ul li ul.sub-menu li a {
color: #fe8f1d;
text-decoration: none;
font-weight: 400;
font-size: 18px;
line-height: 20px;
}
.rsp-navigation-wrap .rsp-nav ul li ul.sub-menu li a:hover {
color: #055a69;
text-decoration: none;
} footer {
background-color: #055a69;
padding: 90px 0 70px;
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
text-decoration: none;
}
@media (max-width: 1500px) {
footer {
font-size: calc(16px - 16px * 0.2);
line-height: calc(26px - 26px * 0.2);
}
}
footer a {
color: #ffffff;
text-decoration: none;
font-weight: 400;
}
footer a:hover {
color: #ffffff;
text-decoration: underline;
}
footer .logo img {
width: 100%;
max-width: 160px;
height: auto;
}
footer .f-menu ul {
list-style: none;
}
footer .f-menu ul li a {
font-size: 14px;
line-height: 26px;
font-weight: 500;
}
@media (max-width: 992px) {
footer .f-menu ul {
margin: 0;
padding: 0;
}
}
@media (max-width: 991px) {
footer {
text-align: center;
}
} .h-search,
.rsp-search {
width: 315px;
}
.h-search .searchform,
.rsp-search .searchform {
margin-right: 35px;
}
.h-search .searchform input[type=text],
.rsp-search .searchform input[type=text] {
width: 280px;
max-width: 280px;
height: 40px;
padding: 0 20px 0 40px;
border: 1px solid rgba(34, 34, 34, 0.2);
border-collapse: collapse;
background-color: transparent;
color: rgb(34, 34, 34);
font-size: 12px;
font-weight: 400;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_search.svg);
background-position: left 15px center;
background-repeat: no-repeat;
background-size: 18px auto;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.h-search .searchform input[type=text]:focus, .h-search .searchform input[type=text]:hover,
.rsp-search .searchform input[type=text]:focus,
.rsp-search .searchform input[type=text]:hover {
border: 1px solid #707070;
outline: none;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_search_dark.svg);
}
.h-search .searchform input[type=text]:focus::placeholder, .h-search .searchform input[type=text]:hover::placeholder,
.rsp-search .searchform input[type=text]:focus::placeholder,
.rsp-search .searchform input[type=text]:hover::placeholder {
color: rgb(34, 34, 34);
opacity: 1;
}
.h-search .searchform input[type=text]:focus:-ms-input-placeholder, .h-search .searchform input[type=text]:hover:-ms-input-placeholder,
.rsp-search .searchform input[type=text]:focus:-ms-input-placeholder,
.rsp-search .searchform input[type=text]:hover:-ms-input-placeholder {
color: rgb(34, 34, 34);
}
.h-search .searchform input[type=text]:focus::-ms-input-placeholder, .h-search .searchform input[type=text]:hover::-ms-input-placeholder,
.rsp-search .searchform input[type=text]:focus::-ms-input-placeholder,
.rsp-search .searchform input[type=text]:hover::-ms-input-placeholder {
color: rgb(34, 34, 34);
}
.h-search .searchform input[type=submit],
.rsp-search .searchform input[type=submit] {
display: none;
}
.rsp-search {
margin-left: auto;
margin-right: auto;
width: 250px;
}
.rsp-search .searchform {
margin-right: 0;
}
.rsp-search .searchform input[type=text] {
width: 250px;
max-width: 250px;
} @font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Thin.ttf) format("truetype");
font-weight: 100;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Light.ttf) format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Medium.ttf) format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Bold.ttf) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Black.ttf) format("truetype");
font-weight: 900;
}                       .hero {
width: 100%;
}
.hero .hero-image {
position: absolute;
z-index: 10;
display: block;
width: 100%;
background-position: center top 140px;
background-repeat: no-repeat;
background-size: cover;
}
.hero .hero-wrap {
position: relative;
z-index: 30;
}
.hero .hero-wrap h1 {
display: block;
font-size: 80px;
line-height: 90px;
color: #ffffff;
font-weight: 500;
margin: 0 0 30px;
}
.hero .hero-wrap .orange-line {
display: block;
max-width: 100px;
width: 95%;
height: 3px;
background-color: #fe8f1d;
}
.hero .hero-wrap .text {
display: block;
font-size: 27px;
line-height: 37px;
color: #ffffff;
font-weight: 300;
margin: 30px 0 50px;
}
@media (max-width: 1500px) {
.hero .hero-wrap .text {
font-size: calc(27px - 27px * 0.2);
line-height: calc(37px - 37px * 0.2);
}
}
.hero .hero-wrap .btn-orange {
display: inline-block;
height: 50px;
padding: 0 60px 0 30px;
color: #ffffff;
background-color: transparent;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 46px;
border: 2px solid #fe8f1d;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
align-items: center;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_orange.svg);
background-position: right 30px center;
background-repeat: no-repeat;
background-size: 20px auto;
}
.hero .hero-wrap .btn-orange:hover {
color: #ffffff;
background-color: #fe8f1d;
}
.hero .hero-wrap .btn-orange:hover {
padding: 0 65px 0 30px;
transition: 0.1s ease;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_white.svg);
}
.hero .hero-overlay {
position: absolute;
z-index: 20;
display: block;
width: 100%;
height: 100vh;
background-color: rgba(34, 34, 34, 0.6);
} .hero-page-wrap {
height: 490px;
padding: 140px 0 0 !important;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/header_page_back.png);
background-position: center center;
background-size: auto auto;
}
.hero-page-wrap .hero-page {
display: flex;
height: 350px;
flex-direction: column;
justify-content: center;
}
.hero-page-wrap .hero-page h1 {
display: block;
font-size: 55px;
line-height: 60px;
color: #ffffff;
font-weight: 500;
margin: 0 0 30px;
}
.hero-page-wrap .hero-page h2 {
display: block;
font-size: 27px;
line-height: 32px;
color: #fe8f1d;
font-weight: 500;
}
.hero-page-wrap .hero-page .orange-line {
display: block;
max-width: 100px;
width: 100px;
height: 3px;
background-color: #fe8f1d;
}
@media (max-width: 991px) {
.hero-page-wrap {
height: 390px;
padding: 140px 0 0 !important;
}
.hero-page-wrap .hero-page {
height: 250px;
}
.hero-page-wrap .hero-page h1 {
font-size: 25px;
line-height: 30px;
}
.hero-page-wrap .hero-page h2 {
display: block;
font-size: 20px;
line-height: 22px;
color: #fe8f1d;
font-weight: 500;
}
} .box-w-icons-wrap {
background-color: #fafcfc;
}
.box-w-icons-wrap .box-w-icons {
position: relative;
z-index: 100;
margin: -60px auto 100px;
padding: 60px;
background-color: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(5, 90, 105, 0.03);
}
.box-w-icons-wrap .box-w-icons > .row {
position: relative;
}
.box-w-icons-wrap .box-w-icons .box-intro {
padding: 0 50px 0 0;
}
.box-w-icons-wrap .box-w-icons .box-intro h4 {
display: block;
font-size: 14px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
}
.box-w-icons-wrap .box-w-icons .box-intro h2 {
display: block;
font-size: 27px;
line-height: 35px;
color: #055a69;
font-weight: 500;
margin: 20px 0;
}
.box-w-icons-wrap .box-w-icons .box-intro .orange-line {
display: block;
max-width: 100px;
width: 95%;
height: 3px;
background-color: #fe8f1d;
}
.box-w-icons-wrap .box-w-icons .box-intro .text {
line-height: 1.8;
font-weight: 300;
font-size: 1.125rem;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 30px 0 0;
text-decoration: none;
}
@media (min-width: 680px) {
.box-w-icons-wrap .box-w-icons .box-intro .text {
font-size: 1rem;
line-height: 2;
}
}
@media (max-width: 1500px) {
.box-w-icons-wrap .box-w-icons .box-intro .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.box-w-icons-wrap .box-w-icons .box-icons {
position: relative;
}
.box-w-icons-wrap .box-w-icons .box-icons .box-off {
position: relative;
z-index: 10;
height: 100%;
padding: 60px 20px;
text-align: center;
border-radius: 5px;
background-color: #fafcfc;
}
.box-w-icons-wrap .box-w-icons .box-icons .box-off img {
width: auto;
height: 55px;
}
.box-w-icons-wrap .box-w-icons .box-icons .box-off h3 {
display: block;
font-size: 22px;
line-height: 30px;
color: #055a69;
font-weight: 500;
margin: 20px 0;
}
.box-w-icons-wrap .box-w-icons .box-icons .box-off .text {
line-height: 1.8;
font-size: 1rem;
font-weight: 400;
color: #055a69;
display: block;
margin: 30px 0 0;
text-decoration: none;
}
@media (max-width: 1500px) {
.box-w-icons-wrap .box-w-icons .box-icons .box-off .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.box-w-icons-wrap .box-w-icons .box-icons .box-off .text p {
margin: 0;
}
.box-w-icons-wrap .box-w-icons .box-icons .box-on {
display: none;
} .news-events-wrap {
padding: 80px 0;
}
.news-events-wrap h4 {
display: block;
font-size: 14px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.news-events-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.news-events-wrap .news-events-cats,
.news-events-wrap .events-cats {
display: block;
width: 100%;
padding: 0 0 30px;
}
.news-events-wrap .news-events-cats .cat-btns,
.news-events-wrap .events-cats .cat-btns {
display: flex;
width: 100%;
padding: 0 0 30px;
align-items: center;
justify-content: center;
}
.news-events-wrap .news-events-cats .cat-btns .btn-grey,
.news-events-wrap .events-cats .cat-btns .btn-grey {
display: inline-block;
height: 40px;
margin: 0 10px;
padding: 0 20px;
color: #055a69;
background-color: #fafcfc;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 40px;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.news-events-wrap .news-events-cats .cat-btns .btn-grey:hover,
.news-events-wrap .events-cats .cat-btns .btn-grey:hover {
color: #055a69;
background-color: #f2f6f7;
}
.news-events-wrap .news-events-cats .cat-btns .btn-active,
.news-events-wrap .events-cats .cat-btns .btn-active {
background-color: #055a69 !important;
color: #ffffff !important;
}
.news-events-wrap .news-events-cats .sliders-news,
.news-events-wrap .news-events-cats .sliders-events,
.news-events-wrap .events-cats .sliders-news,
.news-events-wrap .events-cats .sliders-events {
background-color: #ffffff;
box-shadow: 0 10px 30px rgba(5, 90, 105, 0.03);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.news-events-wrap .news-events-cats .sliders-news .slider,
.news-events-wrap .news-events-cats .sliders-events .slider,
.news-events-wrap .events-cats .sliders-news .slider,
.news-events-wrap .events-cats .sliders-events .slider {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide {
display: flex;
width: 100%;
height: 100%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .image,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .image,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .image,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .image {
min-height: 30rem;
display: flex;
width: 50%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
@media (max-width: 1100px) {
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .image,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .image,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .image,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .image {
display: flex;
width: 100%;
height: 400px;
border-radius: 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content {
display: flex;
width: 50%;
height: 100%;
padding: 50px 30px 30px 60px !important;
flex-direction: column;
}
@media (max-width: 1100px) {
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content {
display: flex;
width: 100%;
height: auto;
padding: 30px 20px 20px 20px !important;
margin-bottom: auto;
}
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .cat-date,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .cat-date,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .cat-date,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .cat-date {
display: flex;
width: 100%;
font-size: 14px;
color: rgb(34, 34, 34);
font-weight: 300;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .cat-date .cat,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .cat-date .cat,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .cat-date .cat,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .cat-date .cat {
margin: 0 20px 0 0;
padding: 0 0 0 25px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_category.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 15px auto;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .cat-date .date,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .cat-date .date,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .cat-date .date,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .cat-date .date {
padding: 0 0 0 25px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_calendar.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 15px auto;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content h3,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content h3,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content h3,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content h3 {
display: block;
font-size: 27px;
line-height: 35px;
color: #055a69;
font-weight: 500;
margin: 70px 0 20px;
}
@media (max-width: 1100px) {
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content h3,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content h3,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content h3,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content h3 {
margin: 20px 0 20px;
}
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .text,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .text,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .text,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .text {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (max-width: 1500px) {
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .text,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .text,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .text,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .text a,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .text a,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .text a,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .text a {
color: #fe8f1d;
text-decoration: none;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .text a:hover,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .text a:hover,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .text a:hover,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .text a:hover {
color: rgb(34, 34, 34);
text-decoration: none;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .lnk,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .lnk,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .lnk,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .lnk {
display: block;
width: 120px;
margin: auto 0 0;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent {
display: flex;
height: 50px;
padding: 0 30px 0 0;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: normal;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
align-items: center;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_orange.svg);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 20px auto;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent:hover,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent:hover,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent:hover,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent:hover {
color: #055a69;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent:focus, .news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent:active,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent:focus,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent:active,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent:focus,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent:active,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent:focus,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent:active {
outline: none !important;
box-shadow: none !important;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent:hover,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent:hover,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .lnk .btn-transparent:hover,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .lnk .btn-transparent:hover {
background-position: right 0 center;
transition: 0.1s ease;
}
@media (max-width: 1100px) {
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .lnk,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .lnk,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .lnk,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .lnk {
display: block;
width: 120px;
margin: 0 0 0;
}
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-line,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-line,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-line,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-line {
display: flex;
width: 100%;
margin: 0 0 10px;
padding: 0;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
flex-direction: row;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-line:last-of-type,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-line:last-of-type,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-line:last-of-type,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-line:last-of-type {
margin: 0 0 20px;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-line label,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-line label,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-line label,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-line label {
width: 100px;
display: block;
font-size: 16px;
line-height: 18px;
color: #055a69;
font-weight: 600;
flex-basis: 100px;
flex-grow: 0;
flex-shrink: 0;
}
@media (max-width: 1500px) {
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-line label,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-line label,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-line label,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-line label {
font-size: calc(16px - 16px * 0.2);
line-height: calc(18px - 18px * 0.2);
}
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-line > div,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-line > div,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-line > div,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-line > div {
display: block;
font-size: 16px;
line-height: 18px;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (max-width: 1500px) {
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-line > div,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-line > div,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-line > div,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-line > div {
font-size: calc(16px - 16px * 0.2);
line-height: calc(18px - 18px * 0.2);
}
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-download,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-download,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-download,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-download {
display: flex;
width: auto;
margin: auto 0 60px;
padding: 13px 20px;
background-color: #fe8f1d;
font-size: 16px;
line-height: 18px;
color: #ffffff;
font-weight: 300;
text-decoration: none;
text-align: center;
cursor: pointer;
flex-direction: row;
justify-content: center;
align-items: center;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
@media (max-width: 1500px) {
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-download,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-download,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-download,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-download {
font-size: calc(16px - 16px * 0.2);
line-height: calc(18px - 18px * 0.2);
}
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-download:hover,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-download:hover,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-download:hover,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-download:hover {
background-color: #ff8200;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap .slide .content .job-download img,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap .slide .content .job-download img,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap .slide .content .job-download img,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap .slide .content .job-download img {
margin: 0 10px 0 0;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap button.slick-arrow,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap button.slick-arrow,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap button.slick-arrow,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap button.slick-arrow {
display: block;
width: 20px;
height: 20px;
position: absolute;
z-index: 99;
bottom: 40px;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px auto;
border: none;
border-collapse: collapse;
background-color: transparent;
font-size: 0;
line-height: 0;
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap button.slick-arrow.slick-next,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap button.slick-arrow.slick-next,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap button.slick-arrow.slick-next,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap button.slick-arrow.slick-next {
right: 30px;
transform: rotate(180deg);
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.news-events-wrap .news-events-cats .sliders-news .slider .slider-wrap button.slick-arrow.slick-prev,
.news-events-wrap .news-events-cats .sliders-events .slider .slider-wrap button.slick-arrow.slick-prev,
.news-events-wrap .events-cats .sliders-news .slider .slider-wrap button.slick-arrow.slick-prev,
.news-events-wrap .events-cats .sliders-events .slider .slider-wrap button.slick-arrow.slick-prev {
right: 80px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
@media (max-width: 1024px) {
.news-events-wrap {
padding: 80px 0;
}
} .event {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/box_back_grey.png);
background-color: #fafcfc;
background-position: center top;
}
.event .current-event-wrap {
padding: 80px 0;
}
.event .current-event-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.event .current-event-wrap h4 {
display: block;
font-size: 14px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.event .current-event-wrap .current-event .image {
display: block;
min-height: 500px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.event .current-event-wrap .current-event .event-content {
display: block;
width: 100%;
padding: 60px;
background-color: #ffffff;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.event .current-event-wrap .current-event .event-content h3 {
display: inline-block;
font-size: 27px;
line-height: 27px;
color: #055a69;
font-weight: 600;
margin: 0 20px 0 0;
}
.event .current-event-wrap .current-event .event-content .date {
display: inline-block;
padding: 5px 10px;
background-color: #fe8f1d;
font-size: 14px;
line-height: 14px;
color: #ffffff;
font-weight: 500;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
@media (max-width: 1500px) {
.event .current-event-wrap .current-event .event-content .date {
font-size: calc(14px - 14px * 0.2);
line-height: calc(14px - 14px * 0.2);
}
}
.event .current-event-wrap .current-event .event-content .date span {
padding-right: 5px;
border-right: 1px solid #ffffff;
}
.event .current-event-wrap .current-event .event-content .date span:last-of-type {
padding-right: 0;
padding-left: 4px;
border-right: none;
}
.event .current-event-wrap .current-event .event-content .text-content {
display: flex;
width: 100%;
padding: 30px 0 0;
}
.event .current-event-wrap .current-event .event-content .text-content .text {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
margin: znull;
padding: 0 50px 0 0;
width: 80%;
}
@media (max-width: 1500px) {
.event .current-event-wrap .current-event .event-content .text-content .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.event .current-event-wrap .current-event .event-content .text-content .btn-orange {
display: inline-block;
height: 50px;
padding: 0 60px 0 30px;
color: #055a69;
background-color: transparent;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 46px;
border: 2px solid #fe8f1d;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
align-items: center;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_orange.svg);
background-position: right 30px center;
background-repeat: no-repeat;
background-size: 20px auto;
}
.event .current-event-wrap .current-event .event-content .text-content .btn-orange:hover {
color: #ffffff;
background-color: #fe8f1d;
}
.event .current-event-wrap .current-event .event-content .text-content .btn-orange:hover {
padding: 0 65px 0 30px;
transition: 0.1s ease;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_white.svg);
}
@media (max-width: 991px) {
.event .current-event-wrap .current-event .event-content {
padding: 30px;
}
.event .current-event-wrap .current-event .event-content h3 {
display: block;
}
.event .current-event-wrap .current-event .event-content .date {
margin: 30px 0 0;
}
.event .current-event-wrap .current-event .event-content .text-content {
display: block;
}
.event .current-event-wrap .current-event .event-content .text-content .text {
padding: 0;
width: 100%;
}
}
@media (max-width: 991px) and (max-width: 1500px) {
.event .current-event-wrap .current-event .event-content .text-content .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
@media (max-width: 991px) {
.event .current-event-wrap .current-event .event-content .text-content .btn-orange {
display: inline-block;
height: 50px;
margin: 30px 0 10px;
padding: 0 60px 0 30px;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
} .local-contact .local-image {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.local-contact .local-image .local-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(5, 90, 105, 0.8);
}
.local-contact .local-image .local-person {
position: absolute;
display: block;
z-index: 20;
width: 120px;
height: 120px;
top: 100px;
right: -60px;
border: 8px solid #ffffff;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
box-shadow: 0 10px 20px rgba(5, 90, 105, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 992px) {
.local-contact .local-image {
height: 350px;
}
.local-contact .local-image .local-person {
position: absolute;
display: block;
z-index: 20;
width: 120px;
height: 120px;
top: auto;
bottom: -60px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.local-contact .local-content {
display: block;
padding: 110px 0 110px 120px !important;
}
.local-contact .local-content h3 {
display: block;
font-size: 27px;
line-height: 35px;
color: #055a69;
}
.local-contact .local-content .orange-line {
display: block;
max-width: 100px;
width: 95%;
height: 3px;
background-color: #fe8f1d;
}
.local-contact .local-content .text {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 30px 0 40px;
max-width: 650px;
width: 90%;
}
@media (max-width: 1500px) {
.local-contact .local-content .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.local-contact .local-content .btn-orange {
display: inline-block;
height: 50px;
padding: 0 60px 0 30px;
color: #055a69;
background-color: transparent;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 46px;
border: 2px solid #fe8f1d;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
align-items: center;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_orange.svg);
background-position: right 30px center;
background-repeat: no-repeat;
background-size: 20px auto;
}
.local-contact .local-content .btn-orange:hover {
color: #ffffff;
background-color: #fe8f1d;
}
.local-contact .local-content .btn-orange:hover {
padding: 0 65px 0 30px;
transition: 0.1s ease;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_white.svg);
}
@media (max-width: 991px) {
.local-contact .local-content {
display: block;
padding: 120px 50px 50px 50px !important;
}
} .partners {
padding: 80px 0 60px;
background-color: #ffffff;
}
.partners h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.partners h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.partners .slider-partners a {
display: flex !important;
align-items: center;
justify-content: center;
}
.partners .slider-partners a img {
width: auto;
max-width: 80%;
max-height: 120px;
height: auto;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
filter: grayscale(100%);
}
.partners .slider-partners a img:hover {
filter: grayscale(0);
}
.partners .slider-partners button.slick-arrow {
display: block;
width: 40px;
height: 40px;
position: absolute;
z-index: 99;
bottom: -12px;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px auto;
border: none;
border-collapse: collapse;
background-color: transparent;
font-size: 0;
line-height: 0;
}
.partners .slider-partners button.slick-arrow.slick-next {
right: 25%;
transform: rotate(180deg);
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.partners .slider-partners button.slick-arrow.slick-prev {
left: 25%;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.partners .slider-partners .slick-dots {
list-style: none;
margin: 80px 0 50px 0;
padding: 0;
text-align: center;
vertical-align: middle;
display: block;
width: 100%;
}
.partners .slider-partners .slick-dots li {
display: inline-block;
}
.partners .slider-partners .slick-dots li button {
display: block;
margin: 0 10px;
width: 16px;
height: 16px;
background-color: rgba(5, 90, 105, 0.1);
border: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-collapse: collapse;
font-size: 0;
line-height: 0;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.partners .slider-partners .slick-dots li button:focus {
outline: 0;
}
.partners .slider-partners .slick-dots li button:hover {
background-color: #055a69;
border: 3px solid #ffffff;
outline: 1px solid #055a69;
}
.partners .slider-partners .slick-dots li.slick-active button {
background-color: #055a69;
border: 3px solid #ffffff;
outline: 1px solid #055a69;
}
.partners .slider-partners .slick-dots li:not(.slick-active) button {
background-color: rgba(5, 90, 105, 0.1);
border: none;
outline: 0;
}
@media (max-width: 991px) {
.partners .slider-partners .slick-dots {
max-width: 80%;
margin: 80px auto 50px;
}
} .title-section {
padding: 100px 0 0;
background-color: #ffffff;
}
.title-section h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.title-section h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
} .text-block-section {
padding: 80px 0 40px;
background-color: #ffffff;
}
.text-block-section .row {
margin: 0 50px;
}
@media (max-width: 680px) {
.text-block-section .row .col-12,
.text-block-section .row .col-lg-4 {
padding: 0;
}
}
.text-block-section h4 {
display: block;
font-size: 14px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
}
.text-block-section h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 45px;
}
.text-block-section .text {
line-height: 1.8;
font-weight: 300;
font-size: 1.125rem;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (min-width: 680px) {
.text-block-section .text {
font-size: 1rem;
line-height: 2;
}
}
@media (max-width: 1500px) {
.text-block-section .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.text-block-section .text p {
margin: 0 0 30px;
}
.text-block-section .text p:last-of-type {
margin: 0;
}
@media (max-width: 991px) {
.text-block-section {
padding: 70px 0 60px;
}
}
.text-block-section--info-icons {
padding: 70px 0 0 0;
} .steps-content-wrap {
padding: 100px 0 !important;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/box_back_grey.png);
background-color: #fafcfc;
background-position: center top;
}
.steps-content-wrap .step-content {
position: relative;
margin: 0 0 50px 0;
padding: 30px 40px 30px 50px !important;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(5, 90, 105, 0.03);
}
.steps-content-wrap .step-content:last-of-type {
margin: 0;
}
.steps-content-wrap .step-content .rbr {
position: absolute;
z-index: 20;
top: -40px;
left: -45px;
display: block;
font-size: 144px;
line-height: 150px;
color: #e5eef0;
font-weight: 600;
}
@media (max-width: 1500px) {
.steps-content-wrap .step-content .rbr {
font-size: calc(144px - 144px * 0.2);
line-height: calc(150px - 150px * 0.2);
}
}
.steps-content-wrap .step-content .content {
position: relative;
z-index: 10;
}
.steps-content-wrap .step-content .content h3 {
display: block;
font-size: 18px;
line-height: 23px;
color: #055a69;
font-weight: 600;
}
.steps-content-wrap .step-content .content .text {
line-height: 1.8;
font-weight: 300;
font-size: 1.125rem;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (min-width: 680px) {
.steps-content-wrap .step-content .content .text {
font-size: 1rem;
line-height: 2;
}
}
@media (max-width: 1500px) {
.steps-content-wrap .step-content .content .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
@media (max-width: 991px) {
.steps-content-wrap .step-content .rbr {
position: absolute;
z-index: 20;
top: -40px;
left: -25px;
}
} .collapse-text-wrap {
padding: 100px 0 !important;
}
.collapse-text-wrap .btn-transparent {
width: 100px;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.collapse-text-wrap .text-first {
font-size: 16px;
line-height: 28px;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 0;
}
@media (max-width: 1500px) {
.collapse-text-wrap .text-first {
font-size: calc(16px - 16px * 0.2);
line-height: calc(28px - 28px * 0.2);
}
}
.collapse-text-wrap .text-first h2,
.collapse-text-wrap .text-first h3,
.collapse-text-wrap .text-first h4 {
display: block;
font-size: 35px;
line-height: 45px;
color: #055a69;
font-weight: 600;
margin: 0 0 30px;
}
.collapse-text-wrap .text-second {
display: none;
font-size: 16px;
line-height: 28px;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 20px 0 0;
}
@media (max-width: 1500px) {
.collapse-text-wrap .text-second {
font-size: calc(16px - 16px * 0.2);
line-height: calc(28px - 28px * 0.2);
}
}
.collapse-text-wrap .text-second h2,
.collapse-text-wrap .text-second h3,
.collapse-text-wrap .text-second h4 {
display: block;
font-size: 35px;
line-height: 45px;
color: #055a69;
font-weight: 600;
margin: 0 0 30px;
} .oneliner-wrap {
padding: 100px 0;
}
.oneliner-wrap .oneliner-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0;
}
.oneliner-wrap .oneliner-content h4 {
display: block;
font-size: 14px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.oneliner-wrap .oneliner-content h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 45px;
text-align: center;
}
.oneliner-wrap .oneliner-content .text {
padding: 0 50px;
line-height: 1.8;
font-weight: 300;
font-size: 1.125rem;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (min-width: 680px) {
.oneliner-wrap .oneliner-content .text {
font-size: 1rem;
line-height: 2;
}
}
@media (max-width: 1500px) {
.oneliner-wrap .oneliner-content .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.oneliner-wrap .oneliner-content .btn-orange {
margin: 50px auto 0;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
} .gallery-wrap {
padding: 100px 0;
}
.gallery-wrap .gallery-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.gallery-wrap .gallery-content h4 {
display: block;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.gallery-wrap .gallery-content h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 45px;
text-align: center;
}
.gallery-wrap .gallery-content .gal-row {
display: flex;
width: 100%;
margin: 50px 0;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.gallery-wrap .gallery-content .gal-row .gal-one {
display: block;
width: calc(25% - 20px);
}
.gallery-wrap .gallery-content .gal-row .gal-one a {
display: block;
width: 100%;
aspect-ratio: 1/1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-wrap .gallery-content .gal-row .gal-one.hideImg {
display: none;
}
@media (max-width: 992px) {
.gallery-wrap .gallery-content .gal-row .gal-one {
display: block;
width: calc(50% - 20px);
min-height: auto;
}
} .box-wrap {
display: block;
padding: 80px 0;
}
@media (max-width: 991px) {
.box-wrap {
padding: 50px 0;
}
}
.box-wrap .box-one .box-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
@media (max-width: 991px) {
.box-wrap .box-one .box-image {
display: block;
height: 350px;
order: 1;
}
}
@media (max-width: 991px) {
.box-wrap .box-one .text-order {
order: 2;
}
}
.box-wrap .box-one .box-text.box-left-padd {
padding: 30px 0 30px 110px;
}
.box-wrap .box-one .box-text.box-right-padd {
padding: 30px 110px 30px 0;
}
@media (max-width: 991px) {
.box-wrap .box-one .box-text.box-left-padd {
padding: 30px 30px 30px 30px;
}
.box-wrap .box-one .box-text.box-right-padd {
padding: 30px 30px 30px 30px;
}
}
.box-wrap .box-one .box-text h4 {
display: block;
font-size: 12px;
line-height: 15px;
color: #fe8f1d;
font-weight: 400;
margin: 0 0 10px;
}
.box-wrap .box-one .box-text h3 {
display: block;
font-size: 27px;
line-height: 30px;
color: #055a69;
font-weight: 600;
margin: 0 0 15px;
}
.box-wrap .box-one .box-text .orange-line {
display: block;
max-width: 100px;
width: 95%;
height: 3px;
background-color: #fe8f1d;
}
.box-wrap .box-one .box-text .text {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 30px 0 50px;
}
@media (max-width: 1500px) {
.box-wrap .box-one .box-text .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
@media (max-width: 991px) {
.box-wrap .box-one .box-text {
order: 2;
}
}
.box-wrap .box-one.box-bottom-space {
margin-bottom: 100px !important;
}
.box-wrap .box-full-one .box-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 991px) {
.box-wrap .box-full-one .box-image {
height: 350px;
order: 1;
}
}
@media (max-width: 991px) {
.box-wrap .box-full-one .text-order {
order: 2;
}
}
.box-wrap .box-full-one .box-text.box-left-padd {
padding: 125px 150px 125px 150px;
}
.box-wrap .box-full-one .box-text.box-right-padd {
padding: 125px 150px 125px 150px;
}
@media (max-width: 991px) {
.box-wrap .box-full-one .box-text.box-left-padd {
padding: 40px 20px 40px 20px;
}
.box-wrap .box-full-one .box-text.box-right-padd {
padding: 40px 20px 40px 20px;
}
}
.box-wrap .box-full-one .box-text h4 {
display: block;
font-size: 12px;
line-height: 15px;
color: #fe8f1d;
font-weight: 400;
margin: 0 0 30px;
}
.box-wrap .box-full-one .box-text h3 {
display: block;
font-size: 27px;
line-height: 30px;
color: #055a69;
font-weight: 600;
margin: 0 0 20px;
}
.box-wrap .box-full-one .box-text .orange-line {
display: block;
max-width: 100px;
width: 95%;
height: 3px;
background-color: #fe8f1d;
}
.box-wrap .box-full-one .box-text .text {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 30px 0 50px;
}
@media (max-width: 1500px) {
.box-wrap .box-full-one .box-text .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
} .testimonials-wrap {
padding: 150px 0;
background-color: #fafcfc;  }
.testimonials-wrap h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.testimonials-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.testimonials-wrap .testimonial-slider {
display: block;
width: 100%;
}
.testimonials-wrap .testimonial-slider .testimonial-slide {
flex-direction: column;
box-shadow: 0 10px 30px rgba(5, 90, 105, 0.03);
display: flex;
width: 100%;
background-color: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.testimonials-wrap .testimonial-slider .testimonial-slide .text {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
padding: 60px 60px 80px 60px;
text-align: center;
font-style: italic;
}
@media (max-width: 1500px) {
.testimonials-wrap .testimonial-slider .testimonial-slide .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.testimonials-wrap .testimonial-slider .testimonial-slide .acf-data {
display: flex;
width: 100%;
height: 140px;
margin-top: auto;
flex-direction: column;
align-items: center;
position: relative;
background-color: rgba(5, 90, 105, 0.1);
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.testimonials-wrap .testimonial-slider .testimonial-slide .acf-data img {
margin-top: -55px;
width: 110px;
max-width: 110px;
height: auto;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
border-radius: 55px;
border: 10px solid #ffffff;
box-shadow: 0 10px 30px rgba(5, 90, 105, 0.03);
}
.testimonials-wrap .testimonial-slider .testimonial-slide .acf-data h3 {
display: block;
font-size: 16px;
line-height: 28px;
color: #055a69;
font-weight: 600;
margin: 30px 0;
text-align: center;
margin-top: auto;
}
.testimonials-wrap .testimonial-slider button.slick-arrow {
display: block;
width: 40px;
height: 40px;
position: absolute;
z-index: 99;
bottom: -10px;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px auto;
border: none;
border-collapse: collapse;
background-color: transparent;
font-size: 0;
line-height: 0;
}
.testimonials-wrap .testimonial-slider button.slick-arrow.slick-next {
right: 35%;
transform: rotate(180deg);
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.testimonials-wrap .testimonial-slider button.slick-arrow.slick-prev {
left: 35%;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.testimonials-wrap .testimonial-slider .slick-dots {
list-style: none;
margin: 80px 0 50px 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
vertical-align: middle;
}
.testimonials-wrap .testimonial-slider .slick-dots li {
display: inline-block;
margin-bottom: 10px;
}
.testimonials-wrap .testimonial-slider .slick-dots li button {
display: block;
margin: 0 10px;
width: 16px;
height: 16px;
background-color: rgba(5, 90, 105, 0.1);
border: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-collapse: collapse;
font-size: 0;
line-height: 0;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.testimonials-wrap .testimonial-slider .slick-dots li button:hover {
background-color: #055a69;
border: 3px solid #ffffff;
outline: 1px solid #055a69;
}
.testimonials-wrap .testimonial-slider .slick-dots li.slick-active button {
background-color: #055a69;
border: 3px solid #ffffff;
outline: 1px solid #055a69;
}
@media (max-width: 991px) {
.testimonials-wrap .testimonial-slider .slick-dots {
max-width: 80%;
margin: 80px auto 50px;
}
}
.testimonials-wrap .slick-slide {
margin: 0 12px;
}
.testimonials-wrap .slick-list {
margin: 0 -12px;
} .stellen-wrap {
padding: 100px 0;
background-color: #fafcfc;
}
.stellen-wrap h4 {
display: block;
font-size: 14px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.stellen-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.stellen-wrap .job-list {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 20px;
}
.stellen-wrap .job-list .job-one {
display: flex;
width: calc(33.33333% - 20px);
flex-direction: column;
}
.stellen-wrap .job-list .job-one .job-line {
flex-direction: row;
display: flex;
width: 100%;
margin: 0 0 5px;
padding: 13px 20px;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.stellen-wrap .job-list .job-one .job-line:last-of-type {
margin: 0 0 20px;
}
.stellen-wrap .job-list .job-one .job-line label {
width: 100px;
flex-basis: 100px;
flex-grow: 0;
flex-shrink: 0;
font-size: 0.9rem;
display: block;
color: #055a69;
font-weight: 600;
}
@media (max-width: 1500px) {
.stellen-wrap .job-list .job-one .job-line label {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.stellen-wrap .job-list .job-one .job-line > div {
font-size: 0.9rem;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (max-width: 1500px) {
.stellen-wrap .job-list .job-one .job-line > div {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.stellen-wrap .job-list .job-one .job-download {
display: flex;
width: 100%;
padding: 13px 20px;
margin-top: auto;
background-color: #fe8f1d;
font-size: 16px;
line-height: 18px;
color: #ffffff;
font-weight: 300;
text-decoration: none;
text-align: center;
cursor: pointer;
flex-direction: row;
justify-content: center;
align-items: center;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
@media (max-width: 1500px) {
.stellen-wrap .job-list .job-one .job-download {
font-size: calc(16px - 16px * 0.2);
line-height: calc(18px - 18px * 0.2);
}
}
.stellen-wrap .job-list .job-one .job-download:hover {
background-color: #ff8200;
}
.stellen-wrap .job-list .job-one .job-download img {
margin: 0 10px 0 0;
}
@media (max-width: 1024px) {
.stellen-wrap {
padding: 50px 0;
}
.stellen-wrap .job-list .job-one {
width: calc(50% - 20px);
}
}
@media (max-width: 768px) {
.stellen-wrap .job-list .job-one {
width: calc(100% - 20px);
}
} .news-wrap {
padding: 80px 0;
background-color: #fafcfc;
}
.news-wrap h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.news-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.news-wrap .news-blocks {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 20px;  }
.news-wrap .news-blocks .news-block {
flex-direction: column;
box-shadow: 0 10px 30px rgba(5, 90, 105, 0.03);
display: flex;
width: calc(25% - 20px);
background-color: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.news-wrap .news-blocks .news-block .image {
aspect-ratio: 1/1;
max-height: 26rem;
display: block;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.news-wrap .news-blocks .news-block .date {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_date.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 20px auto;
display: block;
font-size: 14px;
line-height: 22px;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 30px 30px 0;
padding: 0 0 0 30px;
}
@media (max-width: 1500px) {
.news-wrap .news-blocks .news-block .date {
font-size: calc(14px - 14px * 0.2);
line-height: calc(22px - 22px * 0.2);
}
}
.news-wrap .news-blocks .news-block h3 {
display: block;
font-size: 22px;
line-height: 30px;
color: #055a69;
font-weight: 600;
margin: 30px 30px 20px;
}
.news-wrap .news-blocks .news-block .excpt {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
padding: 0 30px 20px;
}
@media (max-width: 1500px) {
.news-wrap .news-blocks .news-block .excpt {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.news-wrap .news-blocks .news-block .btn-transparent {
width: 120px;
margin: 0 30px 10px;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
margin-top: auto;
}
.news-wrap .news-blocks .slick-slide {
margin: 20px 17px;
}
.news-wrap .news-blocks .slick-list {
margin: 0 -17px;
}
.news-wrap .news-blocks button.slick-arrow {
display: block;
width: 40px;
height: 40px;
position: absolute;
z-index: 99;
top: 45%;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px auto;
border: none;
border-collapse: collapse;
background-color: transparent;
font-size: 0;
line-height: 0;
}
.news-wrap .news-blocks button.slick-arrow.slick-next {
right: -100px;
transform: rotate(180deg);
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.news-wrap .news-blocks button.slick-arrow.slick-prev {
left: -100px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.news-wrap .news-blocks .slick-dots {
list-style: none;
margin: 30px 0 30px 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
vertical-align: middle;
}
.news-wrap .news-blocks .slick-dots li {
display: inline-block;
margin-bottom: 10px;
}
.news-wrap .news-blocks .slick-dots li button {
display: block;
margin: 0 10px;
width: 16px;
height: 16px;
background-color: rgba(5, 90, 105, 0.1);
border: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-collapse: collapse;
font-size: 0;
line-height: 0;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.news-wrap .news-blocks .slick-dots li button:hover {
background-color: #055a69;
border: 3px solid #ffffff;
outline: 1px solid #055a69;
}
.news-wrap .news-blocks .slick-dots li.slick-active button {
background-color: #055a69;
border: 3px solid #ffffff;
outline: 1px solid #055a69;
}
@media (max-width: 991px) {
.news-wrap .news-blocks .slick-dots {
max-width: 80%;
margin: 40px auto 50px;
}
} .team-wrap {
padding: 150px 0 120px;
background-color: #ffffff;
}
.team-wrap h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.team-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.team-wrap .team-blocks {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 20px;
}
.team-wrap .team-blocks .team-block {
display: flex;
width: calc(25% - 20px);
margin: 0 0 20px;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
.team-wrap .team-blocks .team-block .image {
display: inline-block;
max-width: 120px;
width: 120px;
height: 120px;
margin: 0 0 30px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0 10px 30px rgba(34, 34, 34, 0.3);
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
border: 10px solid #ffffff;
}
.team-wrap .team-blocks .team-block h3 {
display: inline-block;
font-size: 16px;
line-height: 28px;
color: #055a69;
font-weight: 600;
margin: 0;
text-align: center;
}
.team-wrap .team-blocks .team-block h4 {
display: inline-block;
font-size: 14px;
line-height: 20px;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 0;
text-align: center;
}
@media (max-width: 991px) {
.team-wrap .team-blocks .team-block {
width: calc(50% - 20px);
}
}
@media (max-width: 768px) {
.team-wrap .team-blocks .team-block {
width: calc(100% - 20px);
}
} .faq-wrap {
padding: 100px 0;
}
.faq-wrap h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.faq-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.faq-wrap #accordionFAQ .accordion-item {
margin-bottom: 20px;
border: 1px solid rgba(84, 89, 95, 0.3) !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.faq-wrap #accordionFAQ .accordion-item .accordion-header {
margin: 0;
}
.faq-wrap #accordionFAQ .accordion-item .accordion-header .accordion-button {
font-size: 16px;
line-height: 20px;
color: #055a69;
font-weight: 600;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: transparent;
transition: 0s;
}
@media (max-width: 1500px) {
.faq-wrap #accordionFAQ .accordion-item .accordion-header .accordion-button {
font-size: calc(16px - 16px * 0.2);
line-height: calc(20px - 20px * 0.2);
}
}
.faq-wrap #accordionFAQ .accordion-item .accordion-header .accordion-button:not(.collapsed) {
background-color: transparent;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125);
background-color: #055a69;
color: #ffffff;
}
.faq-wrap #accordionFAQ .accordion-item .accordion-header .accordion-button:focus {
outline: none;
box-shadow: none;
}
.faq-wrap #accordionFAQ .accordion-item .accordion-header .accordion-button::after {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_plus.svg);
}
.faq-wrap #accordionFAQ .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
margin-top: 10px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_minus.svg);
transform: rotate(0deg);
}
.faq-wrap #accordionFAQ .accordion-item .accordion-collapse {
font-size: 15px;
line-height: 25px;
color: #ffffff;
font-weight: 300;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
transition: 0s;
}
@media (max-width: 1500px) {
.faq-wrap #accordionFAQ .accordion-item .accordion-collapse {
font-size: calc(15px - 15px * 0.2);
line-height: calc(25px - 25px * 0.2);
}
}
.faq-wrap #accordionFAQ .accordion-item .accordion-collapse.show {
background-color: #055a69;
} .contact-form-wrap {
position: relative;
}
.contact-form-wrap .form-content {
position: absolute;
z-index: 10;
padding: 100px 0;
background-color: #fafcfc;
}
.contact-form-wrap .form-content .form-text {
padding: 0 200px 0 0;
}
.contact-form-wrap .form-content .form-text h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 45px;
}
@media (max-width: 991px) {
.contact-form-wrap .form-content .form-text h2 {
margin: 15px 0 30px;
}
}
.contact-form-wrap .form-content .form-text h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
}
.contact-form-wrap .form-content .form-text .text {
line-height: 1.8;
font-weight: 300;
font-size: 1.125rem;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (min-width: 680px) {
.contact-form-wrap .form-content .form-text .text {
font-size: 1rem;
line-height: 2;
}
}
@media (max-width: 1500px) {
.contact-form-wrap .form-content .form-text .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
@media (max-width: 991px) {
.contact-form-wrap .form-content {
position: relative;
padding: 30px 0;
}
.contact-form-wrap .form-content .form-text {
padding: 0;
}
}
.contact-form-wrap .form-fields {
position: relative;
z-index: 20;
} .contact-map-wrap {
margin: 150px 0 120px;
background-color: #fafcfc;
}
.contact-map-wrap .map-wrap .acf-map {
margin: 0 !important;
}
.contact-map-wrap .contact-details {
display: flex;
width: 100%;
height: 100%;
padding: 0 150px;
flex-direction: column;
justify-content: center;
}
.contact-map-wrap .contact-details h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
}
.contact-map-wrap .contact-details h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 45px;
}
.contact-map-wrap .contact-details ul {
list-style: none;
margin: 0;
padding: 0;
}
.contact-map-wrap .contact-details ul li {
display: block;
margin: 0 0 20px;
padding: 0 0 0 30px;
}
.contact-map-wrap .contact-details ul li a {
color: rgb(34, 34, 34);
}
.contact-map-wrap .contact-details ul li a:hover {
color: #fe8f1d;
}
.contact-map-wrap .contact-details ul li.address {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_location.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: auto auto;
}
.contact-map-wrap .contact-details ul li.email {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_mail.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: auto auto;
}
.contact-map-wrap .contact-details ul li.phone {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_phone.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: auto auto;
}
@media (max-width: 991px) {
.contact-map-wrap {
margin: 50px 0 50px;
}
.contact-map-wrap .contact-details {
display: flex;
width: 100%;
height: 100%;
padding: 30px 30px;
}
} .events-wrap {
padding: 100px 0;
background-color: #fafcfc;
}
.events-wrap h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.events-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 90px;
text-align: center;
}
.events-wrap .event-blocks {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 20px;  }
.events-wrap .event-blocks .event-block {
flex-direction: column;
box-shadow: 0 10px 30px rgba(5, 90, 105, 0.03);
display: flex;
width: calc(25% - 20px);
background-color: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.events-wrap .event-blocks .event-block .image {
aspect-ratio: 1/1;
max-height: 26rem;
display: block;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.events-wrap .event-blocks .event-block .date {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_date.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 20px auto;
display: block;
font-size: 14px;
line-height: 22px;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 30px 30px 0;
padding: 0 0 0 30px;
}
@media (max-width: 1500px) {
.events-wrap .event-blocks .event-block .date {
font-size: calc(14px - 14px * 0.2);
line-height: calc(22px - 22px * 0.2);
}
}
.events-wrap .event-blocks .event-block h3 {
display: block;
font-size: 22px;
line-height: 30px;
color: #055a69;
font-weight: 600;
margin: 30px 30px 20px;
}
.events-wrap .event-blocks .event-block .excpt {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
padding: 0 30px 20px;
}
@media (max-width: 1500px) {
.events-wrap .event-blocks .event-block .excpt {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.events-wrap .event-blocks .event-block .btn-transparent {
width: 120px;
margin: 0 30px 10px;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
margin-top: auto;
}
.events-wrap .event-blocks .slick-slide {
margin: 20px 17px;
}
.events-wrap .event-blocks .slick-list {
margin: 0 -17px;
}
.events-wrap .event-blocks button.slick-arrow {
display: block;
width: 40px;
height: 40px;
position: absolute;
z-index: 99;
top: 45%;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px auto;
border: none;
border-collapse: collapse;
background-color: transparent;
font-size: 0;
line-height: 0;
}
.events-wrap .event-blocks button.slick-arrow.slick-next {
right: -100px;
transform: rotate(180deg);
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.events-wrap .event-blocks button.slick-arrow.slick-prev {
left: -100px;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_arrow_slider.svg);
}
.events-wrap .event-blocks .slick-dots {
list-style: none;
margin: 30px 0 30px 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
vertical-align: middle;
}
.events-wrap .event-blocks .slick-dots li {
display: inline-block;
margin-bottom: 10px;
}
.events-wrap .event-blocks .slick-dots li button {
display: block;
margin: 0 10px;
width: 16px;
height: 16px;
background-color: rgba(5, 90, 105, 0.1);
border: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-collapse: collapse;
font-size: 0;
line-height: 0;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.events-wrap .event-blocks .slick-dots li button:hover {
background-color: #055a69;
border: 3px solid #ffffff;
outline: 1px solid #055a69;
}
.events-wrap .event-blocks .slick-dots li.slick-active button {
background-color: #055a69;
border: 3px solid #ffffff;
outline: 1px solid #055a69;
}
@media (max-width: 991px) {
.events-wrap .event-blocks .slick-dots {
max-width: 80%;
margin: 40px auto 50px;
}
} .projects-wrap {
padding: 100px 0;
}
.projects-wrap h4 {
display: block;
font-size: 14px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
text-align: center;
}
.projects-wrap h2 {
display: block;
font-size: 35px;
line-height: normal;
color: #055a69;
font-weight: 500;
margin: 20px 0 45px;
text-align: center;
}
.projects-wrap .text {
line-height: 1.8;
font-weight: 300;
font-size: 1.125rem;
display: block;
max-width: 850px;
width: 100%;
margin: 0 auto 90px;
color: rgb(34, 34, 34);
font-weight: 300;
text-align: center;
}
@media (min-width: 680px) {
.projects-wrap .text {
font-size: 1rem;
line-height: 2;
}
}
@media (max-width: 1500px) {
.projects-wrap .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.projects-wrap .project-blocks {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 20px;
}
.projects-wrap .project-blocks .project-block {
display: flex;
width: calc(25% - 20px);
flex-direction: column;
background-color: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(5, 90, 105, 0.03);
}
.projects-wrap .project-blocks .project-block .image {
display: block;
width: 100%;
aspect-ratio: 1/1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.projects-wrap .project-blocks .project-block h3 {
display: block;
font-size: 22px;
line-height: 30px;
color: #055a69;
font-weight: 600;
margin: 30px 30px 15px;
}
.projects-wrap .project-blocks .project-block .excpt {
line-height: 1.8;
display: block;
color: rgb(34, 34, 34);
font-weight: 300;
padding: 0 30px 20px;
}
.projects-wrap .project-blocks .project-block .excpt a {
display: block;
margin-top: 10px;
}
@media (max-width: 1500px) {
.projects-wrap .project-blocks .project-block .excpt {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.projects-wrap .project-blocks .project-block .btn-transparent {
width: 120px;
margin: 0 30px 10px;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
margin-top: auto;
}
@media (max-width: 1200px) {
.projects-wrap .project-blocks .project-block {
width: calc(50% - 20px);
}
}
@media (max-width: 768px) {
.projects-wrap .project-blocks .project-block {
width: calc(100% - 20px);
}
} .box-w-txt-image-wrap {
padding: 100px 0;
}
.box-w-txt-image-wrap .box-w-txt-image-image {
position: relative;
display: flex;
align-items: center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.box-w-txt-image-wrap .box-w-txt-image-image .box-w-txt-image-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(5, 90, 105, 0.8);
}
.box-w-txt-image-wrap .box-w-txt-image-image .title-lnk {
display: block;
margin: 150px 30px 150px 0;
position: relative;
z-index: 50;
}
.box-w-txt-image-wrap .box-w-txt-image-image .title-lnk h4 {
display: block;
font-size: 12px;
line-height: normal;
color: #fe8f1d;
font-weight: 400;
}
.box-w-txt-image-wrap .box-w-txt-image-image .title-lnk h3 {
display: block;
font-size: 35px;
line-height: normal;
color: #ffffff;
font-weight: 500;
margin: 20px 0 45px;
}
.box-w-txt-image-wrap .box-w-txt-image-image .title-lnk .btn-orange {
display: inline-block;
height: 50px;
padding: 0 60px 0 30px;
color: #ffffff;
background-color: transparent;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 46px;
border: 2px solid #fe8f1d;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
align-items: center;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_orange.svg);
background-position: right 30px center;
background-repeat: no-repeat;
background-size: 20px auto;
}
.box-w-txt-image-wrap .box-w-txt-image-image .title-lnk .btn-orange:hover {
color: #ffffff;
background-color: #fe8f1d;
}
.box-w-txt-image-wrap .box-w-txt-image-image .title-lnk .btn-orange:hover {
padding: 0 65px 0 30px;
transition: 0.1s ease;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_white.svg);
}
.box-w-txt-image-wrap .box-w-txt-image-content {
flex-direction: column;
justify-content: center;
display: flex;
}
.box-w-txt-image-wrap .box-w-txt-image-content .text {
display: block;
padding: 0 50px 0 100px;
line-height: 1.8;
font-weight: 300;
font-size: 1.125rem;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (min-width: 680px) {
.box-w-txt-image-wrap .box-w-txt-image-content .text {
font-size: 1rem;
line-height: 2;
}
}
@media (max-width: 1500px) {
.box-w-txt-image-wrap .box-w-txt-image-content .text {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
@media (max-width: 1200px) {
.box-w-txt-image-wrap .text {
display: block;
padding: 0 50px !important;
}
} .pagination {
display: flex;
margin: 50px 0;
flex-direction: row;
align-items: center;
justify-content: center;
}
.pagination ul {
list-style: none;
display: flex;
gap: 20px;
}
.pagination ul li .page-link {
position: relative;
display: block;
color: #055a69;
text-decoration: none;
background-color: #fff;
border: 1px solid rgba(34, 34, 34, 0.3);
transition: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagination ul li .page-link.current {
background-color: rgba(34, 34, 34, 0.1);
}
.pagination ul li .page-link:hover {
background-color: rgba(254, 143, 29, 0.1);
} @font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Thin.ttf) format("truetype");
font-weight: 100;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Light.ttf) format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Medium.ttf) format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Bold.ttf) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Black.ttf) format("truetype");
font-weight: 900;
}                      content.home .block-left-border {
border-left: 10px solid #ffffff;
} .single-content {
display: block;
width: 100%;
padding: 150px 0;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (max-width: 1500px) {
.single-content {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.single-content .image {
display: block;
width: 100%;
margin: 0 0 50px;
}
.single-content .image img {
max-height: 28rem;
max-width: 100%;
object-fit: cover;
object-position: top;
padding: 0 50px;
}
.single-content .content {
line-height: 1.8;
font-weight: 300;
font-size: 1.125rem;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 30px 50px 50px;
}
@media (min-width: 680px) {
.single-content .content {
font-size: 1rem;
line-height: 2;
}
}
@media (max-width: 1500px) {
.single-content .content {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.single-content .events-single .event-header .date {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_date.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 20px auto;
color: rgb(34, 34, 34);
font-weight: 300;
padding: 0 0 0 30px;
}
@media (max-width: 1500px) {
.single-content .events-single .event-header .date {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.single-content .events-single .event-header .time {
color: rgb(34, 34, 34);
font-weight: 300;
margin: 0 0 0 30px;
}
@media (max-width: 1500px) {
.single-content .events-single .event-header .time {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.single-content .events-single .event-header .location {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_location.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 20px auto;
color: rgb(34, 34, 34);
font-weight: 300;
padding: 0 0 0 30px;
}
@media (max-width: 1500px) {
.single-content .events-single .event-header .location {
font-size: calc( -  * 0.2);
line-height: calc( -  * 0.2);
}
}
.single-content .events-single .downloads {
padding: 0 50px;
display: block;
margin: 20px 0;
}
.single-content .events-single .downloads a {
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_download.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 20px auto;
display: block;
margin: 0 0 5px;
padding: 0 0 0 30px;
}
.single-content .events-single .event-footer {
padding: 0 50px;
}
.single-content .events-single .event-footer .external-link {
display: block;
margin: 10px 0;
}
.single-content .events-single .event-footer .btn-orange {
margin: 50px 0 0;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
} .search-wrap {
display: block;
padding: 100px 0;
}
.search-wrap .page-header h3 {
display: block;
font-size: 25px;
line-height: 30px;
color: #055a69;
margin: 0 0 50px;
}
.search-wrap .post-entry-content {
display: block;
margin: 0 0 30px;
padding: 0;
}
.search-wrap .post-entry-content h3 {
margin: 0 0 5px;
}
.search-wrap .post-entry-content h3 a {
display: block;
color: #fe8f1d;
margin: 0;
padding: 0;
}
.search-wrap .post-entry-content .excp {
display: block;
font-size: 16px;
line-height: 28px;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (max-width: 1500px) {
.search-wrap .post-entry-content .excp {
font-size: calc(16px - 16px * 0.2);
line-height: calc(28px - 28px * 0.2);
}
} @font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Thin.ttf) format("truetype");
font-weight: 100;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Light.ttf) format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Medium.ttf) format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Bold.ttf) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url(//www.docsh.ch/wp-content/themes/docsh/assets/fonts/roboto/Roboto-Black.ttf) format("truetype");
font-weight: 900;
}                       .slick-track {
display: flex !important;
}
.slick-slide {
height: inherit !important;
}
.slick-dots > li:only-child {
display: none;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion-item {
background-color: #fff;
border: 1px solid #717d8c;
} .wpcf7 {
display: block;
width: 100%;
margin: 100px 0 0;
padding: 30px 30px 50px;
background-color: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 10px 20px rgba(5, 90, 105, 0.03);
}
@media (max-width: 991px) {
.wpcf7 {
margin: 20px 0 0;
}
}
.wpcf7 input[type=text],
.wpcf7 input[type=tel],
.wpcf7 input[type=email] {
display: block;
width: 100%;
height: 50px;
margin: 20px 10px 0;
padding: 0 20px;
border: 1px solid rgba(34, 34, 34, 0.1);
border-collapse: collapse;
background-color: white;
color: rgb(34, 34, 34);
font-size: 15px;
font-weight: 300;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wpcf7 input[type=text]:focus,
.wpcf7 input[type=tel]:focus,
.wpcf7 input[type=email]:focus {
outline: 0;
}
.wpcf7 select {
width: 100%;
height: 50px;
margin: 20px 10px 0;
padding: 0 20px;
background-color: #ffffff;
border-collapse: collapse;
border: 1px solid rgba(34, 34, 34, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 15px;
color: rgba(34, 34, 34, 0.6);
font-weight: 300;
}
.wpcf7 textarea {
display: block;
width: 100%;
height: 150px;
margin: 20px 10px 0;
padding: 20px;
border: 1px solid rgba(34, 34, 34, 0.1);
border-collapse: collapse;
background-color: white;
color: rgb(34, 34, 34);
font-size: 15px;
font-weight: 300;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wpcf7 textarea:focus {
outline: 0;
}
.wpcf7 input[type=submit] {
display: block;
height: 60px;
width: 100%;
margin: 20px 10px 0;
padding: 0 20px;
color: #ffffff;
background-color: #fe8f1d;
font-size: 14px;
font-weight: 600;
text-decoration: none;
line-height: 60px;
border-collapse: collapse;
border: 1px solid #fe8f1d;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.wpcf7 input[type=submit]:hover {
color: #ffffff;
background-color: #ff8200;
}
.wpcf7 .wpcf7-not-valid-tip {
display: block;
font-size: 12px;
line-height: normal;
color: #e95252;
font-weight: 300;
margin: 5px 10px 0;
}
@media (max-width: 1500px) {
.wpcf7 .wpcf7-not-valid-tip {
font-size: calc(12px - 12px * 0.2);
line-height: calc(normal - normal * 0.2);
}
}
.wpcf7 .wpcf7-response-output {
display: block;
font-size: 12px;
line-height: normal;
color: rgb(34, 34, 34);
font-weight: 300;
margin: 5px 10px 0;
}
@media (max-width: 1500px) {
.wpcf7 .wpcf7-response-output {
font-size: calc(12px - 12px * 0.2);
line-height: calc(normal - normal * 0.2);
}
}
.wpcf7 .wpcf7-spinner {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
}
.wpcf7 .wpcf7-spinner::before {
position: relative;
display: block;
left: 50%;
transform: translate(-50%);
} .modal-body .wpcf7 {
margin: 0;
padding: 0 30px 30px 20px;
}
.modal-body .wpcf7 .checkbx {
margin: 10px 0 0 20px;
}
.modal-body .wpcf7 .checkbx label {
font-size: 16pxl;
line-height: 28px;
color: rgb(34, 34, 34);
font-weight: 300;
}
@media (max-width: 1500px) {
.modal-body .wpcf7 .checkbx label {
font-size: calc(16pxl - 16pxl * 0.2);
line-height: calc(28px - 28px * 0.2);
}
}
.modal-body .wpcf7 .checkbx:first-of-type {
margin: 20px 0 0 20px;
} .document-list {
margin-right: -15px;
margin-left: -15px;
}
.document-block {
position: relative;
width: calc(25% - 30px);
margin: 15px;
border: solid 1px #055a69;
padding: 5px;
}
.document-block .badge {
background: #055a69;
color: white;
position: absolute;
left: 5px;
padding: 0.5em;
top: 5px;
}
.document-block .badge:empty {
display: none;
}
.document-block .content {
display: block;
padding: 0.5em;
}
.document-block .content .name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.document-block .content .date {
font-style: italic;
}
.document-block .thumbnail .img {
padding-bottom: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.document-block .thumbnail img {
width: 100%;
height: 200px;
object-fit: contain;
}
.category-block {
padding: 1em;
border: solid 1px #055a69;
cursor: pointer;
}
.category-block.active {
background: #055a69;
color: white;
}
.category-list {
display: flex;
margin-left: -15px;
margin-right: -15px;
}
.category-list > * {
margin: 15px;
}
.kp_file_upload {
position: relative;
overflow: hidden;
padding: 0;
min-height: 600px;
display: flex;
flex-wrap: wrap;
border-radius: 0;
}
.kp_file_upload::before {
display: block;
position: absolute;
bottom: calc(50% + 0.5rem);
font-family: FontAwesome;
font-size: 4rem;
color: #999;
z-index: 2;
content: "\f1c5\f1c1";
left: 50%;
transform: translateX(-50%);
letter-spacing: 1rem;
}
.kp_file_upload::after {
content: "Hier klicken um Dokument hinzuzufügen";
position: absolute;
top: calc(50% + 0.5rem);
display: block;
left: 1rem;
width: calc(100% - 2rem);
text-align: center;
font-size: 1.5rem;
}
.kp_file_upload .dz-preview {
width: 100%;
position: relative;
margin: 0;
z-index: 5;
}
.kp_file_upload .dz-preview .dz-image {
width: 100%;
height: auto;
border-radius: 5px;
}
.kp_file_upload .dz-preview .dz-image img {
width: 100%;
height: auto;
}
.kp_file_upload .dz-upload {
background: #055a69 !important;
}
.kp_file_upload .dz-remove {
background-color: #055a69;
padding: 0.5rem;
color: white;
position: absolute;
bottom: 0.5rem;
left: 50%;
transform: translateX(-50%);
z-index: 80;
}
.kp_file_upload .dz-success-mark svg path {
fill: #055a69;
}
.docsh_documentcenter-upload-form .dropzone {
border-radius: 0;
}
.docsh_documentcenter-upload-form .form-control {
margin-bottom: 1rem;
}
.docsh_documentcenter-upload-form label {
display: block;
margin-bottom: 0.5rem;
}
fieldset {
padding: 0.5rem;
}
fieldset label {
display: flex;
justify-content: flex-start;
margin: 0.5rem 0;
cursor: pointer;
}
fieldset label input {
width: 30px;
}
.title-line {
display: flex;
justify-content: space-between;
}
.title-line h2 {
margin-top: 0;
}
input {
border-radius: 0;
}
input, fieldset, .dropzone {
border: 1px solid #c0c0c0;
}
.button {
display: inline-block;
background-color: #055a69;
color: white;
padding: 10px;
cursor: pointer;
border: none;
margin-top: 20px;
}
.button:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.button-secondary {
background-color: #999;
}
.modal-footer {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.modal-content.loading {
opacity: 0.7;
pointer-events: none;
}
.link-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (min-width: 992px) {
.modal-lg {
max-width: 1100px;
}
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
font-family: "Roboto", sans-serif !important;
font-size: 23px;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
display: block;
width: 100%;
text-align: center;
margin: 5px 0;
color: rgb(34, 34, 34);
font-style: normal;
font-size: 18px;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title {
display: block;
width: 100%;
margin: 5px 0 0;
text-align: center;
}
body {
position: relative;
margin: 0;
padding: 0;
font-family: "Roboto", sans-serif;
color: rgb(34, 34, 34);
width: 100%;
}
html {
scroll-behavior: smooth;
}
.on {
display: block;
}
.off {
display: none;
}
p:last-of-type {
margin: 0;
}
h2 {
display: block;
font-size: 35px;
line-height: 45px;
color: #055a69;
font-weight: 600;
margin: 0 0 30px;
}
h3 {
display: block;
font-size: 30px;
line-height: 35px;
color: #055a69;
font-weight: 500;
margin: 0 0 20px;
}
h4 {
display: block;
font-size: 25px;
line-height: 30px;
color: #055a69;
font-weight: 300;
margin: 0 0 15px;
}
a {
color: #fe8f1d;
text-decoration: none;
font-weight: 300;
}
a:hover {
color: rgb(34, 34, 34);
text-decoration: none;
}
.btn-transparent {
display: flex;
height: 50px;
width: auto;
padding: 0 30px 0 0;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: normal;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
align-items: center;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_orange.svg);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 20px auto;
}
.btn-transparent:hover {
color: #055a69;
}
.btn-transparent:focus, .btn-transparent:active {
outline: none !important;
box-shadow: none !important;
}
.btn-transparent:hover {
background-position: right 0 center;
transition: 0.1s ease;
}
.btn-orange {
display: inline-block;
height: 50px;
padding: 0 60px 0 30px;
color: #055a69;
background-color: transparent;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 46px;
border: 2px solid #fe8f1d;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
align-items: center;
white-space: nowrap;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_orange.svg);
background-position: right 30px center;
background-repeat: no-repeat;
background-size: 20px auto;
}
.btn-orange:hover {
color: #ffffff;
background-color: #fe8f1d;
}
.btn-orange:hover {
padding: 0 65px 0 30px;
transition: 0.1s ease;
background-image: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/arrow_white.svg);
}
.kp-row {
display: flex !important;
height: 100%;
}
.slick-slide > div {
height: 100%;
}
@media (min-width: 680px) {
.brevo-register-newsletter-form {
padding-top: 10rem;
}
}
.text-block-section .col-12,
.text-block-section .col-lg-4 {
padding: 0;
}
.events-single .event-header {
margin: 0 50px;
display: flex;
flex-direction: column;
gap: 1rem;
}
.events-single .event-header .date,
.events-single .event-header .location {
font-size: 14px;
line-height: 1.8;
}
@media (min-width: 680px) {
.events-single .event-header {
flex-direction: row;
}
}
.project-info {
display: flex;
align-items: center;
gap: 18px;
padding: 0 50px;
}
.project-info .project-year,
.project-info .project-status {
font-size: 14px;
font-weight: 300;
}
.project-info .project-year::before,
.project-info .project-status::before {
content: url(//www.docsh.ch/wp-content/themes/docsh/assets/images/ico_category.svg);
padding-right: 10px;
display: inline-block;
}