/*
Theme Name: VAC-MAC
description: VAC-MAC - Theme - Ver. 01
Author: neo7
Author URI: https://neo7.de
Template: customify
Version: 1.0.0
Text Domain: vac-mac
*/
/* quicksand-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/quicksand-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/quicksand-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/quicksand-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/quicksand-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/barlow-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/barlow-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/barlow-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {

    --hellblau: rgb(15, 125, 177);
	--hellerblau: rgb(211, 223, 233);
	--lichtesblau: rgb(245,251,255);
/*	--blau: rgb(39,49,98);*/
	--blau: rgb(32,60,103);	
    --dunkelblau: rgb(22,54,91);    
    --grau: rgb(103, 103, 103);
    --grau: rgb(102, 133, 159);
    --hellgrau: rgb(247, 245, 245);
	--dunkelgrau: rgb(55, 55, 55);
	--orange: #f5ac2b;
    --gruen: rgb(142,174,38);
    --tuerkis: rgb(116,188,188);
    --dunkeltuerkis: #6fa3a3;
    --helltuerkis: rgb(125,208,208); 
	font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
	font-weight: 500 !important;
	font-size: 105%;
	line-height: 1.7 !important;
    letter-spacing: -0.01em;
	background-color: #FFFFFF !important;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

body .site-branding .site-title {
    font-size: 1.5em;
    text-align: center;
}

body .comments-area .comment-reply-title, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    font-weight: 500;
    font-family: "Barlow", Arial, Helvetica, sans-serif;
    margin: 2em 0 1em;
    clear: both;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

body .h1, body .h2, body .entry-content>h1, body h2 {
    font-weight: 600;
    font-family: "Quicksand", Arial, Helvetica, sans-serif;
}

body .footer-bottom .light-mode {
    background: var(--hellgrau);
}

body .page-titlebar {
    padding: 21px 0 22px;
    border-bottom: 1px solid #eaecee;
    word-break: break-word;
    background: #f9f9f9;
}

body a {
	color: var(--dunkelblau);
}

body a:hover {
	color: var(--orange);
}

body #main {
	min-height: 800px;
    padding-top: 0;	
}

body #main p {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

body #main a {
	text-decoration:underline;
}

body .light-mode .nav-menu>li>a {
	color: var(--blau);
}

body .light-mode .nav-menu>li>a:hover, body .header-social-icons.customify-builder-social-icons.color-custom li a:hover {
	color: var(--orange) !important;
}

body .footer--row-inner.dark-mode a:not(.button) {
    color: var(--hellerblau);
}

body .footer--row-inner.dark-mode a:not(.button):hover {
    color: var(--orange);
}

body .footer--row-inner.light-mode {
    color: #878787;
}

body nav#site-navigation-bottom-desktop {
    text-align: center;
}

body .light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-item>a, body .nav-menu-desktop .menu li.current-menu-item>a {
    color: var(--orange);
}

body .nav-menu-desktop .menu>li>a {
    padding: 15px 8px 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1em;
    letter-spacing: -0.03em;
}

p.site-description.text-uppercase.text-xsmall {
    color: var(--hellgrau);
    font-size: 2.32vw;
    font-weight: 600;
}

.zitat {
	color: #FFF;
	font-size: 0.7em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.autor {
	color:#FFF;
	font-size:0.7em;
	text-align:right;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.pdflink {
	background-image:url(pdf.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:25px;
}

body details[open] summary {

}

.wp-block-details summary {
    cursor: pointer;
}

body details {
    margin-bottom: 5px !important;
}

.wp-block-details summary {
    cursor: pointer;
}

body summary {
    position: relative;
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
}

summary::after {
    content: "...mehr";
    color: var(--gruen);
    text-decoration: underline;
    padding-left: 1em;
}

.detailbox summary::after {
    content: "▼";
    color: #fff;
    text-decoration: none;
    padding-left: 1em;
    float: right;
    font-size: 150%;
}

summary:hover::after  {
    color: var(--dunkelblau);
}

.detailbox summary:hover::after  {
    margin-top: -15px;
    color: #fff;
    font-size: 200%;
    transition: 0.5s;
}

body details[open] summary::after {
    content: "";

}

body details[open].detailbox summary::after {
    content: "▲";

}

body summary:hover {
	
}

body details[open] summary {

}

body .site-header .cb-row--mobile .site-branding img {
	width:24vw;
    max-width: 24em;
}

body h1.titlebar-title.h4 {

    font-size: 2em;
}

body h1.entry-title.entry--item.h2 {
    color: var(--dunkeltuerkis);
    text-transform: none;
}

body h2.wp-block-heading {
	color: var(--dunkelblau);
	font-size:1.9em;
}

body h3.wp-block-heading {
	color: var(--dunkelblau);
	font-size:1.3em;
}

body h4.wp-block-heading, body h4.wp-block-post-title {
	color: var(--dunkelblau);
	font-size:1.1em;
	font-weight:600;
}

.visitenkarte {
    background-color: var(--hellgrau);
    padding: 1em;
    padding-top: 2em;
    line-height: 1.6em;
}

.visitenkarte img {
    border: 4px solid white;
}

body .visitenkarte h3 {
    padding: 0;
    margin: 0;
    font-size: 150%;
    color: var(--dunkelblau);
    text-transform: none;
    line-height: 1;
}

body .visitenkarte2 h3 {
    padding: 0;
    margin: 0;
    font-size: 114%;
    color: var(--dunkelblau);
    text-transform: none;
    line-height: normal;
    margin-top: 15%;
}

body .visitenkarte h4 {
    padding: 0;
    margin: 0;
    font-size: 90%;
    color: var(--gruen);
    text-transform: none;
}

body .visitenkarte2 h4 {
    padding: 0;
    margin: 0;
    font-size: 90%;
    color: var(--gruen);
    text-transform: none;
    line-height: normal;
}

body .visitenkarte h5 {
    padding: 0;
    margin: 0;
    font-size: 90%;
    color: var(--dunkelblau);
    text-transform: none;
    line-height: 1;
    font-weight: 600;    
}

body .visitenkarte :where(.wp-block-columns) {
    margin-bottom: 1.em;
}

.smalltext {
	font-size:85%
}

.boxshadow {
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.scrim {
    background-color: var(--hellerblau) !important;
}

body .nav-menu-desktop .sub-menu li a {
    color: var(--blau);
}

body .nav-menu-desktop .sub-menu li a:hover {
    background: rgba(0,0,0,.06);
    color:  var(--dunkelblau) !important;
}

body .wp-block-image.movelinked img {
    display: block;
    transition: ease-out 0.15s;
}

body .wp-block-image.movelinked img:hover {
    margin-left:-0.35em;
	margin-top:-0.35em;
    transition: ease-out 0.15s;
}

body .header--row.header-bottom .customify-grid, body .header--row.header-bottom .style-full-height .primary-menu-ul > li > a {
	min-height: 5vw;
}

figcaption h4 {
    text-align: center;
}

body .site-header {
    position: relative;
    z-index: 999;
}

body .site-content>.customify-container, .layout-contained, .site-framed .site, .site-boxed .site {
    background: #fff;
    padding: 0px 35px;
}


#masthead.sticky.sticky-active #masthead-inner {
    transition: all .3s;
    transform: translateY(0);
    margin-top: 0em;
}

body .site-branding a {
    margin: auto;
}

.boxshadow {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.fadeIn {
   animation: fade-in 7s;
}

.zoomOut {
   animation: zoom-out 2s;
}

.zoomIn {
   animation: zoom-in 1s;
}

.fadein-zoomOut {
    animation: fade-in-zoom-out 3s;
}

body .page-cover-tagline {
    font-size: 125%;
}

.notopmargin {
    margin-top: 0 !important;
}

.nobottommargin {
    margin-bottom: 0 !important;
}

.width100p img {
    width: 100% !important;
    height: auto !important;
    min-height: 25vw;
}

.width100p {
    min-height: 28vw !important;
    padding: 0 !important;
}

body .wp-block-cover h1 {
   	font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
    background-color: rgba(255,255,255,0.8);
    padding-top: 0.8em !important;
    padding-bottom: 0.8em !important;
    margin-top: 12vw;
}

.first {
    color: var(--dunkelblau) !important;  
}

.second {
    color: var(--orange);  
}

.third {
    color: var(--gruen);  
}

.maxwidth200 {
    max-width: 200px;
    margin: auto;
}

.maxwidth1112 {
    max-width: 1112px;
    margin: auto;
}

.entry-content .articlequery li {
    margin-left: 0;
}

.odd\:bg-gray li:nth-child(odd) {
  background-color: rgb(247, 245, 245);
}

@keyframes slide-left {
  0%   {transform:translate3d(0,0,0);}
  25%  {transform:translate3d(-50px,0,0);}
  75%  {transform:translate3d(50px,0,0);}
  100% {transform:translate3d(0,0,0);}
}

@keyframes slide-right {
  0%   {transform:translate3d(0,0,0);}
  25%  {transform:translate3d(50px,0,0);}
  75%  {transform:translate3d(-50px,0,0);}
  100% {transform:translate3d(0,0,0);}
}


@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes zoom-out {
  from { scale:3 }
  to { scale: 1 }
}

@keyframes zoom-in {
  from { scale:1 }
  to { scale: 1.1 }
}

@keyframes fade-in-zoom-out {
  from { scale:3; opacity: 0; }
  to { scale: 1; opacity: 1; }
}

@keyframes slide-in-from-left {
	0% {
		transform: translateX(-50%);
		opacity: 0;
	}

    50%, 100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes slide-in-from-right {
    0% {
        transform: translateX(+100%);
        opacity: 0;
    }

    50%, 100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

.slide-in-from-left {
    opacity: 0;
    -webkit-animation: slide-in-from-left 2s forwards;
    -moz-animation: slide-in-from-left 2s forwards;
    -ms-animation: slide-in-from-left 2s forwards;
    -o-animation: slide-in-from-left 2s forwards;
    animation: slide-in-from-left 2s forwards;
    animation-timeline: view();
    animation-range-start: 10%;
    animation-range-end: 50%;
}

.slide-in-from-right {
    opacity: 0;
    -webkit-animation: slide-in-from-right 2s forwards;
    -moz-animation: slide-in-from-right 2s forwards;
    -ms-animation: slide-in-from-right 2s forwards;
    -o-animation: slide-in-from-right 2s forwards;
    animation: slide-in-from-right 2s forwards;
    animation-timeline: view();
    animation-range-start: 10%;
    animation-range-end: 50%;
}

body .wp-block-quote {
    border-left-width: 0px;
	color:var(--hellblau);
	font-weight: 400;
}


body figure {
    margin-top: 0;
}

body figcaption.wp-element-caption {
    text-align: center;
}

.sidebox {
	padding:1em;
	margin-bottom:2em;
	background-color: var(--lichtesblau);
	font-size: 90%;
}

.linkbox {
    background-color: var(--tuerkis);
    margin-bottom: 2em;
}

.bg-mint-dark {
    background-color: var(--dunkeltuerkis);
}

.bg-mint-dark.thema {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg class="absolute bottom-7 right-7 w-10 md:w-16 h-10 md:h-16 fill-white" xmlns="http://www.w3.org/2000/svg" width="97.718" height="86.312" viewBox="0 0 97.718 86.312"> <g id="Bildmaterial_10" data-name="Bildmaterial 10" transform="translate(48.859 43.156)"> <g id="Gruppe_327" data-name="Gruppe 327" transform="translate(-44.292 -38.589)"> <line id="Linie_60" data-name="Linie 60" x2="14.205" y2="16.749" transform="translate(0 60.429)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.481"></line> <line id="Linie_61" data-name="Linie 61" y1="11.851" x2="13.975" transform="translate(7.131 56.984)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.481"></line> <path id="Pfad_819" data-name="Pfad 819" d="M83.8,1.774,65.827,17.018,64.752,30.1l-41.79,35.44L9.708,49.915l7.813-6.626" transform="translate(4.781 -1.774)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.481"></path> <path id="Pfad_820" data-name="Pfad 820" d="M58.014,11.1l-14.3-2.171L19.164,29.749" transform="translate(12.595 4.14)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.481"></path> </g> </g> </svg>');
}

.bg-mint-medium.thema {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg class="absolute bottom-7 right-7 w-10 md:w-16 h-10 md:h-16 fill-white" xmlns="http://www.w3.org/2000/svg" width="80.643" height="84.725" viewBox="0 0 80.643 84.725"> <g id="Bildmaterial_13" data-name="Bildmaterial 13" transform="translate(40.322 42.362)"> <g id="Gruppe_334" data-name="Gruppe 334" transform="translate(-38.771 -40.812)"> <path id="Pfad_830" data-name="Pfad 830" d="M34.752,3.684A18.173,18.173,0,0,0,16.658,21.778v8.706A18.174,18.174,0,0,0,34.752,48.577h.543A18.174,18.174,0,0,0,53.388,30.484V21.778A18.173,18.173,0,0,0,35.294,3.684ZM49.308,21.778v8.706A13.993,13.993,0,0,1,35.294,44.5h-.543A13.993,13.993,0,0,1,20.738,30.484V21.778A13.993,13.993,0,0,1,34.752,7.766h.543A13.993,13.993,0,0,1,49.308,21.778Z" transform="translate(3.748 -3.684)" fill="%23fff" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.102"></path> <path id="Pfad_831" data-name="Pfad 831" d="M5.541,69.362H79a2.092,2.092,0,0,0,2.041-2.041V58.07A25.343,25.343,0,0,0,55.875,32.632a2.04,2.04,0,1,0,0,4.08A21.368,21.368,0,0,1,76.96,58.207V65.28H7.582V58.207A21.28,21.28,0,0,1,28.667,36.712a2.04,2.04,0,1,0,0-4.08A25.374,25.374,0,0,0,3.5,58.207v9.251A2.073,2.073,0,0,0,5.541,69.362Z" transform="translate(-3.5 12.261)" fill="%23fff" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.102"></path> </g> </g> </svg>');
}

.bg-mint-light.thema {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg class="absolute bottom-7 right-7 w-10 md:w-16 h-10 md:h-16 fill-white" xmlns="http://www.w3.org/2000/svg" width="77.743" height="90.188" viewBox="0 0 77.743 90.188"> <g id="Bildmaterial_9" data-name="Bildmaterial 9" transform="translate(38.871 45.094)"> <g id="Gruppe_337" data-name="Gruppe 337" transform="translate(-37.015 -43.238)"> <path id="Pfad_836" data-name="Pfad 836" d="M5.914,21.1A4.7,4.7,0,0,1,8.52,17.7,213.425,213.425,0,0,1,39.7,5.817a7.254,7.254,0,0,1,4.083,0A213.591,213.591,0,0,1,74.967,17.7,1.691,1.691,0,1,1,73.5,20.747,210.264,210.264,0,0,0,42.844,9.065a3.862,3.862,0,0,0-2.2,0A210.1,210.1,0,0,0,9.987,20.747a1.317,1.317,0,0,0-.744.957A76.593,76.593,0,0,0,8.111,35.01c0,8.1,1.242,18.44,5.952,28.224S26.9,82.283,40.931,88.454l.813.165.813-.166c14.032-6.17,22.15-15.432,26.869-25.218S75.38,43.108,75.378,35.01c0-2.258-.1-4.341-.239-6.186a1.691,1.691,0,0,1,3.372-.26h0c.148,1.923.249,4.091.249,6.446,0,8.435-1.278,19.27-6.286,29.69S58.675,85.084,43.915,91.55a5.464,5.464,0,0,1-4.342,0C24.812,85.084,16.013,75.118,11.015,64.7S4.731,43.446,4.729,35.01A80.03,80.03,0,0,1,5.914,21.1Z" transform="translate(-4.729 -5.524)" fill="%23fff" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.712"></path> </g> </g> </svg>');
}

.bg-mint-medium {
    background-color: var(--tuerkis);
}

.bg-mint-light {
    background-color: var(--helltuerkis);
}

.thema {
    background-repeat: no-repeat;
    background-size: 3em;
    background-position-y: 50%;
    background-position-x: 90%;     
}


.box-syringe, .box-shield, .box-person {
    color: #fff;
    padding: 2em;
    text-align: center;
    padding-left: 8em;
    background-repeat: no-repeat;
    background-size: 3em;
    background-position-y: 50%;
    background-position-x: 4%;   
}


.thema a {
    color: #fff;
    text-decoration: none !important;
    display: block;
    width: 100%;
    padding: 2em;

}

.thema a:hover {
    color: #fff;
    text-decoration: underline !important;    
}

.pdfbox {
    background-color: var(--hellgrau);
    margin-bottom: 2em;
    padding: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="42.943" height="47.23" viewBox="0 0 42.943 47.23"> <g id="Ebene_1" data-name="Ebene 1" transform="translate(-4.21 -3.385)"> <g id="Gruppe_189" data-name="Gruppe 189" transform="translate(4.21 3.385)"> <path id="Pfad_491" data-name="Pfad 491" d="M40.922,3.385H10.452A6.243,6.243,0,0,0,4.21,9.632V44.347a6.268,6.268,0,0,0,6.242,6.268H33.737a1.357,1.357,0,0,0,1.088-.57L46.765,38.1l.078-.078a.906.906,0,0,0,.207-.337,1.106,1.106,0,0,0,.1-.492V9.64a6.243,6.243,0,0,0-6.234-6.255h0ZM32.452,42.132v5.879h-22A3.67,3.67,0,0,1,6.8,44.347V9.64a3.646,3.646,0,0,1,3.642-3.652H40.911A3.646,3.646,0,0,1,44.563,9.63V35.9H38.71a6.25,6.25,0,0,0-6.268,6.229Z" transform="translate(-4.21 -3.385)" fill="%23878787"></path> </g> <g id="Gruppe_190" data-name="Gruppe 190" transform="translate(10.602 20.42)"> <path id="Pfad_492" data-name="Pfad 492" d="M6.678,21.208V11.1A1.085,1.085,0,0,1,7.82,9.962h2.45c2.792,0,4.807.961,4.807,3.846,0,2.611-1.834,4.1-4.828,4.1H8.944v3.3A1.111,1.111,0,0,1,7.82,22.35,1.126,1.126,0,0,1,6.678,21.208Zm3.572-5.152c1.544,0,2.45-.8,2.45-2.139,0-1.562-1.015-2.088-2.429-2.088H8.944v4.227Z" transform="translate(-6.678 -9.962)" fill="%23878787"></path> <path id="Pfad_493" data-name="Pfad 493" d="M10.78,21.1v-10a1.085,1.085,0,0,1,1.142-1.142h2.849c4.009,0,6.221,2.139,6.221,6,0,4.209-2.085,6.276-6.351,6.276h-2.72A1.085,1.085,0,0,1,10.78,21.1Zm3.719-.725c2.955,0,4.191-1.287,4.191-4.372,0-2.792-1.381-4.191-4.157-4.191H13.046v8.563Z" transform="translate(-0.156 -9.962)" fill="%23878787"></path> <path id="Pfad_494" data-name="Pfad 494" d="M17.969,15.349h3.644a.878.878,0,0,1,.909.907.908.908,0,0,1-.909.943H17.969v4.009a1.113,1.113,0,0,1-1.127,1.142A1.126,1.126,0,0,1,15.7,21.208V11.1a1.086,1.086,0,0,1,1.142-1.142h5.245a.934.934,0,1,1,0,1.867H17.969Z" transform="translate(7.668 -9.962)" fill="%23878787"></path> </g> </g> </svg>');
    background-repeat: no-repeat;
    background-size: 3em;
    background-position-y: 50%;
    background-position-x: 97%;  
}

.podcastbox {
    background-color: #0f6665;
    margin-bottom: 2em;
    padding: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg class="w-24 h-24" id="Komponente_3_6" data-name="Komponente 3 – 6" xmlns="http://www.w3.org/2000/svg" width="138" height="138" viewBox="0 0 138 138"> <circle id="Ellipse_1" data-name="Ellipse 1" cx="69" cy="69" r="69" fill="%23fff" opacity="0.454"></circle> <path id="Polygon_1" data-name="Polygon 1" d="M35.5,0,71,42H0Z" transform="translate(98 34) rotate(90)" fill="%230f6665"></path> </svg>');
    background-repeat: no-repeat;
    background-size: 3em;
    background-position-y: 50%;
    background-position-x: 97%;  
}

body .pdfbox a {
    color: var(--dunkelblau);
    text-decoration: none !important;
    font-size: 120%;
}

body .linkbox a  {
    text-decoration: none !important; 
    font-size: 110%;
    background-color: var(--tuerkis);
    width: 100%;
    padding: 1em;
    color: #FFF;
    display: inline-block;
    line-height: 1.7;
}

.linkbox:hover a {
    background-color: var(--helltuerkis);
}

body .podcastbox a  {
    text-decoration: none !important; 
    font-size: 110%;
    width: 100%;
    padding: 1em;
    color: #FFF;
    display: inline-block;
    line-height: 1.7;
}

 .podcastbox:hover a {
    text-decoration: underline !important; 
 }

.detailbox {
    padding: 2em;
    padding-left: 6em;
    background-repeat: no-repeat;
    background-size: 4em;
    background-position: 1em 1.25em;
} 

.detailbox summary {
    font-size: 140%;
}

.icon-brain {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg class="w-12 h-12 shrink-0" style="color:" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <defs> <style> .cls-1 { stroke-linejoin: round; } .cls-1, .cls-2 { fill: none; stroke: %23fff; stroke-linecap: round; } .cls-2 { stroke-miterlimit: 10; } </style> </defs> <g> <path class="cls-1" d="M11.99,7.19v11.76"></path> <path class="cls-2" d="M8.38,9.15c.66,0,1.2-.54,1.2-1.2s-.54-1.2-1.2-1.2"></path> <path class="cls-2" d="M8.39,9.16c-.66,0-1.2,.54-1.2,1.2s.54,1.2,1.2,1.2"></path> <path class="cls-2" d="M8.38,13.95c.66,0,1.2-.54,1.2-1.2s-.54-1.2-1.2-1.2"></path> <path class="cls-2" d="M8.39,13.96c-.66,0-1.2,.54-1.2,1.2s.54,1.2,1.2,1.2"></path> </g> <g> <path class="cls-1" d="M6.65,4.92c.76-1.26,2.25-1.98,3.78-1.68,.6,.12,1.14,.38,1.58,.74"></path> <path class="cls-1" d="M4.83,8.6c-.06-.39-.05-.8,.03-1.22,.21-1.09,.89-1.97,1.8-2.46"></path> <path class="cls-1" d="M4.6,13.13c-.57-.78-.83-1.79-.63-2.82,.13-.66,.43-1.25,.86-1.72"></path> <path class="cls-1" d="M12.01,18.95c-.62,1.1-1.81,1.84-3.16,1.84-1.95,0-3.55-1.54-3.63-3.47h0c-.8-.81-1.19-2-.96-3.2,.07-.35,.19-.68,.34-.98"></path> </g> <g> <path class="cls-1" d="M17.35,4.95c-.76-1.26-2.25-1.98-3.78-1.68-.6,.12-1.14,.38-1.58,.74"></path> <path class="cls-1" d="M19.17,8.63c.06-.39,.05-.8-.03-1.22-.21-1.09-.89-1.97-1.8-2.46"></path> <path class="cls-1" d="M19.4,13.17c.57-.78,.83-1.79,.63-2.82-.13-.66-.43-1.25-.86-1.72"></path> <path class="cls-1" d="M14.4,20.75c.24,.05,.5,.08,.75,.08,1.95,0,3.55-1.54,3.63-3.47h0c.8-.81,1.19-2,.96-3.2-.07-.35-.19-.68-.34-.98"></path> </g> <path class="cls-2" d="M15.59,9.58c-.66,0-1.2-.54-1.2-1.2s.54-1.2,1.2-1.2"></path> <path class="cls-2" d="M15.59,9.58c.66,0,1.2,.54,1.2,1.2s-.54,1.2-1.2,1.2"></path> <path class="cls-2" d="M15.59,14.38c-.66,0-1.2-.54-1.2-1.2s.54-1.2,1.2-1.2"></path> <path class="cls-2" d="M15.59,14.38c.66,0,1.2,.54,1.2,1.2s-.54,1.2-1.2,1.2"></path> </svg>');
}

.icon-knee {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg class="w-12 h-12 shrink-0" style="color:" id="Ebene_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <defs> <style> .knee{ fill:none; stroke:%23fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px; }</style> </defs> <path class="knee" d="M20.44,43.11v-5.78s0-.92,0-.92h0c0-.77-.38-1.45-.97-1.86h0c-1.38-1.1-2.26-2.79-2.26-4.7,0-.08,0,0,0,0,0-1.14,.92-2.06,2.06-2.06,.4,0,.78,.12,1.1,.32l-.15-.08c.92,.55,1.99,.86,3.13,.86s2.22-.31,3.13-.86l-.15,.08c.32-.2,.7-.32,1.1-.32,1.14,0,2.06,.92,2.06,2.06,0,0,0-.08,0,0,0,1.91-.88,3.6-2.26,4.7h0c-.59,.41-.97,1.09-.97,1.86h0s0,.92,0,.92v5.78"></path><path class="knee" d="M26.14,17.98c.55,.55,.91,1.23,1.08,1.93,.1,.41,.13,.84,.1,1.26-.07,.95-.46,1.87-1.19,2.59-1.6,1.6-4.19,1.6-5.78,0-.45-.45-.77-.97-.96-1.52h0c-.26-.82-.35-1.68-.25-2.53h0c.13-.7-.08-1.45-.63-2h0s-.65-.65-.65-.65l-4.09-4.09"></path><path class="knee" d="M17.91,8.87l4.09,4.09,.66,.65h0c.54,.55,1.29,.76,2,.63h0c1.76-.2,3.57,.37,4.93,1.72,.06,.06,0,0,0,0,.8,.8,.8,2.11,0,2.91"></path><path class="knee" d="M29.78,24.8c1.08-1.05,1.78-2.49,1.86-4.09"></path><path class="knee" d="M15,23.39c-2.18-1.72-3.99-3.87-5.32-6.33"></path><path class="knee" d="M14.8,43.11c-1.26-2.96-1.96-6.21-1.96-9.63,0-1.6,.15-3.17,.45-4.69"></path><path class="knee" d="M33.34,12.96c3.02,2.24,4.98,5.82,4.98,9.87,0,3.32-1.23,6.24-3.38,8.45l-.09,.09c-.1,4.18-1.05,8.15-2.66,11.76"></path><path class="knee" d="M28.73,4.82c1.22,1.43,2.29,3.03,3.18,4.78,.56,1.1,1.03,2.23,1.41,3.37"></path></svg>');
}

.icon-colon {
  color: var(--bg-color);
  background-image: url('data:image/svg+xml;utf8,<svg class="w-12 h-12 shrink-0" style="color:" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <defs> <style> .cls-1 { fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; } </style> </defs> <path class="cls-1" d="M11.88,3.59v1.72c0,.3-.24,.54-.54,.54H7.12"></path> <path class="cls-1" d="M7.12,8.32h5.08c1.19,0,2.16-.96,2.16-2.16V3.58"></path> <path class="cls-1" d="M7.12,5.86c-1.36,0-2.46,1.1-2.46,2.46s1.1,2.46,2.46,2.46h9.75"></path> <path class="cls-1" d="M7.12,13.24h9.75c1.36,0,2.46-1.1,2.46-2.46s-1.1-2.46-2.46-2.46"></path> <path class="cls-1" d="M9.43,20.42v-2.56c0-1.19,.97-2.15,2.16-2.15h5.29"></path> <path class="cls-1" d="M16.87,13.25c1.44,0,2.59,1.23,2.45,2.7-.12,1.28-1.27,2.22-2.56,2.22h-4.33c-.3,0-.54,.24-.54,.54v1.64"></path> <path class="cls-1" d="M7.12,10.78c-1.36,0-2.46,1.1-2.46,2.46s1.1,2.46,2.46,2.46"></path></svg>');
}

.icon-internal-link {
    color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23fff" class="w-6 h-6 inline"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path></svg>');
}

.icon-external-link {
    color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23fff" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg>');
}


body .header-syringe, body .header-shield, body .header-person {
    margin-top: 1em;
    padding: 0.6em;
    padding-left: 3em;
    background-repeat: no-repeat;
    background-size: 2.4em;
    background-position: 0em 0em;
}

.header-syringe {
    color: var(--dunkeltuerkis);
    background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 750 750" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><g><rect x="0" y="0" width="750" height="750" style="fill:%236fa3a3;"/><g><path d="M190.45,466l59.188,69.788" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:27px;"/><path d="M220.163,501.025l58.229,-49.379" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:27px;"/><path d="M559.538,214.213l-74.888,63.516l-4.479,54.509l-174.125,147.666l-55.225,-65.104l32.554,-27.608" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:27px;"/><path d="M484.654,277.713l-59.583,-9.046l-102.292,86.75" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:27px;"/></g></g></svg>');
}

.header-shield {
    color: var(--helltuerkis);
    background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 750 750" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><g id="Bildmaterial_9"><rect x="0.661" y="-0.661" width="750" height="750" style="fill:%237dd0d0;"/><g id="Gruppe_337"><path id="Pfad_836" d="M225.706,259.742c1.131,-6.188 5.177,-11.467 10.859,-14.167c41.947,-19.869 85.385,-36.424 129.916,-49.512c5.554,-1.629 11.459,-1.629 17.013,-0c44.536,13.09 87.98,29.644 129.933,49.512c2.476,1.156 4.065,3.652 4.065,6.384c0,3.866 -3.18,7.046 -7.045,7.046c-1.087,0 -2.159,-0.251 -3.132,-0.734c-41.246,-19.527 -83.953,-35.802 -127.734,-48.675c-2.99,-0.889 -6.176,-0.889 -9.166,-0c-43.783,12.871 -86.493,29.145 -127.738,48.675c-1.618,0.746 -2.776,2.235 -3.1,3.987c-3.183,18.308 -4.761,36.859 -4.717,55.442c0,33.75 5.175,76.833 24.8,117.6c19.625,40.767 53.488,79.371 111.95,105.083l3.388,0.688l3.387,-0.692c58.467,-25.708 92.292,-64.3 111.955,-105.075c19.662,-40.775 24.808,-83.862 24.8,-117.604c-0,-9.408 -0.417,-18.088 -0.996,-25.775c-0.014,-0.18 -0.021,-0.361 -0.021,-0.542c-0,-3.865 3.181,-7.046 7.046,-7.046c3.661,0 6.743,2.854 7.025,6.505c0.616,8.012 1.037,17.045 1.037,26.858c0,35.146 -5.325,80.292 -26.191,123.708c-20.867,43.417 -57.496,84.934 -118.996,111.875c-5.769,2.498 -12.323,2.498 -18.092,0c-61.504,-26.941 -98.167,-68.466 -118.992,-111.875c-20.825,-43.408 -26.183,-88.558 -26.191,-123.708c-0.046,-19.426 1.606,-38.82 4.937,-57.958Z" style="fill:%23fff;fill-rule:nonzero;stroke:%23fff;stroke-width:15.47px;"/></g></g></svg>');
}

.header-person {
    color: var(--tuerkis);
    background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 750 750" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><g id="Bildmaterial_13"><rect x="0" y="0" width="750" height="750" style="fill:%2374bcbc;"/><g id="Gruppe_334"><path id="Pfad_830" d="M373.873,204.948c-41.291,0.179 -75.213,34.101 -75.392,75.392l0,36.275c0.184,41.288 34.104,75.206 75.392,75.387l2.262,0c41.287,-0.184 75.204,-34.101 75.388,-75.387l-0,-36.275c-0.179,-41.291 -34.101,-75.213 -75.392,-75.392l-2.258,-0Zm60.65,75.392l-0,36.275c-0,0.032 -0,0.064 -0,0.095c-0,31.985 -26.319,58.305 -58.304,58.305c-0.029,-0 -0.059,-0 -0.088,-0l-2.262,-0c-0.028,-0 -0.056,-0 -0.084,-0c-31.984,-0 -58.304,-26.32 -58.304,-58.305c0,-0.031 0,-0.063 0,-0.095l0,-36.275c0,-0.027 0,-0.053 0,-0.08c0,-31.984 26.32,-58.304 58.304,-58.304c0.03,0 0.059,0 0.088,0l2.262,0c0.028,0 0.056,0 0.084,0c31.985,0 58.304,26.32 58.304,58.304c-0,0.027 -0,0.053 -0,0.08Z" style="fill:%23fff;fill-rule:nonzero;stroke:%23fff;stroke-width:12.93px;"/><path id="Pfad_831" d="M221.96,545.044l306.08,-0c4.622,-0.112 8.392,-3.882 8.504,-8.504l-0,-38.546c0.218,-57.8 -47.06,-105.589 -104.859,-105.992c-4.663,0 -8.5,3.837 -8.5,8.5c0,4.663 3.837,8.5 8.5,8.5c48.596,0.643 88.148,40.963 87.855,89.563l-0,29.47l-289.075,0l-0,-29.47c-0.003,-0.3 -0.005,-0.6 -0.005,-0.9c0,-48.336 39.525,-88.222 87.859,-88.663c4.663,0 8.5,-3.837 8.5,-8.5c-0,-4.663 -3.837,-8.5 -8.5,-8.5c-57.99,0.471 -105.324,48.572 -104.863,106.563l0,38.545c0.361,4.42 4.07,7.88 8.504,7.934Z" style="fill:%23fff;fill-rule:nonzero;stroke:%23fff;stroke-width:12.93px;"/></g></g></svg>');
}

body .icon-internal-link, body .icon-external-link {
    padding: 0em;
    padding-left: 2em;
    background-repeat: no-repeat;
    background-size: 1.6em;
    background-position: 0em 0.15em;
} 

body .icon-internal-link a, body .icon-external-link a {
    text-decoration: none !important; 
    color: #FFF;
}

body .icon-internal-link a:hover, body .icon-external-link a:hover{
    text-decoration: underline !important;
}

.bg-dunkelblau {
    background-color: var(--dunkelblau);
    color:#fff;    
}

.bg-gruen {
    background-color: var(--gruen);
    color:#fff;
}

.bg-orange {
    background-color: var(--orange);
    color:#fff;

}

@media (prefers-color-scheme: dark) {
  /* Dark theme styles go here */

}

@media screen and (max-width: 568px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 766px) {
    body #main {
        padding: 0;
    }

    .box-syringe, .box-shield, .box-person {
        padding: 1.5em;
        text-align: center;
        padding-bottom: 5em;
        background-repeat: no-repeat;
        background-size: 2em;
        background-position-y: 90%;
        background-position-x: 90%;   
    }

    body .visitenkarte2 h3 {
        font-size: 100%;
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 1em;
    }

    .detailbox {
        padding-left: 35px;
    }

    .detailbox summary {
        font-size: 100%;
        padding-left: 5em;
    }

    body .wp-block-cover h1 {
        font-size: 4.5vw;
        padding-top: 0.4em !important;
        padding-bottom: 0.4em !important;
        margin-top: 17vw;
    }
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 1200px) {
    .maxwidth1112 {
        max-width: 1112px;
        margin: 40px;
    }
}

@media screen and (min-width: 569px) {
	body nav#site-navigation-bottom-desktop {
	    text-align: right;
	}
	
	p.site-description.text-uppercase.text-xsmall {
		color: var(--hellgrau);
		font-size: 0.93em;
		font-weight: 600;
	}
	
	.site-header .cb-row--mobile .site-branding img {
		max-width: 100%;
	}
	
	.zitat {
		font-size: 1.3em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	}
	
	.autor {
		font-size:1.15em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}
	
	figcaption {
		margin-left: -1.7em;
	}
}

@media screen and (min-width: 1025px) {
	.zitat {
		font-size: 2em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	}
	
	.autor {
		font-size:1.35em;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}
	
	
}

@media screen and (min-width: 1260px) {

}