:root {
--sulo-red: #004494;
--sulo-white: #FFFFFF;
--sulo-black: #000000;
--sulo-deepgrey: #2e3235;
--sulo-darkgrey: #333333;
--sulo-midgrey: #444444;
--sulo-smokegrey: #646467;
--sulo-lightgrey: #e6e6e6;
--sulo-green: #76B843;
--sulo-blue: #0073aa;
--sulo-yellow: #ffc06d;
--sulo-bluegrey: #a7afb5;
--sulo-red-rgb:38,135,194;
}  @font-face {
font-display: swap;
font-family: 'Dosis';
font-style: normal;
font-weight: 200;
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-200.eot);
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-200.eot?#iefix) format('embedded-opentype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-200.woff2) format('woff2'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-200.woff) format('woff'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-200.ttf) format('truetype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-200.svg#Dosis) format('svg');
} @font-face {
font-display: swap;
font-family: 'Dosis';
font-style: normal;
font-weight: 300;
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-300.eot);
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-300.eot?#iefix) format('embedded-opentype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-300.woff2) format('woff2'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-300.woff) format('woff'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-300.ttf) format('truetype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-300.svg#Dosis) format('svg');
} @font-face {
font-display: swap;
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-regular.eot);
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-regular.eot?#iefix) format('embedded-opentype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-regular.woff2) format('woff2'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-regular.woff) format('woff'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-regular.ttf) format('truetype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-regular.svg#Dosis) format('svg');
} @font-face {
font-display: swap;
font-family: 'Dosis';
font-style: normal;
font-weight: 500;
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-500.eot);
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-500.eot?#iefix) format('embedded-opentype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-500.woff2) format('woff2'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-500.woff) format('woff'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-500.ttf) format('truetype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-500.svg#Dosis) format('svg');
} @font-face {
font-display: swap;
font-family: 'Dosis';
font-style: normal;
font-weight: 600;
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-600.eot);
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-600.eot?#iefix) format('embedded-opentype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-600.woff2) format('woff2'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-600.woff) format('woff'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-600.ttf) format('truetype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-600.svg#Dosis) format('svg');
} @font-face {
font-display: swap;
font-family: 'Dosis';
font-style: normal;
font-weight: 700;
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-700.eot);
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-700.eot?#iefix) format('embedded-opentype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-700.woff2) format('woff2'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-700.woff) format('woff'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-700.ttf) format('truetype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-700.svg#Dosis) format('svg');
} @font-face {
font-display: swap;
font-family: 'Dosis';
font-style: normal;
font-weight: 800;
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-800.eot);
src: url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-800.eot?#iefix) format('embedded-opentype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-800.woff2) format('woff2'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-800.woff) format('woff'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-800.ttf) format('truetype'),
url(//www.reisswolf.ch/wp-content/uploads/so-css/fonts/dosis-v32-latin-800.svg#Dosis) format('svg');
}  ul.list-check-white,
.list-check-white ul
{
list-style-image: url(https://www.reisswolf.ch/wp-content/uploads/so-css/check-white.svg);
padding-inline-start: 30px;
}
ul.list-check-white,
.list-check-white ul
{
list-style-image: url(https://www.reisswolf.ch/wp-content/uploads/so-css/check-white.svg);
padding-inline-start: 30px;
}
ul.list-check-highlight,
.list-check-highlight ul
{
list-style-image: url(https://www.reisswolf.ch/wp-content/uploads/so-css/check-highlight.svg);
padding-inline-start: 30px;
}
ul.list-check-highlight,
.list-check-highlight ul
{
list-style-image: url(https://www.reisswolf.ch/wp-content/uploads/so-css/check-highlight.svg);
padding-inline-start: 30px;
} ul.list-line-white,
ul.list-line-highlight,
.list-line-white ul,
.list-line-highlight ul
{
list-style-type: none;
padding-inline-start;
}
ul.list-line-white,
ul.list-line-highlight,
.list-line-white ul,
.list-line-highlight ul {
list-style-type: none;
padding-inline-start;
}
ul.list-line-white li,
ul.list-line-highlight li,
.list-line-white ul li,
.list-line-highlight ul li {
position: relative;
padding-left: 30px;
line-height: 2;
}
ul.list-line-white li::before,
ul.list-line-highlight li::before,
.list-line-white ul li::before,
.list-line-highlight ul li::before {
content: "";
position: absolute;
width: 36px;
height: 2px;
margin: 16px 0 0 -50px;
}
ul.list-line-white li::before,
.list-line-white ul li::before {
background-color: var(--sulo-white);
}
ul.list-line-highlight li::before,
.list-line-highlight ul li::before {
background-color: var(--sulo-red);
} footer {
background: var(--sulo-lightgrey);
color: var(--sulo-darkgrey);
font-size: 18px;
line-height: 1.5;
}
footer small {
font-size: 14px;
}
footer a {
color: var(--sulo-red);
}
footer a:hover {
color: var(--sulo-red);
text-decoration: none;
}
footer ul {
list-style: none;
}
footer address {
font-style: normal;
color: var(--sulo-darkgrey);
line-height: 1.4;
margin: 30px 0;
}
.footer-main {
padding: 45px 0 15px 0;
}
.footer-contact {
width: 35%;
min-width: 232px;
}
.footer-navigation {
width: 65%;
}
.footer-navigation div ul {
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.footer-navigation div ul li {
width: calc(20% - 30px);
margin: 0 0 30px 30px;
}
.footer-navigation div ul li a {
font-weight: 700;
color: var(--sulo-white);
font-size: 16px;
text-decoration: none;
}
.footer-navigation div ul li li {
width: 100%;
margin: 0;
}
.footer-navigation div ul li li a {
font-weight: 400;
font-size: 14px;
color: var(--sulo-white);
}
.footer-navigation div ul li li a:hover {
color: var(--sulo-white);
}
.footer-meta {
background: var(--sulo-lightgrey);
padding: 30px 0;
}
.footer-meta small {
width: 33.33%;
}
.footer-is-imprint-menu {
width: 66.66%;
display: block;
text-align: right;
}
.footer-meta li {
display: inline-block;
margin: 0 0 0 30px;
}
.portal-logo {
display: block;
width: 340px;
vertical-align: middle;
font-size: 0;
line-height: 0;
background: url(https://www.reisswolf.ch/wp-content/uploads/so-css/logo-reisswolf.svg) right center no-repeat; background-size: auto 120px;
}
.portal-header {
padding: 40px 0;
justify-content: space-between;
font-weight: 700;
font-size: 22px;
z-index: 800;
}
.portal-logo a {
display: block;
width: 232px;
height: 120px;
}
body {
margin: 0;
border: 0 none;
padding: 0;
color: var(--sulo-midgrey);
background: var(--sulo-white);
font-family: 'Dosis', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.04em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
.loop-news-item:hover h3 {
color: var(--sulo-white);
}
h1, h1 a {
font-family: 'Dosis', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 55px;
letter-spacing: 0.04em;
line-height: 55px;
margin-bottom: 1.2rem;
color: var(--sulo-red);
}
h2, h2 a {
font-family: 'Dosis', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 36px;
letter-spacing: 0.06em;
line-height: 40px;
margin-bottom: 1.2rem;
color: var(--sulo-red);
}
h3 {
font-family: 'Dosis', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.04em;
line-height: 30px;
margin-bottom: 0.6rem;
color: var(--sulo-red);
}
h4 {
color: var(--sulo-red);
font-family: 'Dosis', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 28px;
letter-spacing: 0.04em;
line-height: 40px;
line-height: 32px;
margin-bottom: 1.2rem;
}
.main-navigation * {
font-size: 18px !important;
} .sow-slider-image-container h1 {
background: none !important;
padding: 0 !important;
width: auto !important;
margin: 0 0 20px 0 !important;
text-transform: none !important;
line-height: 1.2 !important;
} .sow-slider-image-container h1 {
font-family: 'Dosis', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 700;
letter-spacing: 0.04em;
color: #004494 !important;
}
.so-widget-sow-button *,
.so-widget-sow-button .ow-button-base,
.so-widget-sow-button .ow-button-base a {
visibility: visible !important;
opacity: 1 !important;
}
.so-widget-sow-button {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.is-hover-teaser .so-widget-sow-button {
display: none !important;
}
.sowb-button:hover,
.sowb-button:hover span {
color: var(--sulo-red) !important;
}
.hero-button-links .ow-button-align-center {
text-align: left !important;
}
.is-light-news .loop-news-item:hover h3,
.is-light-news .loop-news-item:hover p {
color: var(--sulo-black) !important;
} .loop-news-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 40px;
row-gap: 80px;
margin-top: 40px;
}
.loop-news-item {
display: flex;
flex-direction: column;
justify-content: space-between;
border-left: 2px solid #e0e0e0;
padding-left: 35px;
min-height: 450px;
margin-bottom: 80px;
background: none;
} .loop-news-item .news-date {
font-size: 14px;
color: #aaa;
margin-bottom: 10px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.loop-news-item h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.loop-news-item p {
font-size: 16px;
line-height: 1.5;
flex-grow: 1;
margin-bottom: 10px;
} .loop-news-item .more-link {
margin-top: 15px;
font-weight: 600;
text-decoration: underline;
}  .startpage .loop-news-item h3,
.startpage .loop-news-item p,
.startpage .loop-news-item .more-link {
color: #fff;
} .news-archive .loop-news-item h3,
.news-archive .loop-news-item p,
.news-archive .loop-news-item .more-link {
color: #003366;
} @media (max-width: 768px) {
.loop-news-wrapper {
grid-template-columns: 1fr;
}
.loop-news-item {
margin-bottom: 60px;
padding-left: 20px;
}
.loop-news-item .news-date {
font-size: 13px;
}
.loop-news-item p,
.loop-news-item h3,
.loop-news-item .more-link {
word-break: normal;
overflow-wrap: break-word;
white-space: normal;
}
} .testimonial-section {
position: relative;
padding: 2rem 0;
}
.testimonial-inner {
position: relative;
max-width: 100%;
padding-left: 2rem;
}
.quote-icon {
position: absolute;
top: -20px;
left: -10px;
font-size: 160px;
color: rgba(0, 51, 102, 0.08);
font-family: serif;
line-height: 1;
z-index: 0;
pointer-events: none;
}
.testimonial-section .quote-author {
margin-top: 30px;
font-weight: 600;
color: #003366;
font-size: 18px;
}
@media screen and (max-width: 768px) {
.before-header {
display: none !important;
} .portal-header {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}
.portal-logo {
width: 200px; flex-shrink: 0;
}
.main-navigation {
flex-grow: 1;
display: flex;
justify-content: flex-end;
}
.main-navigation ul {
display: flex;
flex-wrap: nowrap;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation ul li {
white-space: nowrap;
}
.main-navigation ul li a {
font-size: 16px;
padding: 10px 12px;
text-decoration: none;
display: block;
}
@media (max-width: 768px) {
#pg-32-7 > .panel-row-style {
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.panel-grid > .panel-grid-cell {
margin-bottom: 0 !important;
}
.panel-grid.panel-has-style {
margin-bottom: 30px !important;
}
section, .panel-grid, .so-panel {
padding: 20px 15px !important;
}
[data-so-animation]:empty {
display: none !important;
}
#pg-32-8,
#pl-32 .so-panel {
margin-bottom: 0 !important;
}
#pg-32-2.panel-grid.panel-has-style {
margin-bottom: 0 !important;
}
.panel-grid {
margin-bottom: 0 !important;
}
.panel-grid-cell {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.so-panel {
margin-bottom: 0 !important;
}
.panel-grid,
.panel-grid-cell,
.so-panel,
section {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.so-widget-sow-button {
margin-bottom: 0 !important;
}
.so-widget-sow-image {
margin-bottom: 0 !important;
}
.panel-grid:last-of-type {
margin-bottom: 0 !important;
}
.sow-slider-base ul.sow-slider-images .sow-slider-image-container .sow-slider-image-wrapper {
padding: 0 !important;
}
.main-navigation ul ul {
display: none !important;
}
}
@media (min-width: 769px) {
div#pg-9485-0.hero-row-flex.siteorigin-panels-stretch.panel-row-style-for-9485-0 {
background-color: red !important;
min-height: 500px !important;
padding: 100px 60px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
} @media (max-width: 768px) {
.hero-row-flex {
position: relative;
}
.hero-row-flex::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4); z-index: 1;
}
.hero-row-flex .panel-grid-cell {
position: relative;
z-index: 2;
color: white !important;
}
.hero-row-flex h1,
.hero-row-flex p,
.hero-row-flex a {
color: white !important;
}
@media (max-width: 768px) {
.hero-row-flex .panel-grid-cell p,
.hero-row-flex .panel-grid-cell strong,
.hero-row-flex .panel-grid-cell span,
.hero-row-flex .panel-grid-cell a {
color: white !important;
} @media (max-width: 768px) {
.main-navigation .menu-item-has-children > .sub-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
max-height: 1000px !important;
}
}