/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: fallback;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size:100%;
  font-family: 'Roboto', sans-serif;
  }

body {
  font-size: 100%;
  color:#272b2c;
  background-color: #ffffff;
  font-weight:300;
}

a, a:link, a:visited, a:active {
    color: #a51f18;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
a:hover {
    color: #FF6C00;
}

a#darkbox_close {color:#fff;}
a#darkbox_close:after {
    font-size: 4em
}

p {
    line-height:1.6rem;
    margin-bottom: 18px;
    font-size:1rem;
}

.text-center, .center {text-align:center;}
.frame-ruler-after {padding-bottom:7px;margin-bottom:25px;border-bottom:1px solid #dfe4ea;}
.frame-ruler-before {padding-top:25px;margin-top:35px;border-top:1px dashed #dfe4ea;}
.frame-ruler-before:before {display:none;}
.align-right {text-align:right;}
.right {text-align: right;}

span.bigfont {
    font-size:1.5rem;    
}

span.smallfont {
    font-size:0.9rem;    
}

span.highlightpink {
    color:#a51f18;
    letter-spacing:0.1rem;
    text-transform: uppercase;
}

span.mediumfont {font-size:1.2rem;}

span.topline,
.subhead {
    font-size:0.9rem;
    color:#949494;
    border-bottom:2px solid #a51f18;
    padding-bottom:0px;
    margin-bottom:25px;
    display:inline-block;    
}

.subhead {
    margin:-25px 0px 40px 0px;
    border-bottom:0px;
    display:block;
    letter-spacing: 0.1rem;
}

b, bold, strong {font-weight:500;}

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

.clear{clear:both}

/*p,h1,h2,h3,h4,h5,h6,span {
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }*/
    

.content .frame ul, .content .frame ol {line-height:26px;padding-left:18px;list-style-type: disc;margin-bottom:18px;}
.content .frame ol {list-style-type:decimal;}

.ce-headline-center {text-align:center;}
.ce-border img, .ce-border iframe {
    border: 0px;
    padding: 0px; 
}

.ce-border .image {
    box-shadow: 10px 10px 0 0 rgb(239,239,239);
    display: block;
    width: 100%;
}

.gray .ce-border .image {
     box-shadow: 10px 10px 0 0 #ddd;
}

.ce-border .image img {border:1px solid #ddd;}

.ce-border .ce-column {
    margin-right: 10px;
}

.ce-image, .ce-gallery.ce-border, .ce-gallery.ce-border .ce-row {
    overflow: visible;
}

input {
  font-family: sans-serif;
  font-size: 1rem;
}

input[type="search"]::-ms-clear {
  display: none;
}

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

blockquote {
    margin: 30px 0 30px 80px;
    position: relative;
    padding-right:60px;
}

blockquote:before {
    content: ',,';
    letter-spacing: -15px;
    position: absolute;
    font-size: 180px;
    opacity: 0.1;
    font-family: 'Times New Roman';
    top: -145px;
    left: -90px;
}

table.contenttable {
    width:100%;
    border-collapse:collapse;
}

table.contenttable tr {
    border-bottom:1px solid #eee;
}

table.contenttable tr:last-child {
    border-bottom:0px;
}

table.contenttable tr td {
    border-right:1px solid #eee;
    padding:25px;
    width:50%;
    font-weight: 300;
    line-height:1.6rem;
}

table.contenttable tr td:last-child {
    border-right:0px;
}

#c480 table.contenttable tr td {
    padding:10px;   
}

footer table.contenttable tr td {
    padding:6px 0px;
    width:auto;
    color: #4c4c4c;
    font-weight: 300;
} 

footer table.contenttable tr td:last-child {
    padding:6px 0px 6px 10px; 
}

/* headline */

h1 {
    font-size:2.2rem;
    line-height:3rem;
    margin:0px 0px 40px;
    padding-bottom:15px;
    font-weight:300;
    text-transform:uppercase;
    position:relative;
    letter-spacing:0.15rem;
}

h1:after {
    background-color: #a51f18;
    bottom: 0;
    content: "";
    height: 2px;
    margin-left:0px;
    left:0px;
    position: absolute;
    width: 130px;
}

h1.ce-headline-center:after,
h2.text-center:after,
h3.text-center:after{
    left: 50%;
    margin-left: -65px;
}

/*h2,
.boxes .col-md-4 h1 {
    font-size:1.6rem;
    margin:0px 0px 10px;
    font-weight:400; 
}

h3, h4, h5 {
    font-size:1.6rem;
    margin:0px 0px 18px;
    font-weight:600;  
}*/

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;color:#FF6C00;}


.outro h5 {text-align:right;}
.outro .col-md-7 {padding-left:20px;border-left:1px solid #fff;}
.outro .col-md-5 {padding-right:40px;}
.blue .outro a {color:#fff;}

.spacer.cta .row p, .spacer.cta .row ul li {color:#fff;font-size:1.4rem;line-height:2rem;}
.spacer.cta .row ul li a, .spacer.cta .row p a {color:#ccc;text-decoration:underline;}
.spacer.cta h1,
.spacer.cta h2,
.spacer.cta h3,
.spacer.cta h4,
.spacer.cta h5,
.spacer.cta h6 {font-size:2.4rem;}
.spacer.absolute {background-color:transparent;}
p.text-right {text-align:right;}

/* spacer */
.spacer {padding:100px 0px;background-color:#fff;}
.spacer {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.spacer.gray {background-color:#f6f6f6;}
.spacer.nopad {padding:0px;}
.spacer.nopadtop {padding:0px 0px 60px;} 
.spacer.nopadbottom {padding:60px 0px 0px;} 
.spacer.lightpad {padding:10px 0px;}  
.spacer.lesspad {padding:40px 0px 20px;}
.spacer.lesspadtop {padding:30px 0px 100px;} 
.spacer.blue {background-color:#3E4B51;color:#fff;padding:60px 0px;}
.spacer.light-blue {background-color:#f9f9f9;border-top:1px solid #fff;}
.spacer.cta {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover; 
    padding:160px 0px;
    position:relative;
}

.spacer.border-bottom {
    border-bottom:1px solid #eee;
    margin-bottom:70px;
    padding-bottom:40px;
}

.spacer.border-top {
    border-top:1px solid #eee;
    margin-top:70px;
    padding-top:70px;
}

.spacer.marked.border-bottom .container:after {
    content:"";
    width: 150px;
    height: 5px;
    left: 30px;
    background: #a51f18;
    opacity: 0.75;
    position: absolute;
    bottom: -46px;    
}

.spacer.cta:before {
    background: rgba(16,83,125,0.55) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.nopadbottom .container .row .ce-gallery {
    margin-bottom:0px;   
}

.intro .col-md-5 a.button:after {
    width: 6px;
    height: 6px;
    -webkit-transform: rotate( 45deg );
    -moz-transform: rotate( 45deg );
    transform: rotate( 45deg );
    content: ' ';
    background: #a51f18;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    bottom: -3px;    
}

.intro .fa-phone.fas {
    border:1px solid #eee;
    border-radius:100%;
    padding:25px;
}

.article img {width:100%;height:auto;}

 .ce-gallery img {
    display: block;
    width: 100%;
}

.spacer.cta h1,
.spacer.cta h2,
.spacer.cta h3,
.spacer.cta h4,
.spacer.cta h5,
.spacer.cta h6 {color:#fff;}
.spacer.cta p {
font-size:1.4rem;}

.spacer.blue.big p {margin:0px;padding:8px 0px;font-size:1.4rem;font-weight:400;display:block;}
.spacer.blue.big p.text-right {margin:0px;padding:0px;}

.margin-bt-40 {margin-bottom:40px;}
.margin-bt-60 {margin-bottom:60px;}

.spacer.darkgray p, .spacer.darkgray h6 {color:#fff;} 

/* top */
.top {background-color:#f9f9f9;color:#333;border-bottom:1px solid #f6f5f5;font-size:1rem;position:relative;z-index:100;}
.top a {color:#605f5f;text-decoration:none;padding:8px 15px;display:block;}
.top i {color:#a51f18;padding-right:3px;}

.top ul {
    display: table;
    text-align: right;
    width: auto;          
    float: right;
}
.top ul li {float:left;padding-left:10px;}
.top a.angebot {background-color:#a51f18;padding:9px 15px 8px;color:#fff;font-weight:300;text-transform:uppercase;}
.top a.angebot i {color:#fff;}

/* button */

a.button,
a.framebutton {
    background: #a51f18 none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    padding: 12px 25px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    z-index: 1;
    color:#fff;
    text-decoration:none;
    position:relative;
    font-weight:300;
    letter-spacing:0.1rem;
}

a.button:before,
a.framebutton:before{
    background-color: #6f1a15;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0.5, 1);
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: -1;
} 

a.button:hover:before, 
a.framebutton:hover:before {
    opacity: 1;
    transform: scale(1, 1);
}

.pink a.button {
    background-color:#fff;
    border:1px solid #950646;
    color:#a51f18 !important;
    font-weight:600;
    margin-top:18px;
}

.pink a.button:hover {color:#fff !important;border:1px solid #fff;}

a.framebutton {
    background: transparent none repeat scroll 0 0;
    color:#a51f18; 
    border:1px solid #a51f18; 
    padding: 10px 30px 11px;
    margin-top:14px; 
}
a.framebutton:hover {color:#fff !important;}

.subz a.button {margin-right:10px;}



.parallax a.framebutton {
    background-color:transparent;
    border:1px solid #fff;
    color:#fff !important;
}

.elevator a.framebutton {
    border:1px solid #fff;
    color:#fff;
}

.spacer .row .ce-bodytext a.external {background:#fff;border:2px solid #8b95a6;color:#212d51;text-align:left;padding:10px 60px 9px 20px;margin-top:10px;font-weight:400;color:#1e2b50;}
.spacer .row .ce-bodytext a.external:after {content:"ï„…";font-family:Font Awesome\ 5 Free, fontawesome; 
    font-weight: 600;position:absolute;right:20px;}
.spacer .row .ce-bodytext a.external:hover {color:#fff;}

/* sticky nav */
header {
  width: 100%;
  position: absolute;
  z-index:99; 
  background-color:#fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease; 
     box-shadow: 0 0 5px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 25%);
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
}

header.fixed {
  padding:0px;
  background:#fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25); 
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
  z-index:101;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-300px);
    }
    100% {
        transform: translateY(0px);
    }
}

a.brand img {
    margin-top:10px;
    margin-left:0px;
    margin-bottom:0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    max-width:330px;
}

.fixed a.brand img {
    max-width:185px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease; 
    margin-top:5px;   
    margin-bottom:0px;
}

/* Page Header
--------------------------------------------------------------------------------------- */
html, body {
    width:100%;
    height:100%;
}

.elevator.home {
    width:100%;
    height:100%;
}

.elevator.home img {
    display:none;
}

.elevator.home {   
  background-position:center center;
  background-size:cover;
}

.elevator {
    position: relative;
    display: table;
    width: 100%;
}
.elevator .spacer {padding:0px;background-color:transparent;}
.elevator img {width:100%;max-width:100%;}
.elevator .absolute {position:absolute;display:flex;height:100%;right:50%;width:1400px;margin-right:-700px;z-index:2;align-items:center;justify-content:center;}

.elevator .ce-above .ce-gallery {margin-bottom:0px;}
.elevator .ce-left .ce-gallery, .elevator .ce-column {float:none;}
.elevator .ce-gallery figure {display: block;}

.elevator .ce-center .ce-outer, .elevator .ce-center .ce-inner {
    position: relative;
    float: none;
    right: auto;
}

.elevator span.bigfont {
    font-size: 3rem;
    line-height:3rem;
    color:#a51f18;
    display:table;
    font-weight:400;
    margin-bottom:0px;
    letter-spacing: 0.1rem;
    background-color:rgba(255,255,255,0.95);
    padding:15px 30px;

}

.elevator p {
    margin-bottom:10px;
    letter-spacing: 0.1rem;
}

.elevator span.mediumfont {
    font-size: 1.7rem;
    line-height:2.3rem;
}

/* Page Title
--------------------------------------------------------------------------------------- */
.page-title {
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #ffffff;
    padding:10% 0px;
    position: relative;
}

/*.page-title:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.4);
    left: 0;
    top: 0;
}*/

.page-title h1 {color:#fff;margin:0px;}
.page-title h1:after {display:none;}

.page-title.dark:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0.4));
    left: 0;
    top: 0;
}

/* Breadcrumb
--------------------------------------------------------------------------------------- */


.bread-crumb {
    position: relative;
    text-align: left;
}
.bread-crumb i {color:#3E4B51;}

.bread-crumb li:before {
    content: "\f105";
    font-family:Font Awesome\ 5 Free, fontawesome; 
    font-weight: 600;
    top:2px;
    position: absolute;
    right: -20px;
    text-align: center;
    width: 20px; 
}
.bread-crumb li:last-child:before {display:none;}
.bread-crumb li:first-child {
    margin-left: 0;
}
.bread-crumb li {
    display: inline-block;
    font-size:0.9rem;
    margin-left: 20px;
    position: relative;
}

.bread-crumb li a {text-decoration:none;color:#3E4B51;}

/* scrollup
--------------------------------------------------------------------------------------- */
.scrollup {
    background-color:#a51f18;
    display: none;
    height:30px;
    position: fixed;
    right:0px;
    bottom:0px;
    width:75px;
    opacity: 0.7;
    transition:background-color 0.5s ease 0s, opacity 0.5s ease 0s;
    z-index:25; 
    text-align:center;       
}
.scrollup.visible {display:block;}
a.scrollup:hover {
    background-color:#a51f18;
    opacity:1;
    transition:background-color 0.5s ease 0s, opacity 0.5s ease 0s; 
}

a.scrollup i {
    text-align:center;
    color:#fff;
    font-size:18px;
    position:relative;
    top:8px;
}

nav .container .row {padding:0px;}
.fixed nav .container .row {
    padding:0px;
    -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;    
} 

.copyright {font-size:0.9rem;color:#a2a2a2;}
.meta li {display:inline;}
.meta li a, .cpanel {color:#a2a2a2;display:inline-block;padding:0px 20px 0px 0px;font-size:0.9rem;}
.meta li a:hover, .cpanel:hover {opacity:0.7;}

.ce-gallery figure {display:block;}
.ce-left .ce-gallery, .ce-column {
    float: none;
}

.kompetenz .ce-left .ce-gallery, .kompetenz .ce-column {
    float: left;
}

.spacer .row ul li, .modal-body li  {list-style-type:disc;font-size:1rem;line-height:1.6rem;}

/*META FOOTERLINKS*/
#footer .row {padding:10px 0px 10px 0px}
#footer ul.meta li a, .cpanel {text-decoration:none;color:#333;font-weight:300;}
#footer a {text-decoration:none;}

#footer .spacer.gray.nopad {padding:40px 0px;}
#footer .spacer.gray.nopad .col-md-6 ul {margin-left:12px;}
#footer .spacer.gray.nopad .col-md-6 ul li {
    width:50%;float:left;
}

#footer h5, #footer h6 {font-size:1.2rem;font-weight:500;padding-bottom:25px;color:#a51f18;margin:0px;} 
#footer h5 i, #footer h6 i {color:#ddd;padding-right:7px;}
#footer h5, #footer h6 {position:relative;}

#footer .bigfont {font-size:1.4rem;font-weight:600;}

.ce-textpic.ce-left.ce-below .ce-column {
    /*margin-right: 10px;
    width: 23.9%;*/
} 

.container .row .ce-gallery {margin-bottom:20px;}
.spacer.nopad .container .row .ce-gallery {margin-bottom:0px;} 

.boxes {display:table;height:100%;}
.boxes img {border-bottom:8px solid #fff;}
.boxes.last {margin-top:30px;}
.boxes .col-md-4, .boxes .col-md-6 {display:table-cell;float:none;vertical-align:top;}
.boxes .ce-textpic {background-color:#eff3f7;display:table;height:100%;width:100%;}
.gray .boxes .ce-textpic, .gray .boxes .article {background-color:#fff;}

.list {display:table;height:100%;width:100%;}
#main .container .list .col-md-6 {display:table-cell;float:none;vertical-align:top;width:50%;padding:20px;} 
.gray .list .ce-textpic {background-color:#fff;display:table;height:100%;width:100%;padding:20px;} 

.gray .boxes h3 {position:relative;padding-bottom:20px;}
.gray .boxes h3:after {
    position:absolute;
    content:"";
    width:80px;
    height:2px;
    background-color:#3E4B51;
    left:0px;
    bottom:8px;
}

h4.ce-headline-center {position:relative;padding-bottom:20px;margin-bottom:20px;}
h4.ce-headline-center:after {
    content: "";
    background-color: #3E4B51;
    height: 2px;
    width: 70px;
    position: relative;
    display: block;
    margin: 8px auto 0px;
}

/*STÖRER ORANGE*/
._doc .ce-textpic {
    overflow: visible;
}
._doc .ce-bodytext {
    position:absolute;
    background-color:#a51f18;
    border-radius:160px;
    width:160px;
    height:160px;
    right:-26px;
    top:40px;
    z-index:12;
}

._doc .ce-bodytext p {
    color:#fff;
    font-size:1.8rem;
    line-height:1.6rem;
    text-transform:none;
    padding-top:26px;
    font-weight: 500; 
}

._doc .ce-bodytext p sup {font-size:1.1rem;}

._doc .ce-textpic {position:relative;}

.container .row ._doc .ce-gallery {
    margin-bottom:0px;
}

.spacer .row a.btn-blue {color:#fff;}
.spacer.cta .row a.btn-blue {border:1px solid #fff;}
.spacer.cta .row a.btn-blue {margin-top:20px;}

/*FORM*/
.tx-powermail {margin:0px;}
.tx-powermail fieldset.powermail_fieldset {margin-bottom:25px;}
.tx-powermail fieldset.powermail_fieldset.powermail_fieldset_4.layout2 {margin-bottom:10px;}
legend.powermail_legend {
    font-size: 1.6rem;
    margin: 0px 0px 10px;
    font-weight: 300;
    padding-bottom: 5px;
    display: block;
    width: 100%;
}
.indentcontentcol .tx-powermail {max-width:100%;margin:0px;} 

.powermail_fieldwrap input,
.powermail_fieldwrap textarea {
    width:100%;
    background-color:#f7f7f7;
    padding:12px 10px;
    border:1px solid #fff;
    font-size:1.2rem;
    margin-bottom:10px;
    color:#1f2c51;
}

.powermail_fieldwrap textarea {
    min-height:242px;
}

.powermail_fieldwrap input.powermail_file {font-size:1rem;font-weight:300;}

.powermail_fieldwrap .checkbox input {width:auto;}
.tx-powermail .col-sm-10 {
    width: 95%;
    padding:0px;
}

.tx-powermail .powermail_fieldset_2 .col-sm-10, .tx-powermail .powermail_fieldset_3 .col-sm-10 {width:97.5%;}
.tx-powermail .form-group.col-md-6 {padding:0px 0px 15px;}
.tx-powermail .layout2 .form-group.col-md-6:first-child {padding:0px 15px 15px 0px;}
.tx-powermail .layout2 .form-group.col-md-6:last-child {padding:0px 0px 15px 15px;}
.powermail_fieldset .powermail_fieldwrap_leistung.form-group.col-md-6 {padding:0px 15px 15px 0px;}
.powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_bemerkung.form-group.col-md-6 {padding:0px 15px 15px 0px;}

.powermail_fieldset .powermail_fieldwrap_datum.form-group.col-md-6 {padding:0px 0px 15px 15px;} 
.tx-powermail .powermail_fieldset.powermail_fieldset_3 .form-group.col-md-6,
.tx-powermail .powermail_fieldset.powermail_fieldset_2 .form-group.col-md-6 {width:100%;}
.tx-powermail .layout1 .form-group.col-md-6 {width:100%;}  
.tx-powermail .col-sm-offset-2 {
    margin-left: 0px;
}

.tx-powermail select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/select-arow.png") no-repeat scroll right center;
    cursor: pointer; 
    background-color:#f7f7f7;
    padding:15px 30px;
    border:1px solid #fff;
    font-size:1.2rem;
    margin-bottom:10px;
    color:#1f2c51;
    width:100%;       
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #979797;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #979797;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #979797;
}

.tx-powermail .powermail_fieldwrap_type_select .col-sm-10,
.powermail_fieldwrap_type_select .powermail_field  {
    /*width: auto;
    display:inline-block;*/
}

.tx-powermail .powermail_fieldwrap_type_select .col-sm-2,
.powermail_fieldwrap_type_select label,
.powermail_fieldwrap_type_input label,
.powermail_fieldwrap_type_date label,
.powermail_fieldwrap_type_textarea label,
.powermail_fieldwrap_type_file label {
    width: auto;
    color:#1f2c51;
    padding:0px 0px 5px;
    margin-left:0px;
}

.tx-powermail .checkbox {margin:5px 0px;}

input[type="checkbox"]:checked + label {
}
.tx-powermail .checkbox input[type="checkbox"] {
    display: none;
}
.tx-powermail .checkbox input[type="checkbox"] + label span {
    background: rgba(0, 0, 0, 0) url("../images/check_radio_sheet.png") no-repeat scroll left top;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    width: 20px;
}
.tx-powermail .checkbox input[type="checkbox"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("../images/check_radio_sheet.png") no-repeat scroll -24px top;
}
.tx-powermail .checkbox input[type="radio"]:checked + label {
}
.tx-powermail .checkbox input[type="radio"] {
    display: none;
}
.tx-powermail .checkbox input[type="radio"] + label span {
    background: rgba(0, 0, 0, 0) url("../images/check_radio_sheet.png") no-repeat scroll left top;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    width: 20px;
}
.tx-powermail .checkbox input[type="radio"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("../images/check_radio_sheet.png") no-repeat scroll -24px top;
}

.tx-powermail a {color:#a51f18;text-decoration:none;} 

.tx-powermail .powermail_fieldwrap_type_submit .col-sm-10.col-sm-offset-2, .powermail_fieldwrap_type_submit .powermail_field {width:100%;margin:0px auto;text-align:left;} 


.tx-powermail button {white-space: normal;border:1px solid #a51f18;background-color:#fff;color:#a51f18;padding:13px 25px 12px;}            

.tx-powermail .powermail_fieldwrap_type_submit .col-sm-10.col-sm-offset-2 span, .tx-powermail .powermail_fieldwrap_type_submit span {font-family:Font Awesome\ 5 Free, fontawesome; 
    font-weight: 600;color:#fff;font-size:1.4rem;right:25px;top:-1px;position:relative;}
.tx-powermail .powermail_fieldset .parsley-errors-list.filled {display:none !important;}
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #f7f7f7 !important;
    color: #1f2c51 !important;
    border:1px solid #d0021b !important;
} 

.tx-powermail .col-md-6.powermail_fieldwrap_type_text, .powermail_fieldwrap_type_text {padding:0px 0px 20px 0px;}

.tx-powermail .powermail_field_error_container_datenschutz.parsley-error {border:0px !important;}

.powermail_fieldset.layout1 {display:inline;width:50%;}
.powermail_field_error_container.powermail_field_error_container_zustimmungzurverarbeitung.parsley-error {border:0px !important;}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_bitterufensiemichzurueck.form-group.col-md-6 {width:100%;}
.control-label.col-sm-2 {width:100%;}
.checkbox label span {float:left;}
.checkbox label p {display:table;}

.powermail_fieldset.layout1 {
    vertical-align: top;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom:0px;
}

#main .container .row ul {padding:0px 0px 0px 20px;}

.ce-image.ce-center .ce-gallery figure {margin:0px auto;text-align:center;}
.ce-image.ce-center .ce-gallery, .ce-image.ce-center .ce-column {
    float: none;
}

.cc_banner-wrapper {
    position:relative !important;
}
.cc_banner-wrapper {
    height:auto !important;
}

.cc_container {
    position:relative !important;
}

#footer .spacer {
    border-bottom:1px solid #eee;
}

#footer p {font-size:1rem;}
#footer .ftbottom {border-bottom:1px solid #edf2f3;}
#footer .spacer.ftbottom {padding:40px;}
#footer .ftbottom .container {position:relative;}
#footer #c5 span.bigfont {margin-bottom:23px;display:block;}

.spacer.parallax {padding:0px;min-height:480px;position:relative;height:100%;display:table;width:100%;}
.parallax .container {
    max-width: 100%;
    width: 100%;
    padding:0px;
    display:table-cell;
    height:100%;
}

.parallax .container .row {
    display: table;
    width: 100%;
    height: 100%;    
}

.parallax .col-md-6 {
    padding:0px;
    position:relative;
    display:table-cell;
    height:100%;
    float:none;
}  
.parallax .col-md-6 .frame-default {
    background-color:#a51f18;
    display:inline-block;
    padding:30px;
}

.parallax .col-md-6 .frame-default p {color:#fff;margin-bottom:0px;}
.parallax .col-md-6:first-child .frame-default p {padding-left:60px;}
                                                                         
.parallax .col-md-6:last-child {
    vertical-align: bottom;
    text-align:right;
}

.parallax .col-md-6:last-child .frame-default {max-width:500px;}
.parallax .col-md-6:last-child .frame-default p {
    text-align:left;
    margin-bottom:18px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size:1.2rem;
    line-height:2rem;
    letter-spacing:0.15rem;
}

.parallax .col-md-6:last-child .frame-default p:last-child {margin-bottom:0px;}

.ce-uploads img {width:auto;}
span.ce-uploads-filesize {display:table-cell;text-align:right;}
.ce-uploads li div {display:table;width:100%;}
.ce-uploads li div a {display:table-cell;;display:block;font-weight:400;color:#4c4c4c;}
#main .container .row ul.ce-uploads {
    padding:0px;
}
#main .container .row ul.ce-uploads li {position:relative;padding-left:30px;}
#main .container .row ul.ce-uploads li:before {
    color: #a51f18;
    content: "";
    font-family: Font Awesome\ 5 Free,fontawesome;
    font-size: 1.2rem;
    left: 0;
    position: absolute;
    font-weight: 900;
}
.linkliste i {font-size:8rem;color:#eee;padding-top:70px;}
.linkliste .col-md-8 {background-color:#f8f8f8;padding:20px;}

/* Page Header
--------------------------------------------------------------------------------------- */
.cnt-header {
    position: relative;
}
.cnt-header .spacer {padding:0px;}
.cnt-header img {width:100%;max-width:100%;}
.cnt-header .absolute {position:absolute;display:flex;height:100%;left:50%;width:800px;margin-left:-570px;z-index:2;align-items:center;justify-content:center;}
.spacer.absolute .container {/*position:relative;display:table-cell;height:100%;vertical-align:middle;*/}

.cnt-header .absolute p {font-size:1.3rem;}  
.cnt-header .absolute strong, .cnt-header .absolute b, .cnt-header .absolute h1, p.caption-title {font-size:1.5rem;font-weight:500;color:#373737;line-height:2.5rem;}
.cnt-header .absolute.white h1 {color:#fff;font-size:2.6rem;margin-bottom:1rem;}

.cnt-header .ce-above .ce-gallery {margin-bottom:0px;}
.cnt-header .ce-left .ce-gallery, .cnt-header .ce-column {float:none;}
.cnt-header .ce-gallery figure {display: block;}

.cnt-header .frame-layout-1 {position:relative;z-index:1;border-bottom:1px solid #88a8db ;}
.cnt-header .frame-layout-1 .ce-gallery figure {position:relative;}
.cnt-header .frame-layout-1 .ce-gallery figure:before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-color: rgba(44,77,131,0.55);
    left:0px;
    top:0px; 
}

.cnt-header .absolute.layer p, .cnt-header .absolute.layer strong, .cnt-header .absolute.layer b {color:#fff;text-shadow: 3px 3px 3px #3f3f3f;}
.cnt-header .absolute.layer p {line-height:1.9rem;}
.cnt-header .absolute.layer p a {text-shadow:none;font-size:1.1rem;font-weight:600;margin-top:25px;}

.cnt-header .ce-gallery figure:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    left: 0;
    top: 0;
}

.ce-center .ce-outer, .ce-center .ce-inner {
    position: relative;
    float: none;
    right: auto;
}

#main .spacer .container .row ul,
footer .spacer.ftbottom .container .row ul{margin-left:0px;padding:0px;}
#main .spacer .row ul li, footer .spacer.ftbottom .row ul li {
    padding-left: 20px;
    list-style: none;
    position: relative;
    line-height: 1.8rem;
}

#main .spacer .row ul li:before,
footer .spacer.ftbottom .row ul li:before{
    content: "■";
    width: 35px;
    height: 26px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    color: #a51f18;
    font-weight: 900;
    font-style: normal;
}

#main .spacer ul.check-list {list-style-type: none;padding:0px;}
#main .spacer ul.check-list li {
    line-height: 22px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 5px 30px;
    position: relative;
}

#main .spacer ul.check-list li:before {
    color: #599c22;
    content: "";
    font-family: Font Awesome\ 5 Free, fontawesome;
    font-size: 1.2rem;
    left: 0;
    position: absolute;
    font-weight:900;
    top:5px;
}

/* Inhalte ausrichten */
.row.middlepos {
    display:table;
    width:100%;
    height:100%;
    background-color:#f9f9f9;
}
.row.middlepos div[class^="col-md"] {
    display:table-cell;
    float:none;
    vertical-align:middle;
    padding:0px;
}

.row.middlepos div[class^="col-md"] .frame-type-text {
    padding:0px;
}

.row.middlepos div[class^="col-md"]:first-child .frame-type-text {
    padding:0px 30px 0px 15px;
}

.row.middlepos div[class^="col-md"]:last-child .frame {
    padding:0px 60px 0px 60px;
}

.faq .frame {
    background-color:#fff;
    padding:30px 20px 20px;
    margin-bottom:30px;
    box-shadow: 0 0 0 1px rgba(14,19,24,.07), 0 2px 18px rgba(14,19,24,.25);
}

.faq .frame p:last-cihld {margin-bottom:0px;}
.faq .frame h3 {
    font-size:1.2rem;
    font-weight:500;
    margin:0px 0px 10px;
    text-transform: none;
    letter-spacing: 0px;
    padding:0px;
    line-height:1.8rem;
}

.faq .frame h3:after {display:none;}

.lebenslauf img {max-width:350px;}

/* Modalbox
--------------------------------------------------------------------------------------- */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

.modalinfo {
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

.modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 0px;
    width: 100%;
    max-width:900px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    line-height:0rem;
}

@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}
@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.close, .closeinfo {
    color: #272b2c;
    font-size: 3.4rem;
    font-weight:100;
    opacity: 1;
    float: none;
    margin: 0;
    position: relative;
    top: 0px;
    line-height: 2.1rem;
}
.close:hover,
.close:focus,
.closeinfo:hover,
.closeinfo:focus{
    color: #272b2c;
    opacity:0.6;
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    padding: 0;
    background-color: transparent;
    color: #272b2c;
    display: block;
    width: 40px;
    height:40px;
    text-align: center;
    position: absolute;
    right:20px;
    top: 20px;
}
.modal-body {padding:20px;}
.modal-body h5 {margin-bottom:20px;}
.modal-body img  {max-width:240px;margin-bottom:30px;}
.modal-body p, .modal-body li {
    font-size:1rem;
    line-height:1.4rem;
}

.modal-body ul {
    margin-bottom:18px;
    margin-left:12px;
}

button.my-btn {
    background: #00517e none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    padding: 8px 20px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    z-index: 1;
    color: #fff;
    text-decoration: none;
    position: relative;
    border: 0px;
    font-weight:400;
    margin-bottom:20px;
}

.frame-ruler-after:after {display:none;}

.indent.row {
    padding:0px 10%;
}

.indent .row .col-md-6 {
    padding:0px 7%;
}

.indent.docs .row div[class^="col-md"] img {
    max-width:320px;
    margin:0px auto;
}

.round img {
    border-radius:50%;
    border:7px solid #eee;
}

.withoutborder.round img {
    border:0px;
}


.round h4,
.kompetenz h4 {
    font-size:1.4rem;
    font-weight:300;
    margin:40px 0px 20px 0px;
    color:#a51f18;
}

.kompetenz h4 {
    margin:15px 0px 10px;
}

h2, h3 {
    
    font-size:2rem;
    line-height:2.8rem;
    margin:0px 0px 40px;
    padding-bottom:15px;
    font-weight:300;
    text-transform:uppercase;
    position:relative;
    letter-spacing:0.11rem;
}

h4,h5,h6 {letter-spacing:0.15rem;}

h2:after,
 h3:after {
    background-color: #a51f18;
    bottom: 0;
    content: "";
    height: 2px;
    margin-left:0px;
    left:0px;
    position: absolute;
    width: 130px;
}

h2.ce-headline-center:after,
h3.ce-headline-center:after {
    left: 50%;
    margin-left: -65px;
}


.team .image img,
.round .image img {
    width: 100%;
    margin-left:0px;
    position: relative;
    transition-property: all;transition-duration: 0.5s; 
    transition-timing-function: ease-in-out;transition-delay: 0s;
}
.team .image:hover img,
.round .image:hover img {
    transform: scale(1.1);
}

.team .ce-textpic, .team .ce-image, .team .ce-nowrap .ce-bodytext, .team .ce-gallery, .team .ce-row,
.round .ce-textpic, .round .ce-image, .round .ce-nowrap .ce-bodytext, .round .ce-gallery, .round .ce-row{
    overflow: visible;
}

.team .col-md-12 {
    overflow-x: scroll;
    padding-right:30px;
}

.graybox {
    padding:20px;
    background-color:#eef1f2;
}

/* Accordion */
.row.showhide {margin-bottom:20px;}

.showhide .acccontent {display:none;}
.showhide .acccontent {
    padding:0px 10px;
    position: relative;
    z-index: 99;
}
.showhide  {
    padding-left:0px;
    padding-right:0px;
    
}

.showhide .row.showhidebox { 
    margin-bottom:0px;   
}

.showhide.acchead {
    padding:0px;
    
}

span.show {
    cursor:pointer; 
    position:relative;
    display: table;
    width: auto;
    margin: 0px 0px 20px 0px;
    padding:10px 20px 10px 40px;
    background-color: transparent;
    font-size:1.2rem;
    background-color:#f6f6f6;
}

span.show:before {
    content: '+';
    display: inline-block;
    color: #a51f18;
    font-weight:300;
    padding-right:7px;
    left:10px;
    top:2px;
    font-size:2rem;
    position:absolute;
}

.open span.show:before {
    content: '–';
}

.showhide .acchead:hover span.show:before {opacity:0.6;}

.initial-open {display:block;}

/* Cookie */
.om-cookie-panel .cookie-panel__button {
    background: #ccc;
    color: #fff;
    border-radius: 0px;
}

.om-cookie-panel .cookie-panel__button--color--green {
    background-color: #a51f18;
}

.om-cookie-panel .cookie-panel__checkbox+label::before {
    border: 2px solid #a51f18;
}

.om-cookie-panel .cookie-panel__checkbox:checked+label::before {
    background-color: #a51f18;
}

.om-cookie-panel .cookie-panel__checkbox--state-inactiv+label::before {
    border: 2px solid #666;
}

.om-cookie-panel .cookie-panel__checkbox--state-inactiv:checked+label::before {
    background-color: #666;
}

.teamlist div[class^="col-md"] {
    margin-bottom:60px;
}

.spacer.newslist:nth-child(even) {
    background-color:#edf2f3;
}

div[class^="col-md"].indent-left {
    padding-left:10%;
}

.presse .article {
    background-color:#fff;
    padding:30px;
    margin-bottom:30px;
}

.presse .article .preeseimg {
    padding:0px;
    
    height:400px; 
    width:auto;
    overflow:hidden;
}

.presse .article .preeseimg img {
    max-height:400px;  
    width:auto;
    border:1px solid #d0dadc;
}

.presse h3 {
    font-size:1.2rem;
    line-height:1.6rem;
    margin:0px;
}

.presse h3:after {display:none;}

.presse .news-list-date {margin-bottom:5px;display:block;}

.ablauf h3 {
    margin-top:60px;
    margin-bottom:20px;
    font-size:1.8rem;
}

.teaser .frame {
    background-color:#fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border:1px solid #fff;
    min-height:460px;
}

.teaser .frame .ce-bodytext {
    padding:10px 20px;
}

.teaser .frame:hover figure a img {opacity: 0.5;}

.teaser h3 {
    font-size:1.2rem;
    text-transform:none;
    line-height:1.6rem;
    letter-spacing: 0px;
}

.teaser h3:after,
.news h3:after {display:none;}

.newsbox h4 {font-size:2.4rem;}
.newsbox i {
    font-size:2rem;
    margin-right:8px;
    margin-top:5px;
}

.newsbox a i {
    color:#a51f18;
}

.news h3 {
    font-size:1.4rem;
line-height:1.9rem;
}

.news.news-single h2 {
    font-size:1.2rem;
    line-height:1.2rem;
    margin: 40px 0px 25px;
}

.newscontact {
    padding:0px 10%;
    margin-bottom:60px;
}

.newscontact .ce-gallery {
    float:left;
    width:50%;
}

.newscontact .ce-gallery img {
    max-width:240px;
    margin: 0px auto;
    padding:3px;
}

.newscontact .ce-gallery figure {
    display: table;
    margin: 0px auto;
}

.newscontact .ce-gallery .image {
    border:1px solid #dfe4ea;
}

.newscontact .frame-ruler-before {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px dashed #dfe4ea;
}

.ansprechpartner img {
    max-width: 350px;
    height: auto;
}

.content h5 {
    line-height: 1.6rem;
    margin-bottom: 5px;
    font-size: 1rem;
}

.content h5 span {
    font-size: 0.9rem;
    color: #949494;
    border-bottom: 1px solid #a51f18;
    padding-bottom: 0px;
    margin-bottom: 25px;
    display: inline-block;
}

/*.ablauf img {
    width:120px;
    border:1px solid #fff;
    padding:25px;
}*/

/*.ablauf img {
    padding:20px;
}

.ablauf .image img {
    background-color:#a51f18;
    border-radius:50%;
    width:200px;
    text-align:center;
    display:table;
    margin:0px auto;
    border:2px solid #a51f18;
}*/

.ablauf img {
    width:60px;
}

.ablauf .image {
    border:1px solid #fff;
    border-radius:50%;
    padding:37px;
}

.ablauf /*.image*/ .ce-column {
    background-color:#a51f18;
    border-radius:50%;
    
    width:140px;
    height:140px;
    border:2px solid #a51f18;
    display: table;
    margin: 0px auto;
}

.ablauf .ce-gallery {
    position:relative;
    z-index:1;   
}

.ablauf .ce-bodytext {
    border: 1px solid #a51f18;
    position: relative;
    z-index: 0;
    padding: 45px 20px 10px 20px;
    width: 256px;
    display: table;
    margin: -45px auto 0px;
}

.ablauf .ce-bodytext:after {
    content: "\f105";
    font-family: Font Awesome\ 5 Free,fontawesome;
    position: absolute;
    right: -70px;
    top: 35%;
    color: #ccc;
    font-weight: 900;
    font-size: 4rem;
    opacity:0.5;
}

.ablauf .mediumfont {
    color:#a51f18;
}

.ablauf i {color:#00b050;}

.ablauf .ce-textpic, .ablauf .ce-image, .ablauf .ce-nowrap .ce-bodytext, .ablauf .ce-gallery, .ablauf .ce-row, .ablauf .ce-uploads li, .ablauf .ce-uploads div {
    overflow: visible;
}

.ablauf .col-md-4:last-child .ce-bodytext:after,
.ablauf .col-md-6:last-child .ce-bodytext:after {display:none;}

.ablauf.plus .ce-bodytext {min-height:275px;}
.ablauf.plus .col-md-6 .ce-bodytext {min-height:325px;}

.ablauf.indent.plus {
    margin-top:50px;
}

.ablauf.indent.plus .col-md-6 {
    width:33.33333%;
}

.ablauf.indent.plus .col-md-6:first-child {
    margin-left:17%;
}

.ablauf img {
    height:60px;
}

.scrollbutton a.button {
    width:100%;
}

.orangeborder {
    padding:20px;
    border:1px solid #a51f18;
    min-height:308px;
}

.faqz .orangeborder {
    min-height:inherit;
    margin-bottom
}

.faqz div[class^="col-md"] .orangeborder {
    margin-bottom:30px;
}

.faqz div[class^="col-md"]:first-child .orangeborder {
    min-height:391px;
}

.gray .orangeborder {
    background-color:#fff;
}

.icons i {
    font-size:1.6rem;
    opacity:0.25;
    padding-right:6px;
}

div[class^="col-md"].indentleft {
    padding-left:50px;
}

.z-content-inner .row {background-color:#f9f9f9;display:table;height:100%;width:100%;}
.z-content-inner .col-md-6 {padding:0px;}
.z-content-inner .col-md-6 .frame.frame-type-text {padding:40px 200px 40px 40px;}
#tabbed-nav{
    width:100%;
    background-color:transparent;
    margin:0px auto;
}

.z-tabs.horizontal.bottom-center > ul.z-tabs-desktop {
    padding:0px 0px 0px 20px;
}



.textinner {padding: 40px 200px 40px 40px;}

.logos img,
.logos figure {
    max-width:381px;
}

#c132 a {
    margin-bottom:10px;
}

/* GMAP
--------------------------------------------------------------------------------------- */
.gmap {
  position: relative;
}


button#showMapButton {
  background-color: transparent;
  border: 0px;
  color: #000;


    width: 100%;
    height: 505px;
    text-align: center;
    color: #e5007d;
    font-size: 1.4rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;
    font-weight:400;
    color:#272b2c;  
    
}

button#showMapButton:after {
  content: "";
  width: 100%;
  height: 505px;
  border: 0px;
  text-align: left;
  background-color: transparent;
  font-weight: 400;
  color: #000;
  background-image: url(/assets/content/maps-placeholder.svg);
  background-repeat: no-repeat;
  font-size: 1.2rem;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  text-transform: uppercase;
    z-index:-1;
}

/* Cookie */
.om-cookie-panel {
  z-index: 10;
}

.om-cookie-panel .cookie-panel__button {
  background: #272b2c;
  color: #fff;
  border-radius: 0px;
  margin: 0px 5px;
}

.om-cookie-panel .cookie-panel__button--color--green {
  background-color: #a51f18;
}

.om-cookie-panel .cookie-panel__checkbox+label::before {
  border: 2px solid #a51f18;
}

.om-cookie-panel .cookie-panel__checkbox:checked+label::before {
  background-color: #a51f18;
}

.om-cookie-panel .cookie-panel__checkbox--state-inactiv+label::before {
  border: 2px solid #a51f18;
}

.om-cookie-panel .cookie-panel__checkbox--state-inactiv:checked+label::before {
  background-color: #a51f18;
}

/* Grundeinstellungen */

form[id^="kontakt"] {
    --kontakt-accent: #c62822;
    --kontakt-text: #303434;
    --kontakt-placeholder: #999999;
    --kontakt-field-background: #f7f7f7;
    --kontakt-column-gap: 30px;
    --kontakt-row-gap: 32px;

    width: 100%;
    margin: 0;
    color: var(--kontakt-text);
    font-family: inherit;
    font-size: 18px;
    line-height: 1.6;
}

form[id^="kontakt"],
form[id^="kontakt"] *,
form[id^="kontakt"] *::before,
form[id^="kontakt"] *::after {
    box-sizing: border-box;
}


/* Bereiche und Überschriften */

form[id^="kontakt"] fieldset {
    display: block;
    min-width: 0;
    width: 100%;
    margin: 0 0 64px;
    padding: 0;
    border: 0;
}

form[id^="kontakt"] legend {
    font-size: 1.6rem;
    margin: 0 0 10px;
    font-weight: 300;
    padding-bottom: 5px;
    display: block;
    width: 100%;
}


/* Formularraster:
   zwei Felder nebeneinander, einzelne Felder volle Breite */

form[id^="kontakt"] .row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--kontakt-row-gap) var(--kontakt-column-gap);
    width: 100%;
    margin: 0 0 var(--kontakt-row-gap);
    padding: 0;
}

form[id^="kontakt"] .row::before,
form[id^="kontakt"] .row::after {
    display: none;
    content: none;
}

form[id^="kontakt"] .row > * {
    float: none;
    flex: none;
    min-width: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

form[id^="kontakt"] .row > :only-child {
    grid-column: 1 / -1;
}

form[id^="kontakt"] fieldset .row:last-child {
    margin-bottom: 0;
}


/* Feldwrapper */

form[id^="kontakt"] .kontakt-field {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* Eingabefelder */

form[id^="kontakt"] input[type="text"],
form[id^="kontakt"] input[type="email"],
form[id^="kontakt"] input[type="tel"],
form[id^="kontakt"] textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid transparent;
    border-radius: 0;
    background: var(--kontakt-field-background);
    box-shadow: none;
    color: var(--kontakt-text);
    font-family: inherit;
    transition:
        border-color 150ms ease,
        background-color 150ms ease;
}

form[id^="kontakt"] input::placeholder,
form[id^="kontakt"] textarea::placeholder {
    color: var(--kontakt-placeholder);
    opacity: 1;
}

form[id^="kontakt"] input[type="text"]:focus,
form[id^="kontakt"] input[type="email"]:focus,
form[id^="kontakt"] input[type="tel"]:focus,
form[id^="kontakt"] textarea:focus {
    outline: 2px solid var(--kontakt-accent);
    outline-offset: 2px;
    border-color: var(--kontakt-accent);
    background: #ffffff;
    box-shadow: none;
}


/* Nachrichtenfeld */

form[id^="kontakt"] textarea {
    height: 300px;
    min-height: 220px;
    resize: vertical;
}


/* Datenschutz */

form[id^="kontakt"] .kontakt-consent {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    margin: 8px 0 0;
}

form[id^="kontakt"] .kontakt-consent-label {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--kontakt-text);
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;
    cursor: pointer;
}

form[id^="kontakt"] .kontakt-consent-label strong {
    display: block;
    margin: 0 0 4px;
    font-weight: 700;
}

form[id^="kontakt"] .kontakt-consent-text {
    display: block;
}

form[id^="kontakt"] .kontakt-consent a {
    color: var(--kontakt-accent);
    text-decoration: none;
}

form[id^="kontakt"] .kontakt-consent a:hover {
    text-decoration: underline;
}

form[id^="kontakt"] .kontakt-consent a:focus-visible {
    outline: 2px solid var(--kontakt-accent);
    outline-offset: 3px;
}


/* Checkbox */

form[id^="kontakt"] input.kontakt-checkbox {
    appearance: none;
    position: static;
    display: grid;
    place-content: center;
    float: none;
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin: 5px 0 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0;
    background: var(--kontakt-field-background);
    box-shadow: none;
    cursor: pointer;
}

form[id^="kontakt"] input.kontakt-checkbox::before {
    width: 6px;
    height: 12px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    transform: translateY(-1px) rotate(45deg) scale(0);
}

form[id^="kontakt"] input.kontakt-checkbox:checked {
    border-color: var(--kontakt-accent);
    background: var(--kontakt-accent);
}

form[id^="kontakt"] input.kontakt-checkbox:checked::before {
    transform: translateY(-1px) rotate(45deg) scale(1);
}

form[id^="kontakt"] input.kontakt-checkbox:focus-visible {
    outline: 2px solid var(--kontakt-accent);
    outline-offset: 4px;
}


/* Absenden */

form[id^="kontakt"] .actions,
form[id^="kontakt"] .form-navigation {
    clear: both;
    margin-top: 72px;
    padding: 0;
    text-align: left;
}

form[id^="kontakt"] .actions .form-navigation {
    margin-top: 0;
}

form[id^="kontakt"] .actions .row,
form[id^="kontakt"] .form-navigation .row {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
}

form[id^="kontakt"] .actions .row > *,
form[id^="kontakt"] .form-navigation .row > * {
    flex: 0 0 auto;
    width: auto;
    margin: 0;
    padding: 0;
}

form[id^="kontakt"] button[type="submit"] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: none;
    min-height: 58px;
    margin: 0;
    padding: 12px 30px;
    border: 1px solid var(--kontakt-accent);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
    color: var(--kontakt-accent);
    font-family: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    transition:
        background-color 150ms ease,
        color 150ms ease;
}

form[id^="kontakt"] button[type="submit"]:hover {
    border-color: var(--kontakt-accent);
    background: var(--kontakt-accent);
    color: #ffffff;
}

form[id^="kontakt"] button[type="submit"]:focus-visible {
    outline: 2px solid var(--kontakt-accent);
    outline-offset: 4px;
}

form[id^="kontakt"] button[type="submit"]:disabled {
    opacity: 0.6;
    cursor: wait;
}


/* Fehlermeldungen */

form[id^="kontakt"] .kontakt-error {
    margin-top: 8px;
    color: var(--kontakt-accent);
    font-size: 15px;
    line-height: 1.5;
}

form[id^="kontakt"] .kontakt-field--error input,
form[id^="kontakt"] .kontakt-field--error textarea,
form[id^="kontakt"] input.kontakt-checkbox--error {
    border-color: var(--kontakt-accent);
}

form[id^="kontakt"] .kontakt-description {
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.5;
}


/* Labels für Screenreader erhalten */

form[id^="kontakt"] .kontakt-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}


/* Mobile Ansicht */

@media (max-width: 767px) {
    form[id^="kontakt"] {
        --kontakt-row-gap: 20px;
        --kontakt-column-gap: 0px;

        font-size: 16px;
    }

    form[id^="kontakt"] .row {
        grid-template-columns: minmax(0, 1fr);
    }

    form[id^="kontakt"] fieldset {
        margin-bottom: 40px;
    }

    form[id^="kontakt"] legend {
        margin-bottom: 20px;
        font-size: 28px;
    }

    form[id^="kontakt"] input[type="text"],
    form[id^="kontakt"] input[type="email"],
    form[id^="kontakt"] input[type="tel"],
    form[id^="kontakt"] textarea {
        min-height: 54px;
        font-size: 18px;
    }

    form[id^="kontakt"] textarea {
        height: 240px;
    }

    form[id^="kontakt"] .kontakt-consent-label {
        font-size: 16px;
    }

    form[id^="kontakt"] .actions,
    form[id^="kontakt"] .form-navigation {
        margin-top: 40px;
    }

    form[id^="kontakt"] .actions .form-navigation {
        margin-top: 0;
    }
}


/* Checkbox bei erzwungenen Systemfarben */

@media (forced-colors: active) {
    form[id^="kontakt"] input.kontakt-checkbox {
        appearance: auto;
    }

    form[id^="kontakt"] input.kontakt-checkbox::before {
        content: none;
    }
}

.form-element label:not(.form-check-label) {
    display: none;
}

/* Datenschutz: Checkbox links, gesamter Text rechts */
form[id^="kontakt"] .form-check-wrapping-label {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    column-gap: 14px;
    row-gap: 0;
}

form[id^="kontakt"] .form-check-wrapping-label > input[type="hidden"] {
    display: none;
}

form[id^="kontakt"] .form-check-wrapping-label > input[type="checkbox"] {
    position: static;
    grid-column: 1;
    grid-row: 1;
    float: none;
    margin: 5px 0 0;
}

form[id^="kontakt"] .form-check-wrapping-label > .form-check-label {
    position: static;
    display: block;
    grid-column: 2;
    grid-row: 1;
    float: none;
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 0;
    font-size:1rem;
}

/* Eventuelle Checkbox-Nachbildungen des Themes entfernen */
form[id^="kontakt"] .form-check-wrapping-label > .form-check-label::before,
form[id^="kontakt"] .form-check-wrapping-label > .form-check-label::after {
    display: none;
    content: none;
}

/* Überschrift mit kleinem Abstand zum Text */
form[id^="kontakt"] .form-check-wrapping-label > label > strong {
    display: block;
    margin-bottom: 4px;
}

form[id^="kontakt"] .form-check-wrapping-label > label > strong + br {
    display: none;
}

/* Zusätzliches Pflichtfeld-Sternchen am Textende ausblenden */
form[id^="kontakt"] .form-check-wrapping-label > label > .required {
    display: none;
}