body {color:#333; hyphens:auto!important; font-family:'Inter', sans-serif; font-size:18px;}
ul.nav { margin-left: 35%; top: 40px; width:50%; font-size: 14px !important; font-weight:normal; letter-spacing: 0.5px; text-transform: uppercase;}
.miniform  {line-height:160%;}
.miniform button[type="submit"] {background:#367F86; padding:15px;}
.captcha_table input[type="text"] {width: 70px !important; margin-right:20px;}
#banner img {margin-top:10px;}
.wrapper {xxhyphens:none;}
.topmenu {font-family:'Inter', sans-serif;}
.mod_einbild_img {margin-bottom: 20px;}
.sm-clean a span.sub-arrow {xxborder-color:#367F86;}
#topmenu li a {
    color: #555;
    font-family: 'Inter', sans-serif;
    text-decoration: none;
    transition: all 0.2s ease;
}
ul.nav li li {background:#fff; font-weight:normal; padding:5px;}
#topmenu li.active a,
#topmenu li.current-menu-item a,
#topmenu li.menu-current a,
#topmenu li.sm-current a {
    color: #367F86 !important;
    xxborder-bottom: 2px solid #367F86;
    padding-bottom: 4px;
    font-weight: 400;
}

#topmenu li a:hover {
    color: #367F86;
}
h1 {width: 100%; xxbackground:#367F86; font-family:'Cormorant', serif; font-weight:normal; xxpadding:30px; margin-top:0; font-size:45px;}
h2, h3, h4 {font-family:'Cormorant', serif; }

h2 {font-size:35px;}
h2  {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 30px;
}

h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 140px;
    height: 1px;
    background: #367F86;
}
h3 {font-size: 28px;}
wub_hl_top .wub_headline h1 { background:none;}
.wub_aside img {margin-top:10px;}
h2 {color:#367F86; font-weight:normal; xxborder-bottom: 1px solid #999!important; margin-top:0;}
h4 {color:#367F86; border:1px solid #999; background:#fff; padding: 10px; xxfont-family:Kaushan Script; font-size:20px; }
p {font-size: 18px!important; line-height:150%;   letter-spacing: 0.3px;  xxmargin-top:-10px; hyphens:auto;}
.wub_inner p {margin-top:0; padding-right:10px;}
.wub_intent {xxbackground:#F4F2F3; min-width:100%;}
.wub_bottom {xxbackground:#F4F2F3; clear: none;  width: 100%; xxpadding-bottom: 1%; padding-bottom:0;}
.wub_hl_top .wub_headline {color:#367F86; font-size:35px; text-align: left;}
.wub_text .wub_inner {padding: 0 0 0 10px;}
.footer {background:#9E9F9E;}

#banner {
    xxposition: relative;
    width: 100%;
    height: 100px;
    background: #ffffff;
    margin: 0;
    padding: 0;
  margin-bottom:30px;
  box-shadow: none;
  border-bottom: 1px solid #e8e8e8;
}

.header_logo {
    position: absolute;
    left: 40px;
    xxtop: 12px;
}

.header_logo img {
    max-height: 76px;
    width: auto;
    display: block;
}

.header_phone {
    position: absolute;
    right: 40px;
    top: 22px;

    display: inline-flex;
    flex-direction: column;

    padding: 11px 22px;
    background: #367F86;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    line-height: 1.2;
    z-index:100000 !important;
}

.header_phone span {
    font-size: 13px;
}

.header_phone strong {
    font-size: 21px;
    font-weight: 700;
}
.header_phone,
.header_phone:hover,
.header_phone:focus,
.header_phone:active {
    color: #ffffff !important;
    background: #FE3C2A !important;
    text-decoration: none !important;
}

.header_phone span,
.header_phone strong {
    color: inherit !important;
}


.bloro_grid .bloro_unit {
  width:23%;
  height:400px;
   xxborder: 1px solid #999;
  margin-left: 20px;
  background:#F4F2F3;
  margin-bottom: 40px;
border-radius:10px;}

.wub_avoid_overflow {xxbackground:#eeeeee; margin-bottom:20px;}

.mainbox {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 5px 0 10px;
  box-sizing: border-box;
  clear: both;
}

.contentbox_wide {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 7px 0 10px;
  box-sizing: border-box;
  clear: both;
  margin-top:150px;
}

.contentbox {
  width: 70%;
  float: left;
  margin: 0 0 20px 0;
  padding: 0 35px 0 0;
  xxborder-right: 1px solid #c1c1c1;
  box-sizing: border-box;
}
.rightbox h2:after {
    display: none;
}

.rightbox {
  width: 27%;
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
  box-sizing: border-box;
}
.rightbox {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 26px;
    box-sizing: border-box;
}

.rightbox .sidecard h2 {
    font-family: 'Cormorant', serif;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 400;
    color: #367F86;
    margin: 0 0 22px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    background: transparent;
}

.rightbox .sideinfo {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.55;
    color: #333;
}

.rightbox .sideicon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    flex: 0 0 24px;
    margin-top: 2px;
}

.rightbox .sideinfo a {
    color: #367F86;
    text-decoration: none;
    font-weight: 500;
}

.rightbox .sideinfo a:hover {
    text-decoration: underline;
}

.rightbox .sidemap {
    display: block;
    text-align: center;
    margin: 18px 0 22px 0;
}

.rightbox .sidemap img {
    max-width: 90px;
    height: auto;
    display: inline-block;
}


.contentbox_wide::after {
  content: "";
  display: table;
  clear: both;
}

.mainbutton {
    display: inline-block;
    padding: 14px 28px;
    background: #FE3C2A;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.25s ease;
    margin-top: 20px;
}

.mainbutton:hover {
    background: #b08d57;
    color: #ffffff;
}
.servicebox {
    margin-bottom: 40px;
  xxbackground:yellow;
  hyphens:auto;
}

.serviceheadline {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
}

.serviceheadline img {
    width: 55px;
    height: auto;
    display: block;
  margin-top:-20px;
}

.serviceheadline h3 {
    margin: 0;
    line-height: 1.2;
   }

.serviceheadline a {
     color:#367F86;
  text-decoration:none;
}

.servicebox p {
    margin: 0;
    line-height: 1.6;
    font-size:16px !important;
  padding: 0 20px 0 20px;
}


.footer p{font-size: 14px!important; margin-top:0; }

li {xxfont-size:16px; line-height:160%;}
.hyphenfrei {
  xxhyphens: none;
  xx-webkit-hyphens: none;
  xx-ms-hyphens: none;
  overflow-wrap: break-word; /* optional für lange Wörter */
  
  /* Verhindert alle automatischen Worttrennungen */
body, p, h1, h2, h3, h4, h5, h6, div, span, a, li {
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
}
  /* 1) Global KEINE Trennungen: */
*, *::before, *::after {
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;

  /* Verhindert erzwungene Wortbrüche: */
  word-break: keep-all !important;
  overflow-wrap: normal !important; /* früher: word-wrap */
  white-space: normal !important;
}
  .contentbox .inner { border:none !important;}
  .cc-theme-edgeless.cc-window { border: 1px solid #fff !important;}
}

@media (max-width: 1250px) {

    .header_phone {
        display: none;
    }

}

@media screen and (max-width: 1000px) {
  body {font-size:20px;}
  #banner-mobil img {margin-top:-20px;}
  .servicebox p {font-size:18px !important;}
  h1 {background:none; font-size:25px; text-align:center;}
  h2 {font-size:25px; text-align:center; padding-left:20px; padding-right:20px;}
  h3 {font-size:22px;}
  .servicebox  {text-align:center !important;}
  .contentbox {width:98% !important; border-right:none; margin:0; padding:0;}
  .rightbox {width:96% !important;  margin:0; padding:0; margin-right:9px;}
  .rightbox {   xxmargin-inline: auto; width:90%; margin-rigth:2%; margin-bottom:30px;}
  .rightbox .sidecard h2 {font-size:23px; text-align:center !important;}
  .rightbox .sideinfo {font-size:19px;}
  .sidecard {widt:96%; margin-top:20px; margin-right:20px;} margin-bottom:30px;
.wrapper {hyphens:auto !important;}
  .topmenubar {margin-top: 1px !important;}
    ul#topmenu li {background:#367F86!important;}  
  #topmenu li.menu-current a {color:#fff !important;}
  #topmenu li a {font-size:25px; color:#fff !important;}
  ul.nav li {xxont-size:22px;}
  .contentbox_wide {width:98%; margin-top:0;}
  .bloro_grid .bloro_unit {margin-left:0;}
  .mainbutton {width:100%; text-align:center; padding:15px 0 15px 0; padding-rop: 20px;}
  .fussleiste, .fussleiste-inner {background: #367F86; margin-top:30px;}
  
  
}