/*!
Theme Name: compassio
Theme URI: http://underscores.me/
Author: Erico Brehmer
Author URI:
Description: Compassio Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: compassio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

compassio is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*-------------------------------------------------------------- */

/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('./assets/fonts/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('./assets/fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('./assets/fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('./assets/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('./assets/fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('./assets/fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('./assets/fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('./assets/fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('./assets/fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-100italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('./assets/fonts/raleway-v28-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('./assets/fonts/raleway-v28-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('./assets/fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('./assets/fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('./assets/fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('./assets/fonts/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('./assets/fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('./assets/fonts/raleway-v28-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('./assets/fonts/raleway-v28-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./assets/fonts/raleway-v28-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/raleway-v28-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/raleway-v28-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/raleway-v28-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

html, body {
  font-family:'Raleway';
  font-weight: 500;
 /* overflow-x: hidden;*/
}

body.scrollstoper {
  overflow: hidden;
}

/*
p:last-of-type {
  margin-bottom: 0;
}
*/

.breadcrumb {
  margin-bottom: 20px;
}

.breadcrumb a {
  color: var(--primary-hover);
  font-weight: 700;
}

.breadcrumb svg {
  position: relative;
  top:-2px;
  margin-right: 5px;
}

footer a {
  font-size: 14px;
}

.in-button {
  transition: all 0.23s linear;
  margin-top: 20px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(0,92,83); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(0,92,83);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(0,92,83); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(0,92,83);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-size: 28px 28px, 28px 28px;
  background-position: 100% 50%, -100% 50%;
  padding-right:35px;
  color:rgb(0, 92, 83);
}

.in-button.karriere {
  transition: all 0.23s linear;
  margin-top: 20px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(0,92,83); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(153, 51, 102);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(153, 51, 102); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(153, 51, 102);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-size: 28px 28px, 28px 28px;
  background-position: 100% 50%, -100% 50%;
  padding-right:35px;
  color:rgb(153, 51, 102);
}

.in-button.karriere2 {
  transition: all 0.23s linear;
  margin-top: 20px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(203, 227, 20); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(203, 227, 20);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(203, 227, 20); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(203, 227, 20);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-size: 28px 28px, 28px 28px;
  background-position: 100% 50%, -100% 50%;
  padding-right:35px;
  color:rgb(203, 227, 20);
}

.in-button.standort-news {
  width:auto;
  align-self: flex-start;
  font-weight: 700;
  margin-top: 50px;
  opacity: 0;
}

.in-button.standort-news.has-news {
  opacity: 1;
}

.breadcrumb .in-button {
  transition: all 0.23s linear;
  margin-top: 0px;
  display: inline-block;
  background-image: var(--breadcrumb-in-button-background-image);
  background-repeat: no-repeat, no-repeat;
  background-size: 28px 28px, 28px 28px;
  background-position: 0% 50%, 200% 50%;
  padding-left:35px;
  padding-right:0;
  color:var(--breadcrumb-in-button-color);
}


.in-button.other {
  
  margin-top: 20px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(137, 191, 72); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(137, 191, 72);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(137, 191, 72); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(137, 191, 72);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-size: 28px 28px, 28px 28px;
  background-position: 100% 50%, -100% 50%;
  padding-right:35px;
  color:rgb(137, 191, 72);
}

.in-button.weiss {
  
  margin-top: 20px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(255, 255, 255); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none'   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' class='ng-element' data-id='2b2d2922fcab4d5584ba55753f34843f' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(255, 255, 255); width: 28px; height: 28px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-size: 28px 28px, 28px 28px;
  background-position: 100% 50%, -100% 50%;
  padding-right:35px;
  color:rgb(255, 255, 255);
}

.in-button:hover {
  background-position: 200% 50%, 0% 50%;
  padding-right:0px;
  padding-left: 35px;
  text-decoration: none;
}


.breadcrumb .in-button:hover {
  background-position: -100% 50%, 100% 50%;
  padding-left:0px;
  padding-right:35px;
  text-decoration: none;
}

.buttons a {
  margin-bottom: 20px;
}

*[role=button].main {
  
}



button.main,
input[type=submit].main,
input[type=button].main,
input[type=reset].main,
[role=button].main {
  --background-color: var(--primary-hover);
  --border-color: var(--primary-hover);
  --color: var(--primary-inverse);
  white-space: nowrap;
}

button.main:is([aria-current], :hover, :active, :focus),
input.main[type=submit]:is([aria-current], :hover, :active, :focus),
input.main[type=button]:is([aria-current], :hover, :active, :focus),
input.main[type=reset]:is([aria-current], :hover, :active, :focus),
*.main[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--primary) !important;
  --border-color: var(--primary) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: var(--primary-inverse) !important;
}

button.super,
input[type=submit].super,
input[type=button].super,
input[type=reset].spsupsupererre,
[role=button].super {
  --background-color: rgb(203, 227, 20);
  --border-color: rgb(203, 227, 20);
  --color: var(--primary);
  white-space: nowrap;
}

button.super:is([aria-current], :hover, :active, :focus),
input.super[type=submit]:is([aria-current], :hover, :active, :focus),
input.super[type=button]:is([aria-current], :hover, :active, :focus),
input.super[type=reset]:is([aria-current], :hover, :active, :focus),
*.super[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--primary) !important;
  --border-color: var(--primary) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: rgb(203, 227, 20) !important;
}

button.spare,
input[type=submit].spare,
input[type=button].spare,
input[type=reset].spare,
[role=button].spare {
  --background-color: var(--primary);
  --border-color: var(--primary);
  --color: var(--primary-inverse);
  white-space: nowrap;
}

button.spare:is([aria-current], :hover, :active, :focus),
input.spare[type=submit]:is([aria-current], :hover, :active, :focus),
input.spare[type=button]:is([aria-current], :hover, :active, :focus),
input.spare[type=reset]:is([aria-current], :hover, :active, :focus),
*.spare[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--primary-hover) !important;
  --border-color: var(--primary-hover) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: var(--primary-inverse) !important;
}

button.decent,
input[type=submit].decent,
input[type=button].decent,
input[type=reset].decent,
*.decent[role=button] {
  --background-color: rgb(242, 242, 230);
  --border-color: rgb(214, 213, 142);
  --color: var(--primary);
  white-space: nowrap;
}

button.decent:is([aria-current], :hover, :active, :focus),
input.decent[type=submit]:is([aria-current], :hover, :active, :focus),
input.decent[type=button]:is([aria-current], :hover, :active, :focus),
input.decent[type=reset]:is([aria-current], :hover, :active, :focus),
*.decent[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: rgb(255, 255, 255) !important;
  --border-color: var(--primary) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: var(--primary) !important;
}


button.shy,
input[type=submit].shy,
input[type=button].shy,
input[type=reset].shy,
*.shy[role=button] {
  --background-color: rgb(180, 180, 180);
  --border-color: rgb(180, 180, 180);
  --color: rgb(255, 255, 255);
  white-space: nowrap;
}

button.shy:is([aria-current], :hover, :active, :focus),
input.shy[type=submit]:is([aria-current], :hover, :active, :focus),
input.shy[type=button]:is([aria-current], :hover, :active, :focus),
input.shy[type=reset]:is([aria-current], :hover, :active, :focus),
*.shy[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: rgb(255, 255, 255) !important;
  --border-color:rgb(180, 180, 180) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: rgb(180, 180, 180) !important;
}

button.stealth,
input[type=submit].stealth,
input[type=button].stealth,
input[type=reset].stealth,
*.stealth[role=button] {
  --background-color: rgb(255, 255, 255);
  --border-color: rgb(180, 180, 180);
  --color: rgb(180, 180, 180);
  white-space: nowrap;
}

button.stealth:is([aria-current], :hover, :active, :focus),
input.stealth[type=submit]:is([aria-current], :hover, :active, :focus),
input.stealth[type=button]:is([aria-current], :hover, :active, :focus),
input.stealth[type=reset]:is([aria-current], :hover, :active, :focus),
*.stealth[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: rgb(180, 180, 180) !important;
  --border-color: rgb(180, 180, 180) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: rgb(255, 255, 255) !important;
}

button.karriere,
input[type=submit].karriere,
input[type=button].karriere,
input[type=reset].karriere,
*.karriere[role=button] {
  --background-color: rgb(153, 51, 102);
  --border-color: rgb(153, 51, 102);
  --color: rgb(255, 255, 255);
  white-space: nowrap;
}

button.karriere:is([aria-current], :hover, :active, :focus),
input.karriere[type=submit]:is([aria-current], :hover, :active, :focus),
input.karriere[type=button]:is([aria-current], :hover, :active, :focus),
input.stekarrierealth[type=reset]:is([aria-current], :hover, :active, :focus),
*.karriere[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: rgb(255, 255, 255) !important;
  --border-color:  rgb(153, 51, 102) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: rgb(153, 51, 102) !important;
}

.mobile-navigation button.karriere,
.mobile-navigation input[type=submit].karriere,
.mobile-navigation input[type=button].karriere,
.mobile-navigation input[type=reset].karriere,
.mobile-navigation *.karriere[role=button] {
  --background-color: rgb(153, 51, 102);
  --border-color: rgb(255, 255, 255);
  --color: rgb(255, 255, 255);
  white-space: nowrap;
}

.mobile-navigation button.karriere:is([aria-current], :hover, :active, :focus),
.mobile-navigation input.karriere[type=submit]:is([aria-current], :hover, :active, :focus),
.mobile-navigation input.karriere[type=button]:is([aria-current], :hover, :active, :focus),
.mobile-navigation input.stekarrierealth[type=reset]:is([aria-current], :hover, :active, :focus),
.mobile-navigation *.karriere[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: rgb(255, 255, 255) !important;
  --border-color:  rgb(153, 51, 102) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: rgb(153, 51, 102) !important;
}

.mobile-navigation button.super,
.mobile-navigation input[type=submit].super,
.mobile-navigation input[type=button].super,
.mobile-navigation input[type=reset].spsupsupererre,
.mobile-navigation *.super[role=button].super {
  --background-color: rgb(203, 227, 20);
  --border-color: rgb(203, 227, 20);
  --color: var(--primary);
 
  white-space: nowrap;
}

.mobile-navigation button.super:is([aria-current], :hover, :active, :focus),
.mobile-navigation input.super[type=submit]:is([aria-current], :hover, :active, :focus),
.mobile-navigation input.super[type=button]:is([aria-current], :hover, :active, :focus),
.mobile-navigation input.super[type=reset]:is([aria-current], :hover, :active, :focus),
.mobile-navigation *.super[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--primary) !important;
  --border-color: var(--primary) !important;
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: rgb(203, 227, 20) !important;
}

.mobile-navigation *[role=button] {
  width:var(--mobile-navigation-button-width);
  text-align: var(--mobile-navigation-button-text-align);
}


/* nav buttons */

.nav_container button.main,
.nav_container input[type=submit].main,
.nav_container input[type=button].main,
.nav_container input[type=reset].main,
.nav_container [role=button].main {
  padding: 9px 17px;
  font-size:13px;
}

.nav_container button.spare,
.nav_container input[type=submit].spare,
.nav_container input[type=button].spare,
.nav_container input[type=reset].spare,
.nav_container [role=button].spare {
  padding: 9px 17px;
  font-size:13px;
}

.nav_container button.decent,
.nav_container input[type=submit].decent,
.nav_container input[type=button].decent,
.nav_container input[type=reset].decent,
.nav_container *.decent[role=button] {
  padding: 9px 17px;
  font-size:13px;
}

.nav_container button.shy,
.nav_container input[type=submit].shy,
.nav_container input[type=button].shy,
.nav_container input[type=reset].shy,
.nav_container *.shy[role=button] {
  padding: 9px 17px;
  font-size:13px;
}

.nav_container button.stealth,
.nav_container input[type=submit].stealth,
.nav_container input[type=button].stealth,
.nav_container input[type=reset].stealth,
.nav_container *.stealth[role=button] {
  padding: 9px 17px;
  font-size:13px;
}

.nav_container button.karriere,
.nav_container input[type=submit].karriere,
.nav_container input[type=button].karriere,
.nav_container input[type=reset].karriere,
.nav_container *.karriere[role=button] {
  padding: 9px 17px;
  font-size:13px;
}

/* 

.inhalt ul  li {

  display: block;
  
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' class='ng-element' data-id='3e6f5fa243214bd4b2f81c0f5941b577' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1%3B mix-blend-mode: normal%3B fill: rgb(255  255  255)%3B width: 20px%3B height: 20px%3B transform: rotate(0deg) translate(0  0)%3B'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' style='fill: rgb(255  255  255)%3B'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size:30px;
  background-repeat: no-repeat; 
  background-position: left top;
  height: 48px;
  padding-left: 44px;
  padding-top: 5px;


  }

 */



footer.row.footer button.main,
footer.row.footer input[type=submit].main,
footer.row.footer input[type=button].main,
footer.row.footer input[type=reset].main,
footer.row.footer [role=button].main {
  padding: 9px 17px;
  font-size:13px;
}

footer.row.footer button.spare,
footer.row.footer input[type=submit].spare,
footer.row.footer input[type=button].spare,
footer.row.footer input[type=reset].spare,
footer.row.footer [role=button].spare {
  padding: 9px 17px;
  font-size:13px;
}

footer button.decent,
footer input[type=submit].decent,
footer input[type=button].decent,
footer input[type=reset].decent,
footer *.decent[role=button] {
  padding: 9px 17px;
  font-size:13px;
}


footer button.shy,
footer input[type=submit].shy,
footer input[type=button].shy,
footer input[type=reset].shy,
footer *.shy[role=button] {
  padding: 9px 17px;
  font-size:13px;
}

footer button.stealth,
footer input[type=submit].stealth,
footer input[type=button].stealth,
footer input[type=reset].stealth,
footer *.stealth[role=button] {
  padding: 9px 17px;
  font-size:13px;
}

footer button.karriere,
footer input[type=submit].karriere,
footer input[type=button].karriere,
footer input[type=reset].karriere,
footer *.karriere[role=button] {
  padding: 9px 17px;
  font-size:13px;
}

/* footer buttons end */

/* special buttons */

a[role=button].location {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.2' preserveAspectRatio='none' viewBox='0 0 24 24' class='ng-element' data-id='6646f9cfaf104841abc476b8a699ab2a' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(255, 255, 255); width: 20px; height: 20px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cdefs%3E%3C/defs%3E%3Crect display='none' fill='%23FFA400' width='24' height='24' style='fill: rgb(255, 255, 255);'%3E%3C/rect%3E%3Crect id='_x3C_Slice_x3E__109_' display='none' fill='none' width='24' height='24' style='fill: rgb(255, 255, 255);'%3E%3C/rect%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12,0C7,0,3,4,3,9c0,1.728,0.518,3.065,1.411,4.42l6.641,10.076v0.001 C11.252,23.8,11.602,24,12,24s0.749-0.201,0.949-0.504L19.59,13.42C20.482,12.065,21,10.728,21,9C21,4,17,0,12,0z M12,13.997 c-2.762,0-5-2.241-5-5.005c0-2.765,2.238-5.005,5-5.005s5,2.24,5,5.005C17,11.756,14.762,13.997,12,13.997z M12,6 c-1.657,0-3,1.343-3,3s1.343,3,3,3s3-1.343,3-3S13.657,6,12,6z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px 17px;
  background-position: 94% 50%;
  padding-right: 40px !important;
}

a[role=button].jobs {
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 24 24' class='ng-element' data-id='49180572c7284c02882a1874609d13c6' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(255, 255, 255); width: 24px; height: 24px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='user-o' d='M16.51,10.83c0.93-1.47,1.08-3.3,0.4-4.9c-0.54-1.28-1.56-2.3-2.84-2.84c-1.32-0.56-2.81-0.56-4.13,0 C8.65,3.63,7.63,4.65,7.09,5.94c-0.68,1.6-0.53,3.43,0.4,4.9c-0.32,0.1-0.64,0.23-0.93,0.4C6.21,11.45,5.9,11.7,5.63,12 c-0.34,0.36-0.61,0.76-0.83,1.2c-0.26,0.57-0.46,1.18-0.57,1.8C4.07,15.81,3.99,16.63,4,17.45c-0.03,1.01,0.33,1.99,1,2.74 c0.63,0.73,1.55,1.15,2.51,1.14h8.89c0.99,0.03,1.95-0.39,2.6-1.14c0.67-0.75,1.03-1.73,1-2.74c0.01-0.82-0.07-1.64-0.23-2.45 c-0.11-0.62-0.31-1.22-0.57-1.79c-0.22-0.44-0.49-0.84-0.83-1.2c-0.27-0.3-0.58-0.55-0.93-0.76c-0.29-0.17-0.61-0.3-0.93-0.4l0,0 V10.83z M14.83,5.18C15.59,5.92,16.02,6.94,16,8c0.02,1.06-0.41,2.09-1.17,2.83C14.09,11.59,13.06,12.02,12,12 c-1.06,0.02-2.09-0.41-2.83-1.17C8.41,10.09,7.98,9.06,8,8C7.98,6.94,8.41,5.92,9.17,5.18C9.91,4.41,10.93,3.98,12,4 C13.07,3.98,14.09,4.41,14.83,5.18z M16.45,20h-8.9c-0.6,0-1.17-0.28-1.55-0.75c-0.44-0.5-0.67-1.15-0.65-1.81 c-0.07-1.36,0.22-2.71,0.82-3.93C6.61,12.62,7.51,12.04,8.5,12c2,1.76,5,1.76,7,0c1,0.03,1.9,0.61,2.35,1.51 c0.6,1.22,0.89,2.57,0.82,3.93c0.01,0.67-0.23,1.31-0.67,1.81c-0.38,0.47-0.96,0.75-1.57,0.74l0,0L16.45,20z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");  background-size: 17px 17px;
  background-position: 94% 50%;
  background-size: 18px 18px;
  padding-right: 40px !important;
}

a[role=button].uhr {
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 24 24' class='ng-element' data-id='db2d61811c724bab96c354e18ca7708c' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(0, 92, 83); width: 24px; height: 24px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z' style='fill: rgb(0, 92, 83);'%3E%3C/path%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' d='M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z' style='fill: rgb(0, 92, 83);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: 94% 50%;
  background-size: 18px 18px;
  padding-right: 40px !important;
}

a[role=button].pfeil {
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='ng-element interactive' data-id='b42d88d20ac648ec97bb8092b5522d24' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(255, 255, 255); width: 24px; height: 24px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 18px 18px;
  background-position: 92% 50%;
  padding-right: 40px !important;
}

a[role=button].pfeil.karriere:hover,
a[role=button].pfeil.karriere:active,
a[role=button].pfeil.karriere:focus,
a[role=button].pfeil.karriere:hover {
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='ng-element interactive' data-id='b42d88d20ac648ec97bb8092b5522d24' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(153, 51, 102); width: 24px; height: 24px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(153, 51, 102);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 18px 18px;
  background-position: 92% 50%;
  padding-right: 40px !important;
}

a[role=button].pfeil.decent {
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='ng-element interactive' data-id='b42d88d20ac648ec97bb8092b5522d24' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(0,92,83); width: 24px; height: 24px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(0,92,83);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 18px 18px;
  background-position: 92% 50%;
  padding-right: 40px !important;
  transition:all 0.15s linear;
}

a[role=button].pfeil.decent:hover,
a[role=button].pfeil.decent:active,
a[role=button].pfeil.decent:focus,
a[role=button].pfeil.decent:hover {
  /*
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='ng-element interactive' data-id='b42d88d20ac648ec97bb8092b5522d24' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(255, 255, 255); width: 24px; height: 24px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 18px 18px;
  background-position: 92% 50%;
  padding-right: 40px !important;
  */
}

a[role=button].pfeil.main {
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='ng-element interactive' data-id='b42d88d20ac648ec97bb8092b5522d24' stroke-linecap='null' stroke-linejoin='null' style='opacity: 1; mix-blend-mode: normal; fill: rgb(255, 255, 255); width: 24px; height: 24px; transform: rotate(0deg) translate(0, 0);'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='long-arrow-right' d='M21,12.01c0-0.09-0.04-0.18-0.1-0.24l-4-3.64c-0.08-0.12-0.23-0.16-0.37-0.12 c-0.13,0.04-0.21,0.17-0.2,0.3v2.33h-13C3.16,10.64,3.01,10.77,3,10.95c0,0.02,0,0.04,0,0.06v2C3,13.19,3.14,13.34,3.31,13.34 c0.01,0,0.01,0,0.02,0h13v2.33c0,0.13,0.08,0.25,0.2,0.3c0.12,0.06,0.26,0.03,0.36-0.06l4-3.69C20.95,12.17,20.99,12.09,21,12.01 L21,12.01z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 18px 18px;
  background-position: 92% 50%;
  padding-right: 40px !important;
}



/* special buttons end */


.row {
  padding-top:40px;
  padding-bottom: 40px;
}

.pill {
  display: inline-block;
  border-radius: 0.3rem;
  background: #fff;
  border:1px solid rgb(179, 179, 179);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  line-height:38px;
  padding-bottom: 0px;
  font-weight: 700;
  font-size: 14px;
}

.pill:hover {
  display: inline-block;
  border-radius: 0.3rem;
  background: #fff;
  border:1px solid rgb(179, 179, 179);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  line-height:38px;
  padding-bottom: 0px;
  font-weight: 700;
  font-size: 14px;
}

.pill svg {
  margin-right: 10px;
}

.pill img {
  margin-right: 10px;
}

.standort .grid.lables {

  margin-top:20px;

  grid-auto-columns: min-content;
  grid-template-columns:fit-content(50%) fit-content(50%) ;

}

.lable {
  display: inline-block;
  border-radius: 3px;
  font-size: 11px;
  font-weight:700;
  background: #fff;
  border:1px solid rgb(200, 200, 200);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  min-width: 150px;
}

.card {
  display: block;
  border-radius: 3px;
  font-size: 13px;
  background: #fff;
  border:1px solid rgb(200, 200, 200);
  padding: 0px;
  margin-bottom: 40px;
}

#sticky-sidebar-stuff .card {
  padding: 30px;
  margin-bottom: 0px;
}

#sticky-sidebar-stuff .kontakt .address {
  margin-top:0 !important;
}

.card summary {
  font-size: 16px;
}

.card details summary::after {
  background-size: 20px 20px;
  background-position: 100% 20%;
}

a.lable, a.pill, details a:hover {
  text-decoration: none !important;
  display: inline-block !important;
}

:root {
  --swiper-theme-color: var(--primary);
}

.slider_standorte.titel .container, .slider.titel .container {
  position: relative;
}

.slider-navigation {
  position: absolute;
  top:0;
  right: 0;
  display: none;
}

@media (min-width:1020px) {
  .slider-navigation {
    position: absolute;
    top:0;
    right: 0;
    display: block;
  }
}



.swiper-button-nexter, .swiper-button-nexter-sd {
  margin-left: 10px;
}

.swiper-button-nexter, .swiper-button-prever, .swiper-button-nexter-sd, .swiper-button-prever-sd {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50% 50%;
  padding: 0;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  border-color: rgb(190, 190, 190);
}

.swiper-button-nexter::after, .swiper-button-prever::after, .swiper-button-nexter-sd::after, .swiper-button-prever-sd::after {
  font-size: 19px;
}

.swiper-button-disabled.swiper-button-nexter, .swiper-button-disabled.swiper-button-prever, .swiper-button-disabled.swiper-button-nexter-sd, .swiper-button-disabled.swiper-button-prever-sd {
  border-color: rgb(230, 230, 230);
}

.swiper-button-disabled.swiper-button-nexter svg path, .swiper-button-disabled.swiper-button-prever svg path, .swiper-button-disabled.swiper-button-nexter-sd svg path, .swiper-button-disabled.swiper-button-prever-sd svg path {
  fill: rgb(230, 230, 230) !important;
}



img.orientierung_links {
  object-fit: cover;
  object-position: left;
}

img.orientierung_mitte, img.orientierung_ {
  object-fit: cover;
  object-position: center;
}

img.orientierung_rechts {
  object-fit: cover;
  object-position: right;
}


blockquote {
  background: rgba(255,255,255,0);
  border-left: 0px solid #ccc;
  margin: .4em 0px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote, blockquote p {
  font-weight: bold;
  font-style: italic;
}
blockquote:before {
  color: var(--compassio-main-color);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: var(--compassio-main-color);
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.8em;
}
blockquote p {
  display: inline;
}

#sticky-sidebar-stuff {
    position: sticky;
    top: 120px;
    opacity: 1;
    visibility: visible;
    transition: .3s;
}

iframe {
   filter: grayscale(50%);
}

.button-outer a {
  text-decoration: none !important;
}

.row.bearbeiten {
  padding:30px;
  text-align: center;
  background-color: #f8f8f8;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Header */

.einrichtungen {
  display:grid;  
 grid-template-columns: repeat(4, minmax(10%, 1fr));
 justify-items: left;
 margin:0px;
 text-align: left;
}

.einrichtungen a {
  display: block;
  white-space: nowrap;
  margin-right: 30px;
  margin-bottom: 0px;
  
}

/* navigation */

.row.navigation {
  padding-top:0px;
  padding-bottom: 0px;
  position: sticky;
  top: 0;

  z-index: 10000;
  border-bottom: 0px solid #ddd; 
  /*transition: all 0.173s linear;*/
  transition: background .6s ease;
  border-bottom: 1px solid #dadada;
  transform: translateZ(0);
  /*-webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  background: hsla(0,0%,100%,.8);*/
  background-color: #fff;
}

.row.navigation.compact {
  border-bottom: 1px solid #ddd; 
}

.row.navigation .header {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}

.row.navigation .header .logo_container {
  height: 70px;
  width:100px;
  transition: all 0.173s linear;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.row.navigation .header .nav_container  {
  display: none;
}

.row.navigation .header .nav_container-mobile  {
  cursor: pointer;
}


@media (min-width:1020px) {

  .row.navigation .header {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
  }

  .row.navigation .header .nav_container-mobile  {
    display: none;
  }

  .row.navigation .header .nav_container  {
    display: block;
  }

  .row.navigation.compact .header .nav_container .top {
    border-bottom: 0px solid #ddd; 
  }

  .row.navigation.compact .header .logo_container {
    height: 90px;
  }
  
  .row.navigation .header .logo_container .logo {
    max-width: 80%;
  }
  
  .row.navigation.compact .header .logo_container .logo {
    max-width: 70%;
    transition: max-width 0.573s linear;
  }

  .row.navigation .header .logo_container {
    height: 150px;
    width:250px;
    transition: all 0.173s linear;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
  }


  .row.navigation .header .nav_container .top {
    border-bottom: 1px solid #ddd; 
    transition: all 0.573s linear;

  }

  .row.navigation .header .bottom {
    height: 60px;
    transition: height 0.173s linear;

  }
  
  .row.navigation.compact .header .bottom {
    height: 0;
    overflow: hidden;
  }
  
  
  .row.navigation .header .bottom nav {
    justify-content:center;
  }
  
  .nav_container {
    width: 100%;
  }

  
}




.row.navigation.compact .header .nav_container .top {
  border-bottom: 0px solid #ddd; 
}

.menu-main-menu-container {
  display: flex;
  //margin-right: 150px;

}

.row.navigation .header nav {
  justify-content:flex-end;
}

.row.navigation .header .top  {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (max-width:1320px) {
  .menu-main-menu-container {
    display: flex;
    margin-right: 0px;
  
  }
}





.row.navigation .header nav .logo {
  max-height: 50px;
  width: auto;
}

.row.navigation .header nav ul {
}

.row.navigation .header nav ul>li {
  font-weight: 700;
  padding-left: 20px;
  padding-right: 20px;
}

.row.navigation .header nav ul>li a {
  white-space: nowrap;
}

.row.navigation .header nav ul li .child-wrap {
  position: absolute;
  display: block;
  height: auto;
  min-height: 410px;
  opacity:0;
  top:150px;
  /*left:0%;*/
  left:0;
  pointer-events: none;
  min-width: 100%;
  border-bottom:1px solid #dadada;
  border-top:1px solid #dadada;
  z-index: 1000;
  /*transform:translate(-50%,0);*/
  transition: opacity  0.23s linear;

}

.row.navigation.compact .header nav ul li .child-wrap, .row.navigation.compact .header nav ul li:hover .child-wrap  {
  position: absolute;
  display: block;
  height: auto;
  opacity:0;
  top:150px;
  pointer-events: none;
  min-width: 100%;
  border-bottom:1px solid #dadada;
}

.row.navigation .header nav ul li .child-wrap .container .shower {
  margin-top:30px;
  margin-right: 40px;
  width: 250px;
}

.row.navigation .header nav ul li .child-wrap .container .shower .mainname {
  font-size:25px;
  color:var(--compassio-main-color);
}


.row.navigation .header nav ul li .child-wrap .container .shower a {
  font-weight: 500;
  margin-top:10px;
  display: inline-block;
  color:var(--compassio-main-color);
  background-image: var(--navigation-background-image);
}

.row.navigation .header nav ul li .child-wrap .container .shower a svg {
  margin-left:13px;
}

.row.navigation .header nav ul li:hover .child-wrap {
  pointer-events: auto;
  border-top:1px solid #dadada;
  opacity:1;
  top:150px;
  
  background: #f2f2e6;
}

.row.navigation .header nav ul li .child-wrap .container {
  display: flex;
}

.row.navigation .header nav ul li ul.sub-menu {
  display: block;
  padding:15px;
  
} 

.row.navigation .header nav ul li:hover ul.sub-menu {

  display: block;
  padding:15px;
  
}

.row.navigation .header nav ul li ul.sub-menu li {
  display: block !important;
  float: none;
  margin:0;
  padding:0;


}

.row.navigation .header nav ul li ul.sub-menu li a {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color:#333;
  background-image: var(--navigation-href--background-image);
  background-size:28px 28px;
  background-repeat:no-repeat;
  background-position: 100% 50%;
  padding-right: 45px;
  margin:0;
}

.row.navigation .header nav ul li ul.sub-menu li a:hover, .row.navigation .header nav ul li ul.sub-menu li a.active {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color:var(--compassio-main-color);
  background-size:28px 28px;
  background-repeat:no-repeat;
  background-position: 100% 50%;
  padding-right: 45px;
}





.compassio-overlay-menu {
  position: fixed;
  width: 100%;
  top:0;
  left:0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
}

.compassio-overlay-menu.show {
  opacity: 1;
}

#menu-main-menu .mobiler {
  display: none !important;
}

.row.navigation.open {
  background-color: var(--mobile-navigation-backgorund-color);
  border-bottom:0px solid #fff;
}

.row.navigation.open img {
  filter: var(--navigation-open-filter);
}



.mobile-navigation {
  display: none;
  background-color:  var(--mobile-navigation-backgorund-color);
  padding-top:20px;
  padding-bottom:20px;
  bottom:0;
  position:fixed;
  overflow-y:scroll;
  overflow-x:hidden;
  top:70px;
  width: 100%;
  z-index: 10000;
}

.mobile-navigation.open {
  display: block;
}

ul.mobile-menu  {
  list-style-type: none;
  list-style: none;
  padding:0;
}

ul.mobile-menu li {
  list-style: none;
}

ul.mobile-menu li a {
  color:var(--monbile-menu-color);
  display: block;
  width: 100%;
  font-size:18px;
  line-height: 40px;
  background-image: var(--monbile-menu-background-image);
  background-size:28px 28px;
  background-repeat:no-repeat;
  background-position: 100% 50%;
  padding-right: 45px;
}

ul.mobile-menu li ul li a {
  color:var(--monbile-menu-color);
  font-size:14px;
  background:transparent;
}

ul.mobile-menu li ul.sub-menu {
  display: none;
}

ul.mobile-menu li ul.sub-menu.open {
  display: block;
}


ul.mobile-menu li::marker {
  display: none;
}

ul.mobile-menu a {
  text-decoration: none;
  font-weight:700;
}

.row.footer {
  /*padding-bottom: 100px !important;*/
}


@media (min-width:1020px) {
  .mobile-navigation {
    display: none !important;
  }
}

.nav_container-mobile #compassio-hamburger {
  display: block;
}

.nav_container-mobile #compassio-close {
  display: none;
}

.nav_container-mobile.open #compassio-hamburger {
  display: none;
}

.nav_container-mobile.open #compassio-close {
  display: block;
}




/* toolbar */

.hide-mobile {
 display: none;
}

.show-mobile-flex {
  display: flex;

}

.show-mobile {
  display: block;

}

.show-mobile-flex form {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}



 .footer-finder input {
  width: 48%;

}


@media (min-width:1020px) {
  .hide-mobile {

    display: block;

   }
   
   .show-mobile-flex, .show-mobile  {
     display: none;
   
   }
}

.toolbar {
  background: #333;
  display: none;
}

.toolbar nav a:not(.ab-item) {
  transform: scale(0.7);
}

.ab-item img {
  height: 40px;
  width: auto;
}

/* marlkers */


.acf-map div[role=button] {
  background-image: url(/wp-content/themes/compassio/assets/img/spotlight-poi3_hdp.png);
  background-color: transparent;
  background-size: contain;
  position: relative;
  border: 0px solid #fff;
  width: 0px;
  height: 0px;
  line-height:0;
}

div[role=button]::after {
  /*
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background-color: #fff;
  */
}

input[type=text], select {
  background-color: #fff;
}

/* news */
.news-image {
  background-size:cover;

}

.row.news.intro {
  padding-bottom:0;
}

.row.header.no-img {
	background-color:rgb(242, 242, 230);
}





.news-sub {
	display:flex;
	justify-content:center;
  flex-flow: column;
	column-gap:20px;
}

.news-sub span {
  display: none;
}

.news-sub a {
	font-size:18px;
	font-weight:700;
  line-height: 40px;
}

.news-sub a:hover {
	font-size:18px;
	font-weight:700;
}

@media (min-width:1020px) {

  .news-sub span {
    display: block;
    line-height: 30px;
  }
  .news-sub {
    display:flex;
    justify-content:center;
    flex-flow: row;
    column-gap:20px;
  }
  
  .news-sub a {
    font-size:18px;
    font-weight:700;
    line-height: 30px;
  }
  
  .news-sub a:hover {
    font-size:18px;
    font-weight:700;
  }
}


.news.overview .grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.news.overview .grid a {
  text-align: center;
  text-align:left;
}

.news.overview .grid :first-child {
  grid-column: 1 / -1;
}

.news-kachel {
	display:flex;
	flex-flow:column;
	padding:0px;
	margin-bottom:30px;
}

.news-kachel:hover, .news-kachel:hover p {
	text-decoration:none;
	color:var(--primary);
}

.news-kachel .image  {
	overflow: hidden;
}

.news-kachel .image img {
	transition: all 1.23s ease-out;
}

.news-kachel:hover .image img {
	transform: scale(1.3);
}

.news-kachel.main {
  background:transparent;
	display:flex;
  flex-flow:column;
	padding:0px;
}

.news-kachel.main .heading {
	width:100%;
	display: flex;
	padding:0px;
  padding-top:20px;
	flex-wrap:wrap;
	align-content:center;
	align-items:center;
  order: 2;
}

.news-kachel.main .image {
	width:100%;
	margin-bottom:0px;
  order: 1;
}

.news-kachel.main .image img {
	width:100%;
	
}

.row.header.no-img .inhalt {
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.row.header .inhalt p, .row.header .inhalt h1 {
	margin-bottom:20px;
}

@media (min-width:1020px) {

  .news-kachel.main {
    background: rgb(245, 245, 245);
    display:flex;
    flex-flow:column;
    padding:30px;
  }

  .row.header.no-img .inhalt {
    text-align:center;
    padding-top:100px;
    padding-bottom:100px;
  }
  
  .row.header .inhalt p, .row.header .inhalt h1 {
    margin-bottom:20px;
  }
}

@media (min-width:768px) {
  .news.overview .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width:1109px) {

  .news-kachel.main .image img {
    height:100%;
    object-fit: cover;
    
  }

  .news-kachel.main .image {
    width:60%;
    margin-bottom:0px;
    order:2;
  }

  .news-kachel.main {
    background: rgb(245, 245, 245);
    display:flex;
    flex-flow:row;
    padding:30px;
  }

  .news-kachel.main .heading {
    width:40%;
    display: flex;
    padding:50px;
    flex-wrap:wrap;
    align-content:center;
    align-items:center;
    order:1;
  }
}





.news-kachel .heading p {
	font-size:15px;
}

.news-kachel .image {
	margin-bottom:20px;
}



.news-kachel h3 { 
	margin-bottom:20px;
}

h2 span {
  /*color:var(--primary-hover);*/
}

.row.news.more {
	background:rgb(245, 245, 245);
}

@media (min-width:1020px) {

  .morebar.grid {
    grid-template-columns:1fr 1fr 1fr;
  }
}

.morebar-header {
  padding-top: 30px;;
}

/* content */

.button-outer.to-the-right {
  text-align: right;
}

/* pagination */

.compassio-pagination {
  width: 100%;
  text-align:center;
  padding-top:40px;
  padding-bottom:40px;
}

.compassio-pagination ul {
  width: auto;
  display: inline-block;
  margin:0;
  padding:0;
  list-style-type: none;
}

.compassio-pagination ul li {
  display: inline-block;
}

.compassio-pagination ul li::marker {
  display: none;
}

.compassio-pagination ul li a {
  font-size:19px;
  font-weight: 700;
  display: inline-block;
  background-color: transparent;
  width: 40px;
  height: 40px;
  border-radius:50% 50%;
  line-height:35px;
  text-align: center;
  padding:0;
}

.compassio-pagination ul li.active a {
  font-size:19px;
  font-weight: 700;
  display: inline-block;
  background-color: rgb(242, 242, 230);
  width: 40px;
  height: 40px;
  border-radius:50% 50%;
  line-height:35px;
  text-align: center;
  padding:0;
}

.compassio-pagination ul li a:hover {
  text-decoration: none;
  background-color: rgb(242, 242, 230);
}


/****/

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gform_confirmation_message {
  padding-top:200px;
}

.gform_required_legend {
  display: none;
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: var(--primary);
}

::selection {
  color: #fff;
  background: var(--primary);
}

p {
  margin-bottom: 0;
  padding-bottom:var(--typography-spacing-vertical);
}

.companchor {
  position: relative;
  top:-100px;
}

.inhalt_volle_breite p a {
  text-decoration: underline;
}

/* ------------------------------------------------------------------
   Landingpage "Pflegeheim verkaufen" (postid-38578) -- Einzelfall.
   Die Post-ID ist bewusst hart verdrahtet: wird die Seite neu angelegt
   oder dupliziert, greift das hier stillschweigend nicht mehr.
   ------------------------------------------------------------------ */

/* Ab 1020px setzt layouts/header_ver_2.php die Groesse ueber
   var(--font-size) -- es genuegt, die Variable zu ueberschreiben.
   Ein font-size an der h1 waere wirkungslos: der sichtbare Text steht
   in einem <p> darin. */
body.postid-38578 h1 { --font-size: 2.1rem; }

@media (max-width: 1019px) {
  /* Die feste Fussleiste lenkt auf dieser Seite vom Formular ab.
     Der grosse Footer bleibt -- dort stehen Impressum und Datenschutz,
     und zwar als einzige Stelle der Seite. */
  body.postid-38578 .mobile-footer-fixed { display: none; }

  /* Unterhalb 1020px steht dort 25px fest im Inline-CSS, die Variable
     wirkt nicht. Der volle Selektor ist noetig, um spezifischer zu sein. */
  body.postid-38578 .header_ver_2 .grid .inhalt h1 p {
    font-size: 1.4rem;   /* 21px bei 15px Grundgroesse */
    line-height: 1.25;
  }
}