:root{
  --ciblau: #00589C;
  --ciorange: #F28E00;
  --cihellblau: #cfd8ec;
}

body {
  background-color: #FFFFFF;
  text-align: center;
}

#navigation, #navigation a:link, #navigation a:hover, #navigation a:visited {
  margin: 0px auto;
  width: 700px;
  text-align: left;
  color: #174789;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  font-weight: normal;
  text-decoration: none;
}

/* Montserrat Schriftart einbinden */
  /* montserrat-regular - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/img/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('./assets/img/montserrat-v14-latin-regular_1.eot') format('embedded-opentype'), /* IE6-IE8 */
        url('./assets/img/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('./assets/img/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('./assets/img/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('./assets/img/montserrat-v14-latin-regular.svg') format('svg'); /* Legacy iOS */
    font-display: fallback;
   }

p, span, td {
  color: #000000;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-align: justify;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  line-height: 25px;
}
li {
  font-size: 1.45em;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-align: justify;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  line-height: 25px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* a:visited {
  color: #9c03a00;
} */
p.brotkrumen a:visited {
  color: #F28E00;
}
a img {
  border: 0;
}
body {
  min-width: 1010px;
}
.content-box {
  background: #fff;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
  background: transparent;
  border: 0 none;
  font-size: 100%;
  margin: 0;
  border: 0;
  outline: 0;
  color: #000000;
}
blockquote, q {
  quotes: none
}
table, table td {
  border: none;
  border-collapse: collapse;
  text-align: left;
}
img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

.imgwidth{
  width:75%
}
.boxpic img {
  vertical-align: top;
  max-width: 100%;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
  display: block
}
mark, rp, rt, ruby, summary, time {
  display: inline
}
li {
  margin-bottom: 20px;
  font-size: 17px;
  text-align: left;
}
b {
  color: #4b4a4a;
}
blockquote {
  padding: 0;
  position: relative;
  border-left: none;
  margin: 40px 5% 38px;
  font-style: italic;
  text-align: center;
  color: #00589C;
}
blockquote p {
  color: #f49302;
  font-size: 30px;
  line-height: 31px;
  text-align: center;
}
.blockquote{
  max-width:800px;
}
.blockquote:before{
  content: "“";
  font-size:55px;
  margin:10px;
}
.blockquote:after{
  content: "”";
  font-size:55px;
  margin:10px;
  position: relative;
  top:35px;
}
.container_10 {
  padding: 0;
  position: relative;
}
.displayflex1, .displayflex2, .displayflex5, .displayflex6, .displayflex7 {
  display: flex;
  display: -webkit-flex;
}
.displayflex3 {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.footer-link {
  text-align: left;
}
.footer-links {
  margin-bottom: 20px;
  margin-top: 10px;
}
.container_16:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* .clearfix:before, .clearfix:after, .row:before, .row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after, .clearfix:after {
  clear: both;
}
.row, .clearfix {
  zoom: 1;
} */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
html, body {
  height: 100%;
}
body {
  font: 12px/18px Arial, Helvetica, sans-serif;
  color: rgba(71, 64, 64, 1);
  position: relative;
  min-width: 320px;
}
.main-breadcrumb {
  margin: 0 auto;
  position: relative;
  width: 1124px;
}
.main-nav {
  margin: 0 auto;
  position: relative;
}
.main-header {
  margin: 0 auto;
  position: relative;
}
.main-footer {
  margin: 0 auto;
  width: 1124px;
}
.main {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.content-box {
  background: #fff;
}
header {
  width: 100%;
}
header .content-box {
  padding-top: 17px;
}
.navigation {
  background: url('./assets/img/navigation-tail.gif') center top repeat-x #f0f0f0;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
h1 {
  width: 100%;
  text-align: left;
  font: bold 19px/23px 'Open Sans', sans-serif;
  color: var(--ciblau);
  letter-spacing: -1px;
  word-spacing: 2px;
  margin-bottom: 20px;
  font-size: 35px;
  line-height: 1.1em;
}
.secondary-menu {
  float: left;
  overflow: hidden;
}
.secondary-menu li {
  float: left;
  margin-right: 16px;
  font: 13px/16px Arial, Helvetica, sans-serif;
}
.secondary-menu a {
  text-decoration: none;
  color: #abaaaa;
}
.secondary-menu a:hover {
  text-decoration: underline;
  color: #d10f0f;
}
#content {
  width: 100%;
  margin-top: 3em;
}
#content .content-box {
  padding: 16px 0 27px;
  margin-bottom: 2px;
  position: relative;
  margin: 0 auto;
  width: 1124px;
}
#page1 #content .content-box {
  padding: 20px 0 44px;
}
h2 {
  width: 100%;
  text-align: left;
  color: #00589C;
  letter-spacing: -1px;
  word-spacing: 2px;
  margin-bottom: 30px;
  font-size: 27px;
  margin-top: 50px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 1em;
}
h3 {
  width: 100%;
  text-align: left;
  color: #00589C;
  letter-spacing: -1px;
  word-spacing: 2px;
  margin-bottom: 25px;
  font-size: 24px;
  margin-top: 40px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 1em;
}
h4 {
  width: 100%;
  text-align: left;
  color: #00589C;
  letter-spacing: -1px;
  word-spacing: 2px;
  margin-bottom: 20px;
  font-size: 21px;
  margin-top: 30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 1em;
}
.overlapping-container {
  z-index: 9;
  margin-left: -70px;
  margin-bottom: -100px;
}

.overlapping-container2 {
  z-index: 9;
  margin-left: -70px;
  margin-bottom: -100px;
  margin-top: -170px;
}
.event-titel {
  width: 100%;
  text-align: left;
  color: #00589C;
  letter-spacing: -1px;
  word-spacing: 2px;
  margin-bottom: 10px;
  font-size: 24px;
  margin-top: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 1em;
}
p, .textbox4 label {
  font-size: 17.4px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-align: left;
  line-height: 25px;
  margin-bottom: 18px;
  margin-top: 18px;
}

.textbox6 {
  background-color: #E8ECF6;
  color: black;
  border-radius: 20px;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 4%;
  padding-bottom: 4%;
  text-align: justify;
}

.textbox6 .displayflex2 .content1{
  width:676px;
  text-align:left;
}

.textbox6 .displayflex2 .content2{
  width:307px;
  margin-left:8%;
}

.textbox6 h2{
  margin-top:8px;
  font-size:38px;
}

.textbox6 p{
  font-size:17.4px;
  text-align:left;
  font-weight: 500;
  line-height: 115%;
}



a {
  color: #00589C;
  outline: none;
  cursor: pointer;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.right-content {
  width: 268px;
  background-color: #F5F5F5;
  margin: 0px 10px 10px 32px;
  padding: 10px 10px 15px 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  font-size: 12px;
  float: right;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
}
.right-content1 {
  width: 268px;
  margin: 0px 10px 10px 32px;
  padding: 10px 10px 15px 10px;
  font-size: 12px;
  float: right;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
}
.right-content2 {
  width: 268px;
  background-color: #F5F5F5;
  margin: 0px 10px 10px 32px;
  padding: 10px 10px 15px 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  font-size: 12px;
  float: right;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.ul-right-content {
  margin: 0px;
  padding: 0px;
}
.ul-right-content-h {
  text-align: center;
  font-size: 19px;
  margin-top: 9px;
  color: #00589C;
  font-weight: bold;
}
.ulhaupt {
  list-style-type: none;
  font-size: 17px;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 0px;
  text-decoration: none;
  text-align: left;
}
.ulpractitioner {
  font-size: 16px;
  margin-left: 10px;
  list-style-position: inside;
  padding-left: 5px;
  list-style-type: none;
  margin-bottom: 15px;
  text-align: left;
}
.ulpractitioner_zero {
  font-size: 16px;
  margin-left: 10px;
  list-style-position: inside;
  padding-left: 5px;
  list-style-type: none;
  margin-bottom: 15px;
}
.ulrechts {
  font-size: 16px;
  margin-left: 22px;
  list-style-position: inside;
  padding-left: 5px;
  list-style-type: none;
  margin-bottom: 15px;
  text-align: left;
}
.ulhaupt:hover, .ulunter:hover, .ulpractitioner:hover, .ulpractitioner_zero:hover, .ulrechts:hover, .au:hover {
  background: #E0E0E0;
}
.ulobernavi {
  counter-reset: section;
  margin: 0px;
  padding: 0px;
}
.ulunternavi {
  counter-reset: subsection;
  margin: 0px;
  padding: 0px;
}
.ulpractitioner:before {
  counter-increment: section;
  content: counter(section) ". ";
}
.wrapper-content {
  position: relative;
  text-align: justify;
  overflow: hidden;
}
.flex {
  display: flex;
  display: -webkit-flex;
}

.button-breit {
    background-color: #F28E00;
    font-size: 21px;
    color: #fff;
    border-top: 1px solid #F28E00;
    border-right: 1px solid #F28E00;
    border-left: 1px solid #F28E00;
    border-bottom: 1px solid #F28E00;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 15px 13px 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 484px;
}


.button {
  display: inline-block;
  background-color: #F28E00;
  font-size: 1.5em;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #F28E00;
  border-right: 1px solid #F28E00;
  border-left: 1px solid #F28E00;
  border-bottom: 1px solid #F28E00;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 6px 13px 7px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.buttonad {
  display: inline-block;
  background-color: #F28E00;
  font: bold 24px/15px Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #F28E00;
  border-right: 1px solid #F28E00;
  border-left: 1px solid #F28E00;
  border-bottom: 1px solid #F28E00;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 23px 51px 23px;
}
.button-footer {
  display: inline-block;
  background-color: white;
  color: #232f3f;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 18px;
  margin-right: 100%;
  border: 1px solid white;
  width: 75%;
}
.button2 {
  display: inline-block;
  background-color: #F28E00;
  font-size: 1.45em;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #F28E00;
  border-right: 1px solid #F28E00;
  border-left: 1px solid #F28E00;
  border-bottom: 1px solid #F28E00;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 4px;
  padding: 7px 7px 8px 7px;
  margin-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
}
.button3 {
  display: inline-block;
  background-color: #006699;
  font-size: 1.45em;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #006699;
  border-right: 1px solid #006699;
  border-left: 1px solid #006699;
  border-bottom: 1px solid #006699;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 4px;
  padding: 7px 7px 8px 7px;
  margin-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
}
.button:hover, .buttonad:hover, .button-breit:hover {
  text-decoration: none;
  background-position: center -37px;
  background-color: #1b5671;
  border-color: #1b5671;
  color: #fff;
}
.button span, .buttonad span {
  display: inline-block;
  width: 7px;
  height: 7px;
  overflow: hidden;
  background: url('./assets/img/buton-marker.gif') center top no-repeat;
  vertical-align: 0;
  margin-left: 4px;
}
.button:hover span, .buttonad:hover span {
  background-position: center -36px;
}
.button1 {
  padding: 7px 22px 6px;
}
.textbox4 button {
  display: inline-block;
  background-color: #00589C;
  font-size: 2em;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #00589C;
  border-right: 1px solid #00589C;
  border-left: 1px solid #00589C;
  border-bottom: 1px solid #00589C;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 6px 13px 7px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.textbox4 button:hover {
  text-decoration: none;
  background-position: center -37px;
  background-color: #013258;
  border-color: #013258;
  color: #fff;
}
.link {
  color: #d10f0f;
  text-transform: uppercase;
}
.link-3 {
  text-decoration: none;
  color: #d10f0f;
  font-size: 14px;
}
.link-3:hover {
  color: #444;
}
.box1 {
  border: 1px solid #e9e8e8;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.box2 {
  float: left;
  width: 466px;
  border-radius: 8px;
  background: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  cursor: default;
}
.box2 .indents1 {
  padding: 7px 11px 6px;
}
.box2 span {
  display: block;
  color: #2baccc;
  font-size: 11px;
}
.box2:hover {
  background-color: #d10f0f;
  color: #fff;
}
.box2:hover a, .box2:hover span {
  color: #fff;
}
.box2:hover a:hover {
  text-decoration: underline;
}
.box3 {
  float: left;
  width: 466px;
  border-radius: 8px;
  background: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding-top: 16px;
  text-decoration: none;
}
.box3 .indents1 {
  padding: 7px 11px 6px;
}
.box3 span {
  display: block;
  color: #2baccc;
  font-size: 11px;
}
.box3 h2 {
  text-decoration: none;
  color: #d10f0f;
  font-size: 14px;
}
.box3 p {
  color: rgba(71, 64, 64, 1);
}
.box3:hover {
  background-color: #807F84;
  color: #fff;
}
.box3:hover a, .box3:hover span, .box3:hover h2, .box3:hover p {
  color: #fff;
}
.box3:hover a:hover {
  text-decoration: underline;
}
footer {
  width: 100%;
  padding-top: 1em;
  font: 14px/17px Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #807F84;
  padding-bottom: 1em;
}
footer .contact-info {
  font: 21px/26px 'Open Sans', sans-serif;
  color: #717171;
}
footer .contact-info strong {
  display: inline-block;
  font-weight: normal;
  vertical-align: 0;
}
footer .contact-info span {
  display: inline-block;
  font-size: 36px;
  line-height: 36px;
  color: #42a3c6;
  letter-spacing: -1px;
  vertical-align: -1px;
}
footer .contact-info a {
  text-decoration: none;
  color: #42a3c6;
}
.social-icons {
  padding-top: 1em;
}
.phoneicon {
  width: 20px;
  float: left;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 4px;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.video-width {
  padding-left: 80px;
  padding-right: 80px;
}
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}
.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.center {
  text-align: center !important;
}
.hrstyle {
  background-color: #5DA9C0;
  border: 0;
  height: 1px;
}
#formular {
  font-size: 11pt;
  font-family: Arial, sans-serif;
  font-weight: normal;
  text-align: justify;
  margin-bottom: -4px;
}
#formularad {
  font-size: 17px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  text-align: justify;
  margin-top: 0.00cm;
  margin-bottom: 0.20cm;
}
.broschuere {
  margin-top: 67px;
  margin-left: 20px;
}
.content1a {
  width: 100%;
}
.content1a-footer {
  width: 100%;
}
.content1b {
  width: 100%;
}
.content1b-footer {
  width: 50%;
  margin-right: 20px
}
.content1 {
  width: 25%;
  margin-right: 10px;
  text-align: center;
}
.content2 {
  width: 75%;
  padding-left: 10%;
}
.content2-p {
  margin-top: -7px;
}
.content2a {
  margin-right: 31px;
}
.content2b {
  width: 40%;
  margin-top: -23px;
}
.content3a {
  width: 373px
}
.content4a {
  margin-right: 31px;
  width: 75%
}
.content4b {
  width: 417px;
  margin-top: -23px;
}
.content5 {
  padding-right: 50px;
  margin-top: 23px;
}
.content-align1 {
  width: 38%;
}
.content-align2 {
  width: 25%;
}
.content-align3 {
  width: 37%;
}

.content-60{
  width: 60%;
}

.content-40 {
  width: 40%;
  text-align: center;
  padding-right: 30px;
}

div.content-40 figcaption{
  padding-left: 17px;
}


.rhetorik-backgroundimg {
  background-color: #f5f6f1;
}
.rhetorik-container {
  margin: 0 auto;
  position: relative;
  width: 1124px;
}
.rhetorik-container h1 {
  margin-top: 50px;
}
.rhetorik-backgroundimg .button {
  -webkit-box-shadow: 6px 10px 5px 0px rgba(199, 199, 199, 0.71);
  -moz-box-shadow: 6px 10px 5px 0px rgba(199, 199, 199, 0.71);
  box-shadow: 6px 10px 5px 0px rgba(199, 199, 199, 0.71);
  padding: 10px 40px 10px;
  font-size: 1.8em;
}
.content-preis-1a {
  margin: 0 auto;
  margin-left: -9px;
}
.anmeldungform, .anmeldungform3 {
  width: 550px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  margin-left: 20px;
  padding: 10px;
  background-color: #F5F5F5;
}
.anmeldungform2 {
  width: 330px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  margin-left: 20px;
  padding: 10px;
  background-color: #F5F5F5;
}
.formfeld {
  width: 300px;
  height: 25px;
}
.hrlinie {
  background-color: #8EB5CC;
  color: #8EB5CC;
  border: 0;
  height: 1px;
}
.pfehleingabe {
  background-color: #EA5F5E
}
.dankeinfo {
  padding: 10px;
  background-color: #F5F5F5;
}
.bgcolorf5f5f5 {
  background-color: #F5F5F5;
}
.tablepreisstufen {
  border: 1px solid #7F89A2;
  width: 42%;
}
.anews {
  display: block;
  width: 410px;
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  text-decoration: none;
  margin: 13px;
  text-align: left;
}
.anews:hover {
  background: #F5F5F5;
}
.anews h3 {
  margin-top: 9px;
  height: 37px;
}
.anews div {
  height: 20%;
  color: #00589C;
  font-size: 11pt;
}
.panel1 {
  width: 473px;
}
.panel2 {
  width: 264px;
}
.ul-footer {
  text-align: left;
  margin-left: -34px;
}
.ul-footer-nlp {
  text-align: left;
  margin-left: -34px;
  width: 63%;
}
.ul-footer li {
  display: inline-block;
  width: 19%;
  margin: 0.2em 0;
  font-size: 1.1em;
}
.ul-footer-nlp li {
  display: inline-block;
  width: 28%;
  margin: 0.2em 0;
  font-size: 1.1em;
  text-align: left;
}
.a-footer {
  color: #858c94;
  line-height: 1.25;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  margin-bottom: 15px;
  text-decoration: none;
}
.footer-newsletter {
  float: right;
  width: 40%
}
.flirten-footer-newsletter {
  text-align: center;
  width: 100%;
}
.input-footer {
  box-sizing: border-box;
  max-width: 100%;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  padding: .357143em .714286em;
  height: auto;
  vertical-align: top;
  font-family: inherit;
  font-size: 1em;
}
.input-footer {
  width: calc(94% - 41px);
}
.copyright {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-box, .slider-nav, .navigation, .sf-menu, .sf-menu-flirten>li:first-child>a, .sf-menu ul ul li a, .caption a span, #user-login-form, #user-login-form input, #subs-form input, #contact-form input, #contact-form textarea, .box1, .box2 {
  position: relative;
}
nav {
  max-width: 100%;
}
ul.sf-menu {
  padding: 0px;
  width: 100%;
}
ul.sf-menu-flirten {
  padding: 0px;
}
.sf-menu>li {
  background: url('./assets/img/menu-separator.gif') right center no-repeat;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 0px;
  float: left;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 17px;
}
.sf-menu-flirten>li {
  background: url('./assets/img/menu-separator.gif') right center no-repeat;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 0px;
  float: left;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 17px;
}
.sf-menu>li>a {
  display: block;
  padding: 15px 21px 16px;
  color: #0e0e0e;
  text-decoration: none;
  background: url('./assets/img/menu-tail.gif') center -999em repeat-x;
}
.sf-menu>li.sfHover>a, .sf-menu>li>a:hover, .sf-menu>li.current>a {
  text-decoration: none;
  color: #fff;
  background-color: #00589C;
}
.sf-menu>li>a .menu-arrow {
  display: block;
  width: 100%;
  height: 7px;
  background: url('https://www.landsiedel-seminare.de/images/menu-arrow.gif') center top no-repeat;
  position: absolute;
  top: 34px;
  left: 0;
  overflow: hidden;
  text-indent: -100%;
}
.sf-menu>li.sfHover>a .menu-arrow, .sf-menu>li>a:hover .menu-arrow, .sf-menu>li.current>a .menu-arrow {
  background-position: center -8px;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  z-index: 99;
  display: none;
  padding: 10px 19px 5px 15px;
  background: #E8ECF6;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
.sf-menu-flirten>li>a {
  display: block;
  padding: 15px 21px 16px;
  color: #0e0e0e;
  text-decoration: none;
  background: url('./assets/img/menu-tail.gif') center -999em repeat-x;
}
.sf-menu-flirten>li.sfHover>a, .sf-menu-flirten>li>a:hover, .sf-menu-flirten>li.current>a {
  text-decoration: none;
  color: #fff;
  background-color: #00589C;
}
.sf-menu-flirten>li>a .menu-arrow {
  display: block;
  width: 100%;
  height: 7px;
  background: url('https://www.landsiedel-seminare.de/images/menu-arrow.gif') center top no-repeat;
  position: absolute;
  top: 34px;
  left: 0;
  overflow: hidden;
  text-indent: -100%;
}
.sf-menu-flirten>li.sfHover>a .menu-arrow, .sf-menu-flirten>li>a:hover .menu-arrow, .sf-menu-flirten>li.current>a .menu-arrow {
  background-position: center -8px;
}
.sf-menu-flirten ul {
  position: absolute;
  top: -999em;
  z-index: 99;
  display: none;
  padding: 10px 19px 5px 15px;
  background: #E8ECF6;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
.sf-menu li li {
  width: 100%;
  position: relative;
  font: normal 13px/17px 'Open Sans', sans-serif;
  margin: 9px 0;
}
.sf-menu-flirten li li {
  width: 100%;
  position: relative;
  font: normal 13px/17px 'Open Sans', sans-serif;
  margin: 9px 0;
}
.sf-menu li li.last-item {
  padding-bottom: 0;
  background: none;
}
.sf-menu li li a {
  display: inline-block;
  padding-left: 10px;
  color: #3c3c3c;
  text-decoration: none;
  white-space: nowrap;
  padding-right: 20px;
  padding-top: 1px;
}
.sf-menu li li>a:hover, .sf-menu li li.sfHover>a {
  color: #d10f0f;
  text-decoration: none;
}
.sf-menu li li>a .menu-arrow {
  display: none;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  top: 49px;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em;
}
.sf-menu ul ul {
  background: url('./assets/img/submenu-tail.png') center top repeat;
  padding: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.sf-menu ul ul li {
  background: none;
  padding: 0;
  margin-left: 10px;
}
.sf-menu ul ul li a {
  display: block;
  color: #3c3c3c;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-left: 5px;
}
.sf-menu ul ul li a:hover {
  color: #d10f0f;
  text-decoration: none;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left: 100%;
  top: -16px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
.sf-menu-flirten li li.last-item {
  padding-bottom: 0;
  background: none;
}
.sf-menu-flirten li li a {
  display: inline-block;
  padding-left: 10px;
  color: #3c3c3c;
  text-decoration: none;
  white-space: nowrap;
  padding-right: 20px;
  padding-top: 1px;
}
.sf-menu-flirten li li>a:hover, .sf-menu-flirten li li.sfHover>a {
  color: #d10f0f;
  text-decoration: none;
}
.sf-menu-flirten li li>a .menu-arrow {
  display: none;
}
.sf-menu-flirten li:hover ul, .sf-menu-flirten li.sfHover ul {
  top: 49px;
}
ul.sf-menu-flirten li:hover li ul, ul.sf-menu-flirten li.sfHover li ul {
  top: -999em;
}
.sf-menu-flirten ul ul {
  background: url('./assets/img/submenu-tail.png') center top repeat;
  padding: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.sf-menu-flirten ul ul li {
  background: none;
  padding: 0;
  margin-left: 25px;
}
.sf-menu-flirten ul ul li a {
  display: block;
  color: #3c3c3c;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-left: 5px;
}
.sf-menu-flirten ul ul li a:hover {
  color: #d10f0f;
  text-decoration: none;
}
ul.sf-menu-flirten li li:hover ul, ul.sf-menu-flirten li li.sfHover ul {
  left: 100%;
  top: -16px;
}
ul.sf-menu-flirten li li:hover li ul, ul.sf-menu-flirten li li.sfHover li ul {
  top: -999em;
}
.nav li:hover ul {
  display: block;
}
.nav li ul {
  display: none;
  position: absolute;
  top: 100%;
  list-style: none;
}
.imgver1 {
  width: 400px;
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}
.imgver2 {
  width: 230px;
  float: right;
  margin-left: 10px;
}
.imgver3 {
  width: 100%;
}
.imgver4 {
  width: 233px;
  float: left;
  margin-right: 10px;
}
.imgver5 {
  width: 301px;
  float: right;
  margin-left: 10px;
}
.imgver6 {
  width: 671px;
  float: right;
  margin-left: 10px;
}

.imgver10 {
  width: 555px;
  float: left;
  margin-right: 10px;
}

.imgver9 {
  width: 555px;
  float: right;
  margin-left: 10px;
}
.imgfig {
  width: 100%;
}
.figurever4 {
  padding-right: 15px;
}
figcaption {
  color: #807F84;
  text-align: left;
  line-height: 1.25em;
  padding-top: 8px;
  font-size: 10pt;
}
.inhaverzeich{
  width: auto;
  padding: 16px;
  text-indent: 6px;
  border-radius: 15px;
  border: 1px solid grey;
}

.responsiveimg-transparent-rechts {
  float: right;
  margin-top: -294px;
  width: 280px;
}
.responsiveimg-transparent-links {
  float: left;
  margin-top: -294px;
  width: 280px;
}


.kasten-text{
  width: auto;
  padding: 16px;
  border-radius: 15px;
  border: 1px solid grey;
  padding-right:20px;
  padding-right: 50px;
  padding-left: 50px;
  padding-top: 25px ;
  padding-bottom: 25px;
}
.inhaver {
  width: 100%;
  text-align: left;
  color: #00589C;
  letter-spacing: -1px;
  word-spacing: 2px;
  margin-bottom: 20px;
  font-size: 27px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 1em;
  margin-top:10px;
}
.olinhaver {
  counter-reset: item;
  margin-left:-32px;
}
.liinhaver {
  display: block;
  margin-left: -1px;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-align: left;
  margin-bottom: 0px;
  line-height: 32px;
}
.liinhaver:before {
  content: counters(item, ".") " ";
  counter-increment: item
}
.ol-inhaltsver {
  counter-reset: item;
  margin-left: -38px;
}
.li-inhaltsver {
  display: block;
  margin-left: -1px;
  font-size: 16px;
  ;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-align: left;
  margin-bottom: 13px;
  line-height: 1.7em;
}
.li-inhaltsver:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  font-size: 30px;
  color: #00589C;
}


/* Inhaltsverzeichnis 04.November.2021  */
.inhaltsverzeichnis { 
  font-weight: 700;
  color: #38444f;
  font-size: 21px;
  line-height: 1.85px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#collapseInhaltsverzeichnis li { 
  font-size: 15px;
  margin-bottom: 15px;
}

#collapseInhaltsverzeichnis li ul{ 
  padding-left: 15px;
  margin-top: 10px;
}

#collapseInhaltsverzeichnis li ul li{ 
  list-style: none;
}


#collapseInhaltsverzeichnis li a { 
  text-decoration: none;
} 

p.inhaltsverzeichnis::after {
  content: "❯";
  width: 1em;
  text-align: center;
  transition: all .35s;
  transform: rotate(270deg);
  position: absolute;
  right: 20px;
}

p.inhaltsverzeichnis.collapsed::after{
  transform: rotate(90deg);
}
/* Inhaltsverzeichnis 04.November.2021  */

.uebersicht {
  width: 44%;
  border-radius: 5px;
  margin-bottom: 1.5%;
  padding: 10px;
  border-width: 1px;
  background-color: white;
  border-color: #d9d9d9;
  border-style: solid;
  border-top-width: 1px;
  text-align: center;
  margin: 5px;
  position: relative;
}
.uebersicht2 {
  border-radius: 5px;
  margin-bottom: 1.5%;
  padding: 10px;
  border-width: 1px;
  background-color: white;
  border-color: #d9d9d9;
  border-style: solid;
  border-top-width: 1px;
  text-align: center;
  margin: 5px;
}
.uebersicht3 {
  width: 44%;
  border-radius: 5px;
  margin-bottom: 1.5%;
  padding: 10px;
  border-width: 1px;
  background-color: white;
  border-color: #d9d9d9;
  border-style: solid;
  border-top-width: 1px;
  text-align: center;
  margin: 5px;
  position: relative;
}
.uebersicht4 {
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  margin: 15px;
  text-align: left;
  display: block;
  text-decoration: none;
  padding: 20px;
}
.uebersicht4:hover {
  background-color: #E0E0E0;
}
.uebersicht5 {
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  margin: 15px;
  display: block;
  text-decoration: none;
  padding: 20px;
}
/* .container {
  width: 25%;
} */
.uebersicht-liste {
  background-color: #f0f0f0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.uebersicht-liste h2 {
  color: #fff;
  margin: 0;
}
.uebersicht-liste ul {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: -15px;
}
.uebersicht-liste li {
  margin-bottom: 7px;
  text-align: left;
}
.uebersicht-liste .bild {
  height: 110px;
  position: relative;
  background-size: cover;
  margin-bottom: 10px;
  overflow: hidden;
}
.uebersicht-liste .ueberschrift {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  color: #fff;
  background-color: rgba(0, 0, 0, .5);
  padding: 5px;
}
.uebersicht-liste a {
  color: black;
  text-decoration: none;
}
.uebersicht-liste a:visited {
  color: black;
}
.uebersicht-liste a:hover {
  color: #00589C;
}
.uebersicht-liste .accordion {
  color: #4b4a4a;
  background-color: #dddddd;
}
.uebersicht-liste .panel2 {
  width: 100%;
}
.p-uebersicht1 {
  text-align: center;
  margin-top: 8px;
  font-size: 1.75em;
}
.p-uebersicht2 {
  text-align: center;
  margin-top: 8px;
}
.border-box {
  box-sizing: border-box;
}
.ul-lexikon {
  margin-left: -25px;
}
.ul-lexikon li {
  display: inline-block;
  width: 3.7%;
  margin: 0.2em 0;
  font-size: 2em;
  font-weight: bold;
  line-height: 2em;
}
.li-lexikon {
  font-size: 21px;
}
.imgborder {
  padding-right: 10px;
}
.imgborderb {
  padding-right: 30px;
}
.frage {
  padding-top: 6px;
}
.imgborder2, .imgborder2flex {
  padding-top: 10px;
  padding-left: 10px;
}
.imgborder2b {
  padding-left: 10px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.textleft {
  text-align: left;
}
.textright {
  text-align: right;
}
.verticalalign {
  vertical-align: middle
}
.bestaetigung {
  background-color: #67b76dc9;
  padding: 2px;
}
.zertifikat {
  float: left;
  margin-right: 32px;
}
.ol-nummerliste{
  counter-reset: my-counter;
  list-style: none;
  margin-right:15px;
  margin-left:-10px;
  margin-top:-60px;
  margin-left: -21px;
}
.ol-nummerliste-li{
  margin-left:40px;
  margin-bottom:-25px;
}
.ol-nummerliste-li:nth-last-of-type(1){
  margin-bottom:30px;
}
.ol-nummerliste-li:before{
  content: counter(my-counter);
  counter-increment: my-counter;
  position: relative;
  left: -100%;
  top: 55px;
  box-sizing: border-box;
  margin: 20px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-size: 50px;
  color: #005a9b;
  display: flow-root;
  text-align: right;
}

.ul-content1, .ul-standorte, .ul-content-haken2, .flirtbox ul {
  margin-left: -26px;
}
.li-standorte {
  width: 21%;
  margin: 0.2em 0;
  font-size: 11pt;
  background-image: url('./assets/img/li.gif');
  list-style-type: none !important;
  background-repeat: no-repeat;
  background-position: left 6px;
  padding-left: 1.5em;
  line-height: 25px;
}
.ul-content2 {
  margin-left: -20px;
}
.ul-content1>li {
  text-align: left;
  margin-bottom: 20px;
  font-size: 17.4px;
  background-image: url('./assets/img/li.gif');
  list-style-type: none !important;
  background-repeat: no-repeat;
  background-position: 5px 7px;
  padding-left: 1.5em;
  line-height: 25px;
}
.ul-content-haken2>li {
  text-align: left;
  margin-bottom: 20px;
  font-size: 17.4px;
  background-image: url('./assets/img/blauer-haken.png');
  list-style-type: none !important;
  background-repeat: no-repeat;
  background-position: left 6px;
  padding-left: 1.5em;
  line-height: 25px;
  margin-bottom: 0px;
}
.ul-content2 li {
  text-align: left;
}
.ul-content-haken {
  margin-left: -35px;
}
.ul-content-haken>li {
  background-image: url('./assets/img/ok.gif');
  list-style-type: none !important;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left 0px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 26px;
}
.flirtbox ul>li {
  text-align: left;
  margin-bottom: 20px;
  font-size: 17.4px;
  background-image: url('./assets/img/herz.png');
  list-style-type: none !important;
  background-repeat: no-repeat;
  background-position: left 6px;
  padding-left: 1.5em;
  line-height: 25px;
}
.ol-content1 {
  counter-reset: my-counter;
  list-style: none;
}
.ol-content1-li {
  clear: both;
}
.ol-content1-li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  left: 0.25em;
  box-sizing: border-box;
  padding: 4px;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  font-size: 52px;
  color: #807F84;
}
.ol-content2, .ul-content1 .ol-content2 {
  counter-reset: my-counter;
  list-style: none;
}
.ol-content2-li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  left: 0.25em;
  box-sizing: border-box;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color: #00589C;
  font-size: 2.25em;
}

.ul-content1 .ol-content2-li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  left: 50px;
  box-sizing: border-box;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color: #00589C;
  font-size: 30px;
}
.ol-content3 {
  counter-reset: my-counter;
  list-style: none;
  margin-left: -40px;
}
.ol-content3-li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  box-sizing: border-box;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color: #00589C;
  font-size: 2.25em;
  padding: 10px;
}
.ol-content1-alpha {
  list-style: none;
  counter-reset: list;
}
.ol-content1-alpha>li {
  clear: both;
}
.ol-content1-alpha>li:before {
  counter-increment: list;
  content: counter(list, lower-alpha) ". ";
  position: absolute;
  left: 0.35em;
  box-sizing: border-box;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color: #00589C;
  font-size: 1.45em;
}
.textbox {
  background-color: #E8ECF6;
  color: black;
  border-radius: 20px;
  margin-left: 40px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 19px;
  padding-bottom: 19px;
  text-align: center;
  margin-top: 18px;
  height: 100%;
  width: 48%;
}
.textbox ul, .textbox-right ul {
  list-style: none;
  margin-left: -40px;
}
.textbox ul li, .textbox-right ul li {
  display: inline;
}
.textbox-right {
  background-color: #E8ECF6;
  color: black;
  border-radius: 20px;
  margin-left: 19px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 19px;
  padding-bottom: 19px;
  text-align: center;
  width: 48%;
  float: right
}
.textbox-right2 {
  background-color: #E8ECF6;
  color: black;
  border-radius: 20px;
  margin-left: 19px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  width: 38%;
  float: right
}
.textbox3 {
  background-color: #E8ECF6;
  color: black;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 19px;
  padding-bottom: 19px;
  text-align: center;
  width: 416px;
}
.textbox3 li {
  font-size: 15px;
  margin-bottom: 0px;
}
.textbox4 {
  background-color: #E8ECF6;
  border-radius: 20px;
  padding: 16px;
}
.textbox-right2 p {
  font-size: 18px;
  line-height: 15px;
  letter-spacing: -0.4px;
}
.textbox-right2 b {
  color: #00589C;
}
.textbox-right2 li {
  line-height: 15px;
  letter-spacing: -0.4px;
  text-align: left;
}
.textbox5-1 {
  border-color: #99c189;
  border-width: 3px;
  border-style: solid;
  padding-left: 7px;
  padding-right: 7px;
  margin-right: 7px;
}
.textbox5-2 {
  border-color: #4490bd;
  border-width: 3px;
  border-style: solid;
  padding-left: 7px;
  padding-right: 7px;
  margin-right: 7px;
}
.textbox5-3 {
  border-color: #eccd33;
  border-width: 3px;
  border-style: solid;
  padding-left: 7px;
  padding-right: 7px;
}
.textbox5-4 {
  border-color: #ca5326;
  border-width: 3px;
  border-style: solid;
  padding-left: 7px;
  padding-right: 7px;
  margin-top: 7px;
  padding-bottom: 19px;
}
.left-content {
  width: 76%;
}
.textbox2, .flirtbox {
  background-color: #E8ECF6;
  color: black;
  border-radius: 20px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: justify;
}
.textbox2 h2 {
  margin-top: 20px;
}



.red-textbox2 {
  background-color: #ffbbbb;
  color: black;
  border-radius: 20px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: justify;
}
.green-textbox2 {
  background-color: #c8e4c3;
  color: black;
  border-radius: 20px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: justify;
}
.p-textbox2 {
  font-size: 1.35em;
  margin-bottom: 13px;
  line-height: 1.25em;
}
.right-responsive {
  float: right;
}
#textbox1 {
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  margin-left: 20px;
  background-color: #E8ECF6;
  border-radius: 5px;
  padding: 0px 10px 10px 10px;
  display: inline-block;
}
#textbox1 p {
  font-size: 18px;
  background: #00589C;
  padding: 8px 15px;
  margin: 0px -10px 10px -10px;
  color: #fff;
  text-align: center;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
}
#textbox1 ul {
  margin-left: -39px;
  list-style-type: none;
}
#textbox1 ul>li {
  text-align: left;
  font-size: 14px;
  background-image: url('./assets/img/pfeil.png');
  list-style-type: none !important;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding-left: 19px;
  margin-bottom: 10px;
}
#textbox1 a {
  text-decoration: none;
}
.standorte-box {
  width: 186px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
.imgmenu {
  opacity: 0.5;
}
.spanimgmenu {
  z-index: 1;
  margin-top: 39px;
  position: absolute;
  margin-left: 41px;
  color: white;
  text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
  font-size: 15px;
}
.ulhaken {
  text-indent: 2px;
  list-style: none;
  list-style-position: outside;
}
.lihaken {
  letter-spacing: 0.5px;
  line-height: 40px;
  text-align: left;
}
.lihaken:before {
  content: "✔ ";
  margin-left: -1.4em;
  margin-right: .100em;
  color: orange;
  font-size: 30px;
}
.content-termine {
  padding-right: 20px;
}
.rahmen {
  border-radius: 5px;
  margin-bottom: 1.5%;
  padding: 10px;
  border-width: 1px;
  background-color: white;
  border-color: #d9d9d9;
  border-style: solid;
  border-top-width: 1px;
  text-align: center;
  margin: 5px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
}
.rahmen2 {
  display: block;
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  width: 46%;
  margin-bottom: -18px;
  text-align: left;
}
.rahmen4 {
  display: block;
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  width: 68%;
  ;
  margin-bottom: -18px;
  text-align: left;
}
.green {
  color: #2d7b14;
}
.red {
  color: #9a1010;
}
.e-book-include {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  background-color: #e8ecf6;
  margin-top: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
}
.e-book-div1 {
  width: 430px;
  margin-right: 20px;
  text-align: center;
}
.e-book-h1 {
  font-size: 2.25em;
  font-weight: bold;
  margin-top: -3px;
}
.e-book-img {
  width: 230px;
  height: 328px;
}

.e-book-p1 {
  font-weight: bold;
  margin-top: -3px;
  font-size: 1.55em;
}
.e-book-li {
  text-align: left;
}
.tablestyle1 td {
  padding: 10px;
  text-align: left;
}
.tablestyle1 {
  width: 49.1%;
}
.inputformular {
  max-width: 100%;
  min-width: 50%;
  -webkit-appearance: none;
  border: 1px solid #e1e1e1;
  padding: 8px 4px;
  outline: none;
  color: #777;
  margin: 0;
  width: 100%;
  display: block;
  background: #fff;
  border-radius: 0px;
  margin-bottom: 16px;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font: 400 13.3333px Arial;
  font: 1em 'Open Sans', sans-serif;
}
.inputformular:focus, .selectformular:focus {
  border: 3px solid #00589C;
}
.inputformular2 {
  min-width: 50%;
  -webkit-appearance: none;
  border: 1px solid #e1e1e1;
  padding: 8px 4px;
  outline: none;
  color: #777;
  margin: 0;
  width: 35%;
  display: block;
  background: #fff;
  border-radius: 0px;
  margin-bottom: 16px;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font: 400 13.3333px Arial;
  font: 1em 'Open Sans', sans-serif;
}
.inputformular2:focus, .selectformular:focus {
  border: 3px solid #00589C;
}
.selectformular {
  min-width: 50%;
  border: 1px solid #e1e1e1;
  padding: 8px 0px;
  outline: none;
  color: #777;
  margin: 0;
  display: block;
  background: #fff;
  border-radius: 0px;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font: 400 13.3333px Arial;
  font: 1em 'Open Sans', sans-serif;
}
.anmeldeformular {
  background: #E0E0E0;
  padding: 30px;
  border-radius: 5px;
  padding-right: 41px;
  margin: -10px;
}
.kontaktformular {
  background: #E0E0E0;
  padding: 30px;
  border-radius: 5px;
  padding-right: 41px;
  width: 682px;
}
.dunkelblau {
  color: #00589C;
}
.dunkelblaubg {
  background-color: #E8ECF6;
}
.table2 {
  width: 50%;
}
.table2 p {
  text-align: center;
  font-size: 0.8em;
  margin-top: 5px;
  margin-bottom: 5px;
}
.table2 td {
  width: 46%;
}
.table2 .td1 {
  background-color: #807F84;
}
.table2 .td1 p {
  color: white;
}
.table2 .td2 {
  background-color: #f0f0f0;
}
.table3 {
  width: auto;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
.table3 td {
  padding: .625em;
  text-align: left;
}
.table3 th {
  padding: .625em;
  text-align: center;
  font-size: 12pt;
}
.table3 tr {
  border: 1px solid #ddd;
  padding: .35em;
}
.table4 {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
.table4 td {
  padding: .625em;
  text-align: left;
}
.table4 th {
  padding: .625em;
  text-align: center;
  font-size: 1.65em;
}
.table4 tr {
  border: 1px solid #ddd;
  padding: .35em;
}

.table4 p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.table5 {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
.table5 td {
  padding: .625em;
  text-align: center;
}
.table5 th {
  padding: .625em;
  text-align: center;
  font-size: 1.65em;
}
.table5 tr {
  border: 1px solid #ddd;
  padding: .35em;
}

.table-tv {
  width: auto;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
.table-tv td {
  padding: .625em;
  text-align: left;
}
.table-tv th {
  padding: .625em;
  text-align: center;
  font-size: 12pt;
}
.table-tv tr {
  border: 1px solid #ddd;
  padding: .35em;
}






.table-center {
  margin: 0px auto;
}
.responsiveimg {
  float: right;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
.responsiveimg2, .responsiveimgsmall2 {
  float: left;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}


.bigfont {
  font-size: 60px;
}
.e-book-pu1 {
  font-size: 13px;
  margin-left: 13px;
  max-width: 85%;
  text-align: center;
}
.p-datenschutz {
  font-size: 15px;
  text-align: center;
  margin-top: -2px;
  padding: 9px;
  color: white;
}
.popup {
  background: #1f4a82;
}
.popup .inputtext {
  box-sizing: border-box;
  max-width: 95%;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  height: auto;
  vertical-align: top;
  font-family: inherit;
  background-color: white;
  color: black;
  text-align: left;
  font-size: 17px;
  padding: 8px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
}
.popup-checkbox {
  width: 34px;
  height: 24px;
}
.popup-datenschutz {
  text-align: left;
  color: #F7F2F2;
  font-size: 10pt;
  padding-left: 15px;
  padding-right: 15px;
  font-style: italic;
  font-family: Arial, sans-serif;
  line-height: 1.2;
  margin-top: -4px;
  margin-bottom: 10px;
}
.popup-a {
  color: #ceb7a9;
}
.popup-a:visited {
  color: #ceb7a9;
}
.popup-button {
  width: 35%;
  display: inline-block;
  overflow: hidden;
  padding: 7px 0 9px 0;
  text-align: center;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 6px;
  font-size: 26px;
  color: #FFFCFC;
  background-color: #f28e00;
  text-decoration: none;
}
.radiobutton, .checkbox {
  width: 34px;
  height: 24px;
  vertical-align: middle
}
.brotkrumen {
  line-height: 1.50em;
  text-align: left;
  font-size: 15px;
}
.datenschutz {
  font-size: 10pt;
  font-style: italic;
}
.bild-unterschrift {
  color: #807F84;
  text-align: center;
  line-height: 1.25em;
  padding-top: 6px;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 8pt;
}
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
  position: relative;
  text-decoration: none;
  color: #006699;
}
a.tooltip:hover {
  color: #006699;
  background: transparent;
}
a.tooltip span {
  display: none;
  text-decoration: none;
}
a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  width: 480px;
  z-index: 100;
  color: #006699;
  border: 1px solid #90201C;
  background: #F6EEDF;
  font: 12px Arial, Verdana;
  text-align: left;
}
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #006699;
  border: 0px;
  border-bottom: 1px solid #90201C;
}
.shop {
  vertical-align: middle;
  color: #ffffff;
  margin: 28px 0 0;
  font-size: 15px;
  text-align: center;
  margin-top: 11px;
}
.icon {
  display: none;
}
.ubermenu:after {
  content: " ▼";
  color: #00589C;
}
.ubermenu-flirten:after {
  content: " ▼";
  color: #00589C;
}
.ubermenu-flirten:hover:after {
  content: " ▼";
  color: #FFFFFF;
}
.ubermenu2:after {
  content: " ➤";
  color: #00589C;
  right: 10px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  display: inline-block;
  line-height: 1;
}
.zertifizierung {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: -32px;
  text-align: center;
}
.forminput {
  box-sizing: border-box;
  max-width: 100%;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  height: auto;
  vertical-align: top;
  font-family: inherit;
  background-color: white;
  color: black;
  text-align: left;
  font-size: 20px;
  padding: 10px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
  margin-top: 11px;
}
.termine {
  display: block;
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  margin: 5px;
  width: 394px;
  text-decoration: none;
}
.termine h3 {
  margin-top: 12px;
}
.textbox5 {
  background-color: #F0F0F0;
  padding: 14px;
}
.hover1 {
  background-color: #E0E0E0;
  padding: 10px;
  margin: 15px;
  text-align: left;
  display: block;
  text-decoration: none;
  padding: 20px;
}
.hover1:hover {
  background-color: #E8ECF6;
  padding: 10px;
  margin: 15px;
  text-align: left;
  display: block;
  text-decoration: none;
  padding: 20px;
}
.hover3 {
  background-color: #ced8eb;
  padding: 10px;
  margin-right: 10px;
  text-align: left;
  display: block;
  transition: 0.4s;
  text-decoration: none
}
.hover3:hover {
  background-color: #ced8eb;
  margin: 15px;
  text-align: left;
  display: block;
  text-decoration: none;
  padding: 10px;
  border-radius: 20px;
}
.hover4 {
  background-color: #ced8eb;
  padding: 10px;
  margin-right: 10px;
  text-align: left;
  display: block;
  transition: 0.4s;
  text-decoration: none
}
.hover4:hover {
  background-color: #F28E00;
  margin: 15px;
  text-align: left;
  display: block;
  text-decoration: none;
  padding: 10px;
  border-radius: 20px;
}
.ctap {
  background-color: rgb(154, 178, 214, 0.5);
  padding: 10px;
}
.ctap select {
  width: 61%;
  border: 1px solid #e1e1e1;
  padding: 8px 0px;
  outline: none;
  color: #777;
  background: #fff;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font-size: 16px;
}
.ctap button {
  display: inline-block;
  background-color: #F28E00;
  font-size: 2em;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #F28E00;
  border-right: 1px solid #F28E00;
  border-left: 1px solid #F28E00;
  border-bottom: 1px solid #F28E00;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 5px 14px 6px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.inputbutton {
  display: inline-block;
  background-color: #006699;
  font-size: 1.45em;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #006699;
  border-right: 1px solid #006699;
  border-left: 1px solid #006699;
  border-bottom: 1px solid #006699;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 4px;
  padding: 7px 7px 8px 7px;
  margin-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
}
.ctap p {
  text-align: center;
  padding-right: 40px;
}
.hover2 {
  background-color: #508c57;
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
  margin: 15px;
  text-align: left;
  display: block;
  text-decoration: none;
  padding: 20px;
  color: white;
}
.hover2:hover {
  background-color: #8bf38b;
  padding: 10px;
  box-shadow: 0px 0px 3px 1px #E8ECF6;
  margin: 15px;
  text-align: left;
  display: block;
  text-decoration: none;
  padding: 20px;
}
.allert {
  color: red;
  font-size: 20 px;
}
.flex-container {
  display: flex;
  flex-flow: row wrap;
}
.imgver7 {
  width: 38%;
  float: right;
  margin-left: 10px;
}

.imgver7b {
  width: 45%;
  float: right;
  margin-left: 10px;
}
.imgver8r {
  width: 45%;
  float: right;
  margin-left: 10px;
}
.imgver8l {
  width: 45%;
  float: left;
  margin-right: 10px;
}
.content1l {
  width: 70%;
  padding-left: 10px;
  margin-top: 10px;
  text-align: center;
}
.content1r {
  width: 30%;
  padding-right: 10px;
  text-align: left;
}
.displayflex1b {
  display: flex;
  display: -webkit-flex;
}
.displayflex1c {
  display: flex;
  display: -webkit-flex;
}
.displayflex1e {
  display: flex;
  display: -webkit-flex;
}
.hoerbuch {
  margin: 10px;
  padding: 20px;
  border-radius: 20px;
  box-sizing: border-box;
  min-width: 250px;
  max-width: 48%;
  flex-basis: 0;
  flex-grow: 1;
  border: 2px solid #ced8eb;
}
.hoerbuch:hover {
  border: 2px solid #00589C;
}

.hoverfarbe {
  transition: transform .2s;
}
.hoverfarbe:hover {
  transform: scale(1.25);
}
.bewertung1 {
  color: orange;
  font-size: 20px;
}
.bewertung2 {
  color: grey;
  font-size: 20px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 10000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  overflow-y: auto;
}
.close1 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close1:hover, .close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.close2 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close2:hover, .close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.close3 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close3:hover, .close3:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.ghaken {
  color: #508c57;
  font-size: 30px;
  font-weight: bold;
}
.vertikalelinie {
  border-left: 4px solid #00589C;
  height: 50%;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 18%;
}
.inputvalidation {
  max-width: 75%;
  min-width: 75%;
  -webkit-appearance: none;
  border: 1px solid #e1e1e1;
  padding: 8px 4px;
  outline: none;
  color: #777;
  margin: 0;
  width: 75;
  display: block;
  background: #fff;
  border-radius: 0px;
  margin-bottom: 16px;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font: 400 13.3333px Arial;
  font: 1em 'Open Sans', sans-serif;
}
.inputvalidation:valid {
  max-width: 75%;
  min-width: 75%;
  -webkit-appearance: none;
  padding: 8px 4px;
  outline: none;
  color: #777;
  margin: 0;
  width: 75%;
  display: block;
  border-radius: 0px;
  margin-bottom: 16px;
  border-radius: 4px;
  font: 400 13.3333px Arial;
  font: 1em 'Open Sans', sans-serif;
  border: 2px solid green;
  background: white url('./assets/img/check.png') right center repeat-y;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: right;
  box-shadow: 0 0 0;
}
.inputvalidation:focus {
  border: 3px solid #00589C;
  max-width: 75%;
  min-width: 75%;
  -webkit-appearance: none;
  padding: 8px 4px;
  outline: none;
  color: #777;
  margin: 0;
  width: 75%;
  display: block;
  background: #fff;
  border-radius: 0px;
  margin-bottom: 16px;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font: 400 13.3333px Arial;
  font: 1em 'Open Sans', sans-serif;
}
.pagebottomrow {
  width: 100%;
  height: 40px;
  background-color: #F28E00;
  text-align: center;
}
.pagebottomrow:hover {
  width: 100%;
  height: 40px;
  background-color: #F28E00;
  text-align: center;
  opacity: 0.5;
}
.social-icon {
  height: 50px;
  margin: 5px;
}
.social-icon:hover {
  transform: scale(1.1);
  margin: 10px;
  transition: 0.5s
}
.footerlinks {
  color: #858c94;
  transition: color 2s;
  font-size: 14.8px;
}
.footerlinks:hover {
  color: white;
  transition: color 1s;
}
.inputformular-flirten {
  max-width: 75%;
  min-width: 40%;
  -webkit-appearance: none;
  border: 1px solid #e1e1e1;
  padding: 8px 4px;
  outline: none;
  color: #777;
  margin: 0;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  margin-bottom: 16px;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font: 400 13.3333px Arial;
  font: 1em 'Open Sans', sans-serif;
}
.inputformular-flirten:focus, .selectformular-flirten:focus {
  border: 3px solid #00589C;
}
.selectformular-flirten {
  min-width: 40%;
  border: 1px solid #e1e1e1;
  padding: 8px 0px;
  outline: none;
  color: #777;
  margin: 0;
  background: #fff;
  border-radius: 0px;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font: 400 13.3333px Arial;
  font: 1em 'Open Sans', sans-serif;
  max-width: 82%;
}
.hover-bilder {
  margin: 5px;
}
.hover-bilder:hover {
  margin: 5px;
  transform: scale(1.1);
  transition: 0.5s;
}

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

.flip-card {
  background-color: transparent;
  width: 330px;
  height: 330px;
  min-width: 330px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  min-width: 100%;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-shadow: 0 px 0px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 px 0px 0 rgba(0, 0, 0, 0.2);
}
.flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-front {
  background-color: white;
  color: black;
}
.flip-card-back {
  background-color: #e8ecf6;
  color: white;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 1;
  border-radius: 100%
}
.startseite-bilder {
  height: 140px;
}

/* CSS von den Price-Boxes */

.price-box-wrapp {
  display: flex;
  text-align: center;
  justify-content: center;
  width: 100%;
}
.price-box-1 {
  border: 2px solid #ced8eb;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  width: 33%;
  position: relative;
  overflow: hidden;
}
.price-box-1:hover {
  border: 2px solid #00589C;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  width: 33%;
  position: relative;
  overflow: hidden;
  transform: scale(1.01);
  transition: 0.4s;
}
.price-box-2 {
  border: 2px solid #ced8eb;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  width: 33%;
  position: relative;
  overflow: hidden;
}
.price-box-2:hover {
  border: 2px solid #00589C;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  width: 33%;
  position: relative;
  overflow: hidden;
  transform: scale(1.01);
  transition: 0.4s;
}
.price-box-3 {
  border: 2px solid #ced8eb;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  width: 33%;
  position: relative;
  overflow: hidden;
}
.price-box-3:hover {
  border: 2px solid #00589C;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  width: 33%;
  position: relative;
  overflow: hidden;
  transform: scale(1.01);
  transition: 0.4s;
}
.price-box-1-body-price {
  width: 100px;
  height: 100px;
  padding: 20px;
  justify-content: center;
  text-align: center;
  border: 2px solid #CED8EB;
  border-radius: 50%;
}
.price-box-1-body-price:hover {
  width: 100px;
  height: 100px;
  padding: 20px;
  justify-content: center;
  text-align: center;
  border: 2px solid #00589C;
  border-radius: 50%;
}
.price-box-1-body {
  justify-content: center;
  text-align: center;
  padding-left: 24%;
}
.feature-box-1 {
  position: absolute;
  top: 0px;
  right: 0px;
}
.feature-box-1-text {
  background-color: #F28E00;
  color: white;
  font-weight: bold;
  transform: rotate(40deg);
  position: relative;
  display: block;
  width: 200px;
  left: 70px;
  top: 0px;
  text-align: center;
}
.feature-box-2 {
  position: absolute;
  top: 0px;
  right: 0px;
}
.feature-box-2-text {
  background-color: #F28E00;
  color: white;
  font-weight: bold;
  transform: rotate(40deg);
  position: relative;
  display: block;
  width: 200px;
  left: 70px;
  top: 0px;
  text-align: center;
}
.price-box-2-body-price {
  width: 100px;
  height: 100px;
  padding: 20px;
  justify-content: center;
  text-align: center;
  border: 2px solid #CED8EB;
  border-radius: 50%;
}
.price-box-2-body-price:hover {
  width: 100px;
  height: 100px;
  padding: 20px;
  justify-content: center;
  text-align: center;
  border: 2px solid #00589C;
  border-radius: 50%;
}
.price-box-2-body {
  justify-content: center;
  text-align: center;
  padding-left: 24%;
}
.feature-box-3 {
  position: absolute;
  top: 0px;
  right: 0px;
}
.feature-box-3-text {
  background-color: #F28E00;
  color: white;
  font-weight: bold;
  transform: rotate(40deg);
  position: relative;
  display: block;
  width: 200px;
  left: 70px;
  top: 0px;
  text-align: center;
}
.price-box-3-body-price {
  width: 100px;
  height: 100px;
  padding: 20px;
  justify-content: center;
  text-align: center;
  border: 2px solid #CED8EB;
  border-radius: 50%;
}
.price-box-3-body-price:hover {
  width: 100px;
  height: 100px;
  padding: 20px;
  justify-content: center;
  text-align: center;
  border: 2px solid #00589C;
  border-radius: 50%;
}
.price-box-3-body {
  justify-content: center;
  text-align: center;
  padding-left: 24%;
}
.unterh1 {
  margin-top: -13px;
  font-style: italic;
  color: #00589C;
}

/* Bild für die bunten Boxen */

.boxpic {
  flex: 13 0 auto;
}

/* Gelbe Box mit weißer Schrift und roter Überschrift*/
.gridWrapper {
	display: grid;
	grid-template-columns: repeat(3, minmax(200px, 1fr));
	grid-gap: 1rem;
}

.bild-immergleich {
	width: 100%;
	object-fit: cover;
	height: 200px;
}
.textbereich-weiterlesen {
	border-color: var(--ciblau);
	border-width: 3px;
	border-style: solid;
}
.yellowbox {
  background-color: #ffc000;
  width: 37%;
  padding-top: 26px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.yellowbox p {
  font-size: 2em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
}
.yellowbox h2 {
  color: #bf0200;
  font-size: 51px;
  margin-top: 23px;
  margin-bottom: 20px;
}
.yellowbox-klein {
  background-color: #ffb90f;
  width: 50%;
  padding-top: 20px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.yellowbox-klein p {
  font-size: 1.6em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 35px;
}
.yellowbox-klein h2 {
  color: #bf0200;
  font-size: 35px;
  margin-top: 23px;
  margin-bottom: 0;
}
.orangebox-klein {
  background-color: #F4B183;
  width: 50%;
  padding-top: 20px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.orangebox-klein p {
  font-size: 1.6em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 35px;
}
.orangebox-klein h2 {
  color: #bf0200;
  font-size: 35px;
  margin-top: 23px;
  margin-bottom: 0;
}
.graubox-klein {
  background-color: #8b8682;
  width: 50%;
  padding-top: 20px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.graubox-klein p {
  font-size: 1.6em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 35px;
}
.graubox-klein h2 {
  color: #bf0200;
  font-size: 35px;
  margin-top: 23px;
  margin-bottom: 0;
}
.pinkbox-klein {
  background-color:#FFC1C1;
  width: 50%;
  padding-top: 20px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.pinkbox-klein p {
  font-size: 1.6em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 35px;
}
.pinkbox-klein h2 {
  color: #bf0200;
  font-size: 35px;
  margin-top: 23px;
  margin-bottom: 0;
}
.bluebox-klein {
  background-color:#a2b5cd;
  width: 50%;
  padding-top: 20px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.bluebox-klein p {
  font-size: 1.6em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 35px;
}
.bluebox-klein h2 {
  color: #bf0200;
  font-size: 35px;
  margin-top: 23px;
  margin-bottom: 0;
}
.lightbluebox-klein {
  background-color:#9DC3E6;
  width: 50%;
  padding-top: 20px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.lightbluebox-klein p {
  font-size: 1.6em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 35px;
}
.lightbluebox-klein h2 {
  color: #bf0200;
  font-size: 35px;
  margin-top: 23px;
  margin-bottom: 0;
}
.mediumbluebox-klein {
  background-color:#8497B0;
  width: 50%;
  padding-top: 20px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.mediumbluebox-klein p {
  font-size: 1.6em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 35px;
}
.mediumbluebox-klein h2 {
  color: #bf0200;
  font-size: 35px;
  margin-top: 23px;
  margin-bottom: 0;
}


/* Grüne Box mit weißer Schrift und roter Überschrift*/

.greenbox {
  background-color: #53868b;
  width: 37%;
  padding-top: 26px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.greenbox p {
  font-size: 2em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
}
.greenbox h2 {
  color: #bf0200;
  font-size: 51px;
  margin-top: 23px;
  margin-bottom: 20px;
}

.greenbox-klein {
  background-color: #A9D18E;
  width: 50%;
  padding-top: 20px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.greenbox-klein p {
  font-size: 1.6em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 35px;
}
.greenbox-klein h2 {
  color: #bf0200;
  font-size: 35px;
  margin-top: 23px;
  margin-bottom: 0;
}

/* Rosa Box mit weißer Schrift und roter Überschrift*/

.rosabox {
  background-color: #FFC1C1;
  width: 37%;
  padding-top: 26px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}

.rosabox p {
  font-size: 2em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
}
.rosabox h2 {
  color: #bf0200;
  font-size: 51px;
  margin-top: 23px;
  margin-bottom: 20px;
}

/* Blaue Box mit weißer Schrift und roter Überschrift*/
.worldbox { background-color: #274395;}
.heldenreise { background-color: #c79c87;}

.worldbox {
  width: 37%;
  padding-top: 26px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}

.worldbox p {
  font-size: 2em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
}
.worldbox h2 {
  color: #bf0200;
  font-size: 51px;
  margin-top: 23px;
  margin-bottom: 20px;
}
.heldenreise {
  width: 37%;
  padding-top: 26px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}

.heldenreise p {
  font-size: 2em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
}
.heldenreise h2 {
  color: #bf0200;
  font-size: 51px;
  margin-top: 23px;
  margin-bottom: 20px;
}


.trainerbox-startseite { background-color: #d0cece;}


.trainerbox-startseite {
  width: 30%;
  padding-top: 26px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}

.trainerbox-startseite p {
  font-size: 2em;
  color: white;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
}
.trainerbox-startseite h2 {
  color: #bf0200;
  font-size: 51px;
  margin-top: 23px;
  margin-bottom: 20px;
}






/* Graue Box mit grüner Schrift und Aufzählungszeichen*/

.greybox {
  background-color: #e7e6e6;
  width: 42%;
  padding-top: 26px;
  padding-left: 34px;
  padding-right: 50px;
  flex: 1 0 auto;
}

.xmasbox {
  background-color: #e7e6e6;
  padding-top: 26px;
  padding-left: 63px;
  padding-right: 50px;
}

.valentinsbox {
  background-color: #e7e6e6;
  width: 80%;
  padding-top: 37px;
  padding-left: 69px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}

.greybox h2 {
  color: #34511e;
  font-size: 3em;
  margin-top: 0px;
  margin-bottom: 26px;
  font-weight: bold;
}
.greybox .ul-content-haken {
  margin-left: -44px;
}
.greybox li, .greybox p {
  color: #34511e;
  font-size: 1.8em;
  font-weight: bold;
  text-align: left;
  line-height: 30px;
  padding-bottom: 0px;
  margin-bottom: 15px;
  padding-top: 0px;
}
.greybox2 {
  background-color: #e7e6e6;
  padding-top: 26px;
  padding-left: 20px;
  padding-bottom: 18px;
  padding-right:20px;
  flex: 1 0 auto;
}
.greybox2 h2 {
  color: #34511e;
  font-size: 2em;
  margin-top: 0px;
  margin-bottom: 26px;
  font-weight: bold;
}
.greybox2 li {
  color: #34511e;
  font-size: 1.4em;
  font-weight: 400;
  text-align: left;
  line-height: 30px;
  padding-bottom: 0px;
  margin-bottom: 15px;
  padding-top: 0px;
}
.xmasbox h2 {
  color: #34511e;
  font-size: 51px;
  margin-top: 23px;
  margin-bottom: 20px;
}
.xmasbox .ul-content-haken {
  margin-left: -44px;
}
.xmasbox li, .xmasbox p {
  color: #34511e;
  text-align: left;
  line-height: 29px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  font-size: 1.6em;
  font-weight: normal;
  background-size: 33px 33px;
  background-position: left 5px;
  font-weight: bold;
}

.valentinsbox h2 {
  color: #232f3f;
  font-size: 21px;
  margin-top: 0px;
  margin-bottom: 26px;
  font-weight: bold;
}

.valentinsbox li {
  color: #232f3f;
  text-align: left;
  line-height: 45px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  font-size: 17px;
  font-weight: normal;
  background-size: 33px 33px;
  background-position: left 5px;
}

.valentinsbox .ul-content-haken>li {
  background-image: url('./assets/img/ok.gif');
}

.valentinsbox .button2 {
  background-color: #ff146c;
    border-top: 1px solid #ff146c;
    border-right: 1px solid #ff146c;
    border-left: 1px solid #ff146c;
    border-bottom: 1px solid #ff146c;
    margin-left:44px;
}

.valentinsbox .displayflex1 {
  justify-content: space-between;
}

/* Lachsfarbene Box mit lila Schrift und roter Überschrift*/

.salmonbox {
  background-color: #fce5d7;
  width: 37%;
  padding-top: 26px;
  padding-left: 63px;
  padding-right: 50px;
  flex: 1 0 auto;
}
.salmonbox h2 {
  color: #bf0200;
  font-size: 51px;
  margin-top: 23px;
  margin-bottom: 20px;
}
.salmonbox p {
  font-size: 2em;
  color: #712ba6;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
}
.salmonbox span {
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  color: #712ba6;
  font-weight: bold;
}


.textbox-orange {

  background-color: orange;

}
.textbox-hellblau {
  background-color:#e8ecf6;
  padding-left: 40px;
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 40px;
}

.textbox-rechts h2, .textbox-rechts h3{
  text-align:left;
}

.textbox-links h2, .textbox-links h3{
  text-align:right;
}

.textbox-hellblau.textbox-rechts.ol-nummerliste-li, .textbox-hellblau.textbox-links.ol-nummerliste-li {
  margin-top: -45px;
}

.textbox-hellblau.textbox-links .ol-nummerliste-li:nth-last-of-type(1){
  margin-bottom:-20px;
  float:right;

}


.textbox-rechts figure {
  float: right;
  margin-top: 50px;
  margin-left: 10px;
  margin-right: 70px;
  margin-bottom: 10px;
}

.textbox-links figure {
  float: left;
  margin-left: 0px;
  margin-top: 50px;
  margin-left: 70px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.textbox-rechts .textbox-mittelblau {
  background-color: #ced8eb;
  margin-right: 280px;
}

.textbox-links .textbox-mittelblau {
  background-color: #ced8eb;
  margin-left: 280px;
}

.textbox-rechts p {
    padding-left: 40px;
    padding-right: 140px;
    padding-top: 40px;
    text-align: left;
    padding-bottom: 40px;
  }

.textbox-links p {
    padding-left: 140px;
    padding-right: 40px;
    padding-top: 40px;
    text-align: left;
    padding-bottom: 40px;
  }

.border-orange {
    border-color: #F28E00;
    border-width: 4px;
    border-style: solid;
  }


.redbutton {
  display: inline-block;
  background-color: #bf0200;
  font-size: 1.5em;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #F28E00;
  border-right: 1px solid #F28E00;
  border-left: 1px solid #F28E00;
  border-bottom: 1px solid #F28E00;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 6px 13px 7px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));
  gap: 1em;
}

#gallery > figcaption {
  grid-column: 1 / -1;
}

/* Einleitungstext Border 04.November.2021  */
.border-einleitungstext {
  border-left: 4px solid rgb(207 216 236);
      padding-left: 20px;
}
/* Einleitungstext Border 04.November.2021  */

@media only screen and (max-width: 1270px) {
  .overlapping-container {
    z-index: 9;
    margin-left: 40px;
    margin-bottom: -110px;
    margin-top: 50px;
  }
.overlapping-container2 {
    z-index: 9;
    margin-left: 0px;
    margin-bottom: -100px;
    margin-top: -160px;
  }
  .price-box-wrapp {
    flex-direction: column;
    -webkit-flex-direction: column;
    text-align: center;
    justify-content: center;
    width: 100%;
  }
  .price-box-1 {
    width: 70% !important;
  }
  .price-box-2 {
    width: 70% !important;
  }
  .price-box-3 {
    width: 70% !important;
  }
}

/* CSS von den Price-Boxes */


/* CSS von Cleverreach */

.cr_site {
  margin: 0;
  padding: 75px 0 0 0;
  text-align: center;
  background-color: #eeeeee;
}
.cr_font {
  font-size: 14px;
  font-family: Arial;
}
.cr_body h2, .cr_header h2 {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 10px 0;
}
.cr_body h1, .cr_header h2 {
  font-size: 28px;
  margin-bottom: 15px;
  padding: 0;
  margin-top: 0;
}
.wrapper, .cr_page {
  margin: 0 auto 10px auto;
  text-align: left;
  border-radius: 4px;
}
.cr_header {
  text-align: center;
  background: transparent !Important;
}
.cr_body label {
  float: none;
  clear: both;
  display: block;
  width: auto;
  margin-top: 8px;
  text-align: left;
  font-weight: bold;
  position: relative;
}
.powered {
  padding: 20px 0;
  width: 560px;
  margin: 0 auto;
}

.cr_ipe_item textarea {
  border: 1px solid #aaa;
}
.cr_ipe_item input {
  border: 1px solid #aaa;
  padding: 5px;
}
.cr_ipe_item select {
  border: 1px solid #aaa;
  display: block;
  margin: 0;
  padding: 5px;
  width: 100%;
}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {
  -moz-binding: none;
  -moz-box-sizing: border-box;
  background-color: -moz-field !important;
  border: 2px inset threedface !important;
  color: -moz-fieldtext !important;
  cursor: default;
  height: 13px;
  padding: 0 !important;
  width: 13px;
}
.cr_ipe_item input.cr_ipe_radio {
  -moz-appearance: radio;
  border-radius: 100% 100% 100% 100% !important;
  margin: 3px 3px 0 5px;
}
.submit_container {
  text-align: center;
  margin-top: -20px !important;
}
.cr_ipe_item {
  padding: 0px 0px;
  margin: 0px 0px;
}
.cr_ipe_item.inactive {
  display: none;
}
.imprint {
  font-size: 0.8em;
}
.cr_captcha {
  padding-left: 130px;
}
.cr_error {
  font-size: 1.1em;
  padding: 10px;
}
.clever_form_error {
  background-color: #f99;
  color: #000;
  border: 1px solid #f22 !important
}
.clever_form_note {
  margin: 26px 0 0 3px;
  position: absolute;
  display: inline;
  padding: 2px 4px;
  font-weight: bold;
  background-color: #f2ecb5;
  color: #000;
  font-size: 12px !important;
}
.cr_site {
  background-color: #eee;
}
.cr_header {
  color: #000000;
}
.cr_body {
  background-color: #ffffff;
  font-size: 12px;
  color: #000000;
}
.cr_hr {
  background-color: #ccc;
}
.cr_site a {
  color: #0084ff;
}
.imprint {
  color: #000;
}
.cr_site {
  background-color: #AE324A;
}
.cr_header {
  color: #FFFFFF;
}
.cr_body {
  background-color: #e8ecf6;
}
.cr_hr {
  background-color: #ccc;
}
.cr_site a {
  color: #F14800;
}
.imprint {
  color: #000;
}
.cr_page {
  width: 100%;
}
.p {
  font-size: 17.4px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: normal !important;
  text-align: justify !important;
  line-height: 24px !important;
  margin-bottom: 18px !important;
  margin-top: 18px !important;
}


#navhelper {
  margin-left: 30%
}
select {
  border: none;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  color: black;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  background: none;
  border: none;
}
select::-ms-expand {
  display: none;
}
.closer {
  border-style: solid;
  border-color: black;
  border-radius: 50%;
  padding-right: 10px;
}
.closer:hover {
  color: #00589C;
  cursor: pointer;
}
.select-wrapper {
  padding-right: 10%;
}

/* CSS für den Sitehelper */


/* CSS für progressbar */

.progress-bar {
  background-color: #F5F5F5;
  position: fixed;
  top: 55%;
  border-radius: 20px;
  padding: 10px;
  height: 200px;
}
.progress-wrap {
  background-color: whiteSmoke;
  border-radius: 2px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
  width: 250px;
  height: 20px;
  position: relative;
  display: block;
}
progress[value] {
  appearance: none;
  width: 100%;
  height: 20px;
  margin: 0 0 1.5em;
  background-color: whiteSmoke;
  border-radius: 3px;
  box-shadow: 0px 0px 3px 1px #E0E0E0;
}
progress[value]::-webkit-progress-bar {
  background-color: whiteSmoke;
  border-radius: 3px;
  box-shadow: 1px 1px 1px -1px;
}
progress[value]::-webkit-progress-value {
  position: relative;
  background-size: 35px 20px, 100% 100%, 100% 100%;
  border-radius: 3px;
  animation: animate-stripes 5s linear infinite;
}
.progress-message {
  font-size: 17px;
}
.progress-message2 {
  font-size: 17px;
  color: black;
}

/* CSS für progressbar */

ul#sf-menu li a:link, ul#sf-menu li a:visited {
  background: #b5bfca;
  color: #1e72c8;
}
ul#sf-menu-flirten li a:link, ul#sf-menu-flirten li a:visited {
  background: #b5bfca;
  color: #1e72c8;
}
ul#sf-menu li a:hover, ul#sf-menu li a:active, ul#sf-menu-flirten li a:hover, ul#sf-menu-flirten li a:active, body#flirttipps ul#ulTopnav li a#flirttippsnav, body#flirt-lexikon ul#ulTopnav li a#flirt-lexikonnav, body#single-seminar ul#ulTopnav li a#single-wochenendenav, body#ebooks-workbooks ul#ulTopnav li a#ebooksnav, body#flirttraining-mail ul#ulTopnav li a#flirttraniningmailnav, body#startseite ul#ulTopnav li a#startseitenav {
  background: #00589C;
  color: #fff;
  font-weight: bold;
}
body#flirttipps ul#ulTopnav li a#flirttippsnav:after, body#flirt-lexikon ul#ulTopnav li a#flirt-lexikonnav:after,
/* body#single-seminar ul#ulTopnav li a#single-wochenendenav:after, */

body#ebooks-workbooks ul#ulTopnav li a#ebooksnav:after, body#flirttraining-mail ul#ulTopnav li a#flirttraniningmailnav:after, body#startseite ul#ulTopnav li a#startseitenav:after {
  color: #fff;
  content: " ▼";
}
.lexikon {
  height: 40px;
  text-align: center;
  width: 44px;
  background-color: #E8ECF6;
  font-size: 30px;
  color: #00589C;
  border-radius: 10px;
  padding-top: 20px;
}
.responsiveimg3 {
  width: 75%;
}
/* .accordion {
  background-color: #E8ECF6;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  text-align: left;
  color: #00589C;
  letter-spacing: -1px;
  word-spacing: 2px;
  font-size: 21px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 1em;
} */

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

/* button.active, .accordion:hover {
  background-color: #ccc;
} */

/* Style the accordion panel. Note: hidden by default */

/* .panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
} */

div.accordion > div > div > h2 > button {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.panel2 {
  display: none;
  overflow: hidden;
}
/* .accordion:after {
  content: '\02795';
  Unicode character for "plus" sign (+)
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
} */
/* button.active:after {
  content: "\2796";
   Unicode character for "minus" sign (-)
} */

/* accordion2 abgewandelt */

.accordion2 {
  background-color: #E8ECF6;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  text-align: left;
  color: #00589C;
  letter-spacing: 0px;
  word-spacing: 2px;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 1em;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.active2, .accordion2:hover {
  background-color: #fff;
}

/* Style the accordion panel. Note: hidden by default */

.accordion2:after {
  content: '\02795';
  /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}
.active2:after {
  content: "\2796";
  /* Unicode character for "minus" sign (-) */
}
.panel3 {
  padding: 0 18px;
  background-color: white;
  line-height: 1.25em;
  display: none;
  overflow: hidden;
  word-spacing: 2px;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
}

/* accordion für NLP-Premium abgewandelt */

.accordiondetails {
  background-color: white;
  cursor: pointer;
  text-align: left;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  color: #00589C;
  letter-spacing: 0px;
  word-spacing: 2px;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 1em;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.activedetails, .accordiondetails:hover {
  background-color: #fff;
}

/* Style the accordion panel. Note: hidden by default */

.accordiondetails:before {
  content: '\02795';
  /* Unicode character for "plus" sign (+) */
  font-size: 11px;
  color: #00589C;
  margin-right: 5px;
  vertical-align: middle;
}
.activedetails:before {
  content: "\2796";
  /* Unicode character for "minus" sign (-) */
}
.paneldetails {
  padding: 0;
  background-color: white;
  display: none;
  overflow: hidden;
}
.panel-default {
  border-color: #ddd;
}
.news-box-mobile {
  display: none;
}
.panel-news-box {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default>.panel-heading {
  color: #333;
  background-color: #d2d2d2;
  border-color: #ddd;
}
.panel-heading {
  padding: 10px 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 20px;
}
.glyphicon {
  margin-right: 4px !important;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-list-alt:before {
  content: "💬";
}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.panel-body {
  padding: 15px;
  border: 4px solid #d2d2d2;
}
/* .row {
  margin-right: -15px;
  margin-left: -15px;
}
.row, .clearfix {
  zoom: 1;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-12 {
  width: 100%;
} */
.panel-footer {
  padding: 10px 15px;
  background-color: #d2d2d2;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pull-right {
  float: right!important;
}
.pagination {
  display: inline-block;
  padding-left: 47px;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination>li {
  display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination .glyphicon {
  margin-right: 0px !important;
}
.glyphicon {
  margin-right: 4px !important;
}
.glyphicon-chevron-down:before {
  content: "▲";
}
.glyphicon-chevron-up:before {
  content: "▼";
}
.panel-default {
  border-color: #ddd;
}
.col-xs-12 ul {
  margin-left: -54px;
  list-style: none;
  width: 100%;
}
.glyphicon {
  margin-right: 4px !important;
  /*override*/
}
.pagination .glyphicon {
  margin-right: 0px !important;
  /*override*/
}
.pagination a {
  color: #555;
}
.panel ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.news-item {
  padding: 4px 4px;
  margin: 0px;
  border-bottom: 1px dotted #555;
}
#jquery-script-menu {
  position: fixed;
  height: 90px;
  width: 100%;
  top: 0;
  left: 0;
  border-top: 5px solid #316594;
  background: #fff;
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  z-index: 999999;
  padding: 10px 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.jquery-script-center {
  width: 960px;
  margin: 0 auto;
}
.jquery-script-center ul {
  width: 212px;
  float: left;
  line-height: 45px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jquery-script-center a {
  text-decoration: none;
}
.jquery-script-ads {
  width: 728px;
  height: 90px;
  float: right;
}
.jquery-script-clear {
  clear: both;
  height: 0;
}
.panel-footer p {
  margin-top: 6px;
  font-size: 14px;
}
.news-item td {
  font-size: 14px;
}
.cta-footer {
  display: none;
}

/* CSS von dem neuen Footer - 03.09.19 */

.social-icon-wrapper {
  width: 100%;
}
.social-icon-container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.content1b-footer.footer-newsletter-box {
  margin-top: -24px;
}
.tipp-liste {
  position: inherit;
  background-color: #232f3f;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.tipp-liste::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
  box-sizing: border-box;
}
.tipp-liste-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
  box-sizing: border-box;
}
.tipp-liste-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -3.4%;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
  box-sizing: border-box;
}
.tipp-container-left {
  left: 0;
  box-sizing: border-box;
}
.tipp-container-right {
  left: 50%;
  box-sizing: border-box;
}
.tipp-container-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f28e00;
  box-sizing: border-box;
}
.tipp-container-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent #f28e00 transparent transparent;
  box-sizing: border-box;
}
.tipp-container-right::after {
  left: -3.4%;
  box-sizing: border-box;
}
.tipp-liste-container-content {
  border: 4px solid #f28e00;
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
  box-sizing: border-box;
}
@media only screen and (max-width:1150px) {
  .wrapper-content {
    padding-left: 1%;
  }
  .main-breadcrumb {
    padding-left: 2%;
  }
  .textbox2 .ol-content2-li:before {
    padding-left: 24px;
  }
  .rhetorik-container {
    padding-left: 2%;
  }
  #gallery {
  grid-template-columns: repeat(auto-fill, minmax(23em, 1fr));
	}
}
@media only screen and (max-width:1124px) {
  #content .content-box {
    width: 99%;
  }
  .main-breadcrumb {
    width: 99%;
  }
  .nav {
    width: 100%;
  }
  .nav-flirten {
    width: 100%;
  }
  /* Test Nav */
  .main-footer {
    width: 959px;
  }
  .imgver7b {
    width: 37%;
    float: right;
    margin-left: 10px;
  }
  .content1l {
    width: 100%;
    padding-left: 10px;
    margin-top: 10px;
    text-align: center;
  }
  .content1r {
    width: 100%;
    padding-right: 10px;
    text-align: center;
  }
  .displayflex1b {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .hoerbuch {
    width: 50%;
    border: 2px solid #ced8eb;
  }
  .hoerbuch:hover {
    width: 50%;
    border: 2px solid #00589C;
  }
  .hoerbuch1 {
    width: 40%;
    border: 2px solid #ced8eb;
  }
  .hoerbuch1:hover {
    width: 40%;
    border: 2px solid #00589C;
  }
  .sf-menu-flirten>li {
    text-align: center;
    width: 17%;
    margin-right: 5px;
    margin-left: -10px;
  }
  #navhelper {
    margin-left: auto;
    margin-right: auto
  }
  .rhetorik-container {
    width: 99%;
  }
}
@media only screen and (max-width:1087px) {
  .imgver6, .imgver9, .imgver10 {
    width: 100%;
    float: none;
    margin-left: 0px;
    margin-bottom: 10px;
  }

  .textbox6 h2 {
    font-size: 3vw;
  }

  .responsiveimg-transparent-rechts, .responsiveimg-transparent-links
{
  margin-top: -300px;
}

}
@media only screen and (max-width:959px) {
  .overlapping-container {
    z-index: 9;
    margin-left: 370px;
    margin-bottom: -70px;
  }
  .video-width {
    padding-left: 0px;
    padding-right: 0px;
  }
  .container_16 {
    width: 768px;
  }
  .displayflex1 {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .content1 {
    width: 100%;
    margin-right: 0px;
    text-align: center;
  }
  .content2, .content-preis-1a {
    width: 100%;
  }
  .content-preis-1b {
    width: auto;
    margin-top: -27px;
    margin-left: 37px;
  }
  .content2-p {
    margin-top: 18px;
  }
  #map iframe {
    width: 412px;
  }
  #map dl {
    width: 200px;
    margin-right: 10px;
  }
  footer {
    font-size: 12px;
    line-height: 18px;
  }
  .footer-menu li {
    padding: 0 8px 0 7px;
  }
  .indent-top1 {
    padding-top: 0;
  }
  .indent-left1-1, .indent-left2, .indent-left3, .indent-left4-1 {
    padding-left: 0;
  }
  .indent-right3, .indent-right4, .indent-right12 {
    padding-right: 0px;
    margin-left: 5px;
  }
  .indent-bottom10 {
    padding-bottom: 25px;
  }
  .flex {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .divadresse {
    width: 100%;
  }
  .maps {
    height: 300px;
    width: 100%;
  }
  .gridWrapper {
		display: grid;
		grid-template-rows: repeat(3, minmax(200px, 1fr));
		grid-gap: 1rem;
		grid-template-columns: none;
	}
  .yellowbox-klein {
    background-color:#ffb90f;
    width: auto;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    flex: 1 0 auto;
  }
  .yellowbox-klein p {
    font-size: 1.6em;
    color: white;
    font-weight: bold;
    text-align: left;
    line-height: 35px;
  }
  .pinkbox-klein {
    background-color:#FFC1C1;
    width: auto;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    flex: 1 0 auto;
  }
  .bluebox-klein {
    background-color: #a2b5cd;
    width: auto;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    flex: 1 0 auto;
  }
  .graubox-klein {
    background-color:#8b8682;
    width: auto;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    flex: 1 0 auto;
  }
  .right-content {
    width: 95%;
    margin-left: auto;
  }
  .right-content1 {
    display: none;
  }
  .broschuere {
    margin-top: 20px;
    margin-left: 0px;
  }
  .panel1 {
    width: 306px;
  }
  .panel2 {
    width: 228px;
  }
  .img-indent3 {
    width: 31%;
  }
  .contentad {
    width: 100%;
    order: 2;
  }
  .contentad2 {
    order: 1;
  }
  .haken {
    width: 70%;
  }
  .rahmenad {
    width: 93%;
  }
  .contentad3 {
    width: 100%;
  }
  .contentad2 {
    margin-top: 20px;
  }
  .content4a {
    width: 100%;
  }
  .content4b {
    text-align: center;
    width: 100%;
  }
  .displayflex4, .displayflex7 {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .main-header {
    width: auto;
  }
  .main-breadcrumb {
    margin: 0px;
    width: auto;
    padding-left: 1%;
    padding-right: 1%;
  }
  .main-footer {
    width: auto;
    margin: 0px;
  }
  #content .content-box {
    width: 100%
  }
  nav {
    max-width: 100%;
  }
  .sf-menu>li {
    text-align: center;
    font-size: 15px;
    padding-right: 14px;
    padding-left: 14px;
  }
  .sf-menu>li.last-item {
    background: none;
  }
  .sf-menu>li>a {
    padding: 15px 0 16px;
    display: none;
    width: 100%
  }
  .sf-menu>li.last-item>a {
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    width: 110px;
  }
  .sf-menu ul {
    padding: 20px 10px 19px 15px;
  }
  ul.sf-menu li li.sfHover ul {
    left: 151px;
  }
  .sf-menu-flirten>li {
    text-align: center;
    width: 17%;
    margin-right: 5px;
    margin-left: -10px;
  }
  .sf-menu-flirten>li.last-item {
    background: none;
  }
  .sf-menu-flirten>li>a {
    padding: 15px 0 16px;
    display: block;
    width: 100%
  }
  .sf-menu-flirten>li.last-item>a {
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    width: 110px;
  }
  .sf-menu-flirten ul {
    padding: 20px 10px 19px 15px;
  }
  ul.sf-menu-flirten li li.sfHover ul {
    left: 151px;
  }
  .nav {
    width: auto;
    margin: 0px;
  }
  .table2 {
    width: auto;
    margin-bottom: 30px;
  }
  .kontaktformular {
    width: auto;
  }
  .wrapper-content {
    padding-right: 1%;
  }
  .imgver7a {
    max-width: 75%;
  }
  .imgver7 {
    width: 100%;
  }
  .imgver7b {
    width: 35%;
  }
  .imgver8r {
    width: 45%;
    float: right;
    margin-left: 10px;
  }
  .imgver8l {
    width: 45%;
    float: left;
    margin-right: 10px;
  }
  .textbox5-1 {
    margin-bottom: 7px;
    margin-right: 0px;
  }
  .textbox5-2 {
    margin-bottom: 7px;
    margin-right: 0px;
  }
  .textbox5-3 {
    margin-bottom: 7px;
    margin-right: 0px;
  }
  .textbox5-4 {
    margin-bottom: 7px;
    margin-right: 0px;
  }
  .responsiveimg3 {
    width: 45%;
  }

    .news-box-mobile {
    display: block;
  }
  .news-box-desktop {
    display: none;
  }
  .img-circle {
    width: 110px;
  }
  .uebersicht-liste li {
    font-size: 15px;
  }
  .cta-footer {
    display: block;
  }
  .yellowbox {
    margin-left: auto;
    margin-right: auto;
    width: 518px;
  }
  .greenbox {
    margin-left: auto;
    margin-right: auto;
    width: 518px;
  }
  .rosabox, .worldbox, .heldenreise, .trainerbox-startseite {
    margin-left: auto;
    margin-right: auto;
    width: 518px;
  }
  .boxpic {
    text-align: center;
  }
  .greybox, .xmasbox {
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }

  .content-40 {
    width: auto;
  }

  .content-60 {
    width: auto;
  }


  .textbox-rechts .textbox-mittelblau, .textbox-links .textbox-mittelblau {
    margin-right: -40px;
    margin-left: -40px;
    margin-top: -200px;

  }

  .textbox-rechts figure, .textbox-links figure {
    margin-left: 10px;
    margin-right: 10px;
    text-align:center;
    float: none;
  }

  .textbox-rechts figcaption, .textbox-links figcaption {
    text-align:center;
  }

  .textbox-rechts p, .textbox-links p {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 210px;
  }


  .textbox-rechts h2, .textbox-links h2 {
    text-align: center;
    margin-top: 35px;
    margin-bottom: -15px;
}


.responsiveimg-transparent-rechts, .responsiveimg-transparent-links
{
  width: 180px;
  margin-top: -193px;
}


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

  .button-breit {
    width: 100%;
  }

  .uebersichtalles {
    display: block !important
  }
  .uebersicontent img {
    width: 100% !important;
  }
  #gallery {
  grid-template-columns: repeat(auto-fill, minmax(13.5em, 1fr));
	}
}
@media only screen and (min-width:768px) and (max-width:995px) {
  .hide1x {
    display: none;
  }
  #gallery {
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
	}
}
@media only screen and (max-width:767px) {
  .displayflex3 {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
  }
  .gridWrapper {
		display: grid;
		grid-template-rows: repeat(3, minmax(200px, 1fr));
		grid-gap: 1rem;
		grid-template-columns: none;
	}
	.bild-immergleich {
	  width: 100%;
	  object-fit: cover;
	  height: 230px;
	}
  .imgver1 {
    margin-left: 10px;
    margin-right: 10px;
	  float: none;
	  width: auto;
  }
  .displayflex5 {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .header-pannel {
    padding: 0px 10px;
    margin-bottom: 15px;
  }
  .navigation {
    background: url('./assets/img/navigation-tail.gif') center top repeat-x #f0f0f0;
    height: auto;
    padding-bottom: 20px;
  }
  .box2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .wrapper-content {
    margin-left: 0px;
    padding-left: 3%;
    padding-right: 3%;
  }
  .right-content {
    width: 90%;
  }
  .ullist {
    margin-left: -20px;
  }
  .content1b {
    margin-left: 0px;
  }
  .rahmen2 {
    width: 94%;
    margin-left: 1px;
  }
  .rahmen4 {
    width: 84%;
  }
  .uldots1 {
    padding-bottom: 7px;
    padding-top: 7px;
    margin-left: -25px;
  }
  .anmeldungform, .anmeldungform2 {
    width: 91%;
    margin-left: 3px;
  }
  .anmeldungform3 {
    width: 87%;
    margin-left: 3px;
  }
  .anews {
    width: 91%;
  }
  .panel3 {
    margin-top: -59px;
    margin-left: 210px;
  }
  .panel1 {
    width: 100%;
  }
  .dnews {
    width: 95%;
  }
  img {
    height: auto;
  }
  .footer-newsletter {
    float: none;
    width: 100%;
  }
  .a-footer {
    padding-right: 3%;
    font-size: 1.3em;
  }
  .ul-footer {
    margin-top: 20px;
  }
  .ul-footer li {
    width: 26%;
    padding-left: 3%;
    padding-right: 3%;
  }
  .uebersicht {
    width: 94%;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .ul-footer-nlp {
    width: 110%;
    margin-top: 17px;
    margin-bottom: 17px;
  }
  .zertifikat {
    margin-right: 8px;
  }
  .textbox, .textbox-right {
    margin-right: 40px;
    width: auto;
    float: none;
  }
  .textbox-right2 {
    margin-right: 12px;
    width: auto;
    float: none;
  }
  .textbox3 {
    margin-right: auto;
    width: 416px;
  }
  .left-content, .content-align1, .content-align2, .content-align3 {
    width: 100%;
  }
  .e-book-div1, .e-book-div2 {
    width: 100%;
  }
  .content2a {
    text-align: center;
    width: 100%;
  }
  .content2b {
    width: 100%;
    margin-top: 0px;
  }
  .tablestyle1 {
    width: 100%;
  }
  .table3 {
    border: 0;
  }
  .table3 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  .table3 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1.25em;
  }
  .table3 td:before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 1em;
    margin-bottom: 0.25em;
    flex: 0 0 5em;
  }
  .table3 td:last-child {
    border-bottom: 0;
  }
  .table3 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .table5 {
    border: 0;
  }
  .table5 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  .table5 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1.25em;
    text-align: left
  }
  .table5 td:before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 1em;
    margin-bottom: 0.25em;
    flex: 0 0 5em;
  }
  .table5 td:last-child {
    border-bottom: 0;
  }
  .table5 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .inputformular2 {
    width: 98%;
  }
  .ubermenu2:after {
    top: 12px;
  }
  .ul-footer-nlp li {
    width: 48%;
  }
  .zertifizierung {
    float: none;
    margin-top: 0px;
  }
  .imgver8r {
    width: 100%;
    float: right;
    margin-left: 10px;
  }
  .imgver8l {
    width: 100%;
    float: left;
    margin-right: 10px;
  }
  .responsiveh {
    text-align: center;
  }
  .sf-menu-flirten>li {
    text-align: center;
    width: 17%;
    margin-right: 7px;
    margin-left: -10px;
  }
  .displayflex1e {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .hoerbuch2 {
    width: 100%;
    border: 2px solid #ced8eb;
  }
  .hoerbuch2:hover {
    width: 100%;
    border: 2px solid #00589C;
  }
  .vertikalelinie {
    display: none;
  }
  .standorte-box {
    width: 47%;
  }
  .ul-content-haken {
    margin-left: -45px;
  }
  .ul-content-haken>li {
    background-size: 30px;
    padding-left: 40px;
    padding-right: 30px;
    background-position: left 0px;
  }
  .content1a-footer {
    width: 100%;
  }
  .content1b-footer {
    width: 100%;
    margin-right: 20px
  }
  .content1b-footer.footer-newsletter-box {
    margin-top: 0px;
  }
  #textbox1 {
    display: block !important;
    margin: 0 auto 10px auto !important;
    width: 94%;
  }
  #textbox1 ul {
    columns: 2;
  }
  .right-responsive {
    float: none !important;
  }
  .uebersicht-liste li {
    font-size: 17px;
  }
  /* .container {
    width: 100%;
  } */
  blockquote {
    margin: 20px 3% 18px;
  }
  .social-icon-container {
    width: 100%;
    justify-content: center;
  }
  .tipp-liste::after {
    left: 31px;
  }
  .tipp-liste-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }
  .tipp-liste-container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }
  .tipp-container-left::after, .tipp-container-right::after {
    left: 15px;
  }
  .tipp-container-right {
    left: 0%;
  }
  .rhetorik-container {
    text-align: center;
    width: 90%;
  }
  .rhetorik-container img {
    margin-top: 24px;
  }
  .xmasbox .ul-content-haken, .valentinsbox  .ul-content-haken{
    margin-left: -40px;
  }
  .xmasbox li,   .valentinsbox li {
    line-height: 33px;
    margin-bottom: 20px;
    background-position: left -1px;
  }

  .valentinsbox {
    width: 89%;
  }

  .ul-content1{
    margin-left:-39px;
    padding-right: 27px;
  }

  .main-breadcrumb {
    padding-left: 3%;
    padding-right: 3%;
  }

  .textbox-hellblau {
  padding-left: 20px;
  padding-right: 13px;
  }

  .ol-content2-li:before {
    left: 1.3em;
  }

}
@media only screen and (max-width:800px) {
  .overlapping-container {
    z-index: 9;
    margin-left: 240px;
    margin-bottom: -70px;
  }
  nav {
    float: none;
    /*margin-bottom:20px;*/
  }
  .nav ul>li:hover>ul {
    position: relative;
  }
  .nav ul>li>ul>li:hover>ul {
    position: relative;
  }
  .sf-menu.responsive-menu li li:hover ul {
    top: 0px;
    left: 0px;
  }
  .sf-menu-flirten.responsive-menu li li:hover ul {
    top: 0px;
    left: 0px;
  }
  .responsive-menu li:hover ul {
    top: 0px;
  }
  .sf-menu>li>a {
    padding: 15px 15px 16px;
    width: auto;
    display: none;
  }
  .sf-menu.responsive-menu>li>a {
    padding: 15px 15px 16px;
    width: auto;
    display: block;
    color: white;
  }
  .sf-menu-flirten>li>a {
    padding: 15px 15px 16px;
    width: auto;
    display: none;
  }
  .sf-menu-flirten.responsive-menu>li>a {
    padding: 15px 15px 16px;
    width: auto;
    display: block;
  }
  .nav:target>ul {
    display: block;
  }
  .nav:target>ul {
    display: block;
  }
  .nav>ul>li {
    float: none;
  }
  .onsitenavigation{
    padding:10px 0 !important;
  }
  .column{
    margin:6px;
    flex-wrap: nowrap !important;
  }
  /* .columns{
    margin: 30px!important;
  } */
  .osWrapper{
    top:-74px !important;
  }
  .onsitenavigationContent.visible{
    width:80px;
  }
  #gallery {
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
	}
}

/* Übersicht Seite Wissen */

.uebersichtalles {
  display: flex;
  background: #f0f0f0;
  border-radius: 20px;
  padding: 20px;
  justify-content: center;
}

.uebersibildtag {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120%;
}
.uebersibild {
  margin: 20px;
  transition: 0.3s ease-in-out
}
.uebersicontent a {
  position: relative;
}
.uebersibild:hover {
  transform: scale(1.075);
  transition: 0.3s ease-in-out all;
}
.uebersicontent a span {
  z-index: 5;
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.85);
  padding: 15px 0px 15px 0px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.uebersicontent img {
  padding: 0;
  width: 300px;
  margin: 0;
  height: 200px;
  border-radius: 15px;
  overflow: hidden;
}
.uebersicontent a {
  overflow: hidden;
  width: 100px;
}

@media only screen and (min-width: 768px) {
  .col-md-7-rows {
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
    max-width: calc(100% / 7);
  }
}

@media only screen and (max-width:680px) {
  .yellowbox, .greenbox, .rosabox, .greybox, .xmasbox, .valentinsbox, .worldbox, .heldenreise, .trainerbox-startseite  {
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 18px;
    padding-right: 22px;
  }

  #gallery {
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
  }

  .responsiveimg-transparent-links, .responsiveimg-transparent-rechts{
    width: 140px;
    margin-top: -155px;
  }

}
  @media only screen and (max-width:600px) {
    .overlapping-container {
      z-index: 9;
      margin-left: 160px;
      margin-bottom: -80px;
    }

  .overlapping-container2 {
      z-index: 9;
      margin-left: 120px;
      margin-bottom: 0px;
      margin-top: -230px;
    }
    .imgver1, .imgver2, .imgver4, .imgver5 {
      width: 100%;
      float: none;
      margin-left: 0px;
      margin-bottom: 10px;
    }
    .imgwidth{
      width:100%
    }


    .textbox6 .displayflex2{
      display: flex;
      display: -webkit-flex;
      flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
    }


    .textbox6 h2 {
      font-size: 5vw;
     }

    .textbox6 .displayflex2 .content1 {
     width: 100%;
    }

    .textbox6 .displayflex2 .content2 {
      width: auto;
      text-align: center;
      margin-bottom: 20px;
    }

    .textbox6 .displayflex2 .content2 img{
      width: 291px;
    }

	#gallery {
  grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
	}

  .ol-content2-li:before {
    left: 0.7em;
  }


  }
  @media only screen and (max-width:479px) {
    .overlapping-container {
      z-index: 9;
      margin-left: 130px;
      margin-bottom: -65px;
    }

  .overlapping-container2 {
      z-index: 9;
      margin-left: 80px;
      margin-bottom: 0px;
      margin-top: -230px;
    }
    .container_16 {
      width: 300px;
    }
    .displayflex3 {
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      -webkit-flex-direction: column;
    }
    .displayflex6 {
      flex-direction: column;
      -webkit-flex-direction: column;
    }
    .secondary-menu {
      float: none;
      margin-bottom: 10px;
    }
    #map dl {
      float: none;
      width: 100%;
      margin-right: 0px;
      margin-bottom: 20px;
    }
    .cnews {
      margin-left: 5px;
    }
    img {
      margin-top: 5px;
    }
    .rahmen2, .rahmen3 {
      width: 90%;
      margin-left: 3px;
    }
    .formfeld {
      width: 273px;
    }
    .imgmarginbottom {
      margin-bottom: 15px;
    }
    .anmeldungform3 {
      width: 91%;
      margin-left: 3px;
    }
    .panel1 {
      width: 100%;
    }
    .anews {
      width: 80%;
    }
    .panel3 {
      margin-top: 0px;
      margin-left: 21px;
    }
    .ul-footer {
      padding: 0;
      margin-left: 0px;
    }
    .ul-footer li {
      padding-top: 1%;
      text-align: left;
    }
    .ul-footer li {
      width: 35%;
    }
    .sf-menu ul {
      padding: 20px 25px;
    }
    .sf-menu-flirten ul {
      padding: 20px 25px;
    }
    .ul-lexikon li {
      width: 9%;
    }
    .ul-content1-li {
      margin-left: -37px;
    }
    .content3a {
      width: 100%
    }
    .responsiveimg, .responsiveimg2 {
      float: none;
      padding-right: 100px;
    }
    .responsiveimgsmall2 {
      float: left;
    }
    .textbox3 {
      width: auto;
    }
    .termine {
      width: auto;
    }
    .ul-footer-nlp li {
      display: block;
    }
    .ctap p {
      text-align: center;
    }
    .displayflex1c {
      display: flex;
      flex-direction: column;
      -webkit-flex-direction: column;
    }
    .hoerbuch {
      width: 50%;
      border: 2px solid #ced8eb;
    }
    .hoerbuch:hover {
      width: 50%;
      border: 2px solid #00589C;
    }
    .hoerbuch1 {
      width: 50%;
      border: 2px solid #ced8eb;
    }
    .hoerbuch1:hover {
      width: 50%;
      border: 2px solid #00589C;
    }
    .hoerbuch4 {
      width: 100%;
      border: 2px solid #ced8eb;
    }
    .hoerbuch4:hover {
      width: 100%;
      border: 2px solid #00589C;
    }
    .imgver4, .imgver5, .imgver2 {
      width: 100%
    }
    .olinhaver {
      margin-left: -32px;
    }

    .responsiveimg-transparent-links, .responsiveimg-transparent-rechts{
      width: 80px;
      margin-top: -115px;
    }

    .textbox2 .ol-content2-li:before {
      padding-left: 15px;
    }

  }
  @media only screen and (max-width:378px) {
    .overlapping-container {
      z-index: 9;
      margin-left: 100px;
      margin-bottom: -65px;
    }

  .overlapping-container2 {
      z-index: 9;
      margin-left: 80px;
      margin-bottom: 0px;
      margin-top: -230px;
    }
    .social-icon {
      height: 40px;
      margin: 5px;
    }

    .social-icon:hover {
      transform: scale(1.1);
      margin: 5px;
      transition: 0.5s
    }

  }
  /* Neue Stylesheets von Stephan August 2020 für Gestaltung rechte Seite */
  div#rechte-spalte {
    color: #006699;
    font: size 11px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    margin-left: 30px;
  }
  div.grey-box {
    margin-top: 40px;
    background-color: #ababab;
    color: black;
    border-radius: 20px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: justify;
  }
  p.text-grey-box {
    text-align: center;
    font-size: 19px;
    margin-top: 9px;
    margin-bottom: 9px;
    color: #fff;
    font-weight: bold;
  }


/* ------------------------------- OnSite Navigation -------------------------------- */

.osWrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -30px;
  height: 80px;
  margin-top: -75px
}
.columns {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.flex-columns {
  display: flex;
  flex-wrap: wrap;
}
.column {
  display: flex;
  justify-content: space-evenly;
  width: fit-content;
  flex-wrap: wrap;
  align-self: flex-start;
  height: 40px;
}
.onsitenavigation {
  box-sizing: content-box;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 16px;
  border: 0px solid #fff;
  background-color: #f0f0f0;
  color: #000;
  border-radius: 10px;
  width: 120px;
  text-align: center;
  box-shadow: 0px 0px 8px 0px #000;
  padding: 20px 30px;
  text-decoration: none;
}
.onsitenavigation:hover {
  background-color: #232f3f;
  color: white;
}
.onsitenavigation:hover span {
  color: white !important;
}
.onsitenavigationContent.visible {
  border-top: 0px !important;
  background-color: #f0f0f0;
  margin-right: 10px;
  margin-left: 10px;
  display: block;
  z-index: 99;
  -webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
  animation: scale-up-ver-top 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
  border: 0px solid black;
  box-shadow: 0px 5px 8px 0px #000;
}
.onsitenavigationItemns {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.onsitenavigationWrapper {
  position: relative;
  display: inline-block;
}
.onsitenavigationContent {
  display: none;
  color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 140px;
  list-style-type: none;
}
.onsitenavigationContent li {
  padding: 10px;
  margin-left: -40px;
  margin-bottom: 0;
  border-bottom: 3px solid #fff;
  text-decoration: none;
  text-align: left;
}
.onsitenavigationContent a:first-child li {
  border-top: 3px solid #fff
}
.onsitenavigationContent a:last-child li {
  border-bottom: 0px solid #fff;
  border-radius: 0 0 8px 8px;
}
ul.onsitenavigationContent.visible li:hover {
  background-color: #232f3e;
  color: white;
}
ul.onsitenavigationContent.visible a {
  text-decoration-line: none;
}

.columnsWrap {display: flex; flex-direction: row; justify-content: center; width: 100%;}
.columnItem {display: flex; flex-direction: column; margin-left: 10px; margin-right: 10px; width: 48%; padding: 20px;}

@media only screen and (max-width:800px) {
  .columnsWrap {flex-direction: column-reverse;}
  .columnItem {width: 90%;}
}
.checklistUl {list-style: none;}
.checklistLi:before {content: "✓"; margin-right: 8px; font-weight: bold; color: #F28E00;}

/* CSS Code für den neuen Header */

.headerMenu {
  width: 100%;
  position: relative;
  filter: drop-shadow(0 -10px 20px black);
}



body[seitenart="checkout"] > .headerMenu {
  position: relative;
}

.navMenu {
  width: 100%;
  background-color: #232f3f;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: 1s;
}
.navMenuContent {
  width: 71%;
  display: flex;
  align-items: center;
}

.navMenuLogo {
  max-width: 78.5px;
  height: 74px;
  transition: 1s;
}
.navMenuLogoA:hover {
  border-radius: 100%;
  box-shadow: 0 0 70px 2px #f28e00;
  transition: box-shadow 0.7s, background 0.7s;
  background: #f28e0070;
}
.navMenuLinks {
  display: inherit;
  width: 100%;
}
.navMenuList {
  display: inherit;
  flex-direction: row;
  list-style: none;
  width: inherit;
  justify-content: space-evenly;
  transition: 1s;
  padding-left: 0px;
  align-items: center;
}
li.navMenuLi {
  color: white;
  font-size: 18px;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  vertical-align: middle;
  padding: 4px;
  border: 2px solid transparent;
  position: relative;
  margin-bottom: 0px;
}
.navMenuA {
  color: inherit!important;
  text-decoration: inherit;
  vertical-align: inherit;
  margin-bottom: 10px;
}
a.navMenuA:after {
  content: "";
  width: 70px;
  height: 20px;
  background-color: transparent;
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 30px;
}
.navMenuLi:hover {
  border: 2px solid white;
  border-radius: 10px;
}
.navMenuLi:hover .navMenuDropdown.firstMenuItem {
  display: flex;
  position: absolute;
  z-index: 99;
  background-color: #232f3f;
  flex-direction: column;
  left: -250%;
  margin-top: 18px;
  border: 2px solid white;
}
.navMenuLi:hover .navMenuDropdown.firstMenuItem:before {
  content: "   ";
  height: 0px;
  position: relative;
  top: -41px;
  width: 0;
  z-index: 1;
  right: -22%;
  border: medium solid white;
  border-width: 10px 10px 10px 10px;
  border-color: transparent transparent white transparent;
  box-sizing: border-box;
}
.navMenuLi:hover .navMenuDropdown.secondMenuItem {
  display: flex;
  position: absolute;
  z-index: 99;
  background-color: #232f3f;
  flex-direction: column;
  left: -250%;
  margin-top: 18px;
  border: 2px solid white;
}
.navMenuLi:hover .navMenuDropdown.secondMenuItem:before {
  content: "   ";
  height: 0px;
  position: relative;
  top: -41px;
  width: 0;
  z-index: 1;
  right: -27%;
  border: medium solid white;
  border-width: 10px 10px 10px 10px;
  border-color: transparent transparent white transparent;
  box-sizing: border-box;
}
.navMenuLi:hover .navMenuDropdown.thirdMenuItem {
  display: flex;
  position: absolute;
  z-index: 99;
  background-color: #232f3f;
  flex-direction: column;
  left: -450%;
  margin-top: 18px;
  border: 2px solid white;
}
.navMenuLi:hover .navMenuDropdown.thirdMenuItem:before {
  content: "   ";
  height: 0px;
  position: relative;
  top: -41px;
  width: 0;
  z-index: 1;
  right: -47%;
  border: medium solid white;
  border-width: 10px 10px 10px 10px;
  border-color: transparent transparent white transparent;
  box-sizing: border-box;
}
.navMenuLi:hover .navMenuDropdown.lastMenuItem {
  display: flex;
  position: absolute;
  z-index: 99;
  background-color: #232f3f;
  flex-direction: column;
  left: -780%;
  margin-top: 18px;
  border: 2px solid white;
}
.navMenuLi:hover .navMenuDropdown.lastMenuItem:before {
  content: "   ";
  height: 0px;
  position: relative;
  top: -41px;
  width: 0;
  z-index: 1;
  right: -85%;
  border: medium solid white;
  border-width: 10px 10px 10px 10px;
  border-color: transparent transparent white transparent;
  box-sizing: border-box;
}

.navMenuDropdown {
  display: none;
  padding: 20px;
}
.dropdownMenu {
  display: inherit;
  flex-direction: row;
  min-width: 800px;
  max-width: 100%;
  margin-top: -20px;
  height: calc(100vh - 131px);
  max-height: 550px;
}
.dropdownThemen {
  display: inherit;
  flex-direction: column;
  color: white;
  width: 27%;
}
.dropdownThemenArticles {
  flex-direction: column;
  display: none;
  padding: 10px;
  width: 100%;
  text-decoration: none;
  color: white;
  overflow: auto;
}
.dropdownList {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  color: white;
  text-decoration: inherit;
  overflow: auto;
}
.dropdownListSpan {
  border: 1px solid white;
  padding: 10px;
  color: #232f3f;
  text-decoration: none;
  background-color: #F5F5F5;
  border-right: 2px solid #f28e00;
  cursor: default;
}
.dropdownListSpan:hover {
  background-color: white;
  color: #f28e00;
}
.visible {
  background-color: white;
  display: flex;
  margin-left: 0px;
  border: 2px solid #f28e00;
  border-right: 0px;
}
.visibleArtikel {
  background: white;
  display: flex;
  margin-left: 0px;
  border: 2px solid #f28e00;
  border-left: 0px;
}
.menuArtikel {
  display: inherit;
  flex-direction: column;
  height: 100%;
  color: inherit;
  margin-right: 20px;
}
.menuArtikelRowContainer {
  display: inherit;
  flex-direction: row;
  height: 100%;
  color: inherit;
  padding: 0px;
  justify-content: space-around;
}
.menuArtikelRow {
  white-space: pre-line;
}
.dropdownThemenArticles.visibleArtikel .menuArtikel {
  -webkit-animation: slide-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

#navBar {
  transition: 1s;
}
.scaleNav {
  padding-top: 7px;
  padding-bottom: 7px;
  transition: 1s;
}
.scaleBar {
  padding-top: 7px !important;
  transition: 1s;
}
.scaleUl {
  margin-top: 4px;
  margin-bottom: 4px;
  transition: 1s;
}
.scaleLogo {
  width: 53px;
  height: 50px;
  transition: 1s;
}
.mobileMenu {
  display: none;
  width: 100%;
  align-self: center;
  background-color: #232f3f
}
#suchfeld {
  float: left;
  width: 100px;
}
.search-container {
  float: right;
}
.search-container {
  box-sizing: border-box;
}
.search-container input[type=text] {
  padding: 6px;
  font-size: 17px;
  border: none;
}
.search-container button {
  float: left;
  padding: 6px 10px;
  background: #F28E00;
  font-size: 17px;
  border: none;
  cursor: pointer;
  border-radius: 0px 5px 5px 0px;
  height: 31.9px;
}
.search-container button:hover {
  background: #CED8EB;
}
.search-icon {
  padding-top: 2.3px;
}
section#content {
  position: relative;
}
.menuArtikelA {
  color: #232f3f;
  text-decoration: none;
}
.menuArtikelA:hover {
  color: #F28E00 !important;
}
.menuArtikelA:hover span {
  color: #F28E00;
}
.menuArtikelA:visited {
  color: #7d7d7d;
  text-decoration: none;
}
.artikelDesc {
  color: #7d7d7d;
  text-decoration: none;
}
.artikelDescA {
  color: #7d7d7d;
  text-decoration: underline dotted #F28E00;
}
.artikelDescA:hover {
  color: #F28E00 !important;
  text-decoration: none;
}
.artikelDescA:hover span {
  color: #F28E00;
}
#burgerButton {
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  padding: 0;
  width: 50px;
  height: 50px;
}
#burgerButton:hover .line {
  stroke: #6662c4;
}
#mobileMenuSVG {
  display: block;
  width: inherit;
  height: inherit;
}
.line {
  fill: none;
  stroke: white;
  stroke-width: 6px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.desktopTelAnzeigeClose {
  float: right;
  margin-top: -7px;
  cursor: pointer;
}

.desktopTelAnzeigeClose > img {
  width: 24px;
}

#desktopTelAnzeige {
visibility: hidden;
min-width: 270px;
margin-left: -125px;
background-color: #232f3f;
color: white;
text-align: center;
border-radius: 2px;
padding: 14px;
position: fixed;
z-index: 1;
left: 82%;
top: 90px;
font-size: 20px;
border: 2px solid white;
border-radius: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
opacity: 0;
height: 50px;
}

.showTel {
visibility: visible !important;
-webkit-animation: fadein 0.5s;
animation: fadein 0.5s;
opacity: 1 !important;
}

/* Sprungmarken */
.sprungmarkenWrapper {position: relative;}
.sprungmarke {position: absolute; top: -80px;}

/* Animation im Menu */
.textAnimation {
-webkit-animation: tracking-in-expand-fwd 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite both;
        animation: tracking-in-expand-fwd 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite both;
}

@media only screen and (max-width: 1097px) {
  #dTAseminareonline > span:nth-child(2) {left: 24% !important;}
}

@media only screen and (max-width: 1400px) {
  #dTAstandorteOnline > span:nth-child(2) {left: 22% !important;}
}

/* Css für die Aktionsbanner */
#aktionsbanner {display: none;}

/* Bootstrap Classes */
.bg-ciorange {
  background-color: var(--ciorange)!important;
}
.text-ciblau {
  color: var(--ciblau)!important;
}
.border-ciblau {
  border-color: var(--ciblau)!important;
}

/* ============================ Übersichtsseiten ==================================== */

.ls-cardcontainer {
  height: auto;
  width: auto;
  top: 60px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.ls-cardcontainer a {
  text-decoration: none;
}
.ls-card {
  display: flex;
  height: 280px;
  width: 300px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 8px 0px #000;
  position: relative;
  left: 0px;
  padding: 5px;
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  transition: 0.5s ease-out all;
}
.cardmargin {
  margin: 18px !important
}
.ls-card:hover {
  /*   transform: translateY(-10px); */
  transition: 0.5s ease-out;
  box-shadow: 0px 0px 10px 0 #f23e00;
  transform: scale(1.1)
}
.ls-cardtitle {
  color: black;
  font-weight: 300;
  text-align: left;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 25px;
  width: 220px;
}
.ls-cardbar {
  position: absolute;
  margin-top: 100px;
  margin-left: 15px;
  margin-right: 15x;
  height: 1px;
  width: 275px;
  transition: 0.5s ease-out;
}
.ls-cardemptybar {
  position: absolute;
  background-color: #2e3033;
  width: 100%;
  height: 100%;
  transition: 0.5s ease-out;
}
.ls-cardfilledbar {
  position: inherit;
  top: 0;
  z-index: 3;
  width: 0px;
  height: 100%;
  background: #f28e00;
}
.ls-card:hover .ls-cardfilledbar {
  width: 275px;
  transition: .5s ease-out all;
}
.cardbeschreibung p {
  text-align: left;
  margin-right: 15px;
}
.ls-cardlogo {
  position: absolute;
  top: 15px;
  left: calc(70% + 5px);
  transform: scale(0.75)
}
.cardlogo-menu2 {
  position: absolute;
  bottom: 15px;
  left: calc(70% + 25px);
  transform: scale(0.75)
}
.cardlogo-menu1 {
  position: absolute;
  bottom: 15px;
  left: calc(70% + 55px);
  transform: scale(0.75)
}

.ls-cardcontainerback {
  background: #f0f0f0;
  padding: 30px 0 30px 0;
}
@media only screen and (max-width: 1000px) {

  .ls-cardcontainer {
    text-align: center;
  }
}
@media only screen and (max-width: 360px) {

  .ls-card {
    position: relative;
    margin: 0 auto;
    margin-top: 16px;
    width: 250px;
  }
  .ls-cardtitle {
    width: 100%;
  }

  .ls-cardemptybar {
    width: 95%;
  }

  .ls-cardbar {
    width: auto;
  }

}

/* Hamburger */

.line.top, .line.bottom {
  stroke-dasharray: 50px 600px;
  stroke-dashoffset: 0px;
}
.line.cross {
  stroke-dasharray: 50px 60px;
  stroke-dashoffset: 0px;
}

/* Cross */

.on .line.top, .on .line.bottom {
  stroke-dasharray: 70.71px 600px;
  stroke-dashoffset: -392px;
}
.on .line.cross {
  stroke-dasharray: 50px 60px;
  stroke-dashoffset: 51px;
}

/* Timing */

.line.cross {
  transition: 0.35s stroke-dasharray ease 0.35s, 0.35s stroke-dashoffset ease 0.35s, 0.35s stroke ease 0s;
}
.line.top {
  transition: 0.525s stroke-dasharray ease 0s, 0.525s stroke-dashoffset ease 0s, 0.35s stroke ease 0s;
}
.line.bottom {
  transition: 0.525s stroke-dasharray ease 0.35s, 0.525s stroke-dashoffset ease 0.35s, 0.35s stroke ease 0s;
}
.on .line.cross {
  transition: 0.35s stroke-dasharray ease 0s, 0.35s stroke-dashoffset ease 0s, 0.35s stroke ease 0s;
}

a.clean-gray {background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(top, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; padding: 8px 0; text-align: center; text-shadow: 0 1px 0 #eee; width: 70px; position: relative; left: -100px;}

a.clean-gray:hover {background-color: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; }

a.clean-gray:active {border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;}

.mobileMenuHeader[style] + a.mobileTelButton {transform: translate(0, -0%);}

.mobileTelButton {
  align-self: center;
  background-image: url('./assets/img/telefonbutton.svg');
  background-repeat: no-repeat;
  width: 41.72px;
  height: 41.72px;
}

/* CSS fuer die Search Bar im Menu */
input[id="searchBar"]::-webkit-input-placeholder {
  color: white;
  font-size: 14px;
  }
  input[id="searchBar"]::-webkit-input-placeholder {
  color: white;
  font-size: 14px;
  }
  input[id="searchBar"]::-moz-placeholder {
  color: white;
  font-size: 14px;
  }
  input[id="searchBar"]:-ms-input-placeholder {
  color: white;
  font-size: 14px;
  }
  input[id="searchBar"]:-moz-placeholder {
  color: white;
  font-size: 14px;
  }
  .line-1 {
      width: 4px;
      height: 17px;
      background: #fff;
      margin: auto;
      position: absolute;
      left: 21px;
      top: 16px;
      transform: rotate(-45deg);
      transition: .5s;
      transition-timing-function: cubic-bezier(1,0,.3,1);
      cursor: pointer;
  }

  .line-2 {
      width: 4px;
      height: 0px;
      background: #fff;
      margin: auto;
      transform: rotate(-45deg);
      position: absolute;
      left: 13px;
      top: -11.5px;
      opacity: 0;
      transition: .7s ease-in-out;
      transition-timing-function: cubic-bezier(1,0,.3,1);
      cursor: pointer;
  }

  .search {
      color: #fff;
      width: 20px;
      height: 22px;
      border: 4px solid #fff;
      border-radius: 100px;
      cursor: default;
      transition: .7s;
      transition-timing-function:cubic-bezier(1,-0.5,0,1.5);
      text-align: left;
      box-sizing: border-box;
      padding-left: 14px;
      outline: none;
      font-size: 17px;
      background: transparent;
  }


  .searchBarOpen {
      width: 140px;
      height: 40px;
      border: 4px solid #fff;
      border-radius: 20px;
      transform: translate(-4px, 0px);

  }

input[id="searchBar"] {
  cursor: pointer;
}

div.box-URL-getter:hover > div > div > img {transform: scale(1.2); transition: .4s;}

.mobileMenuHeader {
  display: none;
}

.bar-base {width: 100%; height: 5px; background: black;}
.bar-fill {height: 5px; margin-top: -5px; background: red; width: 0%;}
/* CSS für Default-Scrollbar */
/*::-webkit-scrollbar {width: initial !important;}*/
/* ::-webkit-scrollbar-thumb
::-webkit-scrollbar-track */

/* Animations */

@-webkit-keyframes scale-down-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
@keyframes scale-down-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-webkit-keyframes slide-right-overlay {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes slide-right-overlay {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}

 @-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

 @-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    color: transparent;
  }
  40% {
    color: #00000059;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    color: #232f3f;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
      color: transparent;

  }
  40% {
    color: #00000059;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    color: #232f3f;
  }
}


/* Animation für das Formular */
 @-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}


/* Media Queries */


@media only screen and (max-width:1095px) {
  #suchfeld {
    width: 48px;
  }
  .navMenuContent {
    width: 87%;
  }
  .dropdownMenu {
    min-width: 770px;
  }
  .navMenuLi:hover .navMenuDropdown.firstMenuItem {
    left: -171%;
  }
  .navMenuLi:hover .navMenuDropdown.firstMenuItem:before {
    right: -17%;
  }
  .navMenuLi:hover .navMenuDropdown.thirdMenuItem {
    left: -375%;
  }
  .navMenuLi:hover .navMenuDropdown.thirdMenuItem:before {
    right: -39%;
  }
  .navMenuLi:hover .navMenuDropdown.lastMenuItem {
    left: -645%;
  }
  .navMenuLi:hover .navMenuDropdown.lastMenuItem:before {
    right: -70%;
  }
}
@media only screen and (max-width:908px) {
  #suchfeld {
    width: 48px;
  }
}
@media only screen and (max-width: 800px) {
  .navMenuList {
    display: none;
  }
  .mobileMenu {
    display: block;
  }
  .navMenuLinks {
    justify-content: center;
  }
  .icon {
    display: block;
  }
  .headerMenu {
    position: absolute;
  }
  .mobileTelButton {
    display: block;
    position: relative;
    right: -27%;
    top: 0px;
  }

  /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
  /* ///////////////////////////////////////////////////////////// CSS für mobiles Menu --> 21.07.2020 /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
  /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

  /* Einblenden des mobilen Menus */
  .mobileMenuHeader {
    display: block;
  }

  /* Logo mobil zentrieren und aus Layout Struktur nehmen */
  .navMenuLogoA {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
  }

  .navMenuLogoA > .navMenuLogo {
    width: 64.5px;
    height: 61px;
  }

  ul#layerOneLinks > li {
    color: white;
  }

  ul#layerOneLinks > li > a {
    color: white;
    text-decoration: none;
  }

  div.mobileMenu {
    position: absolute;
    top: -51px;
  }

  .mobileMenuContentLayerTwoItems > .dropdownThemen > .dropdownList > a.navMenuA {
    border: 1px solid white;
    padding: 10px;
    color: #232f3f !important;
    text-decoration: none;
    background-color: #F5F5F5;
    border-right: 2px solid #f28e00;
    cursor: default;
    text-align: left;
    margin-bottom: 0px !important;
  }

  /* Telefonbutton anzeigen, nach rechts ausrichten und aus Layout Struktur nehmen */
  .mobileTelButton {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    transform: translate(0, -50%);
  }

  .navMenuLinks > header {
    position: absolute;
  }

  div.navMenuContent {
    min-height: 61px;
  }

  :root {
    --splash-bg-color: #232f3f;
  }

  header {
    background-color: #232f3f;
    margin: 0;
    padding: 0;
  }
  .mobileMenuWrapper {
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    width: 100vw;
  }

  .splash {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 1px;
    height: 1px;
  }

  .splash::after {
    content: "";
    display: block;
    position: fixed;
    border-radius: 50%;
    background-color: var(--splash-bg-color);
    width: 284vmax;
    height: 284vmax;
    top: -142vmax;
    left: -142vmax;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06), -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
    will-change: transform;
  }

  .nav--open >.splash::after {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .mobileMenu {
    visibility: hidden;
  }

  .nav--open > .mobileMenu {
    visibility: visible;
    z-index: 1;
    height: inherit;
  }

  .nav__toggle {
    display: inline-block;
    position: absolute;
    z-index: 10;
    padding: 0;
    border: 0;
    background: transparent;
    outline: 0;
    left: 40px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear;
  }

  .nav__toggle:hover,
  .nav__toggle:focus {
    background-color: rgba(0, 0, 0, 0.5);
  }


  .menuicon {
    display: block;
    cursor: pointer;
    color: white;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .menuicon__bar,
  .menuicon__circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
  }

  .menuicon__bar {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
  }

  .menuicon__circle {
    -webkit-transition: stroke-dashoffset .3s linear .1s;
    transition: stroke-dashoffset .3s linear .1s;
    stroke-dashoffset: 144.513262038;
    stroke-dasharray: 144.513262038;
  }

  .nav--open .menuicon {
    color: white;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .nav--open .menuicon__circle {
    stroke-dashoffset: 0;
  }

  .nav--open .menuicon__bar:nth-child(1),
  .nav--open .menuicon__bar:nth-child(4) {
    opacity: 0;
  }

  .nav--open .menuicon__bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .nav--open .menuicon__bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .dropdownThemenArticles {
    overflow: visible;
  }

  .mobileMenuContentLayerTwo {
    width: 100vw;
    will-change: true;
    transition: transform 0.4s, -webkit-transform 0.4s;
    transform: translate(-100%, 0);
    position: relative;
    overflow: hidden;
    margin-top: 15px;
  }

  .mobileMenuContentLayerOne[style] ~ .mobileMenuContentLayerTwo {
    transform: translate(0%, 0);
    will-change: true;
    transition: transform 0.4s, -webkit-transform 0.4s;
    z-index: 1;
  }

  .mobileMenuContentLayerOne {
    will-change: true;
    width: 100vw;
    transition: all 0.4s cubic-bezier(0, 0.995, 0.99, 1) 0.2s;
    -webkit-transform: all 0.4s cubic-bezier(0, 0.995, 0.99, 1) 0.2s;
    transform: translateY(-80px);
    position: relative;
    top: 51px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    z-index: 2;
  }

  .nav--open > .mobileMenu > .mobileMenuContents > .mobileMenuContentLayerOne {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s cubic-bezier(0, 0.995, 0.99, 1) 0.4s;
    -webkit-transform: all 0.4s cubic-bezier(0, 0.995, 0.99, 1) 0.4s;
    z-index: 2;
  }

  .mobileMenuContentLayerOne > nav > ul {
    display: flex;
    flex-direction: column;
    color: white;
    position: absolute;
    width: 100vw;
    height: 50vh;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  ul#layerOneLinks > li {
    width: 100%;
    text-align: center;
    font-size: 30px;
  }

  .mobileMenuContentLayerTwoItems {
    display: none;
    z-index: 1;
    position: relative;
    height: 1680px;
    width: 100%;
  }

  .mobileMenuContentLayerTwoItems > div:not(:first-child) {
    display: flex;
    position: absolute;
    top: 74px;
    left: -100vw;
  }
  .mobileMenuContentLayerTwoItems > div:first-child {
    position: relative;
    top: 74px;
  }

  #map > img {
    max-width: 85vw;
    height: auto !important;
  }

  .backBtn {
    display: flex;
    position: absolute;
    z-index: 10;
    outline: 0;
    left: 50%;
    transform: translate(-50%, 0);
    top: 1.5%;
    cursor: pointer;
    flex-direction: row-reverse;
    align-items: center;
    color: white;
    font-size: 17px;
    font-weight: bold;
    background: transparent;
    border: 2px solid #f28e00;
    border-radius: 8px;
    padding: 0px 5px;
    box-sizing: border-box;
    margin: 0;
    height: 46px;
    width: 108px;
    background-image: url('./assets/img/backbtn.svg');
    background-position: center left;
    background-repeat: no-repeat;
  }

  .backBtn > span {
    color: white;
    vertical-align: middle;
  }

  .dropdownThemenArticles.visibleArtikel > .backBtn {
    display: flex;
    position: absolute;
    z-index: 10;
    outline: 0;
    left: 50%;
    transform: translate(calc(-50% + 1px), 0);
    top: -62px;
    cursor: pointer;
    flex-direction: row-reverse;
    align-items: center;
    color: white;
    font-size: 17px;
    font-weight: bold;
    background: transparent;
    border: 2px solid #f28e00;
    border-radius: 8px;
    padding: 0px 5px;
    box-sizing: border-box;
    margin: 0;
    height: 46px;
    width: 108px;
    background-image: url('./assets/img/backbtn.svg');
    background-position: center left;
    background-repeat: no-repeat;
  }

  .dropdownThemen > .backBtn {
    top: -60px !important;
  }

  .backBtn > img {
    width: 42px;
    margin-top: 0 !important;
  }

  .dropdownThemen {
    display: inherit;
    flex-direction: column;
    color: white;
    width: 100%;
    position: relative;
    top: 51px;
    height: inherit;
  }
  .dropdownThemenArticles {
    flex-direction: column;
    padding: 10px;
    width: 100%;
    text-decoration: none;
    color: white;
    box-sizing: border-box;
    position: relative;
    left: -100vw;
    will-change: true;
    transition: transform 0.4s, -webkit-transform 0.4s;
    background-color: white;
  }
  .dropdownList {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    color: white;
    text-decoration: inherit;
    height: inherit;
    justify-content: start;
    border-top: 2px solid #f28e00;
    font-size: 16px;
  }

  .dropdownListSpan {
    border: 1px solid white;
    padding: 10px;
    color: #232f3f;
    text-decoration: none;
    background-color: #F5F5F5;
    border-right: 2px solid #f28e00;
    cursor: default;
  }

  .visible {
    background-color: white;
    display: flex;
    margin-left: 0px;
    border: 2px solid #f28e00;
    border-right: 0px;
  }
  .visibleArtikel {
    background: white;
    display: flex !important;
    margin-left: 0px;
    border: 2px solid #f28e00;
    border-left: 0px;
    transform: translate(100vw, 0);
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  .menuArtikel {
    display: inherit;
    flex-direction: column;
    height: 100%;
    color: inherit;
    margin-right: 20px;
  }

  div.menuArtikel > div > a > img {
    width: 50px !important;
  }

  div.menuArtikel > div > a > span {
    font-size: 17px;
  }

  div.menuArtikel > div > a {
    font-size: 16px;
  }

  div.menuArtikel > div > span {
    font-size: 16px;
  }

  .dropdownThemenArticles.visibleArtikel > div.menuArtikelRowContainer > div.menuArtikelRow {text-align: left;}

  .dropdownThemenArticles.visibleArtikel > div.menuArtikelRowContainer > div.menuArtikelRow > a {
    font-size: 16px;
  }

  div.menuArtikelRowContainer > div.menuArtikelRow > div > a {
    font-size: 16px;
  }

  .menuArtikel > table > tbody > tr > th {
    font-size: 17px;
  }

  .dropdownThemenArticles.visibleArtikel > div.menuArtikelRow > a {
    font-size: 16px;
  }

  .dropdownThemenArticles.visibleArtikel > div.menuArtikelRow {text-align: left;}

  .artikelDesc {display: none;}

  .menuArtikelA {
    text-align: left;
    line-height: 1.7em;
    display: flex;
    font-size: 16px;
  }

  .menuArtikelA > img {
    margin-top: 0px;
  }

  .menuArtikelA > span {
    text-align: left;
  }

  /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
  /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
  }

  @media only screen and (max-width:600px) {
  #suchfeld {
    float: none;
    margin-right: -4px;
  }
}
@media screen and (max-width: 600px) {
  .search-container {
    float: none;
  }
  .search-container input[type=text], .search-container button {
    float: none;
    text-align: left;
    margin: 0;
    padding: 14px;
  }
  .search-container input[type=text] {
    border: 1px solid #ccc;
  }

  .textbox6 .displayflex2 .content2 {
    margin-left: 0px;
  }

  .content2 {
    padding-left: 0px;
  }

}
@media screen and (max-width: 479px) {
  .search-submit {
    height: 48px;
  }
  .search-icon {
    padding-top: 0px;
    padding-bottom: 5px;
  }
  #suchfeld {
    height: 18px;
  }
}

/* 04.11.20 - Kommentar Section */
input[type="submit"][value="Kommentieren"][disabled] {
  cursor: not-allowed;
}
input[type="submit"][value="Kommentieren"] {
  cursor: pointer;
}
button.likeButton {
  /* "to left" / "to right" - affects initial color */
  background: linear-gradient(to left, lightblue 50%, var(--danger) 50%) right;
  background-size: 200%;
  transition: .5s ease-out !important;
  width: 140px;
  height: 38px;
  border: salmon;
  position: relative;
}
button.likeButton > span.likeText {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  color: transparent;
}
button.likeButton:hover {
  background-position: left;
  border: lightblue;
}
button.likeButton:hover > span.likeText {
  transform: translate(-50%, -50%);
  top: 50% !important;
  transition: 0.4s;
  color: white;
}
button.likeButton:hover > span.likeCounter {
  display: none;
}

button.replyLikeButton {
  /* "to left" / "to right" - affects initial color */
  background: linear-gradient(to left, lightblue 50%, var(--danger) 50%) right;
  background-size: 200%;
  transition: .5s ease-out !important;
  width: 140px;
  height: 38px;
  border: salmon;
  position: relative;
}
button.replyLikeButton > span.replylikeText {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  color: transparent;
}
button.replyLikeButton:hover {
  background-position: left;
  border: lightblue;
}
button.replyLikeButton:hover > span.replylikeText {
  transform: translate(-50%, -50%);
  top: 50% !important;
  transition: 0.4s;
  color: white;
}
button.replyLikeButton:hover > span.replylikeCounter {
  display: none;
}
#infosection:before {
  content: "";
  width: 1px;
  height: 10px;
  color: red;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  border-top: 0px solid transparent;
  border-bottom: 10px solid #cad1d8;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

#replyinfosection:before {
  content: "";
  width: 1px;
  height: 10px;
  color: red;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  border-top: 0px solid transparent;
  border-bottom: 10px solid #cad1d8;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

#successLike:before, #replysuccessLike:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d4edda;
}

#submitDiv:hover > #submitButton > #submitSvg {fill: green !important;}
[locked] {-webkit-filter: blur(2px); filter: blur(2px);}

@media only screen and (min-width: 576px) {
  .h5-sm-3 {font-size: 1.75em !important;}
  .h6-sm-5 {font-size: 1.25rem !important;}
}

@media only screen and (min-width: 992px) {
  .h5-sm-3 {font-size: 2.5em !important;}
}

.h6-sm-5 {
  font-size: 1rem;
}

.h5-sm-3 {
  font-size: 1.25em;
}

textarea {
  resize: none;
}

body {
  overflow-x: hidden !important;
}