@charset "utf-8";

/* CSS Document */


*{ font-family: Arial, Helvetica, sans-serif;}


.wrapper-1500 .row{ padding-left:40px; padding-right:40px; max-width:1500px!important; margin: 0 auto!important;}

.forcefullwidth_wrapper_tp_banner{ border-bottom:1px solid #e4e4e4;}

.produkte-overlay{ width:100%; height:auto;}

.tp-rightarrow.default { background: url(../images/pfeile-rechts.png) no-repeat 0 0; width: 40px; height: 40px;}
.tp-leftarrow.default { background: url(../images/pfeile-links.png) no-repeat 0 0; width: 40px; height: 40px;}
.tp-bullets.simplebullets.round .bullet { background: url(../images/striche.png) no-repeat top left; width: 40px; height: 20px;}

.bg-textwrapper .h1{ font-size: 30px; line-height: 40px; text-transform: uppercase; font-weight: 500; }
.bg-textwrapper .h2{ font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: 300; }
.bg-textwrapper .p{ font-size: 22px; line-height: 30px; text-transform: none; font-weight: 300; }
.bg-textwrapper{ -webkit-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.44); -moz-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.44); box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.44); }
.bg-textwrapper .slider-btn{ padding:5px 10px; background-color:#222; color:#fff; font-size: 18px; line-height: 30px; text-transform: none; font-weight: 300;}

.p1{ position:absolute; top:20%; left:6%; width:24%; height:20%;}

.p1_1{ width:100%; height:100%; position:absolute;}

.p2{ position:absolute; top:30%; left:33%; width:24%; height:20%;}

.p3{ position:absolute; top:14%; left:60%; width:24%; height:20%;}

.p4{ position:absolute; top:65%; left:6%; width:24%; height:20%;}

.p5{ position:absolute; top:70%; left:33%; width:24%; height:20%;}

.p6{ position:absolute; top:38%; left:65%; width:24%; height:20%;}

.p7{ position:absolute; top:74%; left:72%; width:24%; height:20%;}


h1{ color:#555!important; font-size:40px!important; line-height:50px!important; font-weight: 700!important;}

h2{ color:#0059a6!important; font-size:30px!important; line-height:40px!important; font-weight: 300!important; text-transform:uppercase;}

h3{ color:#0059a6!important; font-size:20px!important; line-height:30px!important;}

h4{ color:#555!important;}

p{ color:#555!important; font-size:16px!important; line-height:24px!important;}

ul li{ color:#555!important; font-size:16px!important; line-height:24px!important;}

p.h1, p .h1{ color:#555!important; font-size:40px!important; line-height:50px!important; font-weight: 700!important;}
#sp-main-body .parallax p.h1{ color:#fff!important; font-size:40px!important; line-height:50px!important; font-weight: 700!important;}

.home-gruppen-vierer h2{ font-size: 20px !important; line-height: 30px !important; }

.ansprechpartner div.sppb-col-md-4.sppb-col-sm-4.sppb-col-xs-12{ margin:20px 0;}

#baugruppe-aufteilung h2{ color:#0059a6!important; font-size:18px!important; line-height:26px!important; font-weight: 300!important; text-transform:uppercase;}

.sprachauswahl{ float:right!important;}

#sp-logo-wrapper .logo { width: 100%!important; }
#sp-logo-wrapper .logo img{ width: auto!important; height:77px; }

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after { display:none!important; content: " "!important; }

#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent.menu-slide-down.hidden-sm.hidden-xs li.sp-menu-item.sp-has-child div.sp-dropdown.sp-dropdown-main.sp-menu-right div.sp-dropdown-inner ul.sp-dropdown-items li.sp-menu-item.sp-has-child div.sp-dropdown.sp-dropdown-sub.sp-menu-right{ display:none;}

.blog{ margin-top:60px; margin-bottom:60px;}
.blog article.item{ display:flex; width:100%!important; margin-bottom: 0px; padding:30px 20px;}
.entry-image.intro-image { width:25%!important; }
.blog-content-wrap { padding-top: 0px!important; width:75%!important;}
.blog .entry-header h2 { margin-bottom:10px; color: #0059a6 !important; font-size: 24px !important; line-height: 30px !important; font-weight: 300 !important; text-transform: uppercase;}
.blog .entry-header { margin-bottom: 0px!important; }
.blog .items-row.row-0{ background-color:#fff!important;}
.blog .items-row.row-1{ background-color:#f9f9f9!important;}
.blog .items-row.row-2{ background-color:#fff!important;}
.blog .items-row.row-3{ background-color:#f9f9f9!important;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { line-height: 75px; }

article.item{ background: none!important;}

.entry-image.full-image{ margin-bottom:40px;}

article.item:hover .entry-image img { transform: none; }

.entry-image img { -webkit-transition: 0s; -o-transition: 0s; transition: 0s; transform: scale(1) rotate(0deg); }

#jobs-tabs ul.sprocket-lists-modern-container ul { margin-bottom: 40px; }
#jobs-tabs ul.sprocket-lists-modern-container ul li { border: none; list-style-type: circle; margin-left: 15px; padding-left: 5px; }
#jobs-tabs h4 { display: block; background-color: #e4e4e4; border: 1px solid #a8a8a8; padding-left: 20px !important; padding-right: 20px !important; }
#jobs-tabs .sprocket-lists-modern-item .sprocket-padding { padding: 40px 20px !important; }
#jobs-tabs h3 { font-size: 36px !important; line-height: 45px !important; margin-bottom: 15px !important; border: 0; font-weight: 900 !important; color: #5d6166; }
#jobs-tabs .sprocket-lists-modern-title:hover,
#jobs-tabs .active .sprocket-lists-modern-title { color: #0059a6 !important; }

.swiper-caption { width: 60%; }
.swiper-img-cont{ width: 40%; }

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.pagination-wrapper .pagination li:last-child:not(.active),
.pagination-wrapper .pagination li:last-child:not(.active) a { float: right; font-size:16px!important; }

.sppb-carousel-indicators li { border: none!important; background-color:#555!important; }
.sppb-carousel-indicators .active { background-color: #0059a6!important; border: none!important; }
.img-slider ol.sppb-carousel-indicators{ margin-bottom:-40px!important;}
.sppb-carousel-arrow i {top:auto; bottom:-30px; }


.logoreihe img{ border:1px solid #e4e4e4;}

.meflex-contentnavi p { color:#005CA9!important; font-weight:bold; font-size:18px!important; }
.meflex-contentnavi p.activ { color:#005CA9; font-size:18px!important; }

.meflex-contentnavi p a,
.meflex-contentnavi p a:link,
.meflex-contentnavi p a:visited{ color:#595959; font-weight:normal; text-decoration:underline; font-size:18px!important; }
.meflex-contentnavi p a:hover{ color:#005CA9; font-size:18px!important; }

#sp-top-bar{ background:none!important;}

.meflex-contentnavi{
 background: rgb(249,249,249);
background: linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%); 
}

.swiper-pagination {  position: relative;  margin-top:20px;}
.swiper-button-prev, .swiper-button-next { top: 25%; }
.swiper-caption { background:none; color:#595959; }

.meflex-produkt-slider .swiper-desc{ font-size:14px; line-height: 20px;}
.meflex-produkt-slider-einer{ padding-left:40px; padding-right:40px;}
.meflex-produkt-slider-einer .swiper-desc{ font-size:14px; line-height: 20px;}
.meflex-produkt-slider .swiper-button-prev, .meflex-produkt-slider .swiper-button-next { top: auto; bottom:0px; }
.tp-rightarrow.default{ background: url(images/large_right.png) no-repeat 0 0; }
.tp-leftarrow.default{ background: url(images/large_left.png) no-repeat 0 0; }

.img-100prozent img, img.img-100prozent{ width:100%; height:auto;}

#sp-page-builder .sp-pagebuilder-page-edit { top: 150px; }

.sppb-btn-primary {  color:#fff!important; background-color:#005CA9 !important; border-color:#a8a8a8; }

.produkt-tb td{ border:1px solid #e4e4e4; text-align:center; vertical-align: middle; font-size: 12px; }
.produkt-tb img{ width:auto!important; height:auto; }
.produkt-tb td.first-col{  text-align:left; background-color:#f9f9f9; padding:5px 20px; font-size: 14px; }

.h3-24-900 h3{  font-weight:900!important; font-size:24px!important; line-heigt:30px!important; color:#595959 !important;}


#sp-bottom{ padding-top:40px!important; padding-bottom:40px!important; }


.schrift-orange{color: #0059a6!important;}

.gelbe-punkte li{list-style: none; color:#555;}

.gelbe-punkte li::before { color:#0059a6!important; content: "\2022"!important; display: inline-block; width: 1em; margin-left: -1em; top:.5em; font-size:2em;}

.flip-box-inner p{ color:#fff!important;}

.img-grau img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.img-grau:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.sp-megamenu-wrapper ul li ul li.sp-menu-item.sp-has-child.active a::after{ content:""!important;}
.sp-megamenu-wrapper ul li ul li.sp-menu-item.sp-has-child.active .sp-dropdown.sp-dropdown-sub.sp-menu-right{ display:none;}

#sp-top1 p{ color:#fff!important;}

#sp-main-body .text-weiss h1{color:#ffffff!important;}

#sp-main-body .text-weiss h2{color:#ffffff!important;}

#sp-main-body .text-weiss h3{color:#ffffff!important;}

#sp-main-body .text-weiss p{color:#ffffff!important;}

.h2-mt-0 h2{ margin-top:0px; }

.h3-24-900 h2 { font-weight: 900 !important; font-size: 24px !important; line-heigt: 30px !important; color: #595959 !important; line-height: 30px !important; text-transform: none; }

.span-wie-h3 span.sppb-addon-title{ color: #0059a6 !important; font-size: 20px !important; line-height: 30px !important; margin-top: 20px; margin-bottom: 10px; font-weight: 500;}


h2.swiper-title { font-size: 1.5em!important; line-height: 1.5em!important; padding: 10px 0!important; position: relative!important; text-transform:none!important; color: #555 !important; }

.h2-historie h2{ color: #0059a6 !important; font-size: 20px !important; line-height: 30px !important; font-weight: 500; text-transform:none!important; }


.h1-wie-h3 h1{ color: #0059a6 !important; font-size: 20px !important; line-height: 30px !important; text-transform:none!important; } 

.p-wie-h1 p,
p.p-wie-h1{ color: #555 !important; font-size: 40px !important; line-height: 50px !important; font-weight: 700 !important; margin-top: 20px; margin-bottom: 10px;}


.h3-24-900.schrift-blau h2{ color: #0059a6 !important; }

.h3-wie-h2 h3{ color:#0059a6!important; font-size:30px!important; line-height:40px!important; font-weight: 300!important; text-transform:uppercase; }


.produkt-tb table td{ border:1px solid #e4e4e4; padding:8px;}
.tb-fernbetaetigungen th p{ color:#fff!important;}

.bottombereich h4{ color:#0059a6!important;}

ul.sprocket-lists-modern-container li .sprocket-lists-modern-item a.readon{border-radius: 4px; border: 0; padding: 14px 25px; font-weight: 700; font-size: 14px; text-transform: uppercase; background-color: #4c6496; color:#fff;  float: right; position: absolute; right: 0px; top: -35px;}

textarea#nachricht,
textarea#message{ min-height:120px;}

.blog-details-content-wrap { padding: 0px!important;}

.blog-details-content-wrap .entry-header {  margin-bottom: 0!important;}

#sp-main-body { padding:0!important;}

.blog-details-content-wrap .sppb-addon-single-image{ padding:0!important; }

article.item.item-page.item-featured .blog-details-content-wrap .entry-header h2{display:none;}

.newsseite section#sp-main-body .blog.newsseite{max-width: 1170px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}

#sp-main-body .parallax.text-weiss h1{ color:#fff!important; font-size:60px!important; line-height:70px!important;}

#sp-main-body .parallax h1{ color:#fff!important; font-size:70px!important; line-height:80px!important;}

#sp-main-body .parallax h2{ color:#fff!important; font-size:50px!important; line-height:60px!important;}

#sp-main-body .parallax p{ color:#fff!important; font-size:30px!important; line-height:40px!important;}


.sppb-img-responsive{ width:100%;}

.sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown .sp-dropdown {
  top: 0; display:none;
}


.tabsystem .sppb-panel-heading {
  display: block;
  background-color: #fff;
  border: 1px solid #a8a8a8;
  padding-left: 20px !important;
  padding-right: 20px !important;
  color:#0059a6 !important
}
.tabsystem .sppb-panel-heading.active {
  display: block;
  background-color: #0059a6 ;
  border: 1px solid #a8a8a8;
  padding-left: 20px !important;
  padding-right: 20px !important;
  color:#fff !important
}

.tabsystem .sppb-panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bolder;
  color: inherit;
}

div.mod-languages ul li.lang-active { background:none!important; }

#sp-main-body h1.groesser h1{ color:#4c6496; font-size:50px; line-height:60px;}

#sp-main-body h2.groesser h2{ color:#555; font-size:36px; line-height:46px;}

#sp-main-body h3.groesser h3{ color:#0059a6; font-size:36px; line-height:46px;}

#sp-main-body h4.groesser h4{ color:#4c6496;}

#sp-main-body p.groesser p{ color:#555; font-size:24px; line-height:30px;}



#sp-top-bar{ padding: 6px 0!important;}

#sp-logo-wrapper{padding:10px 0!important; border-bottom: 1px solid #e4e4e4;}

#sp-top-bar a, #sp-top-bar a:link, #sp-top-bar a:visited{ color:#555 !important;}

.sp-megamenu-parent { float: right!important;}

#sp-top2{ text-align:right; }



#sp-top2 .sp-module.sprachauswahl_02{ float:right; padding-top:5px; padding-left:2px; margin-right:8px;}


.kontaktformular input,
.kontaktformular textarea,
#chronoform-kontaktformular input,
#chronoform-kontaktformular textarea,
#chronoform-contactform input,
#chronoform-contactform textarea{ padding:15px 15px!important; font-size: 16px !important; line-height: 24px !important; font-weight:300;}

#chronoform-kontaktformular .field input,
#chronoform-contactform .field input{ width:100%!important; height:50px; }

#chronoform-kontaktformular .field textarea,
#chronoform-contactform .field textarea{ width:100%!important; }

#chronoform-kontaktformular .field,
#chronoform-contactform .field{ padding-right:20px!important; }

button#kontakt,
button#contact{ background-color:#0059a6 !important; color:#fff!important; padding: 10px 20px!important; }

.headerbereich-text-wrapper{ height:100%;}

.headerbereich-bild-wrapper{ height:100%;}

.headerbereich-text{ position: absolute; bottom:200px; left:50px;}

.headerbereich-text-100-von-unten{ position: absolute; bottom:100px; left:50px;}



.slideshowbild img{ width:100%!important; height:auto!important;}

.sppb-addon-single-image-container { display: inline!important; }



.anwendungstext{ padding:20px 40px!important; color:#fff!important; font-size:24px!important; line-height:30px!important; background-color:rgba(86, 86, 86, 0.8);}

.anwendungstext p{ color:#fff!important; font-size:24px!important; line-height:30px!important; margin:0px!important;}



.schrift-blau{color:#4c6496 !important;}



.introtext{ font-size: 36px!important; line-height:46px!important; font-weight: 300!important; color:#fff!important; }



.sppb-addon-feature.sp-contact-info {  background: #e4e4e4;  position: relative; transition: .3s; padding: 40px 20px;}



.sp-contact-info { float: none; }

.servicenavi ul{ display:inline;}

.servicenavi ul li{ list-style-type: none; float:right; display:inline!important; border: none!important;}

.sp-module ul > li > a::before { content: ""; margin-right:15px!important; }


.sp-copyright{ float:left!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text p{ color:#fff!important; font-size:20px!important; line-height:30px!important; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h1{ text-transform: uppercase; color:#0059a6!important; font-size: 30px!important; line-height:40px!important; text-transform:uppercase; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h2{ color:#fff!important; font-size:60px!important; line-height:70px!important; font-weight:300!important; text-transform:uppercase;}



#sp-main-body .parallax h1 {  font-size: 60px !important; line-height: 70px !important;}

#sp-main-body .parallax p { font-size: 24px !important; line-height: 34px !important;}



ul.sprocket-lists-modern-container li .sprocket-lists-modern-item a.readon {  top: -55px!important; }



.sppb-column {

    width: 100%;

    height: 100%;

    display: -ms-flexbox;

    display: flex;

	display: -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.newsseite .btn-default{ background-color: #4c6496!important; color: #ffffff!important;}



.headerbereich-text-100-von-unten p a,

.headerbereich-text-100-von-unten p a:link,

.headerbereich-text-100-von-unten p a:visited{ color: #ffffff!important;}


#sp-bottom{ background-color:#555!important; color: #e4e4e4;}
#sp-bottom{}
#sp-bottom a, #sp-bottom a:link, #sp-bottom a:visited, #sp-bottom p{ color: #e4e4e4!important;}
#sp-bottom a:hover{ color: #fff; }

#sp-bottom .sp-module ul li a { line-height: 24px; text-transform: none; font-size: 16px; color: #fff; padding:2px 0;}

#sp-footer { background: #222!important;}

#sp-bottom h3,
#sp-bottom div.sp-module-title,
#sp-bottom .sp-module .sp-module-title{ font-size:16px!important; line-height: 24px; margin-bottom:5px!important; color: #fff!important;}



.sprocket-lists-modern-title { font-size: 24px !important; }


.swiper-layout-horizontal .swiper-img-cont {
  background-size: contain!important;
}


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



.headerbereich .headerbereich-text-wrapper .headerbereich-text p{ color:#fff!important; font-size:18px!important; line-height:24px!important; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h1{ text-transform: uppercase; color:#0059a6!important; font-size: 26px!important; line-height:36px!important; text-transform:uppercase; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h2{ color:#fff!important; font-size:50px!important; line-height:60px!important; font-weight:300!important; text-transform:uppercase;}



.headerbereich-text{ position: absolute; bottom:100px; left:40px;}

	

.headerbereich-text-kleiner p{ font-size:14px!important; line-height: 20px!important;}



}





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



.headerbereich .headerbereich-text-wrapper .headerbereich-text p{ color:#fff!important; font-size:18px!important; line-height:24px!important; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h1{ text-transform: uppercase; color:#0059a6!important; font-size: 26px!important; line-height:36px!important; text-transform:uppercase; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h2{ color:#fff!important; font-size:40px!important; line-height:50px!important; font-weight:300!important; text-transform:uppercase;}



.headerbereich-text{ position: absolute; bottom:80px; left:20px;}



.introtext{  font-size: 30px !important; line-height: 40px !important;}



#sp-main-body .parallax h1 {  font-size: 50px !important; line-height: 60px !important;}

#sp-main-body .parallax p { font-size: 20px !important; line-height: 30px !important;}

	

.headerbereich-text-100-von-unten{ position: absolute; bottom:0px; left:30px;}

.headerbereich-text-100-von-unten.headerbereich-text-kleiner p{ color:#fff; font-size:18px!important; line-height:26px!important; font-weight:300!important;}



}









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



#sp-menu .top-right-button { margin-left: 5px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { padding: 0 10px; }

#sp-menu .sppb-btn.sppb-btn-success.sppb-btn-sm{ padding:6px 20px; }



.offcanvas-menu-toggler i{ color:#fff;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text p{ color:#fff!important; font-size:18px!important; line-height:26px!important; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h1{ text-transform: uppercase; color:#0059a6!important; font-size: 20px!important; line-height:30px!important; text-transform:uppercase; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h2{ color:#fff!important; font-size:30px!important; line-height:40px!important; font-weight:300!important; text-transform:uppercase;}



.headerbereich-text{ position: absolute; bottom:40px; left:20px;}



/* Zum testen*/

.headerbereich-text-wrapper{ height:100%; position: absolute;}	



.parallax {  background-attachment: scroll!important; }

.parallax_nein { background: none!important; background-color: #e4e4e4!important; }



.headerbereich-text-100-von-unten{ position: absolute; bottom:0px; left:30px;}

.headerbereich-text-100-von-unten.headerbereich-text-kleiner p{ color:#fff; font-size:18px!important; line-height:26px!important; font-weight:300!important;}



.headerbereich-text-wrapper .headerbereich-text.headerbereich-text-100-von-unten.headerbereich-text-kleiner p{ color:#fff; font-size:14px!important; line-height:20px!important; font-weight:300!important;}	



}



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

.wrapper-1500 .row { padding-left: 10px!important; padding-right: 10px!important; }
	

/*.sp-page-builder .page-content #section-id-1518181405227 { background-size: contain; background-attachment: scroll; }*/

.headerbereich.mobil-anders-anordnen.header-news-anders .headerbereich-text-wrapper{ height:380px!important; position: relative!important; float: left!important;}

.headerbereich.mobil-anders-anordnen.header-news-anders .headerbereich-bild-wrapper{ height:100%!important; position: relative!important; float: right!important;}

h1 { font-size: 30px !important; }

h2 { font-size: 24px !important; }

h3 { font-size: 18px !important; }

.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br { display: inline; }


#offcanvas-toggler { float: right; line-height: 87px; margin-left: 15px; margin-right: 15px;}

#offcanvas-toggler > i{ color:#0059a6!important;}


#sp-topbereich{ font-size: 13px !important;}


.servicenavi ul li a, .servicenavi ul li a:link, .servicenavi ul li a:visited { font-size: 13px !important;}


.introtext{  font-size: 24px !important; line-height: 34px !important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text p{ color:#fff!important; font-size:16px!important; line-height:24px!important; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h1{ text-transform: uppercase; color:#0059a6!important; font-size: 18px!important; line-height:26px!important; text-transform:uppercase; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h2{ color:#fff!important; font-size:26px!important; line-height:36px!important; font-weight:300!important; text-transform:uppercase;}



.headerbereich-text{ position: absolute; bottom:40px; left:20px;}





.headerbereich-text-100-von-unten{ position: absolute; bottom:50px; left:50px;}

.headerbereich-text-100-von-unten.headerbereich-text-kleiner p{ color:#fff; font-size:18px!important; line-height:26px!important; font-weight:300!important;}



.headerbereich-text-wrapper .headerbereich-text.headerbereich-text-100-von-unten.headerbereich-text-kleiner p{ color:#fff; font-size:14px!important; line-height:20px!important; font-weight:300!important;}

.sprocket-lists-modern-title { font-size: 24px !important; }	


.h3-24-900 h2 { font-weight: 900 !important; font-size: 24px !important; line-heigt: 30px !important; color: #595959 !important; line-height: 30px !important; text-transform: none; }

.span-wie-h3 span.sppb-addon-title{ color: #0059a6 !important; font-size: 18px !important; line-height: 30px !important; margin-top: 20px; margin-bottom: 10px; font-weight: 500;}


h2.swiper-title { font-size: 1.5em!important; line-height: 1.5em!important; padding: 10px 0!important; position: relative!important; text-transform:none!important; color: #555 !important; }

.h2-historie h2{ color: #0059a6 !important; font-size: 20px !important; line-height: 30px !important; font-weight: 500; text-transform:none!important; }


.h1-wie-h3 h1{ color: #0059a6 !important; font-size: 18px !important; line-height: 30px !important; text-transform:none!important; } 

.p-wie-h1 p,
p.p-wie-h1{ color: #555 !important; font-size: 30px !important; line-height: 50px !important; font-weight: 700 !important; margin-top: 20px; margin-bottom: 10px;}


.h3-24-900.schrift-blau h2{ color: #0059a6 !important; }

.h3-wie-h2 h3{ color:#0059a6!important; font-size:24px!important; line-height:40px!important; font-weight: 300!important; text-transform:uppercase; }



}





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


.logo a img{ max-height: 80px!important; float:left!important;}

#sp-logo-wrapper { text-align: left!important; }

	

.headerbereich.mobil-anders-anordnen.header-news-anders .headerbereich-text-wrapper{ height:460px!important;}

	

.sp-contact-info { float: left; text-align: left; width: 80%; font-size: 14px; }

.sp-copyright { float: left !important; font-size: 12px!important; text-align: left;}

.sprocket-lists-modern-title { font-size: 20px !important; }

.mobil-anders-anordnen .sppb-row .sppb-col-xs-12:first-child{ order: 2; }

.mobil-anders-anordnen .sppb-row .sppb-col-xs-12:last-child{ order: 1; }



.hidden-mobil{ display:none; }



#section-id-1495627855551 .sppb-addon-single-image-container img.sppb-img-responsive,

#section-id-1513279868084 .sppb-addon-single-image-container img.sppb-img-responsive{ margin-top: 40px;}

	

.headerbereich-text-wrapper{ height:250px;}

.headerbereich-bild-wrapper{ height:100%;}

.headerbereich-text{ position: relative; }



#sp-header div.col-xs-6, #sp-header div.sppb-col-xs-6{width:50%!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text p{ color:#fff!important; font-size:16px!important; line-height:24px!important; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h1{ text-transform: uppercase; color:#0059a6!important; font-size: 18px!important; line-height:26px!important; text-transform:uppercase; font-weight:300!important;}



.headerbereich .headerbereich-text-wrapper .headerbereich-text h2{ color:#fff!important; font-size:26px!important; line-height:36px!important; font-weight:300!important; text-transform:uppercase;}



.headerbereich-text{ position: absolute; bottom:20px; left:20px;}



.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {  font-size: 20px;  padding: 10px;}



.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {  left: auto; right: 0; font-size: 20px;  padding: 10px 5px;}



	

.headerbereich-text-100-von-unten{ position: absolute; bottom:0px; left:30px;}

.headerbereich-text-100-von-unten.headerbereich-text-kleiner p{ color:#fff; font-size:18px!important; line-height:26px!important; font-weight:300!important;}

	

	

}