.sp-dsgvo-btn {
background-color: #ea6153;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 3px;
float: left;
}
.sp-dsgvo-btn-red {
background-color: red
}
.okcBeginAnimate {
-webkit-animation: myfirst 2s;
animation: myfirst 2s;
} @
-webkit-keyframes myfirst {
from {opacity: 0;
}
}
to {
opacity: 1;
} @
keyframes myfirst {
from {opacity: 0;
}
to {
opacity: 1;
}
}
.sp-dsgvo-framework .table-scroll {
overflow-x: auto;
} .sp-dsgvo-framework .button, .sp-dsgvo-framework button,
.sp-dsgvo-framework input[type=button], .sp-dsgvo-framework input[type=reset],
.sp-dsgvo-framework input[type=submit] {
cursor: pointer;
display: inline-block;   text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap
}
.sp-dsgvo-framework .button:focus, .sp-dsgvo-framework .button:hover,
.sp-dsgvo-framework button:focus, .sp-dsgvo-framework button:hover,
.sp-dsgvo-framework input[type=button]:focus, .sp-dsgvo-framework input[type=button]:hover,
.sp-dsgvo-framework input[type=reset]:focus, .sp-dsgvo-framework input[type=reset]:hover,
.sp-dsgvo-framework input[type=submit]:focus, .sp-dsgvo-framework input[type=submit]:hover
{
color: #fff;
outline: 0
}
.sp-dsgvo-framework .button[disabled], .sp-dsgvo-framework button[disabled],
.sp-dsgvo-framework input[type=button][disabled], .sp-dsgvo-framework input[type=reset][disabled],
.sp-dsgvo-framework input[type=submit][disabled] {
cursor: default;
opacity: .5
}
.sp-dsgvo-framework code {
background: #f4f5f6;
border-radius: .4rem;
font-size: 86%;
margin: 0 .2rem;
padding: .2rem .5rem;
white-space: nowrap
}
.sp-dsgvo-framework pre {
background: #f4f5f6;
border-left: .3rem solid #9b4dca;
overflow-y: hidden
}
.sp-dsgvo-framework pre>code {
border-radius: 0;
display: block;
padding: 1rem 1.5rem;
white-space: pre
}
.sp-dsgvo-framework hr {
border: 0;
border-top: .1rem solid #f4f5f6;
margin: 1rem 0
}
.sp-dsgvo-framework input[type=email], .sp-dsgvo-framework input[type=number],
.sp-dsgvo-framework input[type=password], .sp-dsgvo-framework input[type=search],
.sp-dsgvo-framework input[type=tel], .sp-dsgvo-framework input[type=text],
.sp-dsgvo-framework input[type=url], .sp-dsgvo-framework select,
.sp-dsgvo-framework textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; box-shadow: none; width: 100%
}
.sp-dsgvo-framework input[type=email]:focus, .sp-dsgvo-framework input[type=number]:focus,
.sp-dsgvo-framework input[type=password]:focus, .sp-dsgvo-framework input[type=search]:focus,
.sp-dsgvo-framework input[type=tel]:focus, .sp-dsgvo-framework input[type=text]:focus,
.sp-dsgvo-framework input[type=url]:focus, .sp-dsgvo-framework select:focus,
.sp-dsgvo-framework textarea:focus { outline: 0
}
.sp-dsgvo-framework select {
background:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
center right no-repeat; }
.sp-dsgvo-framework select:focus {
background-image:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
}
.sp-dsgvo-framework textarea {
min-height: 6.5rem
}
.sp-dsgvo-framework label, .sp-dsgvo-framework legend {
display: block; margin-bottom: .5rem
}
.sp-dsgvo-framework fieldset {
border-width: 0;
padding: 0
}
.sp-dsgvo-framework input[type=checkbox], .sp-dsgvo-framework input[type=radio]
{
display: inline
}
.sp-dsgvo-framework .label-inline {
display: inline-block;
font-weight: 400;
margin-left: .5rem
}
.sp-dsgvo-framework .container {
margin: 0 auto;
max-width: 112rem;
padding: 0 2rem;
position: relative;
width: 100%
}
.sp-dsgvo-framework .container.container-no-padding {
padding: 0
}
.sp-dsgvo-framework .row {
display: flex;
flex-direction: column;
padding: 0;
width: 100%
}
.sp-dsgvo-framework .row.row-no-padding {
padding: 0
}
.sp-dsgvo-framework .row.row-no-padding>.column {
padding: 0
}
.sp-dsgvo-framework .row.row-wrap {
flex-wrap: wrap
}
.sp-dsgvo-framework .row.row-top {
align-items: flex-start
}
.sp-dsgvo-framework .row.row-bottom {
align-items: flex-end
}
.sp-dsgvo-framework .row.row-center {
align-items: center
}
.sp-dsgvo-framework .row.row-stretch {
align-items: stretch
}
.sp-dsgvo-framework .row.row-baseline {
align-items: baseline
}
.sp-dsgvo-framework .row .column {
display: block;
flex: 1 1 auto;
margin-left: 0;
max-width: 100%;
width: 100%
}
.sp-dsgvo-framework .row .column.strong {
font-weight: 700
}
.sp-dsgvo-framework .row .column.column-offset-10 {
margin-left: 10%
}
.sp-dsgvo-framework .row .column.column-offset-20 {
margin-left: 20%
}
.sp-dsgvo-framework .row .column.column-offset-25 {
margin-left: 25%
}
.sp-dsgvo-framework .row .column.column-offset-33, .sp-dsgvo-framework .row .column.column-offset-34
{
margin-left: 33.3333%
}
.sp-dsgvo-framework .row .column.column-offset-50 {
margin-left: 50%
}
.sp-dsgvo-framework .row .column.column-offset-66, .sp-dsgvo-framework .row .column.column-offset-67
{
margin-left: 66.6666%
}
.sp-dsgvo-framework .row .column.column-offset-75 {
margin-left: 75%
}
.sp-dsgvo-framework .row .column.column-offset-80 {
margin-left: 80%
}
.sp-dsgvo-framework .row .column.column-offset-90 {
margin-left: 90%
}
.sp-dsgvo-framework .row .column.column-10 {
flex: 0 0 10%;
max-width: 10%
}
.sp-dsgvo-framework .row .column.column-20 {
flex: 0 0 20%;
max-width: 20%
}
.sp-dsgvo-framework .row .column.column-25 {
flex: 0 0 25%;
max-width: 25%
}
.sp-dsgvo-framework .row .column.column-33, .sp-dsgvo-framework .row .column.column-34
{
flex: 0 0 33.3333%;
max-width: 33.3333%
}
.sp-dsgvo-framework .row .column.column-40 {
flex: 0 0 40%;
max-width: 40%
}
.sp-dsgvo-framework .row .column.column-50 {
flex: 0 0 50%;
max-width: 50%
}
.sp-dsgvo-framework .row .column.column-60 {
flex: 0 0 60%;
max-width: 60%
}
.sp-dsgvo-framework .row .column.column-66, .sp-dsgvo-framework .row .column.column-67
{
flex: 0 0 66.6666%;
max-width: 66.6666%
}
.sp-dsgvo-framework .row .column.column-75 {
flex: 0 0 75%;
max-width: 75%
}
.sp-dsgvo-framework .row .column.column-80 {
flex: 0 0 80%;
max-width: 80%
}
.sp-dsgvo-framework .row .column.column-90 {
flex: 0 0 90%;
max-width: 90%
}
.sp-dsgvo-framework .row .column .column-top {
align-self: flex-start
}
.sp-dsgvo-framework .row .column .column-bottom {
align-self: flex-end
}
.sp-dsgvo-framework .row .column .column-center {
-ms-grid-row-align: center;
align-self: center
}
@media ( min-width :40rem) {
.sp-dsgvo-framework .row {
flex-direction: row;
margin-left: -1rem;
width: calc(100% + 2rem)
}
.sp-dsgvo-framework .row .column {
margin-bottom: inherit;
padding: 0 1rem
}
}
.sp-dsgvo-framework a {
color: #9b4dca;
text-decoration: none
}
.sp-dsgvo-framework a:focus, .sp-dsgvo-framework a:hover {
color: #606c76
}
.sp-dsgvo-framework dl, .sp-dsgvo-framework ol, .sp-dsgvo-framework ul {
list-style: none;
margin-top: 0;
padding-left: 0
}
.sp-dsgvo-framework dl dl, .sp-dsgvo-framework dl ol,
.sp-dsgvo-framework dl ul, .sp-dsgvo-framework ol dl,
.sp-dsgvo-framework ol ol, .sp-dsgvo-framework ol ul,
.sp-dsgvo-framework ul dl, .sp-dsgvo-framework ul ol,
.sp-dsgvo-framework ul ul {
font-size: 90%;
margin: 1.5rem 0 1.5rem 3rem
}
.sp-dsgvo-framework ol {
list-style: decimal inside
}
.sp-dsgvo-framework ul {
list-style: circle inside
}
.sp-dsgvo-framework .button, .sp-dsgvo-framework button,
.sp-dsgvo-framework dd, .sp-dsgvo-framework dt, .sp-dsgvo-framework li
{
margin-bottom: 1rem
}
.sp-dsgvo-framework fieldset, .sp-dsgvo-framework input,
.sp-dsgvo-framework select, .sp-dsgvo-framework textarea { }
.sp-dsgvo-framework blockquote, .sp-dsgvo-framework dl,
.sp-dsgvo-framework figure, .sp-dsgvo-framework form,
.sp-dsgvo-framework ol, .sp-dsgvo-framework p, .sp-dsgvo-framework pre,
.sp-dsgvo-framework table, .sp-dsgvo-framework ul {
margin-bottom: 2.5rem
}
.sp-dsgvo-framework table {
border-spacing: 0;
width: 100%
}
.sp-dsgvo-framework td, .sp-dsgvo-framework th {
border-bottom: .1rem solid #e1e1e1;
padding: 1.2rem 1.5rem;
text-align: left
}
.sp-dsgvo-framework td:first-child, .sp-dsgvo-framework th:first-child {
padding-left: 0
}
.sp-dsgvo-framework td:last-child, .sp-dsgvo-framework th:last-child {
padding-right: 0
}
.sp-dsgvo-framework b, .sp-dsgvo-framework strong {
font-weight: 700
}
.sp-dsgvo-framework p {
margin-top: 0
}
.sp-dsgvo-framework h1, .sp-dsgvo-framework h2, .sp-dsgvo-framework h3,
.sp-dsgvo-framework h4, .sp-dsgvo-framework h5, .sp-dsgvo-framework h6
{
font-weight: 300;
letter-spacing: -.1rem;
margin-bottom: 2rem;
margin-top: 0
}
.sp-dsgvo-framework h1 {
font-size: 4.6rem;
line-height: 1.2
}
.sp-dsgvo-framework h2 {
font-size: 3.6rem;
line-height: 1.25
}
.sp-dsgvo-framework h3 {
font-size: 2.8rem;
line-height: 1.3
}
.sp-dsgvo-framework h4 {
font-size: 2.2rem;
letter-spacing: -.08rem;
line-height: 1.35
}
.sp-dsgvo-framework h5 {
font-size: 1.8rem;
letter-spacing: -.05rem;
line-height: 1.5
}
.sp-dsgvo-framework h6 {
font-size: 1.6rem;
letter-spacing: 0;
line-height: 1.4
}
.sp-dsgvo-framework img {
max-width: 100%
}
.sp-dsgvo-framework .clearfix:after {
clear: both;
content: ' ';
display: table
}
.sp-dsgvo-framework .float-left {
float: left
}
.sp-dsgvo-framework .float-right {
float: right
}
#cookie-notice-blocker
{
position: fixed;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 9999;
}
#cookie-notice {
display: none;
position: fixed;
min-width: 100%;
height: auto;
z-index: 100000;
font-size: 13px;
line-height: 20px;
left: 0;
text-align: center;
background-color: #333333;
color: #ffffff;
}
.cookie-notice-container {
padding: 10px;
text-align: center;
}
.cookie-notice-container #cn-notice-icon {
float: left;
width: 25px;
}
.cn-top {
top: 0;
}
.cn-bottom {
bottom: 0;
}
#cookie-notice .button {
margin-left: 10px;
}
#cookie-notice .button.wp-default {
font-family: sans-serif;
line-height: 18px;
padding: 2px 12px; background-image: none;
border-color: #BBB;
color: #333; -moz-box-sizing: border-box;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-style: normal;
text-decoration: none;
white-space: nowrap;
outline: none;
width: initial;
height: initial;
}
#cookie-notice .button.wp-default:hover, #cookie-notice .button.wp-default:focus
{
} input[name="gdpr-cb"] {
background-color: red;
display: inline-block !important;
}
label[for="gdpr-cb"] {
display: inline;
position: relative;
left: 0px;
}
p.notice {
margin-bottom: 0;
color: #f0ad4e;
}
.gdpr-cb-info-text { color: red;
} .gdpr-warning {
background-color: orange;
} .gdpr-disabled {
background-color: #c1c1c1 !important;
} .dsgvo-popup-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(34, 34, 34, .8);
z-index: 9999999;
}
.dsgvo-privacy-popup {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 600px;
height: calc(100% - 100px);
}
.dsgvo-popup-close {
margin-left: 25px;
height: 10px;
}
.dsgvo-popup-close svg {
vertical-align: top;
}
.dsgvo-popup-close svg line {
stroke-width: 2px;
}
.dsgvo-privacy-popup .dsgvo-popup-top {
padding: 20px;
display: flex;
height: 85px;
box-sizing:  border-box;
}
.dsgvo-privacy-popup .dsgvo-logo-wrapper {
width: calc(100% - 140px);
}
.dsgvo-privacy-popup .dsgvo-logo-wrapper img {
max-height: 45px;
max-width: 250px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 480px) {
.dsgvo-privacy-popup .dsgvo-logo-wrapper img {
max-width: 100px;
}
}
.dsgvo-privacy-popup .dsgvo-lang-dropdown {
display: none;
position: absolute;
left: 0;
top: calc(100% + 10px);
width: 100%;
border: 1px solid #f1f1f1;
background-color: #ffffff;
border-radius: 5px;
z-index: 10;
}
.dsgvo-privacy-popup .dsgvo-lang-wrapper {
width: 100px;
}
.dsgvo-privacy-popup .dsgvo-lang-active {
cursor: pointer;
font-size: 12px;
font-weight: 600;
display: flex;
align-items: flex-start;
}
.dsgvo-privacy-popup .dsgvo-lang-active span {
width: calc(100% - 38px);
line-height: 12px;
}
.dsgvo-privacy-popup .dsgvo-popup-language-switcher {
position: relative;
}
.dsgvo-privacy-popup .dsgvo-lang-active img {
margin-right: 5px;
}
.dsgvo-privacy-popup .dsgvo-lang-active svg {
margin-left: 5px;
margin-top: 3px;
}
.dsgvo-privacy-popup .dsgvo-lang-active svg line {
stroke-width: 2px;
}
.dsgvo-privacy-popup .dsgvo-lang-dropdown.active {
display: block;
}
.dsgvo-privacy-popup .dsgvo-lang-dropdown a {
display: block;
width: 100%;
font-size: 12px;
font-weight: 600;
display: flex;
align-items: center;
line-height: 12px;
padding: 10px;
}
.dsgvo-privacy-popup .dsgvo-lang-dropdown a img {
margin-right: 5px;
}
.dsgvo-privacy-content {
height: calc(100% - 145px);
}
.dsgvo-privacy-popup .dsgvo-privacy-inner {
padding: 20px;
}
.dsgvo-privacy-popup .dsgvo-privacy-inner p,
.dsgvo-privacy-popup .dsgvo-privacy-inner span {
font-size: 14px;
line-height: 20px;
}
.dsgvo-privacy-popup .dsgvo-privacy-inner h1,
.dsgvo-privacy-popup .dsgvo-privacy-inner h2,
.dsgvo-privacy-popup .dsgvo-privacy-inner h3,
.dsgvo-privacy-popup .dsgvo-privacy-inner h4,
.dsgvo-privacy-popup .dsgvo-privacy-inner h5,
.dsgvo-privacy-popup .dsgvo-privacy-inner h6 {
font-size: 18px;
}
.dsgvo-privacy-popup .dsgvo-popup-bottom {
text-align: right;
padding: 10px 20px;
}
.dsgvo-privacy-popup .dsgvo-more-options-button {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.dsgvo-privacy-popup .dsgvo-accept-button {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
position: relative;
padding: 10px;
display:  inline-block;
margin-left: 10px;
position: relative;
}
.dsgvo-privacy-popup .dsgvo-accept-button.sent {
color: transparent !important;
}
.dsgvo-privacy-popup .dsgvo-accept-loader {
position: absolute;
display: none;
animation-name: accept-load;
animation-duration: 1s;
animation-iteration-count: infinite;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dsgvo-privacy-popup .dsgvo-accept-loader circle {
fill: transparent;
stroke-width: 2px;
stroke-dasharray: 50%;
}
@keyframes accept-load {
from {
transform: translate(-50%, -50%) rotate(0);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.dsgvo-privacy-popup .sent .dsgvo-accept-loader {
display: block;
}
.dsgvo-popup-accordion .dsgvo-accordion-wrapper {
display: none;
}
.dsgvo-popup-accordion .dsgvo-accordion-top {
position: relative;
cursor: pointer;
padding-right: 50px;
}
.dsgvo-popup-accordion .dsgvo-accordion-top span {
font-size: 18px;
font-weight: 600;
line-height: 20px;
display: block;
}
.dsgvo-popup-accordion .dsgvo-accordion-top .toggle {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
background-color: #f1f1f1;
border-radius: 50%;
width: 30px;
height: 30px;
transition: all .4s;
}
.dsgvo-popup-accordion .dsgvo-accordion-top .toggle svg {
position: absolute;
top: calc(50% + 2px);
left: 50%;
transform: translate(-50%, -50%);
}
.dsgvo-popup-accordion .dsgvo-accordion-top .toggle svg line {
stroke: #444444;
stroke-width: 2px;
}
.dsgvo-popup-accordion.open .dsgvo-accordion-top .toggle {
transform: translateY(-50%) rotate(180deg);
}
.dsgvo-popup-accordion.open .dsgvo-accordion-wrapper {
display: block;
}
.dsgvo-popup-accordion.open .dsgvo-accordion-wrapper .row {
flex-wrap: wrap;
}
.dsgvo-popup-accordion.open .dsgvo-accordion-wrapper .row {
padding-top: 10px;
padding-bottom: 10px;
}
.dsgvo-popup-accordion.open .dsgvo-accordion-wrapper h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.dsgvo-popup-accordion.open .dsgvo-accordion-wrapper p {
margin-bottom: 15px;
}
.dsgvo-popup-accordion.open .dsgvo-accordion-wrapper select {
font-size: 14px;
}
.dsgvo-popup-accordion.open .dsgvo-accordion-wrapper hr {
margin: 15px 0;
}
.dsgvo-terms-content {
font-size: 14px;
line-height: 16px;
display: none;
}
.dsgvo-terms-content.active {
display: block;
}
.dsgvo-popup-overlay.dsgvo-overlay-hidden {
display: none;
}[data-simplebar] {
position: relative;
z-index: 0;
overflow: hidden!important;
max-height: inherit;
-webkit-overflow-scrolling: touch; }
[data-simplebar="init"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.simplebar-scroll-content {
overflow-x: hidden!important;
overflow-y: scroll;
min-width: 100%!important;
max-height: inherit!important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important;
}
.simplebar-content {
overflow-y: hidden!important;
overflow-x: scroll;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
min-height: 100%!important;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: 11px;
}
.simplebar-scrollbar {
position: absolute;
right: 2px;
width: 7px;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: black;
border-radius: 7px;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.simplebar-track:hover .simplebar-scrollbar:before,
.simplebar-track .simplebar-scrollbar.visible:before { opacity: 0.5;
-webkit-transition: opacity 0 linear;
transition: opacity 0 linear;
}
.simplebar-track.vertical {
top: 0;
}
.simplebar-track.vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.horizontal {
left: 0;
width: auto;
height: 11px;
}
.simplebar-track.horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.horizontal.simplebar-track .simplebar-scrollbar {
right: auto;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}