@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'SourceSansPro-Light';src: url('../fonts/SourceSansPro-Light.otf') format('opentype'); }
@font-face { font-family: 'SourceSansPro-Regular';src: url('../fonts/SourceSansPro-Regular.otf') format('truetype'); }
@font-face { font-family: 'SourceSansPro-Semibold';src: url('../fonts/SourceSansPro-Semibold.otf') format('truetype'); }   

*{margin:0; padding:0;    max-width: 100%;}
body {font-family: 'SourceSansPro-Light';color:#333333; font-size: 16px;}
.header {position:fixed; top:0; width:100%; height:100px; z-index:1010; background-color:#fff;}
a {color:#236093;font-family: 'SourceSansPro-Regular';}
img {max-width: 100%;    height: auto;}
iframe {    width: 900px;    height: 500px;}
form {max-width: 900px; margin: auto;}

h3.ce-headline-center {margin: 120px auto 28px; line-height: 56px;}


/* Navigation */
.navbar {    position: absolute;    z-index: 10001;    left: 50%;    margin-left: -200px;    top: 50px;    min-height: 50px;    margin-bottom: 20px;    border: 0px;}
.navbar-default {    background-color: transparent;    border-color: #fff;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav li:hover a { font-size: medium;   color: #004169;}
.navbar-default .navbar-nav li:hover, .navbar-default .navbar-nav li:focus,.navbar-default .navbar-nav li.open,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color:#3378A159; color: #004169;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {    color: #004169; background-color:#3378A159;}

.dropdown-menu { background-color:#fff; color:#004169; border: 0; padding:0; border-radius:0;}
.dropdown-menu>li:hover {background-color:#004169; color: #004169;}
.dropdown-menu>li>a {font-size: medium !important; padding:12px 20px; color: #004169;}
.dropdown-menu>li>a:hover, .navbar-default .navbar-nav .dropdown-menu li:hover a {color: #fff;background-color:#004169;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color:#004169;}

.logo { position:fixed; z-index:1002; top:50px; left:50%; margin-left:-454px;}
.logo img {    width: 240px;    height: auto;}


/* Header Bild */
.bild {    margin-top: 100px;}
.bild blockquote { position: absolute; left:50%; margin-left:-450px; margin-top: -500px; background-color:rgba(255, 255, 255, 0.8); width: 590px;   padding: 21px 26px 19px;   font-size: 17.5px;    border-left: 0; z-index: 1000;}
.bild .kontakt-button {position: relative; top: -90px; height:90px; width:280px; left: 50%; margin-left: 200px;    margin-bottom: -120px; padding-top:15px; z-index: 1000;background-color:#004169; color: #ffffff; text-transform: uppercase; text-align: center;font-size: large;}

.intro1, .lead {margin-bottom: 15px;}
.intro2, .lead2 {margin-bottom: 5px;}
.intro1 p, .lead {text-transform: uppercase; color:#004169;font-family: 'SourceSansPro-Light';font-size: 48px;  line-height: 52px;letter-spacing: -1px;}
.intro2 p, .lead2 {font-size: 24px;}
.intro3 p, .lead3 {font-family: 'SourceSansPro-Regular';font-size: 32px; line-height: 52px;color:#004169;}


/* IHHALT */
.content-container {margin-top: 100px;}
.content-container p {font-size: 24px; font-family: 'SourceSansPro-Light';margin-bottom: 1.6em;}

h1 {font-family: 'SourceSansPro-Regular';font-size: 48px !important;    line-height: 52px;letter-spacing: -1px;text-transform: uppercase; color:#3378A1; max-width:900px; margin:0 auto 20px; text-align:center;}
h2 {text-transform: uppercase; text-align:center; color:#004169;font-family: 'SourceSansPro-Regular'; font-size: 40px;   line-height: 56px; max-width:900px; margin: 40px auto 50px;  }
h3 {text-transform: uppercase; font-family: 'SourceSansPro-Regular'; color:#3378A1;font-size: xx-large;   line-height: 56px;  max-width:900px; margin: 40px auto 20px; }
h4, .h4 p {color:#004169;font-family: 'SourceSansPro-Regular';font-size:xx-large;     font-weight: inherit;   line-height: 56px; }
ul {list-style-type: square; padding-left: 50px;}
ul.abstand-klein {margin-top: -2em;}
ol { padding-left: 50px;}
li {font-size: 24px;}
ul li::marker {color:#004169;}

.text-text {    max-width: 950px;    margin: 0 auto 40px;}
.text-text h2 {margin-top:0px;}
.text-text p, .text-text h3, .text-text h4 {padding-right:25px;padding-left:25px;}
.tete2x h3 {margin-top:0px;}

.frame-layout-1 .in4schritten .ce-textpic .ce-gallery {margin-top: 60px;    margin-bottom: 20px;}
.in4schritten figure {    background-color: #3378a1;    width: 100px;    height: 100px;    border-radius: 50px;}
.in4schritten img {    margin: 26px auto;}
.in4schritten p {color: #236093;    text-align: center;   margin: auto;    font-size: 32px;    font-family: 'SourceSansPro-Regular';}



.inhalt .kontakt-button {width:340px; margin: 80px auto;padding: 15px; background-color:#004169; color: #ffffff; text-transform: uppercase; text-align: center;}
.kontakt-button a { color: #ffffff; text-decoration: none;}
.kontakt-button p {font-family: 'SourceSansPro-Regular';font-size: 20px; line-height: 33px; margin-bottom: 0px;}

.bild-text {margin: 60px 0;  position: relative;   background: #e6ecf0;}
.bild-text .text {position: absolute; left:50%;   bottom:30px;}
.bild-text .rechts {    position: absolute;bottom: 30px;}
.bild-text .rechts div {max-width: 480px;  float: right;}
.bild-text .rechts + div {float: right;}
.bild-text h1 {text-align:left;font-size: 38px;  padding:0 30px;margin: 40px 0 20px;}
.bild-text h3, .bild-text h4, .bild-text p {max-width:480px; padding:0 30px;}
.bild-text h3 {margin: 40px 0 20px;}
.col-12, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6 {     padding-right: 0px;    padding-left: 0px;}

/*Slick - Track - Slider rgba(72,55,40,1.0)*/
.slick-track { background-color:#3378A199;max-width: none;}
  .slick-track .ce-row { margin-bottom:0px;}
.slick-active img {opacity:0.3;}
.slick-center img {opacity:1.0;border-left:3px solid #ffffff; border-right:3px solid #ffffff;}
  button.slick-prev, button.slick-next, button.slick-prev:hover, button.slick-next:hover {width:60px; height:60px;}
  .slick-prev, .slick-next {margin-left:50%; color:#ffffff; z-index:10000;}
    .slick-prev {left:-524px !important;   }
    .slick-next {left:466px;}
  .slick-prev:before { font-size:60px !important;/*content: '<';*/}
  .slick-next:before { font-size:60px !important;/*content: '>';*/}
  .slick-slide img { height:596px;}
.slick-slide figcaption {font-size: 24px; color:#fff; margin-top:-80px; text-align:center; padding-top: 40px;}
.inhalt .slick-slide div {line-height:0px;}

.slick-current .image-caption {visibility: visible;  display: block;  font-size: 24px;  color: #fff;  margin-top: -80px;  margin-left: 3px;  margin-right: 3px;  text-align: center;  background-color: #004169;  height: 80px;  position: relative;  padding-top: 40px; opacity: 0.8;}

.frame-layout-1 {background: #e6ecf0; margin:40px 0;    padding-bottom: 20px; }
.frame-layout-1 h2 {margin:56px auto;padding-top: 40px;}
.frame-layout-1 h3.ce-headline-center {margin:56px auto;}
.frame-layout-1 .ce-textpic .ce-bodytext {max-width: 900px;    margin: auto;}
.frame-layout-1 .ce-textpic .ce-gallery {margin-top: 40px;}
.frame-layout-1 h4 {color: #3378a1;font-family: 'SourceSansPro-Regular';font-size: 32px;line-height: inherit; }

/* Akkordion */
.tx-tinyaccordion-pi1 ul { list-style-image: none;}
.tinyaccordion { padding:0px;}
ul.tinyaccordion li { }
ul.tinyaccordion li li { }
ul.tinyaccordion h4 { max-width:900px; margin:0px auto;font-size: 30px; }
.acc-li { width:100%; margin-top:20px;   }
.acc-li h4 { width:100%; color:#ffffff;  background:none;  background-color:#3378A1 !important;  cursor:pointer;  padding:10px 24px;}
.acc-li h4:hover {  background-color:#3378A1 !important; color:rgba(72,55,40,0.6);  text-decoration:none !important;}
.acc-li h4:active {  position:relative;  top:1px;  background-color:#3378A1 !important;}
.t-small { display:none; visibility:hidden;}
.acc-section {max-width:900px; margin:0px auto;background-color:#fff !important;  }
.acc-section div {padding: 60px 0 40px;}
.inhalt .acc-section p:last-child {    margin-bottom: 1.0em;}

.tx-tinyaccordion-pi1 .ce-textpic {padding-top:30px;max-width:900px; margin:0px auto;} 
.tinyaccordion .ce-bodytext { padding-left:50px;}
.tinyaccordion figure .image { max-width:300px; float:left;}
.inhalt .tinyaccordion { max-width:100% !important;}
/*.inhalt .tinyaccordion .acc-li h4::after { content:'+'; font-size:x-large; padding-left:500px;}
  .tinyaccordion h4.acc-selected::after{ content:'schließen' !important; font-size: medium !important;  padding-left:460px !important;}
  .tinyaccordion .acc-selected {background-color:#e6ecf0 !important; }
*/
.inhalt .tinyaccordion .acc-li h4::after { content:'+'; font-size:xxx-large; float: right;}
ul.tinyaccordion h4, ul.tinyaccordion h4.acc-selected {background: none;}

.tinyaccordion h4.acc-selected::after { content:'-' !important; font-size: xxx-large; float: right;}

/* Kacheln - Klinken */  
  .kachel {max-width:904px;margin:0px auto; padding:20px 0 60px; }
  .foot-kachel  {max-width:904px;margin:-20px auto 0; padding:0px 0; }
  .kachel p, .foot-kachel p, .kachel a, .foot-kachel a {font-family: 'SourceSansPro-Light';font-size: medium;line-height:1.4em; padding-top:10px; margin-bottom:12px !important; color:#333;}
  .kachel [class*='sg-'], .foot-kachel [class*='sg-'] { padding:0;}
  .kachel .ce-textpic, .foot-kachel .ce-textpic { max-width:302px; border: 0.5px solid #00416999; color:#ccc;
opacity: 1; text-align:center; margin:20px 2px; overflow:hidden;background-color:#ffffff; }
  .kachel .abstand-80 { margin-left:80px;}

/* Kundenstimmen */
.frame-space-before-extra-large {    margin-top: 120px;}
.frame-space-after-extra-large {margin-bottom: 120px;}
.inhalt blockquote { position: absolute; left:50%; margin-left:-350px; margin-top: -300px; background-color:rgba(255, 255, 255, 0.8); width: 590px;   padding: 21px 26px 19px;       border-left: 0; z-index: 1000;}
.stimme1 p {font-size: 32px; line-height: 38px; font-family: 'SourceSansPro-Regular'; font-style: italic;}
.stimme2 {    margin: 14px 0 0;}

.inhalt {margin-top: 0px;}
.text-right, .ce-headline-right {    text-align: right; float: right;}

strong {font-family: 'SourceSansPro-Regular';}
.inhalt p:last-child {    margin-bottom: 0em;}

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

.frame-layout-2 {max-width: 900px;    margin: auto;}
.frame-layout-2 h2 {text-align: left;}

.footer {    background-color: #e6ecf0;}
.foot {padding:60px 0 30px;}
.foot strong, .foot a {color:#004169;}
.foot img {margin:7px 0 17px 0;}

.icons { position:fixed; right:0px; top: 400px;text-align:right;}
  .icons img { margin-bottom:4px; padding: 7px; background-color: #004169;}
.icon-tel, .icon-mail { float:right;width: 50px;height: 50px;overflow:hidden;margin-bottom:15px;}
.icon-tel, .icon-tel a, .icon-mail a {    color: #ffffff;}
.icon-tel:hover, .icon-mail:hover {  background: #004169;}
.icon-mail:hover {width: 270px; padding-right:20px;}
.icon-tel:hover {width: 260px; padding-right:20px;}

.hcaptcha-description, .help-block {visibility: hidden; display: none;}
@media screen and (max-width: 1700px) {
  
.inhalt p {font-size: large; margin-bottom: 1.6em; line-height: 28px;}

h1, .intro1 p {font-size: xxx-large;    line-height: 52px;   }
h2 {font-size: xx-large;   line-height: 46px;  }
h3 {font-size: x-large;   line-height: 40px;  margin-bottom: 15px;  }
h3.ce-headline-center {margin: 80px auto 0px; line-height: 46px;}
h4, .h4 p, .bild-text h4 {font-size: x-large;     font-weight: inherit;   line-height: 36px; margin-bottom: 15px; }  
li {font-size: large;}
  
.intro1 {margin-bottom: 15px;}
.intro2 {margin-bottom: 5px;}
.intro2 p {font-size: 24px;}
.intro3 p {font-size: 32px; line-height: 52px;}

.kontakt-button {padding: 6px; }
.kontakt-button p {font-size: 20px; line-height: 33px; }  

  .bild-text h1 {font-size: x-large; }  
  .frame-layout-1 h2 {    margin: 36px auto;padding-top: 40px;}  
  .acc-section div {padding: 40px 0 20px;}

}


@media screen and (max-width: 1000px) {
  .header {height:50px;}
  .logo {margin-left: -360px;top: 10px;}
  .logo img {width:150px;}
  .navbar {margin-left: -230px;top: 10px;}
  .navbar-nav>li>a {padding: 10px 8px;}

  .bild {margin-top: 50px;}
  .bild blockquote {width: 490px;margin-left: -350px;    margin-top: -350px;}
 h1, .intro1 p {font-size: xx-large;    line-height: 42px;   } 
  .intro2 p {    font-size: 20px;}
  .intro3 p {    font-size: 28px;    line-height: 42px;}
  .bild .kontakt-button {position: inherit;margin: auto;left: initial;}
  
  
  .bild-text .col-12, .bild-text .rechts {    width: 100%;}
.bild-text .text {    position: inherit;    left: 0%;}
.bild-text .rechts {right: 0%;    margin-right: 10px;    position: relative;    bottom: 30px;    margin-top: 50px;}
  
 .slick-slide img {width: 620px;    height: auto;}
  .slick-prev {    left: -370px !important;}
  .slick-next {    left: 310px;}
  .slick-slide img {      opacity: 0.3;}
  .slick-center img {opacity:1.0;}
  video {max-width: 90%;    margin-left: 5%;} 
  
  .frame-layout-1 .ce-below, .frame-layout-1 h3 {margin-left: 27px;}
  
}

@media screen and (max-width: 768px) {
  .logo {    left: 5%;    margin-left: 0;}
  .navbar { background-color: #fff;   margin-left: inherit;    top: 3px;     left: inherit;right: 0;}
  .navbar-toggle {width: 60px;}
  .navbar-default .navbar-toggle {border-color: #004169;}
  .navbar-default .navbar-toggle .icon-bar {    background-color: #004169;}
  
.bild blockquote {position: inherit;    left: 0%; margin-left:20px; margin-top: 0px;  width: 100%;   padding: 10px 0;   font-size: inherit; }
.intro1 {margin-bottom: 15px;}
.intro2 {margin-bottom: 5px;}
.intro2 p {font-size: large;}
.intro3 p {font-size: x-large; line-height: inherit;}
.sg-50-small {    width: 100%;}		
  
  h1, .intro1 p {font-size: x-large !important;    line-height: inherit;   }
h2 {font-size: x-large;   line-height: inherit;  }
h3 {font-size: large;   line-height: inherit;  margin-bottom: 15px;  }
h3.ce-headline-center {margin: 80px auto 0px; line-height: 46px;}

.inhalt p {font-size: large; margin-bottom: 1.6em; line-height: 28px;}
h4, .h4 p {font-size: x-large;     font-weight: inherit;   line-height: 36px; margin-bottom: 15px; }

.kontakt-button {padding: 6px; }
.bild .kontakt-button {position: inherit; top: 0px; width:280px;  margin: 0px auto;}
.kontakt-button p {font-size: 20px; line-height: 33px; padding-left: 0px;}

   .slick-slide img {width: 300px;    height: auto;}
  .slick-prev {  left: 0px !important;     visibility: hidden;}
  .slick-next {  left: 0px;      visibility: hidden;}
  .slick-slide figcaption {font-size: medium;    margin-top: -25px;    margin-bottom: 20px;}
 
 iframe {width: 100%;    height: auto;}
  .inhalt blockquote {position: inherit;    left: 0%; margin-left:0px; margin-top: 0px;width: 100%;   padding: 10px 0; }
.stimme1 p {font-size: large; line-height: inherit;}
.stimme2 { font-size: medium;   margin: 14px 0 0;}
  
  .kachel, .foot-kachel {    max-width: 300px;}
}