.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1140px; } }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-first {
order: -1; }
.order-last {
order: 13; }
.order-0 {
order: 0; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.order-5 {
order: 5; }
.order-6 {
order: 6; }
.order-7 {
order: 7; }
.order-8 {
order: 8; }
.order-9 {
order: 9; }
.order-10 {
order: 10; }
.order-11 {
order: 11; }
.order-12 {
order: 12; }
.offset-1 {
margin-left: 8.3333333333%; }
.offset-2 {
margin-left: 16.6666666667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.3333333333%; }
.offset-5 {
margin-left: 41.6666666667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.3333333333%; }
.offset-8 {
margin-left: 66.6666666667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.3333333333%; }
.offset-11 {
margin-left: 91.6666666667%; }
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
order: -1; }
.order-sm-last {
order: 13; }
.order-sm-0 {
order: 0; }
.order-sm-1 {
order: 1; }
.order-sm-2 {
order: 2; }
.order-sm-3 {
order: 3; }
.order-sm-4 {
order: 4; }
.order-sm-5 {
order: 5; }
.order-sm-6 {
order: 6; }
.order-sm-7 {
order: 7; }
.order-sm-8 {
order: 8; }
.order-sm-9 {
order: 9; }
.order-sm-10 {
order: 10; }
.order-sm-11 {
order: 11; }
.order-sm-12 {
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.3333333333%; }
.offset-sm-2 {
margin-left: 16.6666666667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.3333333333%; }
.offset-sm-5 {
margin-left: 41.6666666667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.3333333333%; }
.offset-sm-8 {
margin-left: 66.6666666667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.3333333333%; }
.offset-sm-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
order: -1; }
.order-md-last {
order: 13; }
.order-md-0 {
order: 0; }
.order-md-1 {
order: 1; }
.order-md-2 {
order: 2; }
.order-md-3 {
order: 3; }
.order-md-4 {
order: 4; }
.order-md-5 {
order: 5; }
.order-md-6 {
order: 6; }
.order-md-7 {
order: 7; }
.order-md-8 {
order: 8; }
.order-md-9 {
order: 9; }
.order-md-10 {
order: 10; }
.order-md-11 {
order: 11; }
.order-md-12 {
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.3333333333%; }
.offset-md-2 {
margin-left: 16.6666666667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.3333333333%; }
.offset-md-5 {
margin-left: 41.6666666667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.3333333333%; }
.offset-md-8 {
margin-left: 66.6666666667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.3333333333%; }
.offset-md-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
order: -1; }
.order-lg-last {
order: 13; }
.order-lg-0 {
order: 0; }
.order-lg-1 {
order: 1; }
.order-lg-2 {
order: 2; }
.order-lg-3 {
order: 3; }
.order-lg-4 {
order: 4; }
.order-lg-5 {
order: 5; }
.order-lg-6 {
order: 6; }
.order-lg-7 {
order: 7; }
.order-lg-8 {
order: 8; }
.order-lg-9 {
order: 9; }
.order-lg-10 {
order: 10; }
.order-lg-11 {
order: 11; }
.order-lg-12 {
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.3333333333%; }
.offset-lg-2 {
margin-left: 16.6666666667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.3333333333%; }
.offset-lg-5 {
margin-left: 41.6666666667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.3333333333%; }
.offset-lg-8 {
margin-left: 66.6666666667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.3333333333%; }
.offset-lg-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
order: -1; }
.order-xl-last {
order: 13; }
.order-xl-0 {
order: 0; }
.order-xl-1 {
order: 1; }
.order-xl-2 {
order: 2; }
.order-xl-3 {
order: 3; }
.order-xl-4 {
order: 4; }
.order-xl-5 {
order: 5; }
.order-xl-6 {
order: 6; }
.order-xl-7 {
order: 7; }
.order-xl-8 {
order: 8; }
.order-xl-9 {
order: 9; }
.order-xl-10 {
order: 10; }
.order-xl-11 {
order: 11; }
.order-xl-12 {
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.3333333333%; }
.offset-xl-2 {
margin-left: 16.6666666667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.3333333333%; }
.offset-xl-5 {
margin-left: 41.6666666667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.3333333333%; }
.offset-xl-8 {
margin-left: 66.6666666667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.3333333333%; }
.offset-xl-11 {
margin-left: 91.6666666667%; } }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; } }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-sm-fill {
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
flex-grow: 0 !important; }
.flex-sm-grow-1 {
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-md-fill {
flex: 1 1 auto !important; }
.flex-md-grow-0 {
flex-grow: 0 !important; }
.flex-md-grow-1 {
flex-grow: 1 !important; }
.flex-md-shrink-0 {
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-lg-fill {
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
flex-grow: 0 !important; }
.flex-lg-grow-1 {
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-xl-fill {
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
flex-grow: 0 !important; }
.flex-xl-grow-1 {
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; } }
*, *::before, *::after {
box-sizing: border-box; }
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@-ms-viewport {
width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff; }
[tabindex="-1"]:focus {
outline: 0 !important; }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title], abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol, ul, dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: 0.5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
dfn {
font-style: italic; }
b, strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:hover {
color: #0056b3;
text-decoration: underline; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
pre, code, kbd, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg {
overflow: hidden;
vertical-align: middle; }
table {
border-collapse: collapse; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; }
th {
text-align: inherit; }
label {
display: inline-block;
margin-bottom: 0.5rem; }
button {
border-radius: 0; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button, input {
overflow: visible; }
button, select {
text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"], input[type="checkbox"] {
box-sizing: border-box;
padding: 0; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
-webkit-appearance: listbox; }
textarea {
overflow: auto;
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }
progress {
vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }
output {
display: inline-block; }
summary {
display: list-item;
cursor: pointer; }
template {
display: none; }
[hidden] {
display: none !important; }
html {
font-size: 62.5%;
scroll-behavior: smooth; }
body {
font-size: 1.6rem; }
body {
font-family: "Open Sans", Arial, sans-serif; }
body #wrapper main {
overflow: clip; }
img {
width: 100%;
height: auto; }
ul {
padding-left: 0; }
.cookiehinweis {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 20px;
background: #383838;
color: white;
z-index: 9999;
display: none; }
.cookiehinweis a {
color: white;
text-decoration: underline; }
.accept-cookies {
float: right;
background: black;
color: white;
padding: 1px 6px;
cursor: pointer; }
@media (min-width: 1500px) {
.landingpage-template-default .container {
max-width: 1240px; } }
.landingpage-template-default #wrapper {
animation: rotate-bg-color 10s infinite; }
.landingpage-template-default #wrapper header {
background: transparent;
position: relative; }
.landingpage-template-default #wrapper header.smaller {
box-shadow: none; }
.landingpage-template-default #wrapper header .logo-wrapper {
padding: 38px 0 0; }
.landingpage-template-default #wrapper header .logo-wrapper img {
width: 216px !important; }
.landingpage-template-default #wrapper .card.boxed {
background-color: white; }
.landingpage-template-default #wrapper section {
padding: 0 0; }
.landingpage-template-default #wrapper main {
margin-top: 60px !important;
overflow: visible !important; }
.landingpage-template-default #wrapper main .lp-caption {
display: inline-block;
letter-spacing: 0.75px;
text-transform: uppercase;
font-size: 1.75rem;
font-weight: 700;
color: #444;
position: relative;
z-index: 1; }
.landingpage-template-default #wrapper main .lp-caption:after {
content: "";
position: absolute;
width: 100%;
height: 60%;
bottom: -10%;
z-index: -1;
left: -10px;
background-color: yellow; }
.landingpage-template-default #wrapper main .lp-h1 {
font-size: 48px;
max-width: 550px; }
.landingpage-template-default #wrapper main .lp-form-container {
border-radius: 12px;
outline: 2px solid transparent;
outline-offset: 2px;
background: white;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.03) 0px 0px 15px 0px, rgba(0, 0, 0, 0.08) 0px 2px 30px 0px, rgba(0, 0, 0, 0.3) 0px 0px 1px 0px;
max-width: 450px;
margin-left: auto; }
@media (max-width: 474px) {
.landingpage-template-default #wrapper main .lp-form-container {
margin-top: 50px; } }
@media (min-width: 475px) {
.landingpage-template-default #wrapper main .lp-form-container {
margin-top: -100px; } }
.landingpage-template-default #wrapper main .lp-form-container .lp-form-title {
padding: 4px 0;
text-align: center;
font-weight: 700;
background-color: rgba(14, 94, 173, 1);
color: #fff;
border-top-left-radius: 12px;
border-top-right-radius: 12px; }
.landingpage-template-default #wrapper main .lp-form-container .lp-form-content {
padding: 0 10px;
min-height: 640px; }
.landingpage-template-default #wrapper main .lp-form-container iframe.growform_form {
width: calc(100% - 1px); }
.landingpage-template-default #wrapper main .check-list {
list-style: none;
padding-left: 0;
font-size: 1.8rem;
margin-bottom: 7rem;
margin-top: 4rem; }
.landingpage-template-default #wrapper main .check-list li {
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='%23FFFF00'/><path d='M7 12.5l3 3 7-7' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat left 4px center;
background-size: 18px 18px;
padding-left: 28px;
margin-bottom: 8px;
line-height: 1.5; }
@keyframes rotate-bg-color {
0% {
background-color: rgba(62, 115, 166, 0.01); }
30% {
background-color: rgba(95, 138, 168, 0.1); }
70% {
background-color: rgba(85, 127, 168, 0.07); } }
#wrapper .btn, #wrapper .button, #wrapper input[type="submit"] {
font-size: 20px;
padding: 14px 55px;
color: white;
border-radius: 0;
margin-right: 16px;
margin-top: 20px;
border: 0.1rem solid rgba(14, 94, 173, 1);
background: rgba(14, 94, 173, 1);
background-image: none;
font-weight: normal;
line-height: 1;
text-align: center;
text-shadow: none;
text-decoration: none;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
box-shadow: none;
outline: none;
cursor: pointer;
transition: all 0.15s ease-in; }
#wrapper .btn:hover, #wrapper .button:hover, #wrapper input[type="submit"]:hover {
background-color: #0c5196;
border-color: #0c5196;
text-decoration: none; }
#wrapper .btn.white, #wrapper .button.white, #wrapper input[type="submit"].white {
background: white;
border-color: white;
color: #333; }
#wrapper .btn.white:hover, #wrapper .button.white:hover, #wrapper input[type="submit"].white:hover {
color: #0c5196; }
#wrapper .btn.small, #wrapper .button.small, #wrapper input[type="submit"].small {
margin-top: 0;
font-size: 17px; }
#wrapper .btn.btn-primary, #wrapper .button.btn-primary, #wrapper input[type="submit"].btn-primary {
box-shadow: 2px 1px 8px 1px rgba(0, 0, 0, .4); }
#wrapper .btn.btn-primary i, #wrapper .button.btn-primary i, #wrapper input[type="submit"].btn-primary i {
padding-right: 0.75rem;
padding-left: 0rem;
transition: all 0.15s ease-in; }
#wrapper .btn.btn-primary:hover i, #wrapper .button.btn-primary:hover i, #wrapper input[type="submit"].btn-primary:hover i {
padding-right: 0.25rem;
padding-left: 0.5rem; }
#wrapper input, #wrapper select, #wrapper textarea {
background: #f1f1f1;
border: none;
outline: 0;
line-height: inherit;
border: none;
padding: 8px 10px;
width: 100%;
font-size: 14px; }
#wrapper textarea {
padding: 8px 10px;
min-height: 100px;
height: 115px; }
#wrapper label {
font-size: 13px;
width: 100%;
padding-right: 15px;
margin-bottom: 2px; }
#wrapper ::-webkit-input-placeholder {
opacity: 0.5; }
#wrapper :-moz-placeholder {
opacity: 0.5; }
#wrapper ::-moz-placeholder {
opacity: 0.5; }
#wrapper :-ms-input-placeholder {
opacity: 0.5; }
#wrapper .wpcf7-form {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 3.5rem 3.5rem 0.25rem 3.5rem;
box-shadow: 0.5px 0.5px 10px rgba(0, 0, 0, .1);
border-radius: 10px;
margin-right: 3rem; }
#wrapper .wpcf7-form .wpcf7-form-control-wrap.accept {
margin-top: -17px;
display: block; }
#wrapper .wpcf7-form .wpcf7-form-control-wrap.accept .wpcf7-list-item {
margin: 0; }
#wrapper .wpcf7-form .wpcf7-form-control-wrap.accept .wpcf7-list-item span {
margin-left: 126px;
font-size: 14px; }
#wrapper .wpcf7-form .wpcf7-form-control-wrap.accept .wpcf7-list-item input {
width: auto;
margin-left: 100px; }
#wrapper .wpcf7-form input[type="submit"] {
width: 100%;
padding: 8px 0;
background: rgba(14, 94, 173, 1);
margin-top: -10px; }
#wrapper .wpcf7-form .div.wpcf7-mail-sent-ok {
border-color: rgba(14, 94, 173, 1);
background: rgba(14, 94, 173, 1);
color: white;
margin-top: -8px; }
#wrapper .wpcf7-form .wpcf7-list-item {
margin: 0;
position: relative; }
#wrapper .wpcf7-form .wpcf7-list-item input {
width: auto; }
#wrapper .wpcf7-form .wpcf7-list-item span {
display: inline-block;
padding-left: 12px;
padding-top: 2px;
vertical-align: top;
font-size: 12px; }
#wrapper .wpcf7-form .datenschutz .wpcf7-not-valid-tip {
position: relative;
top: -5px;
font-size: 12px;
margin-bottom: 5px; }
#wrapper #sib-container {
background: none;
margin: 0;
padding: 0;
display: block; }
#wrapper .sib-form {
font-family: Montserrat, sans-serif;
padding: 0;
margin-bottom: 60px; }
#wrapper .sib-form .sib-text-form-block {
font-size: 1.28rem; }
#wrapper .sib-form label.entry__label {
display: none; }
#wrapper .sib-form div {
padding: 0 !important;
border-radius: 0;
border: none; }
#wrapper .sib-form ::placeholder {
color: black;
opacity: 0.5; }
#wrapper .sib-form input {
border-radius: 0;
padding: 9px 12px;
color: #333;
border: none;
border-bottom: 1px solid #ddd;
background-color: #f7f7f7; }
#wrapper .sib-form input:active, #wrapper .sib-form input:focus {
background-color: #fff; }
#wrapper .sib-form button {
color: white !important;
background-color: #0b60ac !important;
border-radius: 0 !important; }
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4 {
text-transform: inherit;
margin: 0 0 2rem 0;
line-height: 1.2;
font-weight: bold; }
#wrapper h1 {
font-size: 39px; }
#wrapper h1 small {
font-weight: normal; }
@media (max-width: 991px) {
#wrapper h1 {
font-size: 34px; } }
@media (max-width: 767px) {
#wrapper h1 {
font-size: 30px; } }
#wrapper h2 {
font-size: 36px;
margin-bottom: 25px;
margin-top: 10px; }
@media (max-width: 991px) {
#wrapper h2 {
font-size: 27px; } }
@media (max-width: 767px) {
#wrapper h2 {
font-size: 25px; } }
#wrapper h3 {
font-size: 22px;
color: #323232;
margin-top: 18px;
margin-bottom: 16px; }
#wrapper h4, #wrapper h5, #wrapper h6 {
font-size: 14px;
margin: 0; }
@media (max-width: 991px) {
#wrapper h4, #wrapper h5, #wrapper h6 {
font-size: 20px; } }
@media (max-width: 767px) {
#wrapper h4, #wrapper h5, #wrapper h6 {
font-size: 18px; } }
#wrapper p {
margin: 0 0 2rem 0;
color: #323232;
line-height: 1.33; }
#wrapper .post-content p {
font-size: 16px;
font-weight: 500;
line-height: 1.81;
padding-top: 1rem;
margin-bottom: 2rem; }
#wrapper .post-content p strong {
text-decoration-line: underline;
text-decoration-color: #f5f200;
text-decoration-thickness: 6px;
text-underline-offset: -6px;
text-decoration-skip-ink: none; }
#wrapper .post-content h1, #wrapper .post-content h2, #wrapper .post-content h3 {
margin-top: 3rem; }
#wrapper a {
color: #323232;
text-decoration: underline; }
#wrapper a:hover, #wrapper a:active, #wrapper a:focus {
text-decoration: none; }
#wrapper .text .text_wrapper img {
width: auto;
max-width: 100%; }
#wrapper .text .text_wrapper img.shadow {
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
transition: 0.15s ease; }
#wrapper .text .text_wrapper a > img.shadow:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
transform: translateY(-2px); }
#wrapper .text .text_wrapper .embed-responsive-16by9::before {
padding-top: 56.25%; }
#wrapper .text .text_wrapper .embed-responsive::before {
display: block;
content: ""; }
#wrapper .text .text_wrapper .embed-responsive-16by9 {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
#wrapper .text .text_wrapper .embed-responsive-16by9 iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
#wrapper footer {
background: rgba(1, 9, 17, 0.85);
color: #bbb;
padding: 70px 0px;
margin-top: 100px; }
#wrapper footer p {
color: #bbb; }
@media (max-width: 767px) {
#wrapper footer .col-12 {
margin-bottom: 25px; } }
#wrapper footer .d-flex {
border-top: 1px solid #b9b9b9;
padding-top: 13px;
font-size: 13px; }
#wrapper footer div.links {
margin-left: auto; }
#wrapper footer a {
color: #bbb;
text-decoration: none;
padding: 0 9px; }
#wrapper footer a:hover {
color: #fff;
text-decoration: underline; }
#wrapper header {
position: fixed;
width: 100%;
z-index: 200;
top: 0;
background: white; }
#wrapper header .container-fluid {
padding: 0 30px;
position: relative; }
#wrapper header .logo-wrapper {
z-index: 1000;
padding: 12px 0;
display: inline-block; }
#wrapper header .logo-wrapper img {
transition: all ease 0.3s;
position: relative;
z-index: 1;
width: 264px;
left: -10px; }
@media (max-width: 767px) {
#wrapper header .logo-wrapper img {
width: 162px; } }
#wrapper header .top-bar { background-color: #62758d;
color: #fff;
width: 100%;
padding: 1rem 30px;
font-size: 1.3rem;
z-index: 200;
text-align: right;
display: flex;
flex-flow: row;
justify-content: space-between; }
#wrapper header .top-bar a {
color: #fff;
text-decoration: none; }
#wrapper header .top-bar .country-flags {
display: flex;
column-gap: 9px; }
#wrapper header .top-bar .country-flags img {
height: 16px;
width: auto; }
#wrapper header .top-bar .top-bar-item {
margin-left: 1.8rem; }
#wrapper header .top-bar .top-bar-item:last-child {
padding-right: 0.75rem; }
#wrapper header.smaller {
box-shadow: 0 0 50px rgba(0, 0, 0, 0.17); }
#wrapper header.smaller .logo-wrapper {
top: -23px; }
#wrapper header.smaller .logo-wrapper img {
width: 200px; }
#wrapper header.smaller .burgericon {
margin-top: 14px !important; }
@media (min-width: 1200px) {
#wrapper header.smaller .mainmenu li {
padding: 17px 16px; }
#wrapper header.smaller .mainmenu li.login, #wrapper header.smaller .mainmenu li.testen {
padding-right: 5px;
padding-left: 5px; }
#wrapper header.smaller .mainmenu li.login {
padding-left: 25px; }
#wrapper header.smaller .mainmenu li:last-of-type {
padding-right: 0; } }
#wrapper .cookie-notice {
background-color: #ccc;
border-radius: 0.4rem;
display: none;
font-size: 1.5rem;
padding: 2rem;
position: fixed;
z-index: 1000;
bottom: 1.5rem;
left: 1.5rem;
right: 1.5rem;
box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1); }
@media (min-width: 768px) {
#wrapper .cookie-notice {
bottom: 2rem;
left: 2rem;
max-width: 40rem; } }
#wrapper .cookie-notice.open {
display: flex;
flex-flow: column nowrap;
align-items: center; }
#wrapper .cookie-notice .icon {
font-size: 2.5rem; }
#wrapper .cookie-notice p {
text-align: center; }
#wrapper .mainmenu {
float: right;
padding: 0;
margin: 0; }
#wrapper .mainmenu li {
padding: 25px 16px;
position: relative;
display: inline-block;
transition: padding ease 0.3s; }
#wrapper .mainmenu li a {
display: flex;
text-decoration: none;
padding: 0;
margin: auto;
font-size: 17px;
cursor: pointer;
color: #333;
position: relative; }
#wrapper .mainmenu li a:after {
content: "";
position: absolute;
width: 100%;
bottom: -12px;
height: 2px;
background: #0c5fac;
opacity: 0;
transition: all ease 0.3s; }
@media (min-width: 1200px) {
#wrapper .mainmenu li:hover a {
color: rgba(14, 94, 173, 1); }
#wrapper .mainmenu li:hover a:after {
opacity: 1;
bottom: -3px; }
#wrapper .mainmenu li:hover > ul.sub-menu {
display: block;
height: auto;
width: auto;
overflow: visible;
opacity: 1;
top: 55px;
margin-top: 0px;
min-width: 160px; } }
@media (min-width: 1200px) {
#wrapper .mainmenu li.current-menu-item a {
color: rgba(14, 94, 173, 1); }
#wrapper .mainmenu li.current-menu-item a:after {
opacity: 1;
bottom: -3px; } }
#wrapper .mainmenu li.login, #wrapper .mainmenu li.testen {
padding-right: 5px;
padding-left: 5px; }
@media (max-width: 1199px) {
#wrapper .mainmenu li.login, #wrapper .mainmenu li.testen {
margin: 10px 0;
border: none !important;
width: auto !important; }
#wrapper .mainmenu li.login a, #wrapper .mainmenu li.testen a {
margin-left: 0 !important;
border-bottom: 2px solid rgba(14, 94, 173, 1) !important;
padding: 6px 12px !important; } }
#wrapper .mainmenu li.login a, #wrapper .mainmenu li.testen a {
border: 2px solid rgba(14, 94, 173, 1);
border-radius: 8px;
color: rgba(14, 94, 173, 1);
font-size: 18px;
padding: 6px 18px;
font-weight: 500; }
#wrapper .mainmenu li.login a:after, #wrapper .mainmenu li.testen a:after {
display: none; }
#wrapper .mainmenu li.login a:hover, #wrapper .mainmenu li.testen a:hover {
background: #0c5196;
color: white;
border-color: #0c5196; }
#wrapper .mainmenu li.testen a {
background: rgba(14, 94, 173, 1);
color: white; }
@media (max-width: 1199px) {
#wrapper .mainmenu li.testen {
padding-left: 19px; }
#wrapper .mainmenu li.testen a {
color: white !important; } }
#wrapper .mainmenu li.login {
padding-left: 25px; }
@media (max-width: 1199px) {
#wrapper .mainmenu li.login {
padding-left: 19px; } }
#wrapper .mainmenu li.active:after {
display: block; }
#wrapper .mainmenu li:last-of-type {
padding-right: 0; }
#wrapper .mainmenu .submenu-button {
display: none; }
#wrapper .mainmenu ul.sub-menu {
background: white;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);
position: absolute;
opacity: 0;
height: 0;
width: 0;
top: 155px;
width: 20rem;
transition: opacity, margin-top ease, ease 0.3s, 0.3s;
margin-top: 20px;
z-index: 2;
border-radius: 5px;
overflow: hidden; }
#wrapper .mainmenu ul.sub-menu li {
width: 100%;
padding: 0;
position: relative; }
#wrapper .mainmenu ul.sub-menu li a {
padding: 0.9rem 1.5rem;
color: black;
font-size: 16px; }
@media (min-width: 1199px) {
#wrapper .mainmenu ul.sub-menu li a {
border-bottom: 0.1rem solid #dedede; } }
#wrapper .mainmenu ul.sub-menu li a:after {
display: none; }
#wrapper .mainmenu ul.sub-menu li:hover a {
background: #f1f1f1; }
#wrapper .mainmenu ul.sub-menu li:last-child a {
border-bottom: 0; }
#wrapper .post_item, #wrapper .event_item_small {
margin-bottom: 45px; }
#wrapper .post_item .matchHeight, #wrapper .event_item_small .matchHeight {
position: relative; }
#wrapper .post_item .post-img-container, #wrapper .event_item_small .post-img-container {
overflow: hidden;
height: 100%; }
#wrapper .post_item img, #wrapper .event_item_small img {
min-height: 60px;
transition: 0.2s ease; }
#wrapper .post_item img:hover, #wrapper .event_item_small img:hover {
transform: scale(1.2); }
#wrapper .post_item .text, #wrapper .event_item_small .text {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
padding: 13px 20px 7px; }
#wrapper .post_item .text .date, #wrapper .event_item_small .text .date {
color: grey; }
#wrapper .post_item .text p, #wrapper .event_item_small .text p {
margin-bottom: 50px;
font-size: 14px;
font-weight: 500;
line-height: 1.57;
color: #555; }
#wrapper .post_item .text .categories, #wrapper .event_item_small .text .categories {
position: absolute;
bottom: 3px;
left: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 10px;
width: calc(100% - 70px);
text-transform: uppercase;
font-size: 13px;
border-top: 1px solid #e6e6e6;
color: #e6e6e6;
padding: 6px 0 5px;
font-size: 9px; }
#wrapper .post_item .text .categories a, #wrapper .event_item_small .text .categories a {
padding: 0 6px;
color: #444;
font-weight: 600; }
#wrapper .post_item .text .categories a:hover, #wrapper .event_item_small .text .categories a:hover {
color: #00a00f; }
#wrapper .post_item .text .datum, #wrapper .event_item_small .text .datum {
font-weight: bold; }
#wrapper .post_item .text .location, #wrapper .event_item_small .text .location {
color: grey; }
#wrapper .post_item .text .location i, #wrapper .event_item_small .text .location i {
font-size: 10px;
position: relative;
top: -1px; }
#wrapper .post_item .text a, #wrapper .event_item_small .text a {
text-decoration: none; }
#wrapper .post_item .text a h3, #wrapper .event_item_small .text a h3 {
margin-top: 8px;
font-size: 18px;
margin-bottom: 12px; }
#wrapper .post_item .text a.more, #wrapper .event_item_small .text a.more {
color: rgba(14, 94, 173, 1); }
#wrapper .post_item .text a.more:hover, #wrapper .event_item_small .text a.more:hover {
text-decoration: underline; }
@media (min-width: 768px) {
#wrapper .post_item.small, #wrapper .event_item_small.small {
display: flex;
height: calc(50% - 37px);
margin-bottom: 30px; }
#wrapper .post_item.small .image_container, #wrapper .event_item_small.small .image_container {
width: 35%;
flex-basis: 35%; }
#wrapper .post_item.small .image_container img, #wrapper .event_item_small.small .image_container img {
width: 100%;
height: 100%;
object-fit: cover; }
#wrapper .post_item.small .text, #wrapper .event_item_small.small .text {
width: 65%;
flex-basis: 65%; } }
#wrapper .event_item_small {
margin-bottom: 4px; }
#wrapper .event_item_small .text {
padding: 8px 20px 1px; }
#wrapper .event_item_small .text a h3 {
margin-top: 4px; }
#wrapper .event_item_small .text p {
font-size: 12px; }
#wrapper .related_posts {
margin-top: 100px;
margin-bottom: 30px; }
#wrapper .terms {
margin-bottom: 50px;
text-align: center; }
#wrapper .terms a {
margin: 0px 10px 10px 0;
display: inline-block;
text-decoration: none;
padding: 6px 13px;
background-color: rgba(0, 160, 15, .05);
border-radius: 12.5px;
font-size: 11px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.5px;
text-transform: uppercase;
cursor: pointer;
color: #444; }
#wrapper .terms a:hover {
background-color: rgba(0, 160, 15, .1); }
#wrapper .terms a.active {
color: #fff;
background-color: #00a00f; }
#wrapper .wunsch-modal {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
z-index: 1111;
backdrop-filter: blur(11px);
display: none; }
#wrapper .wunsch-modal .inner {
max-width: 600px;
padding: 30px;
background: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%; }
#wrapper .wunsch-modal .inner .js-close-wunsch-modal {
position: absolute;
top: 6px;
right: 21px;
color: rgba(14, 94, 173, 1);
font-size: 25px;
font-weight: bold;
cursor: pointer; }
#wrapper .wunsch-modal .inner input, #wrapper .wunsch-modal .inner textarea {
margin-bottom: 15px; }
#wrapper .wunschfunktion .js-open-wunsch-modal {
box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .15);
border-radius: 6px;
width: calc(100% - 170px);
margin: 0 0 20px 0;
font-weight: bold;
font-size: 19px;
float: left; }
@media (max-width: 767px) {
#wrapper .wunschfunktion .js-open-wunsch-modal {
width: 100%;
font-weight: normal;
font-size: 16px; } }
#wrapper .wunschfunktion .js-open-wunsch-modal small {
font-weight: normal;
line-height: 1;
font-size: 10px; }
#wrapper .wunschfunktion .verfuegbareStimmen {
color: rgba(14, 94, 173, 1);
text-align: center;
display: block;
font-size: 17.5px;
line-height: 1.35;
width: 170px;
float: left;
padding: 0 10px; }
@media (max-width: 767px) {
#wrapper .wunschfunktion .verfuegbareStimmen {
width: 100%; } }
#wrapper .wunschfunktion .success {
background: #15bb15;
width: 100%;
margin: 15px;
padding: 9px 20px;
color: white; }
#wrapper .wunschfunktion .wunsch_item {
border-bottom: 1px solid #cecece;
display: flex;
padding: 12px 0; }
@media (max-width: 767px) {
#wrapper .wunschfunktion .wunsch_item {
display: block;
padding-bottom: 20px; } }
#wrapper .wunschfunktion .wunsch_item.headline {
background: #ececec;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
border: none;
padding: 0;
margin-top: 0; }
#wrapper .wunschfunktion .wunsch_item.headline .stimmen {
display: inline-block;
text-align: center; }
#wrapper .wunschfunktion .wunsch_item.headline h2 {
color: black;
margin: 0;
width: 100%;
font-weight: normal; }
@media (max-width: 767px) {
#wrapper .wunschfunktion .wunsch_item.headline .stimmen, #wrapper .wunschfunktion .wunsch_item.headline .actions {
display: none; } }
#wrapper .wunschfunktion .wunsch_item .text {
margin-right: auto;
padding: 8px; }
#wrapper .wunschfunktion .wunsch_item .text p {
font-size: 13px;
margin: 0; }
#wrapper .wunschfunktion .wunsch_item h2 {
color: #222;
font-size: 18px;
font-weight: bold; }
#wrapper .wunschfunktion .wunsch_item .stimmen {
flex-basis: 120px;
text-align: center;
display: flex;
padding: 8px;
flex-shrink: 0; }
#wrapper .wunschfunktion .wunsch_item .stimmen span {
display: block;
margin: auto;
font-size: 20px;
color: rgba(14, 94, 173, 1); }
@media (max-width: 767px) {
#wrapper .wunschfunktion .wunsch_item .stimmen span:after {
content: " Stimme(n)"; } }
#wrapper .wunschfunktion .wunsch_item .actions {
flex-basis: 63px;
text-align: center;
display: flex;
flex-shrink: 0; }
#wrapper .wunschfunktion .wunsch_item .actions .js-vote {
background: rgba(14, 94, 173, 1);
color: white;
font-size: 20px;
display: inline-block;
padding: 9px;
line-height: 1;
text-align: center;
border-radius: 8px;
margin: auto;
cursor: pointer; }
#wrapper .wunschfunktion .wunsch_item .actions .js-vote span {
margin-top: 4px;
display: block;
font-size: 11px; }
#wrapper .wunschfunktion .wunsch_item .actions.deactive {
pointer-events: none;
opacity: 0.3; }
#wrapper main {
margin-top: 90px; }
@media (max-width: 991px) {
#wrapper main {
margin-top: 90px; } }
@media (max-width: 767px) {
#wrapper main {
margin-top: 64px; } }
#wrapper main .mx-auto {
margin-left: auto;
margin-right: auto; }
#wrapper main .shiny {
position: relative;
overflow: hidden; }
#wrapper main .shiny:after {
overflow: hidden;
display: inline-block;
-webkit-animation: shine-data 5s ease-out infinite;
animation: shine-data 5s ease-out infinite;
-webkit-animation-delay: 2s;
animation-delay: 2s;
content: "";
position: absolute;
top: -110%;
left: -210%;
width: 100%;
height: 200%;
opacity: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
background: #2db1e0; }
#wrapper main blockquote {
display: block;
height: auto;
margin: 0 0 35px 25px;
top: 15px;
position: relative;
background: url(/wp-content/themes/twentynineteen-child/images/textline.png) repeat-y; }
#wrapper main blockquote p {
font-size: 17px;
line-height: 31px; }
#wrapper main blockquote:after {
content: "";
width: 55px;
height: 40px;
background: url(/wp-content/themes/twentynineteen-child/images/blockquote.png);
position: absolute;
left: -25px;
top: -15px; }
#wrapper main .rounded {
border-radius: 8px; }
#wrapper main .caption {
font-size: 18px;
line-height: 1.67;
text-align: center;
color: #555;
width: 100%;
max-width: 800px;
margin: auto;
margin-top: 20px; }
#wrapper main .gaptop {
margin-top: 50px; }
#wrapper main .back {
font-size: 11px;
margin-bottom: 17px; }
#wrapper main .back a {
color: #333;
border-bottom: none;
text-decoration: none; }
#wrapper main .back a:hover {
color: #0c5196;
border-color: #0c5196; }
#wrapper main .site_header {
padding: 100px 0;
text-align: center;
color: white;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
background-size: cover;
background-position: center; }
@media (max-width: 767px) {
#wrapper main .site_header {
padding: 50px 0; } }
#wrapper main .site_header.schwarz {
color: black;
text-shadow: 0 0 20px #000; }
#wrapper main .site_header p {
margin-top: 20px;
color: white;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); }
#wrapper main .site_header p.schwarz {
color: black;
text-shadow: 0 0 20px #000; }
#wrapper main .home_header {
height: 53vh;
display: flex;
flex-direction: column;
background-image: url(/wp-content/themes/twentynineteen-child/images/main_background_grey.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 90px 0 120px;
position: relative; }
@media (max-width: 767px) {
#wrapper main .home_header {
height: auto;
margin: 71px 0 200px; } }
#wrapper main .home_header h1 {
font-size: 49px; }
#wrapper main .home_header .btn-primary {
border-radius: 8px;
padding: 20px 80px;
margin-bottom: 15px; }
#wrapper main .home_header .image_right {
position: absolute;
right: 0;
width: 45%;
max-height: 97%;
bottom: 0;
display: flex;
top: 0; }
#wrapper main .home_header .image_right img {
margin: auto 0; }
@media (max-width: 576px) {
#wrapper main .home_header .image_right {
display: none; }
#wrapper main .home_header .image_right img {
display: none; } }
#wrapper main .home_header .start-btn {
position: absolute;
left: 5%;
width: 290px;
height: 290px;
border-radius: 100%;
bottom: -90px;
text-align: center;
background-color: #f5f200;
line-height: 1.1;
color: #000;
font-size: 32px;
padding-top: 86px;
transform: rotate(-5deg);
box-shadow: 6px 5px 16px 5px rgba(0, 0, 0, .2);
transition: all 0.15s ease-out;
z-index: 50; }
#wrapper main .home_header .start-btn strong {
font-size: 58px;
font-weight: bold; }
#wrapper main .home_header .start-btn:hover {
transform: rotate(-1deg) scale(1.1); }
@media (max-width: 1746px) {
#wrapper main .home_header .start-btn {
left: -30px;
bottom: -120px;
transform: rotate(-5deg) scale(0.7); }
#wrapper main .home_header .start-btn:hover {
transform: rotate(-1deg) scale(0.7); } }
@media (max-width: 576px) {
#wrapper main .home_header .start-btn {
transform: rotate(-5deg) scale(0.55);
left: -50px;
bottom: -190px; }
#wrapper main .home_header .start-btn:hover {
transform: rotate(-1deg) scale(0.55); } }
#wrapper main .home_header .inner {
margin: auto 0; }
@media (max-width: 767px) {
#wrapper main .home_header .inner {
padding: 32px 0 20px;
text-align: center; } }
#wrapper main .home_header .inner .subline {
font-size: 1rem; }
#wrapper main .home_header .inner .subline img {
height: 10px;
width: auto;
margin-top: -2px; }
#wrapper main .home_header .inner .appstores {
display: none; }
@media (max-width: 767px) {
#wrapper main .home_header .inner .appstores {
display: flex;
padding: 25px 15px; }
#wrapper main .home_header .inner .appstores .col-6 {
padding: 0; } }
#wrapper main .home_header .inner p {
font-size: 19px;
line-height: 1.5;
max-width: 600px; }
#wrapper main .home_header .partner-container {
position: absolute;
bottom: -20px;
right: 10px;
max-width: 370px;
padding: 12px 14px;
border-radius: 12px;
background-color: #fff; }
@media (max-width: 576px) {
#wrapper main .home_header h1 {
font-size: 39px; }
#wrapper main .home_header .btn-primary {
padding: 15px 25px;
margin-bottom: 72px;
margin-right: 0; }
#wrapper main .home_header .appstores {
max-width: 88%;
margin: auto; }
#wrapper main .home_header .partner-container {
position: relative;
margin: 0px auto -38px;
right: auto;
bottom: auto;
max-width: 95%; }
#wrapper main .home_header .inner p {
font-size: 17px; } }
#wrapper main .d-caption {
opacity: 0.7;
font-weight: 500;
font-size: 15px;
margin: 0 0 0.75rem; }
#wrapper main .d-h2 {
font-size: 36px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 25px; }
#wrapper main .d-h3 {
font-size: 22px;
color: #323232;
margin-top: 18px;
margin-bottom: 16px; }
#wrapper main .boxen .card {
padding: 20px;
font-size: 14px;
color: rgba(50, 50, 50, 0.8);
transition: all ease 0.3s;
margin-bottom: 40px;
border-bottom: 3px solid #fff; }
#wrapper main .boxen .card.boxed {
box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.1);
text-align: center; }
@media (max-width: 767px) {
#wrapper main .boxen .card {
margin-bottom: 80px; } }
#wrapper main .boxen .card .card-img-block {
position: relative;
top: -62px;
margin-bottom: -56px;
transition: all ease 0.3s; }
#wrapper main .boxen .card .card-img-block img {
height: 105px;
width: auto; }
#wrapper main .boxen .card h3, #wrapper main .boxen .card .d-h3 {
margin-top: 0; }
#wrapper main .boxen .card:hover {
border-bottom: 3px solid rgba(14, 94, 173, 1); }
#wrapper main .boxen .card:hover .card-img-block {
top: -70px; }
#wrapper main .boxen .card:hover.hoverable {
transform: translateY(-4px);
box-shadow: 0px 15px 20px rgba(99, 194, 222, 0.4); }
#wrapper main .boxen .card:hover.hoverable.card-price-highlight {
transform: translateY(-4px) scale(1.065); }
#wrapper main .boxen .scroll-btn {
font-size: 16px;
background-color: rgba(14, 94, 173, .00);
color: rgba(14, 94, 173, 1);
padding: 12px 25px;
border-radius: 6px;
border: none; }
#wrapper main .boxen .scroll-btn i {
margin: 0 10px;
transition: all 0.15s ease-out;
opacity: 0.35; }
#wrapper main .boxen .scroll-btn:hover {
background-color: rgba(14, 94, 173, .11); }
#wrapper main .boxen .scroll-btn:hover i {
transform: translateY(3px);
opacity: 0.7; }
@media (max-width: 576px) {
#wrapper main .boxen .scroll-btn {
padding: 12px 10px;
font-size: 15px; } }
#wrapper main .main_headline {
background: rgba(14, 94, 173, 1);
color: white;
text-align: center;
font-size: 32px;
font-weight: 700;
padding: 23px 0;
margin-bottom: 32px;
margin-top: -44px; }
#wrapper main .googlemap {
width: 100%;
height: 270px;
border: none;
margin-top: 23px;
display: block; }
#wrapper main .anker {
position: absolute;
margin-top: -78px; }
@media (max-width: 991px) {
#wrapper main .anker {
margin-top: -60px; } }
#wrapper main .animFromTop {
transform: translateY(-500px);
opacity: 0;
transition: all ease 2s; }
#wrapper main .animFromTop.anim {
transform: translateY(0px);
opacity: 1; }
#wrapper main .animToTop {
transform: translateY(200px);
opacity: 0;
transition: all ease 1s; }
#wrapper main .animToTop.anim {
transform: translateY(0px);
opacity: 1; }
#wrapper main .animFromLeft {
transform: translateX(-100%);
opacity: 0;
transition: all ease 1s; }
#wrapper main .animFromLeft.anim {
transform: translateY(0%);
opacity: 1; }
#wrapper main .animFromRight {
transform: translateX(20%);
opacity: 0;
transition: all ease 1s; }
#wrapper main .animFromRight.anim {
transform: translateY(0%);
opacity: 1; }
#wrapper main .default-template {
margin: 20px 0; }
@media (min-width: 768px) {
#wrapper main .default-template {
padding: 80px 50px 30px; } }
#wrapper main .text-center {
text-align: center; }
#wrapper main .form-thumb {
background-color: #d8e7da;
padding: 16px 25px 1px;
margin-bottom: 45px;
height: calc(100% - 45px); }
#wrapper main .form-thumb button {
background: rgba(14, 94, 173, 1) !important;
color: white !important;
margin-top: 10px; }
#wrapper main .form-thumb .sib-form {
margin-bottom: 28px;
font-family: "Montserrat", sans-serif; }
#wrapper main hr {
border-top: 1px solid #ccc;
border-bottom: none;
border-right: none;
border-left: none;
margin: 20px 0; }
#wrapper main sup {
top: -0.3em; }
#wrapper main .deko-dots-1::after {
content: "";
z-index: -1;
position: absolute;
right: -50px;
width: 200px;
bottom: -32px;
height: 25px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(/wp-content/themes/twentynineteen-child/images/dots.png); }
#wrapper main .deko-dots-1.dots-left::after {
right: auto;
left: -50px; }
@media (max-width: 767px) {
#wrapper main .deko-dots-1 {
display: none; } }
#wrapper main .text-right {
text-align: right; }
#wrapper main .text-secondary {
color: #888 !important; }
#wrapper main .text-warning {
color: #fbbc04 !important; }
#wrapper main .aufzaehlung {
position: relative;
padding-left: 40px;
margin-bottom: 25px; }
#wrapper main .aufzaehlung:before {
content: "";
position: absolute;
background-image: url(/wp-content/themes/twentynineteen-child/images/aufzaehlung.svg);
width: 30px;
height: 30px;
left: 0;
top: -3px; }
#wrapper main .ratingslider .full_width {
width: 100vw;
margin-left: 50%;
transform: translateX(-50%);
padding: 92px 15px 90px;
background-color: #e9ebee; }
#wrapper main .ratingslider h2 {
text-transform: uppercase;
margin-bottom: 62px;
font-size: 40px; }
#wrapper main .ratingslider h2 .highlight {
text-decoration-line: underline;
text-decoration-color: #f5f200;
text-decoration-thickness: 6px;
text-underline-offset: -6px;
text-decoration-skip-ink: none; }
#wrapper main .ratingslider i {
color: #888;
margin-right: 2px; }
#wrapper main .ratingslider i.fa-star, #wrapper main .ratingslider i.fa-star-half-o {
color: #fbbc04;
margin-right: 0; }
#wrapper main .ratingslider .owl-item {
transition: all 0.2s ease-in-out; }
#wrapper main .ratingslider .owl-item.active:first-child {
box-shadow: 1px 1px rgba(0, 0, 0, 0.2); }
#wrapper main .ratingslider .rating-box {
padding: 30px 30px 22px 30px;
background-color: #fff;
border-radius: 18px 18px 0 18px; }
#wrapper main .ratingslider .rating-box .rating-box-header {
margin-bottom: 8px; }
#wrapper main .ratingslider .rating-box p {
margin-bottom: 0; }
#wrapper main .ratingslider .rating-box .rating-platform {
font-size: 9px; }
#wrapper main .ratingslider .rating-box-footer {
color: #777;
font-size: 12px;
padding-right: 1px;
margin-top: 12px; }
#wrapper main .ratingslider .owl-prev {
position: absolute;
display: block !important;
border: 0px solid black;
top: 0;
margin-left: -60px;
height: 100%;
background: linear-gradient(90deg, #e9ebee, rgba(0, 0, 0, 0));
width: 50px; }
#wrapper main .ratingslider .owl-next {
position: absolute;
display: block !important;
border: 0px solid black;
top: 0;
right: -60px;
height: 100%;
background: linear-gradient(-90deg, #e9ebee, rgba(0, 0, 0, 0));
width: 50px; }
#wrapper main .ratingslider .owl-prev i, #wrapper main .ratingslider .owl-next i {
transform: scale(1, 6);
color: #ccc; }
#wrapper main .ratingslider .owl-dots {
text-align: center; }
#wrapper main .ratingslider .owl-dots button.owl-dot.active span, #wrapper main .ratingslider .owl-dots button.owl-dot:hover span {
background-color: rgba(14, 94, 173, 1);
border-radius: 50%;
height: 10px;
width: 10px;
position: absolute;
top: 3px;
left: 3px; }
#wrapper main .ratingslider .owl-dots button.owl-dot {
background: white;
border-radius: 50%;
height: 16px;
width: 16px;
margin-right: 2px;
position: relative; }
@media (max-width: 576px) {
#wrapper main .ratingslider .owl-next {
right: -22px;
width: 20px; }
#wrapper main .ratingslider .owl-prev {
margin-left: -26px;
width: 20px; } }
#wrapper form.wpcf7-form {
max-width: 600px;
margin: 30px auto; }
#wrapper .phone-blub {
position: fixed;
right: 19px;
bottom: 18px;
z-index: 1;
background: #0c5196;
color: white;
font-size: 33px;
text-align: center;
height: 65px;
width: 65px;
border-radius: 50%;
padding-top: 9px;
text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.47);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.67);
transform: scale(1);
transition: all ease 0.5s; }
#wrapper .phone-blub i {
animation: ringring 15s infinite;
animation-iteration-count: infinite; }
#wrapper .phone-blub:hover {
transform: scale(1.15); }
@keyframes ringring {
1% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg); }
2% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg); }
3% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg); }
4% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg); }
5% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg); }
6% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg); } }
@keyframes shine-data {
0% {
opacity: 0.5;
top: 0;
left: -80%; }
20%, to {
opacity: 0.1;
top: 0;
left: 100%;
-webkit-transition-property: left, top, opacity;
transition-property: left, top, opacity;
-webkit-transition-duration: 0.7s, 0.7s, 0.15s;
transition-duration: 0.7s, 0.7s, 0.15s;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; } }
#wrapper .item {
margin-bottom: 80px; }
#wrapper .item.follow_us {
text-align: center; }
#wrapper .item.follow_us a {
background: #2e88ff;
color: white;
font-size: 42px;
display: inline-block;
width: 80px;
height: 80px;
border-radius: 20px;
padding-top: 8px;
margin: 0 5px; }
#wrapper .item.follow_us a.insta {
background: #d92b71; }
#wrapper .item.bildslider {
padding: 0 40px;
position: relative; }
#wrapper .item.bildslider .full_width {
width: 100vw;
margin-left: 50%;
transform: translateX(-50%);
padding: 40px 15px 50px; }
#wrapper .item.bildslider .full_width img {
max-width: 110px;
margin: auto; }
#wrapper .item.bildslider .owl-nav {
position: absolute;
top: 50%;
display: block;
width: 100%; }
#wrapper .item.bildslider .owl-nav button {
margin-top: -23px;
background: none;
position: absolute;
left: -40px;
border: 0;
margin-right: 0; }
#wrapper .item.bildslider .owl-nav button.owl-next {
left: auto;
right: -40px; }
#wrapper .item.bildslider .subline {
font-size: 13px;
color: #555;
text-align: center;
margin-top: 10px;
font-weight: 400;
opacity: 0.6; }
#wrapper .item.bildslider .owl-dots {
display: none; }
#wrapper .item.pricetable .price-table-wrapper {
max-width: 980px;
margin: auto; }
#wrapper .item.pricetable .price-table-head {
z-index: 4;
grid-row-gap: 0px;
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
position: -webkit-sticky;
position: sticky;
top: 72px;
text-align: center;
font-weight: bold;
display: grid; }
#wrapper .item.pricetable .price-table-head .price-table-head-cell {
background-color: rgba(14, 94, 173, 1);
color: #fff;
padding: 10px 0; }
#wrapper .item.pricetable .price-table .price-row {
grid-column-gap: 16px;
grid-row-gap: 0;
border-bottom: 1px solid var(--gray--opacity-8);
grid-template-rows: auto;
grid-template-columns: 3fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
padding: 1px;
position: relative; }
#wrapper .item.pricetable .price-table .price-row:not(.price-row-with-title):hover {
background-color: #eee; }
#wrapper .item.pricetable .price-table .price-row .price-row-title {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
display: flex;
padding: 1px 0;
font-size: 12px; }
#wrapper .item.pricetable .price-table .price-row .price-row-title .price-row-type-title {
font-weight: 500;
font-size: 16px;
padding-top: 12px; }
#wrapper .item.pricetable .price-table .price-row .price-row-title .price-row-description-wrapper {
position: relative; }
#wrapper .item.pricetable .price-table .price-row .price-row-title .price-row-description-wrapper .price-row-description {
display: none;
position: absolute;
top: calc(100% + 5px);
left: 0;
z-index: 2;
max-width: 68vw;
width: 400px;
margin-left: 50%;
transform: translateX(-50%);
padding: 4px 6px;
font-size: 12px;
color: #fff;
background-color: rgba(50, 50, 50, 0.98);
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
border-radius: 4px;
border: 1px solid #ddd; }
#wrapper .item.pricetable .price-table .price-row .price-row-title .price-row-description-wrapper .price-row-description::after {
content: " ";
position: absolute;
transform: rotate(45deg);
width: 4px;
height: 4px;
z-index: 0;
top: -2px;
left: calc(50% - 2px);
background-color: rgba(50, 50, 50, 0.98); }
#wrapper .item.pricetable .price-table .price-row .price-row-title .price-row-description-wrapper:hover .price-row-description {
display: block; }
#wrapper .item.pricetable .price-table .price-row .price-row-check {
justify-content: center;
align-items: center;
display: flex;
padding: 3px 0;
font-size: 13px; }
#wrapper .item.pricetable .price-table .price-row .price-row-check i.fa-check {
color: rgba(14, 94, 173, 1); }
#wrapper .item.pricetable .price-table .price-row .price-row-check i.fa-check-circle {
color: rgba(14, 94, 173, 1); }
#wrapper .item.pricetable .price-table .price-row .price-row-check i.fa-times {
opacity: 0.6; }
#wrapper .item.pricetable .price-table .price-row .price-row-check.checked {
background-color: rgba(14, 94, 173, 0.08);
border-radius: 5px; }
#wrapper .item.faqs .faq {
background: #fff;
display: block;
padding: 12px 20px;
margin-bottom: 8px;
font-weight: 600;
text-decoration: none;
border: 1px solid #888;
border-radius: 8px; }
#wrapper .item.faqs .faq i {
margin-right: 1rem; }
#wrapper .item.faqs .faq:hover {
background: #dedede; }
#wrapper .item.text .cat {
color: #0e5ead;
background-color: #edf5ff;
font-size: 16px;
border-radius: 40px;
padding: 8px 20px;
display: inline-block; }
#wrapper .item.text .text-btn {
color: #0e5ead;
font-size: 85%;
text-decoration: none; }
#wrapper .item.text ol, #wrapper .item.faqss ol, #wrapper .item.text ul, #wrapper .item.faqss ul {
color: #323232;
line-height: 1.63;
margin-bottom: 20px;
margin-left: 55px;
margin-bottom: 30px;
list-style-type: none; }
#wrapper .item.text ol li, #wrapper .item.faqss ol li, #wrapper .item.text ul li, #wrapper .item.faqss ul li {
position: relative;
padding-left: 20px; }
#wrapper .item.text ol li::before, #wrapper .item.faqss ol li::before, #wrapper .item.text ul li::before, #wrapper .item.faqss ul li::before {
content: "";
position: absolute;
left: 0;
top: 8.5px;
display: block;
width: 4px;
height: 4px;
background-color: #1476f2;
border-radius: 50%; }
#wrapper .item.bild img {
max-width: 95%;
margin: 0 auto;
display: block; }
#wrapper .item.cta .full_width {
width: 100vw;
margin-left: 50%;
transform: translateX(-50%);
background: rgba(14, 94, 173, 1);
padding: 50px 0; }
@media (min-width: 768px) {
#wrapper .item.cta .full_width .container {
display: flex; } }
#wrapper .item.cta .full_width .text {
color: white;
padding-right: 10px; }
#wrapper .item.cta .full_width .text strong {
font-size: 22px;
margin-bottom: 6px;
display: inline-block; }
#wrapper .item.cta .full_width .text .subtext {
opacity: 0.95;
font-size: 14px; }
#wrapper .item.cta .full_width a {
background: white;
display: inline-block;
padding: 10px 35px;
font-size: 20px;
text-decoration: none;
margin: auto 0 auto auto;
transition: all 0.15s ease;
box-shadow: 1px 1px 10px rgba(0, 0, 0, .9); }
@media (max-width: 767px) {
#wrapper .item.cta .full_width a {
margin-top: 20px; } }
#wrapper .item.cta .full_width a:hover {
background-color: rgba(255, 255, 255, 0.95);
box-shadow: -3px 1px 10px rgba(0, 0, 0, .9);
transform: translateX(3px); }
#wrapper .item.cta .cta-container {
background: linear-gradient(27deg, rgba(14, 94, 173, 1), rgba(14, 94, 173, 0.85), rgba(14, 94, 173, 0.9));
border-radius: 42px;
padding: 35px 62px;
color: #fff; }
#wrapper .item.cta .cta-container p {
color: #fff; }
#wrapper .item.cta .cta-container .cta-list {
line-height: 1.8; }
#wrapper .item.cta .cta-container .cta-list i {
margin-right: 3px; }
#wrapper .item.cta .cta-ootb-img {
position: absolute;
bottom: -100px;
width: 103%;
right: -20%; }
#wrapper .item.preise {
margin-top: -86px; }
#wrapper .item.preise .card-price {
background-color: #fff;
padding-top: 25px;
padding-bottom: 12px;
box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.1);
text-align: center; }
#wrapper .item.preise .card-price a {
text-decoration: none; }
#wrapper .item.preise .card-price .price-title {
font-size: 22px;
color: #323232;
line-height: 1.2;
font-weight: bold; }
#wrapper .item.preise .card-price.card-price-highlight {
transform: scale(1.065);
border: 2px solid #f5f200; }
#wrapper .item.preise .card-price.card-price-highlight:hover {
box-shadow: 0px 15px 20px rgba(245, 242, 0, 0.1); }
#wrapper .item.preise .card-price .card-price-prefix {
background-color: #f5f200;
padding: 3px 5px;
text-align: center;
position: absolute;
font-size: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
top: -20px;
width: calc(100% + 4px);
right: -2px;
font-weight: bold;
text-transform: uppercase; }
#wrapper .item.preise .aufzaehlung {
position: relative;
padding-left: 40px;
margin-bottom: 25px; }
#wrapper .item.preise .aufzaehlung:before {
content: "";
position: absolute;
background-image: url(/wp-content/themes/twentynineteen-child/images/aufzaehlung.svg);
width: 30px;
height: 30px;
left: 0;
top: -3px; }
#wrapper .item.preise h3 {
margin-bottom: 6px;
margin-top: 22px !important; }
#wrapper .item.preise .btn.small {
margin: 10px 0 0;
padding: 10px 16px; }
#wrapper .item.preise .price .amount {
color: rgba(14, 94, 173, 1);
font-size: 25px;
padding-left: 0;
font-weight: bold; }
#wrapper .item.preise .price span {
display: block;
padding-left: 1rem;
font-size: 1.05rem; }
#wrapper .item.preise .price-comments {
color: #555;
font-size: 11px;
text-align: right; }
#wrapper .item.preise::after {
content: "";
z-index: -1;
position: absolute;
right: -21vw;
width: 36vw;
bottom: -54%;
height: 36vw;
background-repeat: no-repeat;
background-size: contain;
background-image: url(/wp-content/themes/twentynineteen-child/images/carcuro_icon_big.png);
opacity: 0.04; }
#wrapper .item.zusatzboxen .card {
text-align: left !important;
padding: 27px 20px 3px;
background-color: #fff; }
#wrapper .item.zusatzboxen .card .aufzaehlung {
position: relative;
padding-left: 40px;
margin-bottom: 25px; }
#wrapper .item.zusatzboxen .card .aufzaehlung:before {
content: "";
position: absolute;
background-image: url(/wp-content/themes/twentynineteen-child/images/aufzaehlung.svg);
width: 30px;
height: 30px;
left: 0;
top: -3px; }
#wrapper .item.zusatzboxen .card strong {
font-weight: normal;
color: #0e5ead;
font-size: 20px;
line-height: 0.5; }
#wrapper .item.zusatzboxen .card strong em {
font-style: normal;
font-size: 10.5px;
color: #323232; }
#wrapper .item.funktionen {
box-shadow: 1px 1px 10px 4px rgba(0, 0, 0, 0.04); }
#wrapper .item.funktionen > .row {
border: 0.3px solid #eee; }
#wrapper .item.funktionen .col-md-6 {
padding: 0;
border: 0.3px solid #ededed; }
#wrapper .item.funktionen .col-md-6 .col-md-3 {
padding: 0 10px 0 15px; }
#wrapper .item.funktionen .card {
text-align: left;
padding: 27px 20px 3px;
margin: 0;
box-shadow: none;
border: none;
min-height: 100%;
border-bottom: 3px solid #fff;
background-color: #fff; }
#wrapper .item.funktionen .card img {
transition: all ease 0.3s; }
@media (max-width: 767px) {
#wrapper .item.funktionen .card img {
max-width: 177px; } }
#wrapper .item.funktionen .card:hover {
box-shadow: 0px 1px 14px rgba(99, 194, 222, 0.4); }
#wrapper .item.funktionen .card:hover img {
transform: translateY(-5px); }
#wrapper .item.funktionen .card .aufzaehlung {
position: relative;
padding-left: 40px;
margin-bottom: 25px; }
#wrapper .item.funktionen .card .aufzaehlung:before {
content: "";
position: absolute;
background-image: url(/wp-content/themes/twentynineteen-child/images/aufzaehlung.svg);
width: 30px;
height: 30px;
left: 0;
top: -3px; }
#wrapper .item.funktionen:first-of-type::after {
content: "";
z-index: -1;
position: absolute;
right: -23vw;
width: 36vw;
bottom: -54%;
height: 36vw;
background-repeat: no-repeat;
background-size: contain;
background-image: url(/wp-content/themes/twentynineteen-child/images/carcuro_icon_big.png);
opacity: 0.04; }
#wrapper .item.funktionen:hover {
border-bottom: none; }
#wrapper .item.faqss {
margin-bottom: 10px; }
#wrapper .item.faqss .accordion {
position: relative;
margin-bottom: 1rem; }
#wrapper .item.faqss .accordion.no-function {
border-bottom: none;
border-top: none; }
#wrapper .item.faqss .accordion .toggletext {
font-size: 15px;
padding: 2rem 2rem 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #0c5196;
border-top: none; }
#wrapper .item.faqss .accordion .toggletext p {
font-size: 15px; }
#wrapper .item.faqss .accordion .toggler {
font-weight: 500;
padding: 1.5rem 5rem 1.5rem 2rem;
background-size: 3.6rem 2.5rem;
background-position: right 0 center;
background-repeat: no-repeat;
cursor: pointer;
font-size: 16px;
line-height: 1.2;
display: block;
background-color: rgba(12, 81, 150, 0.11);
border-radius: 5px;
border: 1px solid #0c5196;
transition: all 0.4s; }
#wrapper .item.faqss .accordion .toggler::after {
content: " ";
position: absolute;
opacity: 0.6;
right: 10px;
top: 0.8rem;
height: 34px;
width: 34px;
background-size: 9px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(/wp-content/themes/twentynineteen-child/images/chevron.svg);
border-radius: 50%;
background-color: transparent;
transform: rotate(90deg);
transition: all 0.4s; }
#wrapper .item.faqss .accordion .toggler:hover:not(.active)::after {
opacity: 1; }
#wrapper .item.faqss .accordion .toggler.active {
border-bottom: 1px solid #5295af;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
#wrapper .item.faqss .accordion .toggler.active::after {
opacity: 1;
transform: rotate(0deg); }
.burgermenu-background {
display: none; }
button.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent !important;
border: none !important;
border-radius: 0.25rem;
margin-left: auto;
float: right !important;
border-color: #888 !important;
color: #444 !important;
border-radius: 0;
padding: 0 !important;
margin-top: 27px !important;
margin-right: 0 !important; }
@media (max-width: 767px) {
button.navbar-toggler {
margin-top: 18px !important; } }
button.navbar-toggler i {
font-size: 31px; }
@media (min-width: 1200px) {
.burgericon {
display: none !important; } }
.mobilemenu-background {
left: 100%;
transition: all ease-out 0.3s;
display: block;
position: fixed;
width: 100%;
height: 100%;
background: white;
z-index: 100;
opacity: 1; }
@media (max-width: 1200px) {
body #wrapper .mainmenu {
transition: all ease-out 0.3s;
left: 100%;
display: block;
position: absolute;
width: 100%;
top: 90px;
opacity: 1; }
body #wrapper .mainmenu li {
position: relative;
border-top: 0.1rem solid #e3e3e3;
width: 100%;
height: auto;
padding: 0; }
body #wrapper .mainmenu li a {
border-bottom: none;
text-align: left;
padding: 1.2rem 0;
margin: 0px 18px;
color: #676767; } }
body.mobilemenu-open #wrapper .mobilemenu-background {
display: block;
left: 0%; }
body.mobilemenu-open #wrapper .mainmenu {
left: 0%; }
@media (max-width: 767px) {
body.mobilemenu-open #wrapper .mainmenu {
top: 69px; } }
body.mobilemenu-open #wrapper .mainmenu ul.sub-menu.open {
display: block;
position: static;
opacity: 1;
margin-top: 0;
width: auto;
background: transparent;
margin-left: 18px;
height: auto;
box-shadow: none; }
body.mobilemenu-open #wrapper .mainmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
border-left: 0.1rem solid #e3e3e3;
height: 4.6rem;
width: 4.6rem;
cursor: pointer;
display: block; }
body.mobilemenu-open #wrapper .mainmenu .submenu-button:before {
position: absolute;
top: 1.9rem;
right: 2.2rem;
width: 0.2rem;
height: 0.8rem;
display: block;
background: #646464;
content: ""; }
body.mobilemenu-open #wrapper .mainmenu .submenu-button:after {
position: absolute;
top: 2.2rem;
right: 1.9rem;
width: 0.8rem;
height: 0.2rem;
display: block;
background: #646464;
content: ""; }
body.mobilemenu-open #wrapper .mainmenu .submenu-button.open:before {
display: none; }
body.mobilemenu-open #wrapper .mainmenu .sub-menu .submenu-button {
width: 3.5rem; }
body.mobilemenu-open #wrapper .mainmenu .sub-menu .submenu-button:before {
right: 1.6rem; }
body.mobilemenu-open #wrapper .mainmenu .sub-menu .submenu-button:after {
right: 1.3rem; }
.category-4 .terms {
display: none; }
body.home main {
margin-top: 0 !important; }