@charset "UTF-8";
body .extendedwopts-show {
display: none;
}
body .widgetopts-hide_title .widget-title {
display: none;
}
body .extendedwopts-md-right {
text-align: right;
}
body .extendedwopts-md-left {
text-align: left;
}
body .extendedwopts-md-center {
text-align: center;
}
body .extendedwopts-md-justify {
text-align: justify;
}
@media screen and (min-width: 1181px) {
body .extendedwopts-hide.extendedwopts-desktop {
display: none !important;
}
body .extendedwopts-show.extendedwopts-desktop {
display: block;
}
body .widget.clearfix-desktop {
clear: both;
}
}
@media screen and (max-width: 1024px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 767px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
.panel-cell-style:after {
content: "";
display: block;
clear: both;
position: relative;
}
         body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }          @font-face {
font-family: 'Roboto light';
src: url(//spectrum-med.de/wp-content/themes/spectrumMED/fonts/roboto-light-webfont.woff2) format("woff2"), url(//spectrum-med.de/wp-content/themes/spectrumMED/fonts/roboto-light-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Roboto';
src: url(//spectrum-med.de/wp-content/themes/spectrumMED/fonts/roboto-regular-webfont.woff2) format("woff2"), url(//spectrum-med.de/wp-content/themes/spectrumMED/fonts/roboto-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Roboto semibold';
src: url(//spectrum-med.de/wp-content/themes/spectrumMED/fonts/roboto-medium-webfont.woff2) format("woff2"), url(//spectrum-med.de/wp-content/themes/spectrumMED/fonts/roboto-medium-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
html {
font-family: 'Roboto light', sans-serif;
color: #fff;
font-size: 114%;
line-height: 1.4;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
font-size: 100%; }
h1, h2, h3, h4, h5, h6 {
color: #c9e8fb;
font-family: 'Roboto semibold';
font-weight: normal;
letter-spacing: 0.02em;
margin-top: 0;
text-transform: uppercase;
word-wrap: break-word; }
h1 {
color: #edc60f; }
#header-logo h1 {
text-indent: -9999px;
height: 0;
margin: 0; }
h2 {
font-size: 180%;
line-height: 1.1;
margin-bottom: 24px; }
@media (max-width: 1160px) {
h2 {
font-size: 160%; } }
.sc-box-inner-text h2 {
color: #edc60f; }
.widget h2 {
display: none; }
.sc-box h2 {
font-size: 120%;
margin: 0 0 0.1em 0;
padding: 0;
text-transform: uppercase;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
h3 {
font-size: 150%;
line-height: 1.1;
margin: 0 0 1.1em 0; }
h3.aagb__accordion_title {
color: #fff !important;
font-size: 100%; }
.su-box-content h3 {
font-family: 'Roboto semibold';
margin: 0 0 0.6em 0 !important;
text-transform: uppercase; }
h4 {
font-size: 110%;
line-height: 1.25em;
margin: 0 0 1em 0;
text-transform: none; }
h5 {
font-size: 105%;
margin-bottom: 12px;
line-height: 1.1em;
text-transform: none;
margin: 0 0 0.4em 0; }
h6 {
font-size: 102%;
font-weight: 700;
line-height: 1.1em;
margin: 0.4em 0 0.6em 0;
text-transform: none; }
.title, .subtitle {
font-size: 220%;
line-height: 1.1;
margin: 0; }
@media (max-width: 480px) {
.title, .subtitle {
font-size: 200%; } }
@media (max-width: 360px) {
.title, .subtitle {
font-size: 160%; } }
h1.title {
font-family: 'Roboto semibold' !important; }
h2.subtitle {
font-family: 'Roboto light';
text-transform: none; }
.brightbgr {
color: #363d42; }
.brightbgr h3, .brightbgr h4, .brightbgr h5, .brightbgr h6 {
color: #363d42; }
p {
margin: 0 0 1.4em 0; }
p.roofline {
color: #9ac9dd;
font-style: normal;
font-size: 60%;
font-weight: bold;
text-transform: none;
margin-bottom: 6px;
letter-spacing: 0.25em; }
p.roofline a {
letter-spacing: 0.14;
text-transform: none;
text-decoration: none; }
p.roofline a:hover {
text-decoration: underline; }
.sc-box-inner p {
margin-bottom: 0.8em; }
a {
color: #edc60f;
text-decoration: none; }
a:hover, a:focus, a:active {
background: #edc60f;
color: #363d42;
text-decoration: none; }
a.sc-button {
font-family: 'Roboto semibold';
letter-spacing: 0.02em;
padding-right: 40px; text-transform: uppercase; }
a.sc-button .sc-box#otv-button {
background: #363d42 url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_kalender.svg) top 16px left 20px no-repeat;
background-size: 28px;
padding-left: 65px; }
a.sc-button .sc-box#contact-button {
background: #363d42 url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_kontakt.svg) top 17px left 20px no-repeat;
background-size: 33px;
padding-left: 62px; }
a.sc-button:active, a.sc-button:hover, a.sc-button:focus {
background: none;
color: #fff;
text-decoration: none; }
a.sc-button:active .sc-box#otv-button, a.sc-button:hover .sc-box#otv-button, a.sc-button:focus .sc-box#otv-button {
background: #1b2023 url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_kalender_r.svg) top 16px left 20px no-repeat;
background-size: 28px; }
a.sc-button:active .sc-box#contact-button, a.sc-button:hover .sc-box#contact-button, a.sc-button:focus .sc-box#contact-button {
background: #1b2023 url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_kontakt_r.svg) top 17px left 20px no-repeat;
background-size: 33px; }
.button a, .wp-block-button a {
background: #363d42;
border: 1px solid #1b2023;
color: #fff;
display: block;
font-family: 'Roboto semibold';
font-size: 90%;
letter-spacing: 0.02em;
max-width: 400px;
text-align: center;
text-transform: uppercase;
padding: 20px 50px; }
.button a:active, .button a:hover, .button a:focus,
.wp-block-button a:active, .wp-block-button a:hover, .wp-block-button a:focus {
background: #1b2023; }
.otv-button a {
background: #363d42 url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_kalender.svg) top 16px left 20px no-repeat;
background-size: 28px;
padding-left: 65px; }
.otv-button:hover a {
background: #1b2023 url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_kalender_r.svg) top 16px left 20px no-repeat;
background-size: 28px; }
#lang_switch a {
color: #e2ded4;
text-decoration: none;
padding: 0 2px;
line-height: 1em; }
#lang_switch a:hover, #lang_switch a:focus, #lang_switch a:active {
text-decoration: none;
color: #fff; } b, strong {
font-family: 'Roboto semibold';
font-weight: 500;
text-rendering: optimizeLegibility; }
figcaption, .figcaption {
font-size: 80%;
color: #6F6F6F; }
.nowrap {
white-space: nowrap; }
.breadcrumbs {
box-sizing: border-box;
color: rgba(255, 255, 255, 0.47);
font-size: 80%;
padding: 30px 40px 0; }
@media (max-width: 760px) {
.breadcrumbs {
padding: 20px 40px 30px; } }
@media (max-width: 480px) {
.breadcrumbs {
padding: 20px 30px 30px; } }
@media (max-width: 480px) {
.breadcrumbs {
padding: 20px 20px 30px; } }
a.bc-homelink {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/SMD_signet.svg) center center no-repeat;
background-size: contain;
display: inline-block;
height: 20px;
text-indent: -99999px;
width: 20px; }
a.bc-homelink:active, a.bc-homelink:focus, a.bc-homelink:hover {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/SMD_signet.svg) center center no-repeat;
background-size: contain;
display: inline-block; }
.sb-btn {
background: #b1b0a7;
margin-bottom: 14px;
padding: 3px; }
.sb-btn:hover {
background: #deab13;
color: #fff; }
.sb-btn-text {
color: #eeede9;
font-weight: bold;
letter-spacing: -0.02em;
line-height: 40px; } .notfall {
font-size: 140%;
font-weight: 700;
color: #9f0737; }
.post-date {
font-size: 90%;
font-style: italic;
margin-bottom: 20px;
padding-top: 25px; }
small {
font-size: 80%; }
footer * { font-size: 97%; } #start-headline {
text-align: center;
color: #fff;
margin: -100px 0 34px 0; }
@media (max-width: 1160px) {
#start-headline {
margin: -230px 0 34px; } }
#start-headline h1 {
color: #fff;
font-size: 30pt;
letter-spacing: -0.03em;
margin-bottom: 6px;
line-height: 1.1; }
p.slideshow-subline {
font-style: italic;
letter-spacing: 0.05em;
line-height: 1; }
.subline-allcaps {
font-size: 70%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-top: 10px; }
#kontaktzeile {
font-size: 11px;
margin: -6px 0 0 0;
color: #7e7c72; }
.bullet-list-item * {
line-height: 1.2; }
::-webkit-input-placeholder {
color: #67675f;
font-style: italic; }
:-moz-placeholder { color: #67675f;
font-style: italic; }
::-moz-placeholder { color: #67675f;
font-style: italic; }
:-ms-input-placeholder {
color: #67675f;
font-style: italic; }
.four-o-four {
font-size: 280px;
font-weight: bold;
letter-spacing: -0.1em;
margin-bottom: 0;
line-height: 0.9; }
.four-o-four-roofline {
color: #aeaaaa;
font-size: 8px;
letter-spacing: 0.8em;
text-transform: uppercase; }
.caption {
font-size: 90%;
color: #4a4a4a; }
@media (max-width: 760px) {
.sc-box-inner-text strong {
font-weight: normal !important;
letter-spacing: -0.02em !important; } }
.fa {
border-radius: 14px;
height: 28px;
text-align: center;
width: 28px; }
.fa-phone {
background: #c3950b;
color: #e2c054;
font-size: 22px !important;
line-height: 1.35 !important; }
.fa-bicycle {
background: #c3950b;
color: #e2c054;
font-size: 18px !important;
line-height: 1.5 !important; }
.fa-globe {
background: #e2c054;
color: #c3950b;
font-size: 31px !important;
line-height: 0.95 !important; }
.fa-websitesteps {
background: none !important;
color: #87857b;
font-size: 100px !important;
height: 100px;
margin: 0 0 8px 18px;
text-align: center; }   @media screen {
#hNav {
float: right;
margin-top: -4px; } }
@media screen and (max-width: 1160px) {
#hNav {
display: none; } }
@media screen {
#hNav ul {
*zoom: 1;
list-style: none;
margin: 0;
padding: 0; } }
@media screen and (max-width: 1160px) {
#hNav ul {
text-align: center; } }
@media screen {
#hNav ul:before, #hNav ul:after {
content: "";
display: table; }
#hNav ul:after {
clear: both; }
#hNav ul > li {
float: left;
list-style: none;
margin-bottom: 0;
position: relative; } }
@media screen and (max-width: 1160px) {
#hNav ul > li {
float: none;
display: inline; } }
@media screen {
#hNav ul#menu-main-nav > li.menu-item-has-children > a {
padding-right: 30px; }
#hNav ul#menu-main-nav > li.menu-item-has-children > a:after {
content: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/menu-item-dropdown-arrow.svg);
height: 20px;
width: 12px;
position: absolute;
right: 12px;
top: 4px;
transform: rotate(0deg); }
#hNav ul#menu-main-nav > li.menu-item-has-children > a:hover:after {
content: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/menu-item-dropdown-arrow.svg);
height: 20px;
width: 12px;
position: absolute;
right: 8px;
top: 7px;
transform: rotate(90deg); }
#hNav ul#menu-main-nav > li > a {
border-right: 1px solid rgba(255, 255, 255, 0.7); }
#hNav ul#menu-main-nav > li:last-of-type > a {
border-right: none; }
#hNav ul > li > a {
color: #fff;
display: block;
font-size: 20px;
text-decoration: none;
text-transform: uppercase;
opacity: .75;
padding: 4px 16px;
line-height: 1.2em;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; } }
@media screen and (max-width: 1160px) {
#hNav ul > li > a {
display: inline-block;
font-size: 16px; } }
@media screen {
#hNav a:active, #hNav a:focus, #hNav a:hover {
background: none;
opacity: 1;
text-decoration: none; }
#hNav ul#menu-main-nav > li.menu-item-has-children > a:active,
#hNav ul#menu-main-nav > li.menu-item-has-children > a:focus,
#hNav ul#menu-main-nav > li.menu-item-has-children > a:hover {
background: #363d42;
padding-bottom: 12px; }
#hNav li.current-menu-item > a, #hNav li.current-lang > a {
color: #fff !important;
opacity: 1; } header.smaller #hNav {
padding-top: 20px; } }
@media screen and (max-width: 1160px) {
header.smaller #hNav {
pading-top: 17px !important; } }
@media screen { ul#menu-main-nav > li > ul {
background: #363d42;
left: 0;
max-width: 400px;
min-width: 104%;
opacity: 0;
position: absolute;
top: 30px;
white-space: nowrap;
width: auto;
z-index: 8;
box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.1);
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
ul#menu-main-nav > li > ul li {
max-height: 0;
overflow: hidden;
opacity: 0;
padding: 0;
width: 100%;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }
ul#menu-main-nav > li > ul li a {
font-size: 90%;
opacity: 1;
padding: 16px 30px;
text-align: left; }
ul#menu-main-nav > li > ul li a:hover {
background: #1b2023; }
ul#menu-main-nav > li > ul.sub-menu > li > a {
color: #edc60f;
font-family: 'Roboto semibold';
font-size: 80%;
letter-spacing: 0.05em; }
ul#menu-main-nav > li > ul > li:first-child a {
padding-top: 20px; }
ul#menu-main-nav > li > ul > li:last-child a {
padding-bottom: 20px; } #hNav ul > li:hover ul {
background: #363d42;
opacity: 1;
top: 40px; }
#hNav ul > li:hover ul li {
max-height: 350px;
opacity: 1; } ul#menu-main-nav > li > ul.sub-menu > li.menu-item-has-children {
margin-bottom: 25px; }
ul#menu-main-nav > li > ul.sub-menu > li > ul {
opacity: 0;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
ul#menu-main-nav > li > ul.sub-menu > li > ul > li a {
color: #c9e8fb;
font-size: 80%;
padding: 4px 20px 4px 30px;
position: relative;
text-transform: none; }
ul#menu-main-nav > li > ul.sub-menu > li > ul > li.current-menu-item > a {
color: #fff;
font-family: 'Roboto semibold'; } #hNav ul > li > ul.sub-menu > li > ul {
opacity: 1; } ul#menu-main-nav > li.menu-item-has-children:hover > a {
background: #363d42;
opacity: 1;
padding-bottom: 12px; }
ul#menu-main-nav > li.menu-item-has-children:hover > a:after {
content: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/menu-item-dropdown-arrow.svg);
height: 20px;
width: 12px;
position: absolute;
right: 8px !important;
top: 7px !important;
transform: rotate(90deg) !important; } .menuTrigger {
display: none;
opacity: .6;
position: absolute;
right: 40px;
top: 50px;
width: 40px;
height: 40px;
z-index: 13;
cursor: pointer;
vertical-align: middle;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; } }
@media screen and (max-width: 1160px) {
.menuTrigger {
display: inline-block; } }
@media screen and (max-width: 760px) {
.menuTrigger {
right: 30px;
top: 40px; } }
@media screen and (max-width: 480px) {
.menuTrigger {
right: 25px;
top: 33px; } }
@media screen and (max-width: 360px) {
.menuTrigger {
top: 33px;
width: 30px;
height: 30px; } }
@media screen {
.menuTrigger:hover {
opacity: 1; }
.menuTrigger.closed {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/nav-icon.png);
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/nav-icon.svg), none;
background-repeat: no-repeat;
background-size: 100%; }
.menuTrigger.open {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/nav-icon-close.png);
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/nav-icon-close.svg), none;
background-position: center center;
background-repeat: no-repeat;
background-size: 80%; }
.menuTrigger.open .mainLine {
color: #ef9; }
ul.menu {
margin: 0 !important; } .sub-nav-button { cursor: pointer;
font-size: 28px;
line-height: 1;
position: absolute;
top: 24px;
right: 24px;
padding: 8px 8px 0 8px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 13; }
.sub-nav-button:hover {
background: #e3e3df; }
.sub-nav-list {
background: #363d42;
border-bottom: 10px solid #1b2023;
box-sizing: border-box;
padding: 45px 20px 60px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
max-width: 450px;
z-index: 12;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
-moz-box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2); } }
@media screen and (max-width: 480px) {
.sub-nav-list {
max-width: 100vw;
width: 100vw; } }
@media screen {
.sub-nav-list ul li {
list-style: none;
margin: 0; }
.sub-nav-list ul li a {
text-transform: uppercase; text-decoration: none;
display: block;
padding: 12px 60px 12px 30px;
line-height: 2em; } }
@media screen and (max-width: 480px) {
.sub-nav-list ul li a {
padding: 3px 20px 3px 20px; } }
@media screen and (max-width: 360px) {
.sub-nav-list ul li a {
padding: 3px 10px 3px 0; } }
@media screen {
.sub-nav-list ul li a:active, .sub-nav-list ul li a:focus, .sub-nav-list ul li a:hover {
background: none;
color: #fff !important; }
.sub-nav-list ul li > ul ul a {
padding: 6px 60px 6px 30px;
text-transform: none; } }
@media screen and (max-width: 480px) {
.sub-nav-list ul li > ul ul a {
padding: 3px 20px 3px 20px; } }
@media screen and (max-width: 360px) {
.sub-nav-list ul li > ul ul a {
padding: 3px 10px 3px 0; } }
@media screen {
.sub-nav-list ul > li > ul.sub-menu {
margin-left: 30px;
padding-top: 0; }
.sub-nav-list ul > li > ul.sub-menu a {
color: #edc60f;
font-size: 80%;
letter-spacing: 0.08em;
line-height: 1.7; }
.sub-nav-list ul > li > ul.sub-menu ul.sub-menu {
margin-bottom: 20px;
margin-left: 0px;
padding-top: 2px; }
.sub-nav-list ul > li > ul.sub-menu ul.sub-menu a {
color: #c9e8fb;
line-height: 1.1;
white-space: nowrap; }
.sub-nav-list ul > li > ul.sub-menu ul.sub-menu li.current_page_item a {
color: #fff !important; }
.sub-nav-list.list-closed {
right: -2px;
padding: 45px 0 60px;
width: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; } .sub-nav-list.list-open {
right: 0;
padding: 45px 20px 60px;
width: 100%; }
.sub-nav-list.list-open ul {
opacity: 1; }
.sub-nav-list.list-open ul li a {
color: #c9e8fb;
opacity: 1; }
.sub-nav-list ul li a:hover,
.sub-nav-list ul li a:focus,
.sub-nav-list ul li a:active {
color: #fff; }
.sub-nav-list ul li.current-menu-item a {
color: #fff;
font-family: 'Roboto semibold'; } }  @media screen {
html {
height: 100%;
overflow-y: scroll; }
body {
background: #363d42;
max-width: 100vw;
min-height: 100%;
overflow: hidden; }
.mobile {
display: none; } }
@media screen and (max-width: 1160px) {
.mobile {
display: block; } }
@media screen {
.desktop {
display: block; } }
@media screen and (max-width: 1160px) {
.desktop {
display: none; } }
@media screen {
#top {
min-height: 100vh;
position: relative; } }
@media screen and (max-width: 760px) {
#top {
padding-top: 170px; } }
@media screen {
#wrapper {
box-sizing: border-box;
min-height: 100%;
padding-bottom: 280px;
overflow: hidden;
position: relative; }
header {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8000000', endColorstr='#00000000',GradientType=0 ); box-sizing: border-box;
top: 0;
left: 0;
padding: 0 80px;
position: fixed;
width: 100%;
z-index: 100;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; } }
@media screen and (min-width: 2200px) {
header {
padding: 0 120px; } }
@media screen and (max-width: 1160px) {
header {
height: 240px;
padding: 0 0 0 40px;
position: absolute; } }
@media screen and (max-width: 760px) {
header {
padding: 0 0 0 20px; } }
@media screen and (max-width: 480px) {
header {
height: 200px;
padding: 0; } }
@media screen {
#header-box {
margin: 0 auto; padding: 100px 0 70px;
position: relative;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; } }
@media screen and (max-width: 1359px) {
#header-box {
padding-top: 92px; } }
@media screen and (max-width: 1160px) {
#header-box {
padding: 0; } }
@media screen and (max-width: 480px) {
#header-box { } }
@media screen {
#header-logo {
height: 126px;
left: 0;
position: absolute;
top: 80px;
width: 400px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; } }
@media screen and (max-width: 1160px) {
#header-logo {
padding-top: 0;
top: 50px; } }
@media screen and (max-width: 760px) {
#header-logo {
width: 320px; } }
@media screen and (max-width: 480px) {
#header-logo {
left: 0;
top: 20px; } }
@media screen {
#header-logo .logo {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/SMD_logo.png) no-repeat;
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/SMD_Logo.svg) no-repeat;
background-position: top left;
background-size: 100%;
height: 126px;
position: relative;
width: 400px; } }
@media screen and (max-width: 1359px) {
#header-logo .logo {
width: 320px; } }
@media screen and (max-width: 760px) {
#header-logo .logo {
width: 290px; } }
@media screen and (max-width: 480px) {
#header-logo .logo {
width: 240px;
left: 20px; } }
@media screen and (max-width: 360px) {
#header-logo .logo {
width: 220px;
left: 10px; } }
@media screen {
#header-logo img {
width: 100%;
height: auto;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.logo-subline {
margin: 0;
padding: 10px 0 0 94px; }
.page .logo {
width: 250px !important; } }
@media screen and (max-width: 480px) {
.page .logo {
width: 220px !important; } }
@media screen {
header.smaller {
height: 80px;
background: #1b2023;
padding: 0; }
header.smaller #header-box {
padding: 8px 20px 0; } }
@media screen and (max-width: 1160px) {
header.smaller #header-box {
padding: 0; } }
@media screen {
header.smaller #header-logo {
height: 60px;
left: 20px;
top: 10px;
overflow: hidden;
width: 60px; }
header.smaller #header-logo img {
bottom: 14px; }
header.smaller #header-logo .logo {
width: 260px; } }
@media screen and (max-width: 1160px) {
header.smaller #header-logo .logo {
width: 190px; } }
@media screen and (max-width: 1160px) {
header.smaller #header-logo {
left: 0;
margin: 0;
padding: 0;
top: -5px;
width: 40px; } }
@media screen and (max-width: 760px) {
header.smaller #header-logo {
top: 11px; } }
@media screen and (max-width: 1160px) {
header.smaller {
height: 60px;
background: #282b2c;
padding: 0;
width: 100%; } }
@media screen {
.nologo #header-logo {
display: none; }
.headerimg-container {
background: #000;
height: 530px;
position: relative;
width: 100%; } }
@media screen and (max-width: 360px) {
.headerimg-container {
height: 480px; } }
@media screen and (min-width: 2200px) {
.headerimg-container {
height: 660px; } }
@media screen {
.headerimg-container img {
height: auto;
position: fixed;
width: 100%; } }
@media screen and (max-width: 1460px) {
.headerimg-container img {
height: auto;
width: 108vw; } }
@media screen and (max-width: 1359px) {
.headerimg-container img {
height: auto;
width: 128vw; } }
@media screen and (max-width: 1160px) {
.headerimg-container img {
height: auto;
margin-left: -400px !important;
width: 200vw; } }
@media screen and (max-width: 760px) {
.headerimg-container img {
height: auto;
margin-left: -600px !important;
width: 306vw; } }
@media screen and (max-width: 480px) {
.headerimg-container img {
height: auto;
margin-left: -750px !important;
opacity: .6;
width: 400vw; } }
@media screen and (max-width: 360px) {
.headerimg-container img {
margin-left: -1000px !important;
width: 480%; } }
@media screen {
.headerimg-container .header-image {
background-size: 100% !important;
height: 100%;
left: 0;
position: absolute;
top: 0;
position: fixed;
width: 100vw; } }
@media screen and (max-width: 1460px) {
.headerimg-container .header-image {
width: 108vw; } }
@media screen and (max-width: 1359px) {
.headerimg-container .header-image {
width: 128vw; } }
@media screen and (max-width: 1160px) {
.headerimg-container .header-image {
background-position: top 0 left -250px !important;
width: 200vw; } }
@media screen and (max-width: 760px) {
.headerimg-container .header-image {
background-position: top 0 left -350px !important;
width: 306vw; } }
@media screen and (max-width: 480px) {
.headerimg-container .header-image {
background-position: top 0 left -450px !important;
opacity: .6;
width: 400vw; } }
@media screen and (max-width: 360px) {
.headerimg-container .header-image {
background-position: top 0 left -550px !important;
width: 480%; } }
@media screen {
.legal .headerimg-container {
height: 300px; } }
@media screen and (max-width: 360px) {
.legal .headerimg-container {
height: 300px; } }
@media screen and (min-width: 2200px) {
.legal .headerimg-container {
height: 300px; } }
@media screen {
.page-title-container {
bottom: 40px;
box-sizing: border-box;
left: calc(50% - 450px);
padding: 0 40px;
position: absolute;
width: 900px;
z-index: 2; } }
@media screen and (max-width: 900px) {
.page-title-container {
left: 0;
width: 100%; } }
@media screen and (max-width: 480px) {
.page-title-container {
padding: 0 20px; } }
@media screen {
#slideshow-container-start {
left: 0;
height: 100%;
position: fixed;
top: 0;
width: 100%; } }
@media screen and (max-width: 1160px) {
#slideshow-container-start {
position: relative; } }
@media screen and (max-width: 760px) {
#slideshow-container-start {
width: 125%; } }
@media screen and (max-width: 480px) {
#slideshow-container-start {
width: 160%; } }
@media screen {
.start-boxes-wrapper {
background: #ef0;
margin: 0 auto;
max-width: 1800px; }
#start-boxes {
bottom: 97px;
box-sizing: border-box;
height: 50vh; position: absolute;
width: 100%;
left: 80px;
margin-left: 0;
width: 400px;
z-index: 10; } }
@media screen and (max-width: 1160px) {
#start-boxes {
bottom: 0;
height: 350px; padding: 0 5px; } }
@media screen and (max-width: 760px) {
#start-boxes { height: 62vh; } }
@media screen and (max-width: 480px) {
#start-boxes { height: 75vh; } }
@media screen {
.sc-box {
box-sizing: border-box; margin-bottom: 20px; padding: 20px;
position: relative; width: 100%; } }
@media screen and (max-width: 1160px) {
.sc-box {
padding: 5px 5px;
width: 33.3%; } }
@media screen and (max-width: 760px) {
.sc-box {
width: 50%; } }
@media screen {
.sc-box h2 {
margin-bottom: 20px; } }
@media screen and (max-width: 760px) {
.sc-box h2 {
margin-bottom: 0; } }
@media screen {
.sc-box#otv-button { } }
@media screen and (max-width: 1160px) {
.sc-box#otv-button {
padding: 5px 5px;
width: 33.3%; } }
@media screen and (max-width: 760px) {
.sc-box#otv-button {
width: 50%; } }
@media screen {
.sc-box#contact-button { } }
@media screen and (max-width: 1160px) {
.sc-box#contact-button {
padding: 5px 5px;
width: 33.3%; } }
@media screen and (max-width: 760px) {
.sc-box#contact-button {
width: 50%; } }
@media screen {
.sc-box#scb-sz {
background: #363d42;
padding: 30px 35px 10px; }
.sc-box#scb-sz table tr {
background: none !important; }
.sc-box#scb-sz table td {
line-height: 1.45;
padding: 0 50px 10px 0;
white-space: nowrap; }
.sc-box-inner { box-sizing: border-box; -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1160px) {
.sc-box-inner h2 > br, .sc-box-inner .dash {
padding: 5px 5px;
width: 33.3%; } }
@media screen and (max-width: 760px) {
.sc-box-inner {
height: 140px; } }
@media screen and (max-width: 480px) {
.sc-box-inner {
height: 116px; } }
@media screen {
.sc-box-inner-text {
bottom: 15px;
left: 20px;
position: absolute; } }
@media screen and (min-width: 1441px) and (max-width: 1799px) {
.sc-box-inner-text {
bottom: 14px;
left: 14px; } }
@media screen and (max-width: 1160px) {
.sc-box-inner-text {
bottom: 10px;
left: 10px; } }
@media screen and (max-width: 480px) {
.sc-box-inner-text {
bottom: 5px;
left: 8px; } }
@media screen {
.sc-box-inner h2 > br,
.sc-box-inner .dash {
display: none; }
.wp-block-column {
position: relative; }
.bottom-box {
bottom: 0;
height: auto;
position: absolute;
left: 0;
width: 100%; } }
@media screen and (max-width: 760px) {
.bottom-box {
bottom: auto;
height: auto;
position: relative;
margin-bottom: 80px; } }
@media screen {
a.onlinetermin {
background: rgba(50, 101, 146, 0.88) url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_start_sprechzeiten.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
left: 10px;
top: -181px;  } }
@media screen and (max-width: 1160px) {
a.onlinetermin {
background: rgba(50, 101, 146, 0.88) url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_start_sprechzeiten.svg) no-repeat !important;
background-size: 25px !important;
background-position: 10px 10px !important;
left: 5px !important;
text-align: left !important;
padding-left: 42px !important;
top: -55px !important; width: calc(100% - 10px) !important; } }
@media screen and (max-width: 760px) {
a.onlinetermin { left: 5px !important;
text-align: left !important;
padding-left: 50px !important;
top: -55px !important;
width: calc(200% - 10px) !important; } }
@media screen {
a.onlinetermin:active, a.onlinetermin:focus, a.onlinetermin:hover {
background: white url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_start_sprechzeiten-dark.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
color: #2f6593;   }
.content-wrapper {
background: #363d42;
position: relative; }
.content-column {
box-sizing: border-box;
margin: 0 auto;
max-width: 900px;
position: relative; }
.sidebar-column {
padding-left: 290px; } }
@media screen and (max-width: 760px) {
.sidebar-column {
padding-left: 0; } }
@media screen {
#main-content {
padding-top: 100px; } }
@media screen and (max-width: 760px) {
#main-content {
padding-top: 60px; } }
@media screen {
.page #main-content {
padding-top: 60px; }
.sidebar {
left: 0;
position: absolute;
top: 0;
width: 200px; }
.sidebar img {
height: auto;
width: 100%; } }
@media screen and (max-width: 760px) {
.sidebar {
left: auto;
margin-bottom: 80px;
position: relative;
top: auto;
width: 100%; } }
@media screen {
.map-container {
background: #6c787a;
height: 60vh;
position: relative;
width: 100%; }
.map-container iframe {
height: 100%;
width: 100%; } .ab-accordion-title {
cursor: pointer;
color: #2f6593;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.ab-accordion-title:hover {
background: #2f6593;
color: #fff; }
.ab-accordion-text {
padding: 25px 15px !important; }
.ab-notice-text {
background: #326592 !important; }
.ab-notice-text p {
font-family: inherit !important;
font-size: 100% !important;
line-height: inherit !important; } .alignleft, .wp-block-image .alignleft, figure.alignleft,
div.team-column:nth-child(odd) img {
float: left;
margin: 5px 40px 20px 0 !important; } }
@media screen and (max-width: 760px) {
.alignleft, .wp-block-image .alignleft, figure.alignleft,
div.team-column:nth-child(odd) img {
float: none;
height: auto;
margin: 0 !important;
max-width: 100%;
width: 100%; } }
@media screen {
.alignright, .wp-block-image .alignright, figure.alignright,
div.team-column img {
float: right;
margin: 5px 0 20px 40px !important; } }
@media screen and (max-width: 760px) {
.alignright, .wp-block-image .alignright, figure.alignright,
div.team-column img {
float: none;
height: auto;
margin: 0 !important;
max-width: 100%;
width: 100%; } }
@media screen {
.aligncenter.wp-block-image .aligncenter {
margin: 0 auto;
margin-bottom: 40px; } }
@media screen and (max-width: 760px) {
.aligncenter.wp-block-image .aligncenter {
height: auto;
width: 100%; } }
@media screen {
.cs-2col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px; } }
@media screen and (max-width: 760px) {
.cs-2col {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; } }
@media screen {
.content-section {
box-sizing: border-box;
padding: 40px; }
.content-section img {
max-width: 100%;
height: auto; } }
@media screen and (max-width: 480px) {
.content-section img {
width: 100%;
height: auto; } }
@media screen and (max-width: 760px) {
.content-section {
padding: 20px 40px 80px; } }
@media screen and (max-width: 480px) {
.content-section {
padding: 10px 20px 80px; } }
@media screen {
.content-section.cs-team {
padding-top: 80px; }
.team-column:first-of-type > .content-column > .content-section.cs-team {
padding-top: 20px; }
.content-column.praxisteam { max-width: 700px; }
.content-column.praxisteam h3 {
margin: 10px 0 0.1em; }
.content-column.praxisteam p {
margin-bottom: 3em; }
.content-column.praxisteam .content-section.cs-team {
padding-bottom: 10px !important; }
#praxisteam .content-section.cs-team {
padding-bottom: 10px !important; }
.gradient {
background: #edeeee; background: -moz-linear-gradient(top, #edeeee 0%, white 100%); background: -webkit-linear-gradient(top, #edeeee 0%, white 100%); background: linear-gradient(to bottom, #edeeee 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeee', endColorstr='#ffffff',GradientType=0 ); }
.page-content {
background: #1b717e;
margin-bottom: 120px; }
.content {
position: relative;
background: rgba(255, 255, 255, 0.8);
color: #313131 !important;
padding: 40px; }
.content img:not(.avatar) {
width: 100%;
height: auto;
margin-bottom: 20px; } .close-btn {
width: 20px;
height: 20px;
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/close-btn.png);
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/close-btn.svg), none;
background-repeat: no-repeat;
background-size: 20px 20px;
opacity: 0.65;
position: absolute;
top: 20px;
right: 20px; }
.close-btn:hover {
opacity: 1; } }
@media screen and (max-width: 1160px) {
.page .flexslider {
height: 40vh !important; } }
@media screen and (max-width: 760px) {
.page .flexslider {
height: 300px !important; } }
@media screen and (max-width: 1160px) {
.page .flexslider img {
height: 40vh !important;
width: auto !important; } }
@media screen and (max-width: 760px) {
.page .flexslider img {
height: 300px !important; } }
@media screen {
figure {
margin: 0 0 30px !important; }
.aagb__accordion_active .aagb__accordion_head, .aagb__accordion_head:hover {
background-color: #1b2023 !important; }
.su-box {
border: none !important;
position: relative;
width: 70%; } }
@media screen and (max-width: 760px) {
.su-box {
width: 100%; } }
@media screen {
.su-box-content {
background: #99a083 !important;
border-radius: 8px !important; }
.su-box.team-def .su-box-content {
background: #99a083 url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon_start_plattenspieler_weiss.svg) no-repeat !important;
background-position: top 35px right 30px !important;
background-size: 98px !important;
padding: 40px 150px 45px 40px !important; } }
@media screen and (max-width: 760px) {
.su-box.team-def .su-box-content {
background: #99a083 !important;
padding: 20px 20px 40px 20px !important; } }
@media screen {
.su-box-content * {
color: #fff !important; }
.su-box-title {
display: none !important; }
.su-spoiler {
margin-bottom: 10px !important; }
.su-spoiler-title {
color: #326592 !important;
font-size: 120% !important;
font-weight: normal !important;
text-transform: uppercase; }
.su-spoiler-icon {
overflow: hidden; }
.su-spoiler-content {
padding-top: 14px !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 760px) {
.su-spoiler-style-default > .su-spoiler-content {
padding: 1em 0 1em 8px !important; } }
@media screen {
.su-spoiler-content .su-spoiler-content {
padding-left: 33px !important; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon::before {
content: "" !important; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon,
.su-spoiler.su-spoiler-closed .su-spoiler-icon {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/arrow_acc.svg) no-repeat;
background-size: 40px 20px;
background-position: 0 0; }
.su-spoiler-icon-arrow .su-spoiler-icon::before {
content: "" !important; }
.su-spoiler-icon-arrow .su-spoiler-icon {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/arrow_acc.svg) no-repeat;
background-size: 40px 20px;
background-position: -20px 0; }
.blaken {
background: #99a083;
height: 13px;
margin: -16px 0 50px;
width: 0; }
.wp-block-separator {
border-color: #d3d3d3; }
iframe {
width: 100%; }
footer {
background: #1b2023;
bottom: 0;
left: 0;
padding: 0;
position: absolute;
width: 100%; }
.footer-content {
padding: 100px 80px 100px; } }
@media screen and (max-width: 760px) {
.footer-content {
padding: 80px 40px 60px; } }
@media screen and (max-width: 480px) {
.footer-content {
padding: 40px 20px; } }
@media screen {
#footer-text {
float: left; } }
@media screen and (max-width: 480px) {
#footer-text {
display: block;
float: none;
margin-bottom: 40px; } }
@media screen {
#footer-nav {
float: right;
font-size: 80%;
margin-right: 20px;
position: relative; } }
@media screen and (max-width: 480px) {
#footer-nav {
display: block;
float: none;
margin-right: 20px; } }
@media screen {
.footer-sl {
float: right;
margin: -9px 10px 0 0;
width: 36px;
height: 36px; } }
@media screen and (max-width: 480px) {
.footer-sl {
float: left;
margin: 0 10px 0 0; } }
@media screen {
#sl-phone {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-sl-phone.png) top left no-repeat; }
#sl-mail {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-sl-mail.png) top left no-repeat; }
#sl-xing {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-sl-xing.png) top left no-repeat; }
#sl-linkedin {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-sl-linkedin.png) top left no-repeat; }
.clearfix:after {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px; }
.nocolbreak {
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; display: table; }
li.widget {
list-style: none; }
fieldset {
border: none; }
ul, ol {
margin: 0 0 3em 20px;
padding: 0; }
ul.postlist li {
margin-bottom: 50px; }
li {
line-height: 1.2;
list-style: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/list-style-item.png);
margin-bottom: 0.4em;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;   -webkit-margin-before: 0;
-webkit-margin-after: 0; }
ul ul, ol ul {
padding-top: 15px;
margin-bottom: 30px; }
ul ul li {
list-style: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/list-style-item-sub.png); }
tr {
margin-bottom: 10px; }
tr:nth-child(even) {
background: rgba(0, 0, 0, 0.02); }
tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.07); }
td {
padding: 18px 10px;
vertical-align: top; } table.hours tr.nopadding td,
table.hours tr:first-child td,
table.hours tr:nth-child(3) td {
padding-bottom: 0px; }
table.hours tr:nth-child(odd), table.hours tr:nth-child(even) {
background: none; }
table.hours td {
padding: 0 12px 12px 0; }
table.startpage-table {
margin-bottom: 30px; } .wp-block-nk-awb {
padding: 20px 0 !important; }
.content-floatbox-left {
float: left;
width: 340px;
margin: 40px 20px 0 0; }
.content-floatbox-right {
float: right;
width: 340px;
margin: 40px 0 0 20px; }
.bullet-list-item {
margin-bottom: 12px; }
.sb-box .textwidget {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 3px dotted #bfbdb0; }
.sb-btn {
border: none;
text-align: center;
background: #c8990c;
width: 100%;
padding: 10px 0 0 0; }
.sb-btn:hover {
color: #fff;
background: #deab13; }
.sb-btn .fa {
color: #f4cd56;
font-size: 120%; }
.contact-entry {
height: 50px;
padding: 20px 0 4px 44px;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; display: table; }
#location {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-location.png) 0 28px no-repeat;
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-location.svg) 0 28px no-repeat;
margin-bottom: 10px; }
#location p {
line-height: 1.1; }
#mail {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-mail.png) 0 28px no-repeat;
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-mail.svg) 0 28px no-repeat;
line-height: 50px; }
#mail p {
line-height: 50px; }
#phone {
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-phone.png) 0 28px no-repeat;
background: url(//spectrum-med.de/wp-content/themes/spectrumMED/images/icon-phone.svg) 0 28px no-repeat;
line-height: 50px; }
#phone p {
line-height: 50px; }
#location, #mail, #phone {
background-size: 36px; }
a#scroll-to-top {
bottom: 42px !important;
height: 40px !important;
right: 30px !important;
width: 40px !important; } }
@media screen and (max-width: 480px) {
a#scroll-to-top {
bottom: 17px !important;
right: 20px !important; } }@font-face{font-family:flexslider-icon;src:url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot);src:url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}body .metaslider .coin-slider,
body .metaslider .nivoSlider,
body .metaslider .nivoSlider img,
body .metaslider .rslides,
body .metaslider .rslides li,
body .metaslider .flexslider ul.slides,
body .metaslider .flexslider .slides li,
body .metaslider .flexslider .slides ul,
body .metaslider .flexslider .slides ol,
body .metaslider .flexslider .slides img,
body .metaslider .flexslider .flex-direction-nav,
body .metaslider .flexslider .flex-direction-nav li {
border: 0;
margin: 0;
list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
.metaslider {
position: relative;
z-index: 0;
} .metaslider.fullwidth {
overflow: hidden;
}
.metaslider .caption {
padding: 5px 10px;
word-wrap: break-word;
}
.metaslider .caption-wrap {
position: absolute;
bottom: 0;
left: 0;
background: black;
color: white;
opacity: 0.7;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
}
.metaslider img {
height: auto;
padding: 0;
margin: 0;
-moz-user-select: none;
}
.metaslider a {
outline: none;
}
.metaslider.ms-left {
float: left;
margin: 0 20px 20px 0;
}
.metaslider.ms-right {
float: right;
margin: 0 0 20px 20px;
}
.metaslider li:before,
.metaslider li:after {
content: "" !important;
display: none !important;
bottom: auto !important;
margin: 0 !important;
}
.metaslider .caption-wrap .caption img {
width: auto;
}
.metaslider .slides img {
width: 100%;
display: block;
}
.metaslider .flex-pauseplay a {
box-sizing: border-box;
height: 30px;
width: 30px;
} .metaslider .flexslider {
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
border: 0;
margin: 0 0 40px;
max-width: none;
max-height: none;
}
.metaslider .flex-control-nav {
border: 0;
margin: auto;
list-style-type: none;
list-style: none;
padding: 0;
bottom: -27px;
line-height: 11px;
z-index: 2;
}
.metaslider.has-dots-onhover-navigation .flexslider .flex-control-paging {
opacity: 1;
transition: opacity .3s ease;
}
.metaslider.has-dots-onhover-navigation:hover .flexslider .flex-control-paging {
opacity: 1 !important;
}
.metaslider-flex.ms-theme-default .flex-next:focus {
background: url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png) scroll right 0 transparent!important;
height: 27px!important;
}
.metaslider-flex.ms-theme-default .flex-prev:focus {
background: url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png) scroll left 0 transparent!important;
height: 27px!important;
} .metaslider .flex-control-nav li {
margin: 0;
}
.metaslider .flex-control-nav li a {
margin: 0 6px;
padding: 0;
}
.metaslider .flexslider .slides li {
position: relative;
height: auto;
} .metaslider .flex-viewport {
direction: ltr;
} .metaslider .flex-direction-nav a {
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.metaslider .flexslider .slides p {
margin: 0;
}
.metaslider .flexslider.filmstrip {
margin-top: 10px;
}
.metaslider .flexslider.filmstrip .slides li {
cursor: pointer;
opacity: 0.5;
}
.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
opacity: 1.0 !important;
}
.metaslider .flex-control-thumbs li {
width: auto;
}
.metaslider ol.flex-control-thumbs img,
#content .metaslider ol.flex-control-thumbs img {
margin: 10px 5px 0;
width: auto;
}
.metaslider.nav-hidden .flexslider {
margin-bottom: 0;
}
.metaslider.nav-hidden.add-margin .flexslider {
margin-bottom: 40px;
}  .metaslider .flexslider .flex-direction-nav li a:before {
content:none!important;
}
.metaslider .flexslider .flex-direction-nav li a {
width: 30px;
height: 30px;
border: 0;
margin: -20px 0 0;
box-shadow: none!important;
display: block;
background-color: transparent;
background-image: url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);
background-repeat:  no-repeat;
position: absolute;
right: 10px;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;
}
.metaslider.has-onhover-arrows .flexslider .flex-direction-nav li a {
opacity: 0;
}
.metaslider.has-onhover-arrows:hover .flexslider .flex-direction-nav li a{
opacity: 1;
}
.metaslider .flex-direction-nav .flex-prev {
background-position: left 0;
left: 10px;
}
.metaslider .flex-direction-nav .flex-next {
background-position: right 0;
text-align: left; text-indent: 9999px;
}
.metaslider .flexslider:focus-within .flex-next,
.metaslider .flexslider:hover .flex-next {
opacity: 0.8;
}
.metaslider .flexslider:focus-within .flex-prev,
.metaslider .flexslider:hover .flex-prev {
opacity: 0.8; text-indent: -9999px;
}
.metaslider .flexslider:focus-within .flex-next:focus,
.metaslider .flexslider:focus-within .flex-prev:focus,
.metaslider .flexslider:hover .flex-next:hover,
.metaslider .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.metaslider .flexslider .flex-next:focus,
.metaslider .flexslider .flex-prev:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .flex-direction-nav .flex-disabled {
cursor: default;
pointer-events: none;
}
.metaslider .flexslider .flex-control-nav a {
box-shadow: none !important;
}
.metaslider .flexslider .flex-control-nav a:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .slides > li {
position: relative;
}
.metaslider .flexslider .flex-pauseplay .flex-play,
.metaslider .flexslider .flex-pauseplay .flex-pause {
width: 30px;
height: 30px;
background: #000;
color: #fff;
text-align: center;
padding: 0 8px;
border-radius: 50px;
text-decoration: none;
line-height: 30px;
font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay a:before {
font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay .flex-play:focus,
.metaslider .flexslider .flex-pauseplay .flex-pause:focus {
background: #000;
color: #fff;
}
.metaslider .flexslider .flex-pauseplay .flex-play:before {
margin-left: 4px;
}
.metaslider .flexslider .flex-pauseplay .flex-pause:before {
margin-left: 1px;
} .metaslider .rslides_nav,
.metaslider .rslides_tabs a {
box-shadow: none !important;
}
.metaslider .rslides_tabs {
margin: 0 0 40px;
}
.metaslider .rslides_nav:focus,
.metaslider .rslides_nav:hover {
color: #ffffff;
}
.metaslider-responsive.no-text .rslides_nav{
width: 30px;
height: 30px;
border: 0;
margin: 0 5px;
box-shadow: none !important;
display: block;
background-color: transparent;
background-image: url(//spectrum-med.de/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);
background-repeat: no-repeat;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;
}
.metaslider-responsive.no-text .rslides_nav.next {
background-position: right 0;
} div.metaslider .theme-default .nivoSlider {
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
.metaslider .slider-wrapper .nivo-directionNav a,
.metaslider .slider-wrapper .nivo-controlNav a,
.metaslider .slider-wrapper img {
border: 0;
box-shadow: none; list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
div.metaslider .slider-wrapper .nivo-controlNav a {
transition: none;
} .metaslider .coin-slider { max-width: 100%;
overflow:hidden;
}
.metaslider .coin-slider .cs-buttons a,
.metaslider .coin-slider > a {
box-shadow: none !important;
}
.metaslider .coin-slider a[href="javascript:void(0)"] {
cursor: default !important;
} #wpadminbar #wp-admin-bar-ms-main-menu .ab-item #metaslider-main-menu-icon {
background-size: 18px;
background-repeat: no-repeat;
background-position: left center;
width: 18px;
height: 32px;
float: left;
margin-right: 5px;
}
#wpadminbar #wp-admin-bar-ms-main-menu:hover #metaslider-main-menu-icon{
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjNzJhZWU2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU1LjggMjU1LjgiIHN0eWxlPSJmaWxsOiM3MmFlZTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMjcuOSwwQzU3LjMsMCwwLDU3LjMsMCwxMjcuOWMwLDcwLjYsNTcuMywxMjcuOSwxMjcuOSwxMjcuOWM3MC42LDAsMTI3LjktNTcuMywxMjcuOS0xMjcuOUMyNTUuOCw1Ny4zLDE5OC41LDAsMTI3LjksMHogTTE2LjQsMTc3LjFsOTIuNS0xMTcuNUwxMjQuMiw3OWwtNzcuMyw5OC4xSDE2LjR6IE0xNzAuNSwxNzcuMWwtMzguOS00OS40bDE1LjUtMTkuNmw1NC40LDY5SDE3MC41eiBNMjA4LjUsMTc3LjFMMTQ2LjksOTkgbC02MS42LDc4LjJoLTMxbDkyLjUtMTE3LjVsOTIuNSwxMTcuNUgyMDguNXoiLz48L2c+PC9zdmc+Cg==") !important;
}
.ms-edit-frontend {
text-decoration: none !important;
font-size: 18px;
}
.ms-edit-frontend .dashicons.dashicons-external {
height: 25px;
vertical-align: middle;
}
#preview-container .ms-edit-frontend{
display: none;
} .ms-theme-precognition .flex-control-nav {
display: table !important;
width: 100% !important;
margin-top: 0 !important;
}
.metaslider.ms-theme-precognition .flex-control-nav li {
display: table-cell !important;
width: auto;
text-align: center;
border-left: 1px solid;
border-bottom: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li:last-child {
border-right: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: 0 !important;
width: auto !important;
display: block !important;
height: auto !important;
padding: 10px !important;
margin: 0 !important;
} .flex-progress-bar {
position: absolute;
top: 0;
left: 0;
height: 4px;
width: 0%;
background-color: #fff;
transition: width 2s linear;
z-index: 999;
} .ms-carousel-force-height .slides > li {
overflow: hidden;
}
.ms-carousel-force-height .slides > li.ms-image img {
height: 100%;
width: auto;
}
@media only screen and (max-width : 767px) {
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: -9999px !important;
}
}
@media only screen and (min-width : 768px) {
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: 0 !important;
}
}