@charset "UTF-8";
/*!
Theme Name: RR Theme
Theme URI: http://riester-renten.org
Author: heischmedia GmbH
Author URI: http://heischmedia.com
Description: RR Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vo
Tags:

RR Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Elemente
# Navigation
  ## Menus
# Header
# Typographie
# Blog
# Accessibility
# Alignments
# Clearings
# Widgets
# Sidebars
# Footer
# Media
  ## Captions
  ## Galleries
# Responsive
 */

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/rr/fonts/roboto/roboto-thin-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/rr/fonts/roboto/roboto-regular-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/rr/fonts/roboto/roboto-medium-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/rr/fonts/roboto/roboto-bold-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/rr/fonts/roboto/roboto-regular-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

div.icon-text {
  font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  font-size: 15px;
  line-height: 24px;

  margin: 0;

  text-rendering: optimizeLegibility;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;

  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;

  height: 0;
}

[hidden],
template {
  display: none;
}

a:focus {
  outline: none !important;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;

  position: relative;

  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;

  margin: 0;

  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;

  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;

  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;

  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;

  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Elemente
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  font-weight: 400;

  padding: 10px;

  color: #484848;
  border: 1px solid #e2eaf5;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #484848;
  border-color: #003572;
  outline: none;
}

select {
  border: 1px solid #003572;
}

textarea {
  width: 100%;
}

/* Comments */
#comments #reply-title {
  font-size: 25px;
  font-weight: 400;
}

#commentform input[type="submit"] {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;

  display: inline-block;

  margin-bottom: 0;
  padding: 8px 10px;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;

  color: white;
  border: 1px solid transparent;
  border-radius: 2px;
  background: #003572;
  background-image: none;

  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
#commentform input[type="submit"]:hover {
  background: #0059bf;
}

#commentform textarea {
  max-width: 100%;
  padding: 15px;

  color: #484848;
  border: 1px solid #e2eaf5;
}
#commentform textarea:focus {
  border-color: #003572;
  outline: none;
}

#comments .children {
  margin-top: 25px;
  margin-left: 0;

  list-style: none;
}

#respond-inputs {
  margin-bottom: 30px;
}

#respond-inputs p {
  margin: 0;
  padding: 0;
}

#respond-inputs input {
  display: inline;
  float: left;

  max-width: 230px;
  margin-right: 30px;
}

#respond-inputs .last input {
  margin-right: 0;
}

/* Forms */
.wpcf7-form input[type="submit"] {
  padding: 10px 26px;

  color: white;
  border: none;
  background: #003572;
}
.wpcf7-form input[type="submit"]:hover {
  background-color: #001d3f;
}

div.wpcf7-validation-errors {
  border: 2px solid #003572;
}

div.wpcf7-response-output {
  margin: 2em 0 2em;
  padding: 15px;
}

div.wpcf7-mail-sent-ok {
  border: 0;
  background: #c5ce00;
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;

  border-spacing: 0;
  border-collapse: collapse;
}

table tbody tr:first-child {
  color: white;
  background: #003572 !important;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  line-height: 1.42857143;

  padding: 8px;

  vertical-align: top;

  border-top: 1px solid #ddd;
}

table > tbody > tr:nth-of-type(2n+1) {
  background-color: #f9f9f9;
}

/* Finanzen.de Fix */
#fde table tbody tr:first-child {
  background: transparent !important;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

ul.check li::before {
  font-family: "FontAwesome";

  padding-right: 10px;

  content: "\f00c";

  color: #c5ce00;
}


ul.check li {
  line-height: 1.3;

  margin-bottom: 15px;

  list-style: none;
}

ul.check {
  padding-left: 50px;

  text-indent: -25px;
}








#topten ol {
  padding: 0;
}

#topten ol li {
  margin-bottom: 10px;
  padding-bottom: 10px;

  list-style: none;

  counter-increment: item;

  border-bottom: 1px solid #e5e5e5;
}

#topten ol li:nth-child(5),
#topten ol li:nth-child(10) {
  border-bottom: 0;
}

#topten ol li::before {
  display: inline-block;

  width: 25px;
  margin-right: 10px;

  content: counter(item);
  text-align: center;

  color: white;
  border-radius: 100%;
  background: #c2ad6f;
}

html {
  box-sizing: border-box;
}

body {
  background: #eff3f7;
  background:    -moz-linear-gradient(-45deg, #eff3f7 0%, #e1eaf4 65%, #ebf1f8 65%, #e1eaf4 100%);
  background: -webkit-linear-gradient(-45deg, #eff3f7 0%, #e1eaf4 65%, #ebf1f8 65%, #e1eaf4 100%);
  background:         linear-gradient(135deg, #eff3f7 0%, #e1eaf4 65%, #ebf1f8 65%, #e1eaf4 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff3f7', endColorstr='#e1eaf4',GradientType=1 );
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

blockquote,
q {
  quotes: "" "";
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote {
  border-left: 5px solid #003572;
}

hr {
  height: 1px;
  margin-bottom: 1.5em;

  border: 0;
  background-color: #dadada;
}

img {
  max-width: 100%;
  height: auto;
}

.entry-content img.aligncenter {
  margin: 30px 0;
}

.list-inline {
  margin: 0;
  padding-left: 0;

  list-style: none;
}

iframe {
  margin: 30px 0;
}

.divider-inline li:first-child:before,
#footer--navigation .menu li:first-child:before {
  display: none;
}

.color {
  color: #003572;
}

.edit-link a {
  display: block;

  color: #bbb;
}

.rr-list {
  margin: 25px 0;
  padding-left: 15px;

  list-style: none;
}

.rr-list li:before {
  margin-right: 8px;
  padding: 10px 10px 10px 6px;

  content: "";

  background: var(--wpr-bg-e1d8866a-7d0c-4534-9d76-262cdca2a27a) no-repeat center center;
}

#cta {
  position: fixed;
  z-index: 9999;
  bottom: 0;

  width: 100%;

  background: #003572;
}

#cta .container {
  font-size: 20px;

  padding: 15px !important;

  color: white;
}

.cta-btn .btn {
  font-size: 18px;

  margin-top: 10px;
  padding: 15px 0;

  border: none;
  border-color: #c5ce00;
  background: #c5ce00;
  box-shadow: 0 5px 0 #979e00;
}
.cta-btn .btn:hover,
.cta-btn .btn:focus,
.cta-btn .btn:active {
  border: none;
  background: #949b00;
}

.cta-text {
  height: 80px;
}

.cta-btn .btn i {
  font-size: 26px;

  vertical-align: bottom;
}

.cta-text p {
  position: relative;
  top: 50%;

  margin: 0;
  padding: 0;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cta-text img {
  position: relative;
  top: 50%;

  float: left;

  margin: 0;
  margin-right: 20px;
  padding: 0;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cta-img img {
  position: absolute;
  right: -30px;
  bottom: -110px;

  width: 220px;
}

#cta-close {
  position: absolute;
  z-index: 9999;
  left: 15px;

  padding: 0;

  opacity: 0.6;
  border: none;
  background: transparent;
}

#cta-close:hover {
  opacity: 1;
}

#vo--themen {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px;

  border-bottom: 3px solid #003572;
  background: #bbb;
}

#vo--themen ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

#vo--themen ul li::before {
  font-family: "FontAwesome";

  padding-right: 15px;

  content: "\f0da";

  color: #003572;
}

#vo--themen img {
  margin-top: 10px;
}

#vo--themen p {
  margin: 0;
  padding: 0;
}

/* Versicherungsvergleich Callout */
#cta-vergleich .container {
  padding-top: 0!important;
}
.callout {
  display: block;
  clear: both;

  margin: 0;
  padding: 35px;

  text-align: center;

  border: 1px solid #bccfe8;
  background: #e2eaf5;
}

.callout .callout-text {
  font-size: 24px;
  font-weight: 700;

  display: inline-block;
  float: left;

  text-align: left;

  color: #484848;
}

.callout .callout-button {
  position: relative;

  display: inline-block;
  float: right;
}

.callout .button {
  font-size: 18px;
  font-weight: 400;

  display: block;

  padding: 10px 60px;

  color: white;
  background: #003572;
}
.callout .button:hover {
  text-decoration: none;

  background: #0059bf;
}

/* Versicherungsvergleich, Schmale Grafik */
.callout-xs {
  display: block;
  clear: both;

  margin: 0;
  margin-bottom: 30px;

  text-align: center;

  border: 1px solid #949b00;
  background: #c5ce00;
}

.callout-xs + p,
p + .callout-xs {
  margin-top: 30px;
}

.callout-xs .callout-img {
  position: relative;
  z-index: 8000;

  display: block;

  padding: 15px;

  background: white;
}

.callout-xs .callout-img img {
  max-height: 50px;
}

.callout-xs a.button {
  font-size: 20px;
  font-weight: 700;

  display: block;

  padding: 15px 0;
}
.callout-xs a.button:hover {
  text-decoration: none;

  color: white;
  border: none;
  background: #949b00;
}

/* Rechenbeispiel */
.rechenbeispiel {
  margin: 15px 0;
  padding: 35px;

  background: #c5ce00;
}

.rechenbeispiel .headline {
  line-height: 35px;

  margin: 0;
  margin-bottom: 25px;
  padding-bottom: 25px;
  padding-left: 30px;

  color: #484848;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.rechenbeispiel-text li {
  list-style: none;
}

.rechenbeispiel-text li:before {
  font-family: "FontAwesome";

  padding-right: 15px;

  content: "\f0da";

  color: #003572;
}

.rechenbeispiel-text table {
  margin: 25px 0;
}

.rechenbeispiel-text table th {
  font-weight: 400;

  color: white;
  background: #003572;
}

.rechenbeispiel-text table tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.45) !important;
}

.rechenbeispiel-text table tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.3);
}

.rechenbeispiel-text table th,
.rechenbeispiel-text table td {
  padding: 5px;

  border: 0 !important;
}

.rechenbeispiel::before {
  font-family: "FontAwesome";
  font-size: 26px;
  line-height: 53px;

  position: absolute;
  z-index: 999;
  left: -12px;

  width: 60px;
  height: 60px;

  content: "\f1ec";
  text-align: center;

  color: white;
  border: 3px solid #fff;
  border-radius: 100%;
  background: #c5ce00;
}

/* Metrikenbox */
.metrikenbox table th {
  max-width: 100px;

  color: white;
  background: #003572;
}

.metrikenbox .metriken-title {
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;

  color: white;
}

.metrikenbox table tr:nth-child(even) {
  background: #e2eaf5;
}

.metrikenbox table tr:nth-child(odd) {
  background: white;
}

.metrikenbox table th,
.metrikenbox table td {
  padding: 6px 15px;
}

.metrikenbox table span {
  display: inline-block;

  width: 20px;
}

/* Anbietergrafik */
.anbietergrafik {
  display: block;
  clear: both;

  margin: 0;
  margin-bottom: 30px;
  padding: 15px;

  text-align: center;

  border: 1px solid #bccfe8;
  background: #e2eaf5;
}

.anbietergrafik-betrag {
    font-size: 30px;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

.anbieterlogo img {
  max-width: 100px;
}

.screenshot {
  display: inline-block;

  margin: 0 5px;
  padding: 10px;

  vertical-align: top;

  border: 2px solid #e5e5e5;
  background: white;
}

.anbieterlogo {
  display: inline-block;

  width: auto;
  margin: 0 5px;
  padding: 10px;

  vertical-align: top;

  border: 2px solid #e5e5e5;
  background: white;
}

.auszeichnungen img {
  max-width: 70px;
  margin-right: 2px;
}

.auszeichnungen img:last-child {
  margin-right: 0;
}

.auszeichnungen h5 {
  font-weight: 500;

  margin-top: 0;
  padding: 5px 10px;

  color: white;
  background: #c5ce00;
}

.auszeichnungen {
  display: inline-block;

  margin: 0 5px;

  text-align: left;
}

.divider {
  display: inline-block;

  width: 2px;
  height: 124px;
  margin: 0 15px;

  vertical-align: top;

  background: #ccc;
}

/* fazitbox */
.fazitbox {
  margin: 30px 0;

  background: #e2eaf5;
}

.fazitbox .headline {
  margin: 0;
  padding: 8px 15px;

  color: white;
  background: #003572;
}

.fazitbox .fazitbox-text {
  padding: 25px 25px 25px 25px;
}

.fazitbox-text li {
  list-style: none;
}

.fazitbox-text li:before {
  font-family: "FontAwesome";

  padding-right: 15px;

  content: "\f0da";

  color: #003572;
}

.fazitbox-text table {
  margin: 25px 0;
}

.fazitbox-text table th {
  color: white;
  background: #003572;
}

.fazitbox-text table tr:nth-child(even) {
  background: #e2eaf5;
}

.fazitbox-text table tr:nth-child(odd) {
  background: white;
}

.fazitbox-text table th,
.fazitbox-text table td {
  padding: 5px;
}

/* Ratgeber Beiträge */
.vc_gitem-zone-c .vc_gitem-col .vc_gitem-zone img {
  max-height: 135px;
}

.vc_gitem-zone-c .vc_gitem-col {
  min-height: 310px;
  padding: 5px 15px 15px 15px !important;
}

.vc_gitem-zone-c .vc_gitem-col h4 {
  line-height: 1.4;

  color: #003572;
}

.vc_gitem-zone-c .vc_gitem-col .readmore {
  font-weight: 700;

  color: #003572;
}

.vc_gitem-zone-c .vc_gitem-col .vc_gitem-post-data {
  font-weight: 300;
  line-height: 1.4;
}

/* Infobox */
.infobox {
  margin: 30px 0;
  padding: 25px;

  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #e2eaf5;
}

.infobox:before {
  font-family: "FontAwesome";
  font-size: 26px;
  line-height: 53px;

  position: absolute;
  z-index: 999;
  left: -12px;

  width: 60px;
  height: 60px;

  content: "\f129";
  text-align: center;

  color: white;
  border: 3px solid #fff;
  border-radius: 100%;
  background: #c5ce00;
}

.infobox.blau {
  color: white;
  background: #003572;
}

.infobox.blau:before {
  background: #003572;
}

.infobox.gruen {
  background: #c5ce00;
}

.infobox.rot {
  background: rgba(0, 0, 0, 0.1);
}

.infobox.rot:before {
  background: #cf000f;
}

.infobox .headline {
  margin: 0;
  padding: 8px 15px;

  color: white;
  background: #003572;
}

.infobox-text li {
  list-style: none;
}

.infobox-text li:before {
  font-family: "FontAwesome";

  padding-right: 15px;

  content: "\f0da";

  color: #003572;
}

.infobox-text table {
  margin: 25px 0;
}

.infobox-text table th {
  color: white;
  background: #003572;
}

.infobox-text table tr:nth-child(even) {
  background: #e2eaf5;
}

.infobox-text table tr:nth-child(odd) {
  background: white;
}

.infobox-text table th,
.infobox-text table td {
  padding: 5px;
}

#toc_container {
  display: table;

  width: 100%;
  margin-top: 30px;
  margin-bottom: 1em;

  background: #e2eaf5;
}

#toc_container p.toc_title {
  font-size: 18px;
  font-weight: 300;

  margin-bottom: 0;
  padding: 8px 15px;

  color: white;
  background: #003572;
}

#toc_container li,
#toc_container ul {
  margin: 0;
  padding: 0;
}

#toc_container ul {
  padding: 25px;
}

#toc_container li {
  margin-bottom: 4px;
  padding-bottom: 2px;

  list-style: none;
  list-style-type: none;

  border-bottom: 1px solid #a5b3c8;
  background: 0 0;
}

#toc_container li:before {
  font-family: "FontAwesome";

  padding-right: 10px;

  content: "\f064";

  color: #003572;
}

#toc_container li:last-child {
  border-bottom: 0;
}

#toc_container .toc_list .toc_depth_1 {
  display: none;
}

#toc_container .toc_number::after {
  content: ".";
}

#toc_container .toc_list li > a {
  color: #484848;
}

.toc_list li > a:hover {
  color: #c5ce00;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.navbar {
  margin: 0;
  margin-top: 30px;

  border: 0;
  background: #bec6d8;
  background:    -moz-linear-gradient(top, #bec6d8 0%, #e3e5f7 100%);
  background: -webkit-linear-gradient(top, #bec6d8 0%, #e3e5f7 100%);
  background:         linear-gradient(to bottom, #bec6d8 0%, #e3e5f7 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec6d8', endColorstr='#e3e5f7',GradientType=0 );
}

.navbar-nav {
  width: 100%;
}

.navbar-nav > li > a {
  font-size: 16px;
  font-weight: 400;

  color: #484848;
  border-bottom: 4px solid transparent;
}

.navbar-nav > .menu-item-home i {
  color: #003572;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  color: #484848;
  background: rgba(255, 255, 255, 0.3);
}

.navbar-nav > li.current_page_item > a {
  border-color: #003572;
  background: rgba(255, 255, 255, 0.3);
}

.navbar-nav > .current-menu-ancestor a {
  color: white !important;
}

.navbar-nav > .current-menu-ancestor ul li a {
  color: inherit !important;
}
.navbar-nav > .current-menu-ancestor ul li.current-menu-item a,
.navbar-nav > .current-menu-ancestor ul li a:hover {
  color: white !important;
}

/* Mobile Toggle */
.navbar-toggle .icon-bar {
  display: block;

  width: 30px;
  height: 4px;

  border-radius: 0;
  background: #003572;
}

.navbar-toggle:hover {
  background: #003572;
}

.navbar-toggle:hover .icon-bar {
  background: white;
}

.navbar-toggle {
  position: relative;

  float: right;

  margin: 0;
  margin-top: 0;
  padding: 15px;

  border: 0 solid transparent !important;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none !important;
}

/* Dropdown */
.navbar-nav > li > .dropdown-menu {
  min-width: 300px;
  margin: 0;
  padding: 0;

  border-top: 3px solid #003572;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  background: #bec6d8;
  background:    -moz-linear-gradient(top, #bec6d8 0%, #e3e5f7 100%);
  background: -webkit-linear-gradient(top, #bec6d8 0%, #e3e5f7 100%);
  background:         linear-gradient(to bottom, #bec6d8 0%, #e3e5f7 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec6d8', endColorstr='#e3e5f7',GradientType=0 );
}

.navbar-nav > li > .dropdown-menu li a {
  font-size: 14px;

  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
}

.navbar-nav > li > .dropdown-menu li {
  border-bottom: 1px solid #a5b3c8;
}

.navbar-nav > li > .dropdown-menu li:last-child {
  border-bottom: 0;
}

.navbar-nav > li > .dropdown-menu li a:hover {
  color: white;
  background: #003572;
}

.current-menu-ancestor {
  background: #003572;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#vo--top {
  line-height: 60px;

  position: relative;
  z-index: 100;

  min-height: 60px;

  color: #bbb;
  background: white;
  box-shadow: 0 1px 1px rgba(72, 72, 72, 0.2);
}

#vo--top .btn {
  font-size: 12px;
}

#vo--top .btn:hover,
#vo--top .btn:focus,
#vo--top .btn:active {
  color: white;
  border-color: #c5ce00;
  background: #c5ce00;
}

/* Suche */
.rr-suche #searchform {
  position: relative;

  margin-top: 10px;
  margin-left: 50px;
}

.rr-suche #searchform input[type="text"] {
  font-size: 12px;

  position: relative;
  top: 0;

  width: 200px;
  padding: 6px 30px;

  transition: 0.5s ease-in;

  border: 2px solid #a5b1c7;
  border-radius: 50px;
  background: transparent;
}

.rr-suche #searchform input[type="text"]:focus {
  width: 230px;

  background: white;
}

.rr-suche #searchform .icon {
  font-size: 16px;
  line-height: 32px;

  position: absolute;
  z-index: 1;
  top: 0;
  left: 10px;

  color: #003572;
}

/* Header */
#vo--header {
  padding-top: 30px;

  background: #e2eaf5;
}

/* Siegel */
.siegel {
  display: inline-block;
  float: right;

  width: 270px;
  margin-top: 15px;
}

.siegel span {
  float: left;

  margin-right: 15px;
}

.siegel .icon-text {
  line-height: 1.2;

  text-align: left;
}

.siegel .icon-text p {
  margin: 0;
}

.siegel .icon-text .highlight {
  font-size: 18px;
  font-weight: 700;
}

.siegel:last-child {
  width: 245px;
  margin-right: 25px;

  border-right: 1px solid #bbb;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* Startseite */
.home #content .container {
  padding-top: 0;
}

.content-area {
  background-color: white;
}

.home .introbild {
  position: absolute;
  top: 35px;
  right: -275px;
}

#intro li {
  font-size: 16px;
  line-height: 2;

  list-style: none;
}

#intro ul {
  padding-left: 0;
}

#intro li:before {
  font-family: "FontAwesome";
  font-size: 20px;

  padding-right: 10px;

  content: "\f046";
  vertical-align: middle;

  color: #003572;
}

#intro .vc_custom_heading {
  font-weight: 700;
}

#intro .vc_btn3 {
  font-size: 18px;
}

#intro .vc_btn3:hover {
  background: #003572 !important;
}

#intro .vc_btn3 i {
  font-size: 20px;
}

#primary .container {
  padding: 40px 15px;

  background: white;
}

.error404 #primary .container {
  background: white var(--wpr-bg-5e6f9e47-84db-4eeb-8448-d73c4cc84365) no-repeat center right;
}

.space {
  margin-bottom: 50px !important;
}

/* Visual Composer */
/* Tabs */
.vc_tta.vc_general .vc_tta-panel-title {
  font-size: 15px;
  font-weight: 400;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
  border-color: #003572 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
  background-color: #fff !important;
}

/* Snippet Box */

#snippet-box {
  font-size: 15px!important;

  position: relative;

  overflow: hidden;

  width: 100%!important;

  border: none!important;
  background: #e2eaf5 !important;
}
#snippet-box .snippet-title {
  font-size: 20px !important;
  font-weight: 300;

  padding-left: 15px;

  color: white !important;
  border: none !important;
  background: #003572 !important;
}
#snippet-box  .snippet-label {
  font-size: 15px;
}

/* Workaround */

.vc_toggle #snippet-box {
  display: none!important;
}



/*--------------------------------------------------------------
# Typographie
--------------------------------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  margin-top: 30px;
  margin-bottom: 20px;

  color: #003572;
}

h1,
.h1 {
  font-size: 28px;
}

h2,
.h2 {
  font-size: 24px;
}

h3,
.h3 {
  font-size: 20px;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.entry-title {
  margin-bottom: 5px;
}

.entry-header {
  margin-bottom: 15px;
}

.page-title {
  margin-top: 0;
  margin-bottom: 5px;
}

.site-main article {
  margin-bottom: 25px;
}

.site-main article.search {
  margin-bottom: 25px;
  padding: 15px;
  padding-bottom: 30px;

  border: 3px solid #e2eaf5;
}

.site-main article.search:hover {
  background: #e2eaf5;
}

article.rr-blog {
  background: #e2eaf5;
}

.blogroll-wrapper {
  padding: 15px;

  background: #e2eaf5;
}

.blogroll-wrapper .readmore {
  margin-bottom: 0;
}

.blogroll-wrapper .entry-title {
  margin-top: 0;
  padding-bottom: 10px !important;

  border-bottom: 1px solid #a5b3c8;
}

.blog-img {
  overflow: hidden;

  max-height: 195px;
}

/* VC */
.vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col {
  padding: 0;
}

.gold-list {
  padding: 0;

  list-style: none;
}

.gold-list i {
  color: #c2ad6f;
}

/* Author */
#author-info {
  margin-bottom: 25px;
  padding-bottom: 25px;

  border-bottom: 3px solid #bbb;
}

.author-bio h4 {
  margin-top: 0;
}

.author-image {
  float: left;

  margin-right: 30px;
}

.author-image img {
  max-width: 100px;
}

/* Breadcrumb */
.breadcrumb {
  font-size: 12px;
  line-height: 18px;

  position: relative;
  top: -20px;

  width: 100%;
  margin-bottom: 0;
  padding-left: 25px;

  background: transparent;
}

.breadcrumb::after {
  position: absolute;
  top: 2px;
  left: 0;

  padding: 10px;

  content: "";

  background: var(--wpr-bg-ae7578f1-17ea-4fec-aba5-59bb7f1ad216) no-repeat center center;
}

/* Paginierung */
.navigation {
  margin-top: 30px;
  margin-bottom: 30px;

  text-align: center;
}

.navigation ul {
  margin: 0;
  padding: 0;
}

.navigation li a,
.navigation li span,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  text-decoration: none;
  color: #fff;
}

.navigation li {
  display: inline;
}

.navigation li a,
.navigation li span,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  font-size: 12px;

  padding: 5px 10px;

  cursor: pointer;

  background-color: #003572;
}

.navigation li a:hover,
.navigation .active a,
.navigation .current {
  background-color: #001d3f !important;
}

/* Berufe */
#pkvberufe .wpb_heading.wpb_singleimage_heading {
  font-size: 16px;

  position: absolute;

  display: block;

  padding: 5px 10px;

  color: white;
  background: rgba(0, 177, 207, 0.85);
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  position: absolute !important;

  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);

  width: 1px;
  height: 1px;
}
.screen-reader-text:focus {
  font-weight: bold;
  line-height: normal;

  z-index: 100000;
  top: 5px;
  left: 5px;

  display: block;
  clip: auto !important;

  width: auto;
  height: auto;
  padding: 15px 23px 14px;

  text-decoration: none;

  color: #484848;
  border-radius: 3px;
  background-color: #bbb;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;

  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;

  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  clear: both;

  margin-right: auto;
  margin-left: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  display: table;

  table-layout: fixed;

  content: "";
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Sidebars
-------------------------------------------------------------*/

.sidebar-berufe table tbody tr:first-child {
  color: #333;
  background: none !important;
}
.sidebar-berufe table td {
  border: none;
}

/* VO Previous Posts */
#sidebar .VORatgeber_Widget {
  padding: 15px;
}
.vo--parent-post {
  font-size: 14px;
  line-height: 1.6em;

  display: inline-block;

  padding-bottom: 2px;
}

.vo--parent-post img {
  float: left;

  max-width: 40px;
  margin-top: 5px;
  margin-right: 10px;
}
#sidebar section .widget-title,
.wpb_wrapper section .widget-title {
  margin-bottom: 30px;
}

#sidebar section.widget,
.wpb_wrapper section.widget {
  margin-bottom: 30px;

  border-bottom: 3px solid #003572;
  background: #e2eaf5;
}

#sidebar section.widget .widget-title,
.wpb_wrapper section.widget .widget-title {
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 15px;

  color: white;
  background: #003572;
}

.notiz {
  padding-top: 25px;
}

.notiz a {
  display: block;

  width: 294px;
  height: 180px;

  background: var(--wpr-bg-11add52a-bc06-40b3-aa80-cf04f51614d7) no-repeat;
}

.notiz a:hover {
  background: var(--wpr-bg-8834f624-c339-443c-bc45-a01ed12edbcb) no-repeat;
}

.wpb_wrapper section.widget.widget_text .textwidget p,
#sidebar section.widget.widget_text .textwidget p {
  padding-right: 25px;
  padding-left: 25px;
}

.wpb_wrapper section.widget.widget_text .textwidget p:first-child,
#sidebar section.widget.widget_text .textwidget p:first-child {
  padding-top: 25px;
}

.wpb_wrapper section.widget.widget_text .textwidget p:last-child,
#sidebar section.widget.widget_text .textwidget p:last-child {
  padding-bottom: 25px;
}

#sidebar section.widget_text .textwidget .personengruppen {
  padding-bottom: 25px;
}

#sidebar section.widget_categories ul,
#sidebar section.widget_recent_entries ul,
#sidebar section.widget.widget_meta ul,
#sidebar section.widget.widget_nav_menu ul,
#sidebar section.widget.widget_text ul,
.wpb_wrapper section.widget.widget_meta ul,
.wpb_wrapper section.widget.widget_nav_menu ul,
.wpb_wrapper section.widget_categories ul,
.wpb_wrapper section.widget.widget_text ul,
.wpb_wrapper section.widget_recent_entries ul {
  margin: 0;
  padding: 25px;
  text-align: left;

  list-style: none;
}

#sidebar section.widget_categories li,
#sidebar section.widget_recent_entries li,
#sidebar section.widget.widget_nav_menu li,
.wpb_wrapper section.widget_categories li,
#sidebar section.widget.widget_text ul li,
.wpb_wrapper section.widget.widget_text ul li.
.wpb_wrapper section.widget.widget_nav_menu li,
.wpb_wrapper section.widget_recent_entries li {
  line-height: 18px;

  margin-bottom: 10px;
  padding-bottom: 10px;

  text-align: left;

  border-bottom: 1px solid #a5b3c8;
}

#sidebar section.widget_categories li:before,
#sidebar section.widget.widget_nav_menu li:before,
.wpb_wrapper section.widget_categories li:before,
#sidebar section.widget.widget_text ul li:before,
.wpb_wrapper section.widget.widget_text ul li:before,
.wpb_wrapper section.widget.widget_nav_menu li:before {
  margin-right: 8px;
  padding: 10px 10px 10px 6px;

  content: "";

  background: var(--wpr-bg-96a95023-f4e4-495a-bb42-857281828159) no-repeat center center;
}

#sidebar section.widget_categories li:last-child,
#sidebar section.widget_recent_entries li:last-child,
#sidebar section.widget.widget_nav_menu li:last-child,
.wpb_wrapper section.widget_categories li:last-child,
#sidebar section.widget.widget_text ul li:last-child,
.wpb_wrapper section.widget.widget_text ul li:last-child;
.wpb_wrapper section.widget_recent_entries li:last-child,
.wpb_wrapper section.widget.widget_nav_menu li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;

  border: none;
}

.wrap {
  z-index: 0;
  top: 0;

  display: inline;

  max-width: 60em;
  margin: 0 auto;

  vertical-align: top;
}

.sticky .wrap {
  position: fixed;
  /*position:-webkit-sticky;*/

  display: block;
}

.at-bottom .wrap {
  position: absolute;
  top: inherit;
  bottom: 0;
}

.sticky .sidebar {
  margin-left: 75%;
}

.sticky-stop {
  clear: both;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#vo--footer {
  font-weight: 300;

  background: #003572 var(--wpr-bg-db86d8ee-9a11-4c5f-a1fa-92876fff207b) no-repeat bottom right;
}

#vo--footer .rr-boxed {
  padding-top: 30px;
  padding-bottom: 30px;
}

#vo--footer .footer--widgets h4 {
  font-size: 22px;
  font-weight: 300;

  margin-bottom: 18px;

  color: white;
}

#vo--footer .footer--widgets h4::after {
  display: block;

  width: 60px;
  margin-top: 10px;

  content: "";

  border-bottom: 2px solid #c5ce00;
  background: white;
}

/* Recent Entries */
#vo--footer .footer--widgets .widget_recent_entries li {
  line-height: 18px;

  margin-bottom: 5px;
  padding-bottom: 5px;

  border-bottom: 1px solid rgba(250,250,250,0.2);
}

#vo--footer .footer--widgets .widget_recent_entries li:last-child {
  border-bottom: none;
}

#vo--footer .footer--widgets .widget_recent_entries li:before {
  font-family: "FontAwesome";

  padding-right: 5px;

  content: "\f0da";

  color: #fff;
}

#vo--footer .footer--widgets .widget_recent_entries li span {
  font-size: 10px;

  display: block;

  padding-top: 5px;

  text-align: left;

  color: #ccc;
}

#footer--navigation {
  line-height: 50px;

  min-height: 50px;

  color: white;
  background: white;
}

#vo--footer ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

#vo--footer .textwidget p,
#vo--footer .widget a {
  font-weight: 300;
  line-height: 1.6;

  color: white;
}

#vo--footer .textwidget ul li {
  border: 0;
}

#vo--footer .textwidget ul li::before {
  display: none;
}

#vo--footer .menu li {
  line-height: 32px;
}

#vo--footer .menu li::before {
  font-family: "FontAwesome";

  margin-right: 15px;
  padding: 10px;

  content: "";

  background: var(--wpr-bg-46aa374c-2ccf-45f5-9ff7-21fc708bb04a) no-repeat center center;
}

.vo--social li {
  font-size: 24px;

  color: white;
}

#footer--navigation .copyright a {
  color: #c5ce00;
}

#footer--navigation .menu,
#footer--navigation p {
  margin: 0;
  padding: 0;

  color: #003572;
}

#footer--navigation .menu li {
  display: inline;

  list-style: none;
}

#footer--navigation .menu li a {
  color: #003572;
}

/* Scroll */
#vo--scroll {
  font-size: 24px;
  line-height: 50px;

  position: fixed;
  z-index: 9999;
  right: 100px;
  bottom: 50px;

  display: none;

  width: 50px;
  height: 50px;

  text-align: center;

  color: white;
  background-color: #c5ce00;
}

#vo--scroll:hover {
  color: white;
  background-color: #003572;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;

  border: none;
}

embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  max-width: 100%;
  padding-bottom: 15px;

  border: 2px solid #e5e5e5;
}
.wp-caption img[class*="wp-image-"] {
  display: block;

  margin-right: auto;
  margin-left: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;

  width: 100%;

  text-align: center;
  vertical-align: top;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  #vo--scroll {
    right: 0;
  }

  #sidebar {
    width: 284px;
  }
  .siegel .icon-text .highlight,
  .siegel .icon-text {
    font-size: 14px;
  }
  .siegel {
    width: 230px;
  }
}

/* Tablet Fix */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .rr-suche #searchform {
    position: absolute;
    right: -80px;

    margin-top: 0;
    margin-left: 0;
  }
  .rr-suche #searchform input[type="text"] {
    font-size: 12px;

    position: relative;
    top: 0;

    width: 50px;
    height: 54px;
    padding: 5px 40px;

    transition: 0.5s ease-in;

    border: 0 solid #a5b1c7;
    border-radius: 0;
    background: #003572;
  }
  .rr-suche #searchform .icon {
    font-size: 24px;
    line-height: 52px;

    color: #fff;
  }

  .rr-suche #searchform input[type="text"]:focus {
    width: 400px;

    color: white;
    background: #003572;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .nav > li > a {
    font-size: 14px;

    padding: 15px 10px;
  }
  .vo--vorteile {
    display: none;
  }

  .sticky .wrap,
  .at-bottom .wrap,
  #sidebar {
    position: static;

    display: block;

    width: 100%;
  }

  .sticky #sidebar {
    width: 100% !important;
    margin-left: 0;
  }

  #respond-inputs input {
    float: none;

    width: 100%;
    max-width: 100%;
    margin: 15px 0 15px 0;
  }

  .siegel,
  .siegel:last-child {
    width: 220px;
  }

  .siegel .icon-text .highlight {
    font-size: 14px;
  }

  #intro .vc_col-sm-2 {
    display: none;
  }

  #intro .vc_custom_heading {
    font-size: 18px !important;
  }

  .home .introbild {
    display: none;
  }

  #intro li {
    font-size: 14px;
    line-height: 1.4;
  }

  #intro .vc_col-sm-6 {
    width: 66.66666667%;
  }

  #intro .vc_col-sm-6 .vc_column-inner {
    padding-left: 15px !important;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .divider-inline li:before {
    display: inline-block;

    padding-right: 15px;

    content: "|";

    color: #e5e5e5;
  }

  #footer--navigation .menu li:before {
    font-weight: 900;

    display: inline-block;

    padding-right: 8px;
    padding-left: 5px;

    content: " | ";

    color: #c5ce00;
  }

  .navbar-nav > li {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
  }

  .navbar-nav > li:last-child {
    float: right;

    border-right: 0;
  }

  .infobox-text {
    padding-left: 30px;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #vo--header {
    text-align: center;
  }

  .rr-suche #searchform input[type="text"] {
    width: 100%;

    text-align: center;
  }

  .rr-suche #searchform {
    margin: 10px;
  }

  .rr-suche #searchform .icon {
    display: none;
  }

  .rr-suche #searchform input[type="text"]:focus {
    width: 100%;

    background: white;
  }

  .navbar-nav {
    margin: 0 -15px;
  }

  #primary .container {
    padding-bottom: 0;
  }


  .copyright {
    font-size: 12px;
    line-height: 24px;

    padding-top: 10px;

    text-align: center;
  }

  #footer--navigation .menu li a {
    display: block;

    margin: 10px 0;

    list-style: none;

    text-align: center;

    background: rgba(12, 12, 12, 0.1);
  }

  #footer--navigation .menu li a:hover {
    background: rgba(12, 12, 12, 0.25);
  }

  .footer--widgets div section {
    margin-bottom: 20px;
    padding: 15px;
  }

  .not-found h2 {
    font-size: 100px;
  }

  .author-image img {
    display: none;
  }

  .entry-img img {
    width: 100%;
  }

  .cta-img img {
    display: none;
  }

  /* VC Tweaks */
  .callout .callout-text {
    display: block;
    float: none;

    max-width: 100%;
    margin-bottom: 20px;

    text-align: center;
  }

  .callout .callout-button {
    display: block;
    float: none;
  }

  .callout-xs {
    max-width: 100%;
    padding: 15px;
  }

  .callout-xs:hover {
    background: none;
  }

  .callout-xs .callout-img img {
    max-height: 30px;
  }

  .callout-xs .callout-img {
    display: block;
    float: none;

    margin-bottom: 20px;
  }

  .callout-xs .callout-button {
    display: block;
    float: none;
  }

  .rechenbeispiel {
    border-radius: 0;
  }

  .callout .button {
    display: block;

    width: 100%;
    padding: 9px;

    text-align: center;
  }

  .rechenbeispiel:before,
  .infobox:before {
    display: none;
  }

  .rechenbeispiel .headline {
    padding-left: 0;
  }

  .anbietergrafik .divider {
    display: none;
  }

  .anbietergrafik .anbieterlogo,
  .anbietergrafik .screenshot,
  .anbietergrafik .auszeichnungen {
    display: block;

    margin-bottom: 15px;
  }

  .cta-text img {
    display: none;
  }

  .cta-text p {
    text-align: center;
  }

  #intro .vc_col-sm-6 {
    width: 100%;
  }

  #intro .vc_btn3-container {
    width: 100%;
  }

  #intro .vc_btn3 {
    width: 100%;
    padding: 10px;

    text-align: center;
  }

  #intro .vc_btn3 i {
    display: none;
  }

  #vo--scroll {
    font-size: 16px;
    line-height: 30px;

    width: 30px;
    height: 30px;
  }
  #intro .vc_column-inner {
    background: rgba(250,250,250,0.76);
  }

  .notiz a {
    overflow: hidden;

    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }

  .callout {
    background: #e2eaf5 var(--wpr-bg-61b73663-371e-477a-b722-7131d7028a60) no-repeat 610px center;
  }

  .fazitbox::before {
    position: absolute;
    z-index: 999;
    left: -16px;

    width: 64px;
    height: 150px;

    background: var(--wpr-bg-098b5072-43ff-41e2-95ec-c9e8e0dc8790) no-repeat center 54px;
  }

  .fazitbox .fazitbox-text {
    padding: 25px 25px 25px 50px;
  }
}
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/* Portrait */
/* Landscape */

.menu-item-has-children:hover > ul {
  display: block;
}

.-level-1 {
  position: relative;
}
.-level-1 ul {
  top: 0;
  right: 0;
  left: auto;
  transform: translateX(100%) translateY(-5px);
}