/*
Theme Name: CE-Webdesign
Description: CE Conceptions Webdesign
Version: 6.2
License: GNU General Public License v2 or later
License URI: http://www.apache.org/licenses/LICENSE-2.0
Tags: CE Conceptions Webdesign
Text Domain:  CE Conceptions Webdesign
*/
*{touch-action:manipulation}
*,::before,::after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{border:0 none;overflow-x:hidden;margin:0;padding:0;background:#fff;font-size:15px;line-height:1.5;color:#000}
a,a:visited{outline:0 none;text-decoration:none;color:#000}
a:hover,a:focus{text-decoration:none;color:#000}
p a,p a:visited{line-height:inherit}
h1,h2,h3,h4,h5,h6{text-transform:none;overflow-wrap:break-word;letter-spacing:.001em;font-weight:400;line-height:1.6;margin-bottom:.3vw}
h1,h2{font-weight:600}
h1{font-size:2.4em}
h2{font-size:2em}
h3{font-size:1.8em}
h4{font-size:1.6em}
h5{font-size:1.4em}
h6{font-size:1.2em}
ul{line-height:1.5em;margin:0 0 0 1em;padding:0;list-style-position:inside}
ul li{position:relative;padding:0}
hr{clear:both;border-top:1px solid #ddd;margin:0 auto}
hr.kurz{clear:both;border:3px solid #ddd;margin:0 auto;height:auto;width:60px}
.hr1{margin:3em auto;border:0;border-top:1px solid #CCC}
.hr2{margin:3em auto;border:0;border-top:1px dashed #CCC}
.hr3{margin:3em auto;border:0;height:2px;background-image:linear-gradient(to right,transparent,#CCC,transparent)}
.hr4{margin:3em auto;border:0;border-top:1px dashed #CCC;border-bottom:2px solid #CCC;height:3px}
.hr5{margin:3em auto;border:0;border-top:medium double #CCC;height:1px;overflow:visible;padding:0;color:#CCC;text-align:center}
.hr5::after{content:"¶";display:inline-block;position:relative;top:-.7em;font-size:1.4em;padding:0 .3em;background:#fff}
img{display:block;height:auto;width:auto;max-width:100%;box-sizing:border-box}
.mtop{margin:4em 0 0}
.mtopbottom{margin:4em 0}
.full-width{height:auto;width:100%;overflow:hidden}
.single h1,.single h2{font-weight:400}
.clear{clear:both}
.left0{margin-left:0}
.bottom2{margin-bottom:2%!important}
.bottom4{margin-bottom:4%!important}
.up{text-transform:uppercase}
.centered,.center{text-align:center}
.align-left,.links{text-align:left}
.align-right,.rechts{text-align:right}
.right{text-align:right}
.bggrau{background-color:#ddd}
.bghell{background-color:#f2f2f2}
.floatright{float:right}
.floatleft{float:left}
.fa-brands,.fa-solid,.fa,.fab,.fal,.far,.fas{color:#000;margin-right:.3em}
.blur .icons i{background-color:#000}
.footerbox{padding:0 0 3em}
.event{padding:0 0 3em}
@media only screen and (min-width: 1025px) {
.anker{position:absolute;top:-180px}
}
.box,.box-module{position:relative;overflow:hidden;margin:0}
.container.einleitung{margin-bottom:1.5em}
.einleitung .desc{margin-top:1.5em}
.container.einleitung .columns{margin-bottom:0!important}
.image-editor p{margin-top:.5em;margin-bottom:1.5em}
.image-box{padding:.5em}
.containerbox .columns .headline,.containerbox .columns .textbox{padding:.5em}
.box,.box-module,.module-box,.wpbox{padding:5em 0}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
.box,.box-module,.module-box,.wpbox{padding:4em 0}
}
@media only screen and (max-width: 767px) {
.box,.box-module,.module-box,.wpbox{padding:3em 0}
}
.nopadding{padding:0}
.columns.secthead,.columns.conthead{margin-bottom:1.5em}
.hinweis_datenverarbeitung{padding:3em 0;max-width:70%;font-style:italic}
.editor-editor > .columns > i{font-size:8em}
.flex,.container.flex{display:flex;flex-wrap:wrap;align-items:center}
.flexcenter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.flexbottom{display:flex;flex-wrap:wrap;align-items:flex-end}
.container.fullwidth{width:100%;max-width:100%;padding:0}
.padd{padding-left:4%;padding-right:4%}
.paddleft{padding-left:4%}
.paddright{padding-right:4%}
@media only screen and (max-width: 550px) {
.padd,.paddleft,.paddright{padding:0}
.fullwidth .inhalt.editor,.fullwidth .headline{padding:0 20px}
}
.gallery-item{margin:0!important}
.gallery-item img{border:none!important}
.gallery-columns-2 .gallery-item img{max-width:99%}
.gallery-columns-3 .gallery-item img{max-width:98.5%}
.gallery-columns-4 .gallery-item img{max-width:98%}
.shadow{box-shadow:0 5px 10px rgba(0,0,0,0.15);background-color:#fff}
.shadow-bold{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}
.shadow .sliderbox-inhalt,.shadow .product-inhalt,.shadow .contentbox-inhalt,.shadow .inhalt,.shadow .box-inhalt,.box-bg .sliderbox-inhalt,.box-bg .product-inhalt,.box-bg .contentbox-inhalt,.box-bg .inhalt,.box-bg .top-title,.box-bg .box-inhalt,.box-bgimg .sliderbox-inhalt,.box-bgimg .product-inhalt,.box-bgimg .contentbox-inhalt,.box-bgimg .inhalt,.box-bgimg .top-title,.box-bgimg .box-inhalt{position:relative;padding:1em 1em 0}
header{display:block;width:100%;top:0;left:0;z-index:999;background-color:#fff}
header .container .columns,header .container:last-child .twelve.columns{margin-bottom:0}
.topinfo{padding:.5em 0}
.topinfo .columns.links span,.topinfo .columns.links a,.topinfo .columns.links .header-social{margin:0 auto 0 0}
.topinfo .columns.center span,.topinfo .columns.center a,.topinfo .columns.center .header-social{margin:0 auto}
.topinfo .columns.rechts span,.topinfo .columns.rechts a,.topinfo .columns.rechts .header-social{margin:0 0 0 auto}
.header_topline{padding:.5em 0}
.header_topline i{margin-right:.2em}
header .container{display:flex;flex-wrap:wrap}
header .columns{display:flex;flex-wrap:wrap;align-items:center}
header .container .columns,header .container:last-child .columns{margin-bottom:0}
header .right span{margin-left:auto}
header .left span{margin-right:auto}
header .columns.widget-bottom{justify-content:flex-end}
header .columns.widget-bottom > div,header .columns.widget-bottom .custom-html-widget{margin-left:0}
@media only screen and (max-width: 1025px) {
.header_topline{display:none}
}
header.sticky #navigation > div > ul > li > a{padding:1.3em 1em}
header.mit-elemente .header-elemente{display:flex;flex-wrap:wrap;align-items:center;width:auto;float:right;margin:0 0 0 auto}
header.mit-elemente .phone,header.mit-elemente .mail,header.mit-elemente .header-social,header.mit-elemente .js-search,header.mit-elemente .search-form,header.mit-elemente .custom-html-widget{float:right;margin:.5vw 0 .5vw 2vw}
header.mit-elemente .one .js-search{margin:.5em 0 .5em auto}
header.header2 .header-elemente .js-search{margin:.5em 0 .5em 2em}
header.header3 .search-form{margin:.5em 0 .5em auto}
header.header3 .header-elemente .search-form{margin:.5em 0 .5em 2em}
header.mit-elemente .center .header-elemente{float:none;margin:0 auto}
#logorechts .header-elemente,.nav1.links .header-elemente{float:left;margin:0 auto 0 0}
#logorechts .phone,#logorechts .mail,#logorechts .header-social,.nav1.links .phone,.nav1.links .mail{float:left;margin:.5em 2em .5em 0}
#logorechts .custom-html-widget,#logorechts .search{margin:.5em auto .5em 0}
#logocenter .logo{float:none}
#logocenter .center{margin:0 auto}
#logocenter .nav1,#logocenter .nav2{width:100%}
#logocenter .center #navigation{float:none;margin:0 auto}
#logocenter .center #navigation .menu{display:inline-block}
#logocenter .nav1{margin:0 auto 0 0}
#logocenter .nav1 #navigation,#logocenter .nav1 .header-elemente{float:left;margin:0 auto 0 0}
#logocenter .nav2 #navigation,#logocenter .nav2 .header-elemente .custom-html-widget{float:right;margin:0 0 0 auto}
#logocenter .header-elemente{min-height:45px}
#logocenter .nav1 .header-elemente span{margin:0 2em 0 0}
#logocenter .nav1 .header-elemente > div{margin-left:0}
#logocenter .nav2{margin:0 0 0 auto}
.logo,.logoscroll,.logomobil{margin:.5em 0;padding:0;float:left;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;max-height:90px}
.logolinks{justify-content:flex-start}
.logocenter{justify-content:center}
.logorechts{justify-content:flex-end}
.logoscroll{display:none}
.logomobil{display:none}
header.oncroll .logo{display:block}
header.oncroll .logoscroll{display:none}
header.sticky .logoscroll{display:block}
header.sticky .logo{display:none}
header.sticky{background-color:#fff}
header.sticky .logo{transition:max-width 300ms ease;max-height:66px}
.header-elemente .pc-hide{display:none}
@media only screen and (max-width: 1025px) {
.logo,header.oncroll .logo{display:none}
.logoscroll,header.oncroll .logoscroll{display:none}
.logomobil{display:block}
header .navline{display:none}
header .phone,header .mail,header .header-social,header .js-search,header .search-form,header .custom-html-widget{display:none}
#logolinks .columns{width:60%;margin-left:0}
#logolinks .columns:first-child{width:40%}
#logolinks .columns.search-box{display:none}
}
@media only screen and (min-width: 769px) and (max-width: 1025px) {
.tablet-view,.phone.tablet-view,.mail.tablet-view,.header-social.tablet-view,.js-search.tablet-view,.search-form.tablet-view,.custom-html-widget.tablet-view,.custom-html-widget.tablet-view .custom-html-widget{display:block}
}
@media only screen and (max-width: 768px) {
.phone-view,.phone.phone-view,.mail.phone-view,.header-social.phone-view,.js-search.phone-view,.search-form.phone-view,.custom-html-widget.phone-view,.custom-html-widget.phone-view .custom-html-widget{display:block}
}
@media only screen and (max-width: 767px) {
header .container .columns{margin-bottom:0}
}
.header-links-2 .kontaktdaten{position:relative;display:block;float:right;margin:0 0 0 auto;padding-top:15px;font-weight:600;font-size:.9em;text-align:right;margin-left:5em}
.header-links-2 .kontaktdaten .telefon{margin-left:2em}
.header-links-2 .header-social{position:relative;display:block;float:right;padding-top:15px;text-align:right}
.header-links-2 .header-social i{position:relative;display:inline-block;font-size:1.2em;margin-left:1em}
#logorechts .logo{float:right}
#logorechts #navigation{float:left;margin:0 auto 0 0}
header.fixed{position:fixed;top:0;left:0;z-index:999}
header.absolute{position:absolute;top:0;left:0;z-index:999}
header.relative{position:relative}
.search-form{position:relative;width:100%;max-width:100%}
.search-form .search-field{width:100%}
.search-form .search-submit{position:absolute;top:1px;bottom:1px;right:5px;background-color:inherit;border:none;padding:0 4px;font-size:1.2em;vertical-align:middle}
#sidebar .search-form{margin-bottom:2em}
@media only screen and (min-width: 801px) and (max-width: 1025px) {
.container.menu-t-m-oben .columns{width:100%;margin-left:0}
.container.menu-t-oben-m-aus .columns{width:100%;margin-left:0}
.container.menu-t-m-aus > .three{display:none}
.container.menu-t-m-aus > .nine{width:100%;margin-left:0}
}
@media only screen and (min-width: 551px) and (max-width: 800px) {
.container.menu-default > .three{display:none}
.container.menu-default .columns{width:100%;margin-left:0}
.container.menu-t-oben-m-aus > .three{display:none}
.container.menu-t-oben-m-aus > .nine{width:100%;margin-left:0}
.container.menu-t-m-aus > .three{display:none}
.container.menu-t-m-aus > .nine{width:100%;margin-left:0}
}
@media only screen and (max-width: 550px) {
.container.menu-default > .three,.container.menu-t-oben-m-aus > .three,.container.menu-t-m-aus > .three{display:none}
}
header .search{clear:none;float:right;max-width:160px;margin:6px 0 0 12px;line-height:1}
header input[type="search"]{height:auto;line-height:1.5;border:1px solid #D1D1D1;border-radius:0;background-color:transparent;font-size:15px;padding:4px 10px;font-weight:600}
header .search .search-submit{font-size:.9em;height:auto;background-color:transparent}
header input::-webkit-input-placeholder{color:#000}
header input::-moz-placeholder{color:#000}
header input:-moz-placeholder{color:#000}
header input:-ms-input-placeholder{color:#000}
header .spicewpsearchform input::-webkit-input-placeholder{color:#000;opacity:1}
header .spicewpsearchform input::-moz-placeholder{color:#000;opacity:1}
header .spicewpsearchform input:-moz-placeholder{color:#000;opacity:1}
header .spicewpsearchform input:-ms-input-placeholder{color:#000;opacity:1}
@media only screen and (max-width: 1025px) {
.logo{max-width:240px;max-height:80px;padding:.5em 0 0;float:none}
}
@media only screen and (max-width: 767px) {
.logo{max-width:200px;max-height:60px}
}
@media only screen and (max-width: 600px) {
header .kontaktdaten{display:none}
header .header-social{display:none}
}
.js-search .fa-search{padding:6px;color:#000;border:1px solid #000}
.fa-search:hover,.fa-xmark:hover{cursor:pointer}
header .spicewpsearchform .search{position:relative;display:block;width:100%;max-width:100%;margin:0!important;padding:0}
.spicewpsearchform input[type="search"],.spicewpsearchform .fa-search,.spicewpsearchform .fa-xmark{border:none}
.spicewpsearchform .search .search-field{width:95%}
header .spicewpsearchform .fa-search,header .spicewpsearchform .fa-xmark{font-size:1.1em;margin:0;padding:.3em}
.spicewpsearchform .search .search-submit,.spicewpsearchform .close,.spicewpsearchform .menusearchclose{position:absolute;top:0;right:0;border:none;padding:0;font-size:1.1em;background-color:transparent}
.spicewpsearchform .close,.spicewpsearchform .menusearchclose{right:.3em}
.spicewpsearchform{position:absolute;display:block;right:0;top:100%;height:auto;z-index:1;background-color:#fff;padding:0;width:calc(100vw - 17px);margin-left:calc(-100vw / 2 + (100% + 17px) / 2);margin-right:calc(-100vw / 2 + (100% + 17px) / 2);border:none;border-top:1px solid #000;max-width:100vw}
.spicewpsearchform .container{margin:1em auto}
#mobile{display:none}
#navigation{position:relative;float:right;margin:0 0 0 auto;display:block;clear:both}
#navigation ul,#navigation ul li,#navigation ul li a,#navigation #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1.5;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#navigation ul li{float:left}
#navigation > div > ul > li > ul{opacity:0;transform:translateY(5%);transition:all 300ms ease;pointer-events:none;z-index:2}
#navigation > div > ul > li:hover > ul{opacity:1;transform:translateY(0%);pointer-events:auto}
#navigation > div > ul > li:first-child > a{padding-left:0!important}
#navigation > div > ul > li:last-child > a{padding-right:0!important}
#navigation:after,#navigation > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#navigation #menu-button{display:none;background-color:#fff}
#navigation ul li a{padding:1em;font-weight:400;font-size:1em;text-decoration:none;letter-spacing:1px;white-space:nowrap}
#navigation ul li a:hover{color:#000}
#navigation > ul > li{float:left}
#navigation > div > ul > li > a{font-size:1em;letter-spacing:1px;text-decoration:none;padding:2.4em 1em;color:#000}
#navigation > div > ul > li > a:hover{color:#000}
#navigation > div > ul > li:last-child ul ul{right:100%;width:100%}
#navigation ul ul{position:absolute;left:-9999px}
#navigation.align-right ul ul{text-align:right}
#navigation ul ul li{display:block;height:0;text-align:left;min-width:100%;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;box-shadow:0 5px 10px rgba(0,0,0,0.15)}
#navigation li:hover > ul{left:auto}
#navigation.align-right li:hover > ul{left:auto;right:0}
#navigation li:hover > ul > li{height:auto}
#navigation ul ul ul{margin-left:100%;top:0}
#navigation.align-right ul ul ul{margin-left:0;margin-right:100%}
#navigation ul ul li a,#navigation ul ul ul li a{padding:.8em 2em .8em 1em;width:auto;font-size:1em;text-decoration:none;font-weight:400;z-index:1000!important;background:#fff;color:#000;border-bottom:1px solid rgba(0,0,0,0.15)}
#navigation ul ul li:last-child > a,#navigation ul ul li.last-item > a{border-bottom:0}
#navigation ul ul li:hover > a,#navigation ul ul li a:hover,#navigation ul ul li.current-menu-item a{color:#000}
#navigation ul ul li.menu-item-has-children > a::after{position:absolute;top:22px;right:12px;width:8px;height:2px;display:block;background:#000;content:''}
#navigation ul ul li.menu-item-has-children > a::before{position:absolute;top:19px;right:15px;display:block;width:2px;height:8px;background:#000;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#navigation ul ul > li.menu-item-has-children:hover > a::before{top:16px;height:0}
.searchresultlist{padding:.5em 0}
.searchresultlist li{list-style:none;padding:.2em 0 .2em .2em;line-height:1.8em}
.searchresultlist span{margin-bottom:.2em}
.numeric ul{padding-left:0;margin:.8em auto}
.numeric ul li{padding-left:0!important}
.numeric li a,.numeric li a:hover,.numeric li.active a,.numeric li.disabled{color:#fff;text-decoration:none;list-style:none}
.numeric li{display:inline}
.numeric li a,.numeric li a:hover,.numeric li.active a,.numeric li.disabled{background-color:#000;border-radius:3px;cursor:pointer;font-size:1.2em;font-weight:600;line-height:2em;padding:.4em .5em}
.numeric li a.button{padding:0 1em}
.numeric li a:hover,.numeric li.active a{background-color:#000}
.numeric ul li::before{content:none!important}
@media only screen and (min-width: 1161px) and (max-width: 1320px) {
#navigation > div > ul > li > a{font-size:.95em!important;padding-left:.5em!important;padding-right:.5em!important}
}
@media only screen and (min-width: 1025px) and (max-width: 1160px) {
#navigation > div > ul > li > a{font-size:.9em!important;padding-left:.5em!important;padding-right:.5em!important}
}
.intro,.introdefault,.introsingle,.slider{position:relative;margin:0;min-height:100px}
.introleer{position:relative;min-height:0}
@media only screen and (max-width: 1025px) {
.intro,.introleer,.introdefault,.introsingle,.slider{margin:0!important}
}
.intro .wpcf7{padding:2em;background-color:rgba(0,0,0,0.2)}
.intro .wpcf7 input,.intro .wpcf7 textarea{height:auto;padding:3px 5px;line-height:1.8;font-size:.8em}
.intro .wpcf7 textarea{height:150px;min-height:150px}
.intro .wpcf7-list-item{text-align:left;margin-left:.5em}
.intro .wpcf7-not-valid-tip,.intro .wpcf7-response-output{padding:3px 5px;line-height:1.2;color:#fff;font-size:.8em}
.intro .wpcf7 input[type="submit"],.intro .wpcf7 input[type="submit"]:focus,.intro .wpcf7 input[type="submit"]:visited{background-color:transparent;border:2px solid #000;color:#000;padding:5px 10px;margin:1em auto 0;line-height:1.5}
.intro .wpcf7 input[type="submit"]:hover{background-color:#000;border:2px solid #000;color:#fff}
.intro .wpcf7 label,.intro .wpcf7 legend{margin:.4em auto}
.intro .wpcf7 p{line-height:1.2;margin:0}
.intro .wpcf7 span,.intro .wpcf7 a{color:#fff}
.intro .columns.caption{margin-top:2em;margin-bottom:2em}
.flex,.container.flex,.caption-wrap .caption{display:flex;flex-wrap:wrap;align-items:center}
.caption-wrap .caption,.introcaption,.caption,.caption.flex-center,.flex-center .caption{position:relative}
.flex-center{margin:0 auto}
.text-center,.caption.text-center,.text-center .caption{text-align:center}
.caption-wrap .caption{top:0}
.introcaption{top:0}
.flex-left,.caption.flex-left,.flex-left .caption{margin:0 auto 0 0}
.text-left,.caption.text-left,.text-left .caption{text-align:left}
.flex-right,.caption.flex-right,.flex-right .caption{margin:0 0 0 auto}
.text-right,.caption.text-right,.text-right .caption{text-align:right}
.text-right .flex-direction-nav .flex-prev{text-align:left}
.satzlinks .caption-wrap .caption,.introcaption.satzlinks{text-align:left;margin-left:19%}
.satzrechts .caption-wrap .caption,.introcaption.satzrechts{text-align:right;margin-right:19%}
.intro .caption h1,.caption-wrap h1,.slickbox h1,.introcaption h1{color:#fff;font-size:2.8em;letter-spacing:.05em;font-weight:600;line-height:1.2;margin-bottom:.1em}
.intro .caption h2,.caption-wrap h2,.slickbox h2,.introcaption h2{color:#fff;font-size:2em;letter-spacing:.05em;font-weight:400;line-height:1.2}
@media only screen and (min-width : 1224px) and (max-width : 1824px) {
.intro .caption h1,.caption-wrap h1,.slickbox h1,.introcaption h1{font-size:2.6em}
.intro .caption h2,.caption-wrap h2,.slickbox h2,.introcaption h2{font-size:1.8em}
}
@media only screen and (min-width : 1025px) and (max-width : 1224px) {
.intro .caption h1,.caption-wrap h1,.slickbox h1,.introcaption h1{font-size:2.4em}
.intro .caption h2,.caption-wrap h2,.slickbox h2,.introcaption h2{font-size:1.7em}
}
@media only screen and (max-width: 1025px) {
header .topinfo{display:none}
.header-links-2 .header-social,.header-links-2 .kontaktdaten{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
.intro .caption h1,.caption-wrap h1,.slickbox h1,.introcaption h1{font-size:2.2em}
.intro .caption h2,.caption-wrap h2,.slickbox h2,.introcaption h2{font-size:1.6em}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.intro .caption h1,.caption-wrap h1,.slickbox h1,.introcaption h1{font-size:2em}
.intro .caption h2,.caption-wrap h2,.slickbox h2,.introcaption h2{font-size:1.4em}
}
@media only screen and (max-width: 479px) {
.intro .caption h1,.caption-wrap h1,.slickbox h1,.introcaption h1{font-size:1.8em}
.intro .caption h2,.caption-wrap h2,.slickbox h2,.introcaption h2{font-size:1.4em}
}
.intro,.introdefault,.introsingle{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;overflow:hidden;margin:0;padding:0;background-attachment:scroll;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.intro.fullscreenintro{min-height:100vh;height:100vh;margin:0;padding:0}
.introcaption{position:relative;display:block}
.intro .caption img{margin:0}
@media only screen and (min-width: 1025px) {
.intro .container.monitor{display:flex}
.intro .container.tablet{display:none}
.intro .container.mobile{display:none}
}
@media only screen and (min-width: 551px) and (max-width: 1025px) {
.intro .container.monitor{display:none}
.intro .container.tablet{display:flex}
.intro .container.mobile{display:none}
}
@media only screen and (max-width: 550px) {
.intro .container.monitor{display:none}
.intro .container.tablet{display:none}
.intro .container.mobile{display:block}
}
.fadeOutBottom div:nth-child(1),.fadeOutBottom div:nth-child(1) div:nth-child(1){animation:fadeOutBottom 2s both 0}
.fadeOutBottom div:nth-child(2),.fadeOutBottom div:nth-child(1) div:nth-child(2){animation:fadeOutBottom2 1s both 2s}
.fadeOutBottom div:nth-child(3),.fadeOutBottom div:nth-child(1) div:nth-child(3){animation:fadeOutBottom2 1s both 3s}
.fadeOutBottom div:nth-child(4){animation:fadeOutBottom2 1s both 4s}
.fadeOutBottom div:nth-child(5){animation:fadeOutBottom2 1s both 5s}
.slick-current .fadeBottom .slickslogan div:nth-child(1){animation:fadeOutBottom 2s both 0}
.slick-current .fadeBottom .slickslogan div:nth-child(2){animation:fadeOutBottom2 1s both 2s}
.slick-current .fadeBottom .slickslogan div:nth-child(3){animation:fadeOutBottom2 1s both 3s}
.slick-current .fadeBottom .slickslogan div:nth-child(4){animation:fadeOutBottom2 1s both 4s}
.slick-current .fadeBottom .slickslogan div:nth-child(5){animation:fadeOutBottom2 1s both 5s}
@keyframes fadeOutBottom {
0%{opacity:0;visibility:hidden;transform:translate3d(0px,-85px,0px)}
100%{opacity:1;visibility:visible;transform:translate3d(0px,0px,0px)}
}
@keyframes fadeOutBottom2 {
0%{opacity:0;visibility:hidden;transform:translate3d(0px,-50px,0px)}
100%{opacity:1;visibility:visible;transform:translate3d(0px,0px,0px)}
}
.fadeOutLeft div:nth-child(1),.fadeOutLeft div:nth-child(1) div:nth-child(1){animation:fadeOutLeft 2s both 0}
.fadeOutLeft div:nth-child(2),.fadeOutLeft div:nth-child(1) div:nth-child(2){animation:fadeOutLeft 1s both 2s}
.fadeOutLeft div:nth-child(3),.fadeOutLeft div:nth-child(1) div:nth-child(3){animation:fadeOutLeft 1s both 3s}
.fadeOutLeft div:nth-child(3){animation:fadeOutLeft 1s both 4s;animation:fadeOutLeft 1s both 5s}
.slick-current .fadeLeft .slickslogan div:nth-child(1){animation:fadeOutLeft 2s both 0}
.slick-current .fadeLeft .slickslogan div:nth-child(2){animation:fadeOutLeft 1s both 2s}
.slick-current .fadeLeft .slickslogan div:nth-child(3){animation:fadeOutLeft 1s both 3s}
.slick-current .fadeLeft .slickslogan div:nth-child(4){animation:fadeOutLeft 1s both 4s}
.slick-current .fadeLeft .slickslogan div:nth-child(5){animation:fadeOutLeft 1s both 5s}
@keyframes fadeOutLeft {
0%{opacity:0;visibility:hidden;transform:translate3d(-100px,0px,0px)}
100%{opacity:1;visibility:visible;transform:translate3d(0px,0px,0px)}
}
.fadeOutRight div:nth-child(1),.fadeOutRight div:nth-child(1) div:nth-child(1){animation:fadeOutRight 2s both 0}
.fadeOutRight div:nth-child(2),.fadeOutRight div:nth-child(1) div:nth-child(2){animation:fadeOutRight 1s both 2s}
.fadeOutRight div:nth-child(3),.fadeOutRight div:nth-child(1) div:nth-child(3){animation:fadeOutRight 1s both 3s}
.fadeOutRight div:nth-child(4){animation:fadeOutRight 1s both 4s}
.fadeOutRight div:nth-child(5){animation:fadeOutRight 1s both 5s}
.slick-current .fadeRight .slickslogan div:nth-child(1){animation:fadeOutRight 2s both 0}
.slick-current .fadeRight .slickslogan div:nth-child(2){animation:fadeOutRight 1s both 2s}
.slick-current .fadeRight .slickslogan div:nth-child(3){animation:fadeOutRight 1s both 3s}
.slick-current .fadeRight .slickslogan div:nth-child(4){animation:fadeOutRight 1s both 4s}
.slick-current .fadeRight .slickslogan div:nth-child(5){animation:fadeOutRight 1s both 5s}
@keyframes fadeOutRight {
0%{opacity:0;visibility:hidden;transform:translate3d(50px,0px,0px)}
100%{opacity:1;visibility:visible;transform:translate3d(0px,0px,0px)}
}
.flexcss{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}
.columns.topflex{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.columns.middleflex{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}
.columns.bottomflex{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end}
.flexcss .columns p{width:auto}
.flexcss .button i{display:inline-block;font-size:1em;width:auto}
p.btn{margin-bottom:0}
.flexcss .btn.center{float:none;margin:.5em auto;text-align:center}
.flexcss .btn.links{text-align:left;margin:.5em auto .5em 0}
.flexcss .btn.rechts{float:right;margin:.5em 0 .5em auto}
.last-flex{align-self:flex-end;margin:0 0 -.5em}
.box-module.sliderboxen,.box-module.contentboxen,.box-module .contentboxen{overflow:visible}
.sliderboxen .container,.contentboxen .container,.container.contentboxen{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}
.sliderboxen .columns,.contentboxen .columns{position:relative;display:flex;flex-wrap:wrap}
.sliderboxen .two.columns,.contentboxen .two.columns{display:block}
.sliderboxen .twelve.columns,.contentboxen .twelve.columns{display:block}
.sliderboxen .product-content,.contentboxen .product-content{position:relative;display:flex;flex-wrap:wrap;align-self:baseline}
.sliderboxen .btn-position,.contentboxen .btn-position{align-self:flex-end;padding:0;z-index:2}
.shadow .btn-position,.box-bg .btn-position,.box-bgimg .btn-position,.sliderboxen .shadow .btn-position,.sliderboxen .box-bg .btn-position,.sliderboxen .box-bgimg .btn-position,.contentboxen .shadow .btn-position,.contentboxen .box-bg .btn-position,.contentboxen .box-bgimg .btn-position{padding:1em}
.contentboxen .inhalt .btn-position{padding:1em 0}
.btn-position .button.first{margin-right:.5em;margin-top:.5em}
.btn-position .button.first:last-child{margin-right:0}
.sliderboxen .product-content,.sliderboxen .product-title,.sliderboxen .product-desc,.sliderboxen i,.sliderboxen .btn-position{width:100%}
.contentboxen .product-content,.contentboxen .title,.contentboxen .contentbox-inhalt,.contentboxen i,.contentboxen .btn-position{width:100%}
.sliderboxen .imgbox,.contentboxen .imgbox{width:100%;overflow:hidden;margin-bottom:0}
.imgbox .caption{position:absolute;left:0;top:0;width:100%;height:100%;padding:1em;z-index:3}
.imgbox .caption *{margin:0}
.imgbox .left.flexcenter > *,.imgbox .left.flexbottom *{margin:0 auto 0 0}
.imgbox .right.flexcenter *,.imgbox .right.flexbottom *{margin:0 0 0 auto}
.sliderboxen .iconbox,.contentboxen .iconbox{width:100%;text-align:center}
.sliderboxen .product-inhalt,.contentboxen .product-inhalt{padding:1em}
.sliderboxen h3,.contentboxen h3{margin-bottom:.3em}
.sliderboxen img,.contentboxen img{margin:0 auto}
.sliderboxen i,.contentboxen i{display:inline-block;width:auto;font-size:6em;padding:.2em;margin:2vw auto;text-align:center}
.sliderboxen .button i,.contentboxen .button i{display:inline;width:auto;font-size:1em;margin:.5em auto}
.sliderbox-inhalt,.contentbox-inhalt{width:auto}
@media only screen and (max-width: 1025px) {
.sliderboxen i,.contentboxen i{font-size:4em}
.sliderboxen .gridboxen,.contentboxen .gridboxen{margin-top:0!important}
}
@media only screen and (max-width: 768px) {
.sliderboxen i,.contentboxen i{font-size:3.2em}
}
@media only screen and (max-width: 767px) {
.sliderboxen i,.contentboxen i{font-size:6em}
}
#sidebar .search-submit i{font-size:1em;margin:.2em auto}
.bilderboxen .columns{justify-content:center}
.bilderboxen .bilderbox-inhalt{width:100%}
.bilderboxen .imgbox{border:1px solid #fff;box-sizing:border-box;overflow:hidden;margin-bottom:1em}
.effect1 .imgbox img{display:block;margin:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.effect1 .imgbox img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.dreieckb{position:absolute;left:50%;margin-left:-40px;top:0;width:0;height:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);border-style:solid;border-width:40px 40px 20px;border-color:#fff transparent transparent}
.video-topabstand{margin-top:3em}
.video-botabstand{margin-bottom:3em}
.video-wrapper{width:100%;max-width:560px;height:auto;margin:0 auto}
.video{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
.video-wall div{display:flex;flex-direction:column;min-height:100px;top:30%;bottom:auto}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.video-wall div{top:25%}
.four .video-wall div{top:10%}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.container.filmgalerie{width:100%}
.video-wall div{top:20%}
.six .video-wall div{top:10%}
.four .video-wall div{top:2%}
}
@media only screen and (max-width: 767px) {
.filmgalerie .columns{width:100%;margin-left:0;text-align:center}
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
.six .video-wall div{top:2%}
}
.bildreihe{position:relative;display:block;z-index:1;color:#fff;padding:0}
.bildreihe .einleitung{margin-top:5em}
.bildreihe .bildbox{position:relative;float:left;display:flex;flex-wrap:wrap;background-color:#fff;box-sizing:border-box;padding:0;width:100%;min-height:400px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.bildreihe .bg{display:flex;flex-wrap:wrap;align-content:center;text-align:center;color:#fff;width:100%;padding:1em}
.bildreihe .vierbilder{width:25%}
.bildreihe .dreibilder{width:33.333333%}
.bildreihe .zweibilder{width:50%}
.bildreihe .bildbox h3{color:#fff;text-shadow:2px 2px 4px #444}
.bildreihe .bildbox:hover .bg,.bildreihe .bildbox:hover .bg h3{color:transparent;text-shadow:none}
.bildreihe .title{margin:0 auto}
.bildreihe .bildbox .bg span{text-shadow:2px 2px 4px #444}
.bildreihe .bildbox:hover .bg span{text-shadow:none}
@media only screen and (min-width: 551px) and (max-width: 1025px) {
.bildreihe .bildbox.vierbilder{width:50%!important;margin:0!important}
.bildreihe.imgmargin .bildbox.vierbilder{width:48%!important;margin:1%!important}
}
@media only screen and (min-width: 551px) and (max-width: 767px) {
.bildreihe .bildbox.dreibilder{width:100%!important;margin:0!important}
.bildreihe.imgmargin .bildbox.dreibilder{width:98%!important;margin:1%!important}
}
@media only screen and (max-width: 550px) {
.bildreihe .bildbox{width:100%!important;margin:0!important}
.bildreihe.imgmargin .bildbox{width:98%!important;margin:1%!important}
}
.bildboxen img{width:100%}
.bildboxen .container,.bildboxen .container .columns,.bildboxen .columns img{margin-bottom:0}
.bildboxen .container.einleitung{margin-bottom:3em}
.bildboxen .columns .bildbox{position:relative;margin-bottom:1vw}
.bildboxen .columns .bildbox:last-child{position:relative;margin-bottom:2vw}
.bildboxen.style1 .boxcontent{font-size:.92em;padding:.1em .9em;border-left:1px solid #000;margin-top:-5px}
.bildboxen.style1 .columns .bildbox:last-child .boxcontent{min-height:115px;display:flex;flex-wrap:wrap;align-items:flex-end}
.bildboxen.style1 .boxcontent::after{content:'';position:absolute;display:block;left:0;bottom:0;background-color:#000;width:50px;height:1px}
.bildboxen.style1 .bildbox{margin-bottom:1.7vw}
.bildboxen.style2 .bildbox{display:flex;flex-wrap:wrap;margin-bottom:1.7vw}
.bildboxen.style2 .boxcontent{position:absolute;display:flex;flex-wrap:wrap;left:0;bottom:0;width:100%;height:100%;text-align:center}
.bildboxen.style2 .bildbox img{margin-bottom:0!important}
.bildboxen.style2 .boxcontent *{margin:auto}
@media only screen and (min-width: 551px) and (max-width: 1025px) {
.bildboxen .container .three.columns{width:49%!important;margin-left:2%!important}
.bildboxen .container .three.columns:nth-child(odd){margin-left:0!important}
}
@media only screen and (max-width: 550px) {
.bildboxen.style2 .bildbox{margin-bottom:3vw}
.bildboxen .container .columns:first-child,.bildboxen .container .columns{width:100%!important;margin-left:0!important}
.bildboxen .columns .bildbox,.bildboxen .columns .bildbox:last-child{margin-bottom:2em}
}
.box.kundenstimmen{margin:0;padding:5em 0}
.box.kundenstimmen header .twelve{margin-top:0}
@media only screen and (max-width: 1200px) {
.box.kundenstimmen .container{width:90%}
}
.box.kundenstimmen ul li{padding-left:0;line-height:1}
.kundenstimmen .rundbild{border-radius:100%;margin:0 auto 1em;max-width:200px}
.kundenstimmen ul li::before{content:none!important}
.kundenstimmen span{font-size:1.4em;text-transform:uppercase;color:#888}
.kundenstimmen .slick-slide{outline:none!important}
.carousel-kundenstimmen{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:3em}
.kundenstimmen .slick-prev::before,.kundenstimmen .slick-next::before{font-family:"Font Awesome 6 Free"!important;font-weight:700!important;font-size:30px!important;height:30px!important;color:#999!important;top:47%}
.kundenstimmen .slick-prev::before{content:"\f104"!important}
.kundenstimmen .slick-next::before{content:"\f105"!important}
.kundenstimmen .slick-prev{left:-30px}
.kundenstimmen .slick-next{right:-30px}
.kundenstimmen .slick-dots{width:auto;margin:0 auto;bottom:-35px}
.kundenstimmen .slick-dots li button{border:1px solid #000;border-radius:10px}
.kundenstimmen .flex{display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}
.kundenstimmen .slick-slide img{margin:0 auto .5em;max-width:200px}
.kundenstimmen .bewertung{width:80%;margin:0 auto;max-width:800px}
.breadcrumb{margin:0;padding:.8em 0;font-weight:400;letter-spacing:.1rem;text-decoration:none;white-space:normal;line-height:2em;font-size:1em}
.breadcrumb .container .twelve.columns{margin-bottom:0!important}
.produkte-box{margin:0;padding:3em 0 0;overflow:hidden}
#arrow{border-right:2px solid #000;border-bottom:2px solid #000;width:10px;height:10px;transform:rotate(-45deg);margin-top:40px}
.topbox{margin:0;padding:5em 0 3em;overflow:hidden}
.bigbox{margin:0;padding:7em 0;overflow:hidden}
.smallbox{margin:0;padding:3em 0;overflow:hidden}
.sortimentbox{background:#f2f2f2;padding:1.5em 0}
.sortimentbox h2{margin:0 0 1em}
.sortimentbox p{padding:1em 0;margin:0 auto;max-width:50%;text-align:center}
.sortimentbox img{max-width:100%;max-height:100%}
.abstand{height:2.5em;display:block;clear:both}
.button{font-family:"Open Sans",Helvetica,Arial,sans-serif;display:inline-block;height:auto;padding:0 1em;color:#000;text-align:center;font-size:1.1em;font-weight:600;line-height:2em;text-transform:uppercase;text-decoration:none;white-space:wrap;background-color:transparent;border:1px solid #000;cursor:pointer;box-sizing:border-box;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;letter-spacing:1px;border-radius:0;margin-top:.5em;margin-bottom:.5em}
.button i{margin-right:.2em}
.button.first{color:#fff;background-color:#000;border:2px solid #000;margin-right:.5em}
.button.first i{color:#fff}
.button.first:hover,.button.first.active{color:#fff;background-color:#000;border:2px solid #000}
.button.first:hover i{color:#fff}
.button.second{color:#000;background-color:transparent;border:2px solid #000}
.button.second i{color:#000}
.button.second:hover{color:#fff;background-color:#000;border:2px solid #000}
.button.second:hover i{color:#fff}
.button.grey{color:#fff;background-color:#000;border:2px solid #000;margin-left:.5em}
.button.grey i{color:#fff}
.button.grey:hover{color:#fff;background-color:#000;border:2px solid #000}
.button.grey:hover i{color:#fff}
.linieleft:after{content:'';display:block;height:6px;background-color:#ddd;width:60px;margin:.7em 0}
.liniecenter:after{content:'';display:block;height:6px;background-color:#ddd;width:60px;margin:.7em auto}
.linieright:after{content:'';display:block;height:6px;background-color:#ddd;width:60px;margin:.7em 0 .7em auto}
.zertifikate .columns{margin-top:3em}
.zertifikate img{margin:0 auto}
.cta,.bgimg{position:relative;padding:5em 0;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center}
.box-bgimg{background-repeat:no-repeat;background-size:cover;background-position:center center}
.cta:before,.bgimg:before,.box-bgimg:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%}
.cta::before,.cta-parallax::before,.bgimg:before,.box-bgimg:before{background-color:#fff;background:-moz-linear-gradient(0deg,rgba(0,0,0,0.38) -22%,rgba(0,0,0,0.16) 91%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,0.38) -22%,rgba(0,0,0,0.16) 91%);background:linear-gradient(0deg,rgba(0,0,0,0.38) -22%,rgba(0,0,0,0.16) 91%)}
.cta-parallax{padding:3em 0;text-align:left}
.cta-parallax .cta1spalte{border-left:3px dotted #333;padding-left:3em}
.cta-parallax h4{font-size:2em;margin:.5em 0;font-weight:600;line-height:1.5}
.cta-parallax h5{font-size:1.6em;margin-bottom:.5em;font-weight:400;line-height:1.5}
.cta.pattern{background-repeat:repeat;background-size:auto auto;background-attachment:scroll}
@media only screen and (max-width: 1025px) {
.cta-parallax .cta1spalte{padding-left:1em}
}
.box.leistung{margin:0;padding:5em 0;overflow:hidden}
.container.leistungen{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}
.leistungen .columns{position:relative;display:flex;flex-wrap:wrap}
.leistungen .product-content{position:relative;display:flex;flex-wrap:wrap;align-self:baseline}
.leistungen .product-content > div{width:100%;text-align:center}
.leistungen .product-content > div img{float:none;max-height:300px}
.leistungen .btn-position{align-self:flex-end;padding:1em}
.leistungen .product-content,.leistungen .product-title,.leistungen .product-desc,.leistungen .btn-position{width:100%}
.leistungen > .columns{margin-bottom:2em;background-color:#fff}
.leistungen > .columns .whitebox{margin-bottom:2em;background:#fff}
.leistungen img{margin:0 auto .5em 0}
.leistungen i{display:block;font-size:6em;margin:.9em auto;text-align:center}
.leistungen .button i{display:inline;font-size:1em;margin:.5em auto}
.leistungen .product-content > div{overflow:hidden}
.leistungen .product-content > div img{float:left;margin:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.leistungen .product-content > div img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.leistungen-awesome .six.columns{display:flex;flex-wrap:wrap}
.leistungen-awesome .six.columns .columns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.leistungen-awesome i{font-size:4em}
.leistungen-awesome h3{width:100%}
.leistungen-awesome .button.first{margin-top:2em}
@media only screen and (max-width: 1025px) {
.leistungen i{font-size:4em}
}
@media only screen and (max-width: 768px) {
.leistungen i{font-size:3.2em}
}
@media only screen and (max-width: 479px) {
.leistungen .three.columns,.leistungen .four.columns,.leistungen .six.columns{width:100%!important;margin-left:0}
.leistungen i{font-size:6em}
}
.service-lestungen > .columns{margin-bottom:2em}
.service-lestungen h3{width:100%;font-weight:600;margin-bottom:.3em}
.service-lestungen img{margin:.5em auto}
.news{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:2em auto}
.news .thumbnail{text-align:center;display:flex;align-items:center;justify-content:center}
.news .beitragsdatum{box-sizing:border-box;width:100%;background-color:#f2f2f2;display:block;text-align:center;border-bottom:4px solid #ddd;padding:2em;white-space:normal}
.news .beitragsdatum h4{font-size:2.7em;margin-bottom:0;font-weight:300;line-height:1}
.news .beitragsdatum h6{font-size:22px;margin-bottom:0;font-weight:400}
.news .beitragsdatum span{font-size:17px;font-weight:300;opacity:.7}
#button{background-color:#888;width:auto;height:auto;margin:.5em 0;border:none;border-radius:.2em;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;text-transform:none;font-size:1em;line-height:1.2;font-weight:400;padding:.6em 1em;text-shadow:1px 1px rgba(0,0,0,0.4);color:#fff}
#button:hover{background-color:#999}
#button a:hover{color:#fff}
.team .container{margin-top:3em}
.team .container:first-child{margin-top:0}
.team .teamrow,.teamrow .mitarbeiter{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-bottom:3em}
.container.teamrow{margin-top:3em}
.teamrow .mitarbeiter .userkontakt{align-self:flex-end}
.teamrow .userinfo,.teamrow .userkontakt{width:100%}
.teamrow .userinfo,.teamrow .userinfo h2,.teamrow .userinfo h5,.teamrow .mitarbeiter img{margin-bottom:10px}
footer{position:relative;clear:both;border-top:2px solid #000;background-color:#000;font-size:1em;margin:0 auto;padding:4em 0;color:#fff;line-height:1.7}
footer a,footer a:visited{color:#ddd}
footer a:hover,footer a:focus{color:#fff}
.footer-7{clear:both;font-size:.9em;font-weight:600;margin:0 auto;padding:3em 0;line-height:1.7;text-transform:none;letter-spacing:.1rem}
#footermenu-7{margin-top:3em;font-size:.9em;line-height:1.2;text-shadow:none;margin-right:2.2em}
#footermenu-7 ul{margin:0 auto;padding:0;list-style:none}
#footermenu-7 ul li{margin:0;padding:0 .2em 0 0;display:inline}
#footermenu-7 li a{font-size:1em;background-image:none;display:inline;margin:0;padding:0;text-decoration:none;letter-spacing:.1rem;text-transform:uppercase}
#footermenu-7 li a:after{content:" | "}
#footermenu-7 li:last-child a:after{content:""}
.footer-line-1{text-align:left;padding:.6em 0 .3em}
.footer-line-2{text-align:center;padding:.6em 0 .3em}
.footer-line-3{text-align:center;padding:.6em 0 .3em}
.footer-line-4{text-align:center;padding:.6em 0 .3em}
.footer-line-5{text-align:center;padding:.6em 0 1em}
.footer-line-6{font-size:.8em;text-align:center;padding:1em 0}
.footer-line-7{font-size:.8em;text-align:center;padding:1em 0}
.box.error{padding:15em 0;min-height:80vh}
.box.error .search-form{max-width:50%;margin:3em auto}
@media all and (max-width: 1025px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1025px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1025px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1025px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1025px),only screen and (min-resolution: 192dpi) and (max-width: 1025px),only screen and (min-resolution: 2dppx) and (max-width: 1025px) {
.navline-mobile{display:block!important;position:relative;height:46px}
#navigation{display:none!important}
.content{margin:0;padding:4em 0}
#mobile{display:block!important;width:100%;position:absolute!important;left:0;top:0;z-index:1000!important;background-color:transparent}
#mobile #menu-button{background-color:transparent}
#mobile,#mobile ul,#mobile ul li,#mobile ul li a,#mobile #menu-button{position:relative;display:block;margin:0;padding:0;border:0;list-style:none;line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mobile ul li{background-color:#fff}
#mobile ul li a{padding:1em;font-weight:400;text-transform:none;font-size:.9em;letter-spacing:.06em;text-decoration:none}
#mobile ul ul li a{padding:11px 15px;font-size:12px;text-decoration:none;font-weight:400;z-index:1000!important;border:none}
#mobile ul ul li{display:block;height:0}
#mobile{width:100%}
#mobile ul{width:100%;display:none}
#mobile.align-center > ul{text-align:left}
#mobile ul li{width:100%;border-top:1px solid rgba(120,120,120,0.2)}
#mobile ul ul li,#mobile li:hover > ul > li{height:auto}
#mobile ul li a,#mobile ul ul li a{width:100%;border-bottom:0}
#mobile > ul > li{float:none}
#mobile ul ul li a{padding-left:25px}
#mobile ul ul ul li a{padding-left:35px}
#mobile ul ul li a{background:none}
#mobile ul ul,#mobile ul ul ul,#mobile.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#mobile > ul > li.menu-item-has-children > a:after,#mobile > ul > li.menu-item-has-children > a:before,#mobile ul ul > li.menu-item-has-children > a:after,#mobile ul ul > li.menu-item-has-children > a:before{display:none}
#mobile #menu-button{display:block;padding:17px;cursor:pointer;font-size:12px;text-transform:uppercase;font-weight:700}
#mobile #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:8px;width:20px;border-top:2px solid #000;border-bottom:2px solid #000;content:''}
#mobile #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#000;content:''}
#mobile #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#mobile #menu-button.menu-opened:before{top:23px;background:#000;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#mobile .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.2);height:36px;width:44px;cursor:pointer}
#mobile ul ul .submenu-button{height:32px;width:32px;z-index:1100;background-color:#000}
#mobile ul ul .submenu-button.submenu-opened{background-color:#000}
#mobile .submenu-button:after{position:absolute;top:19px;right:19px;width:8px;height:2px;display:block;background:#000;content:''}
#mobile ul ul .submenu-button:after{top:15px;right:13px}
#mobile .submenu-button.submenu-opened:after{background:#000}
#mobile .submenu-button:before{position:absolute;top:16px;right:22px;display:block;width:2px;height:8px;background:#000;content:''}
#mobile ul ul .submenu-button:before{top:12px;right:16px}
#mobile .submenu-button.submenu-opened:before{display:none}
}
.box.logos{margin:0;padding:5em 0 6em}
.logos img{-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.logos .slick-slide{outline:none!important}
.carousel-firmen .slick-prev:before{content:"\f104"!important}
.carousel-firmen .slick-next:before{content:"\f105"!important}
.logos .flex div{display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.carousel-firmen{padding-left:3em}
.carousel-firmen .slick-prev:before,.carousel-firmen .slick-next:before{font-family:"Font Awesome 5 Free"!important;font-weight:700!important;font-size:40px!important;height:40px!important;color:#333!important}
.carousel-firmen .two img{max-width:200px;height:auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.55;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}
.carousel-firmen .two img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1}
.service-leistungen a{display:block;width:100%}
.service-leistungen h3{font-weight:600;width:100%}
.service-leistungen .four h3{text-align:center}
.service-leistungen img{text-align:center}
.service-leistungen p{margin-top:1em}
.referenzen .columns{padding:1em;border:1px solid #ada9a6;box-shadow:0 4px 5px 0 rgba(0,0,0,0.2);margin-bottom:2em;font-size:.95em}
.referenzen img{margin-bottom:1em}
.custom-products .products-count{margin-bottom:1em}
.custom-products .products-count .columns{margin-top:.5em;margin-bottom:.5em}
.custom-products .produktdesc{margin-top:1em}
.box.custom-products .columns{margin-top:0}
#produkte-ansicht .container{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}
.vertikal-produkte .columns,.horizontal-produkte .columns{position:relative;display:flex;flex-wrap:wrap;margin-bottom:2em;padding:0 .5em}
.container.zusatzinfo{width:100%}
.vertikal-produkte .products-content,/* title + img + content */ .vertikal-produkte .products-title,.vertikal-produkte .products-img,.vertikal-produkte .products-text,.vertikal-produkte .btn-position{width:100%;margin:0;padding:0}
.vertikal-produkte .products-title{position:relative;display:flex;flex-wrap:wrap}
.four .products-title{min-height:80px}
.vertikal-produkte .products-title a,.vertikal-produkte .products-title h3{margin:0 0 .5em;align-items:center;align-self:flex-end}
.horizontal-produkte .products-content,.vertikal-produkte .products-content{position:relative;display:flex;flex-wrap:wrap;align-self:flex-start}
.vertikal-produkte .products-img{margin-bottom:1em;text-align:center}
.horizontal-produkte .btn-position,.vertikal-produkte .btn-position{align-self:flex-end}
.vertikal-produkte .products-img img{float:left}
.produkte .columns{padding:0 .5em;margin-bottom:3em}
#produkte-ansicht h3{width:100%;font-size:1.6em;font-weight:600;margin-top:1em;margin-bottom:.1em}
.tabsection{margin-bottom:3em}
.tabsection .container{margin-bottom:0}
.tabsection ul.tabs{margin:0 auto;padding:0;border-bottom:1px solid rgba(0,0,0,0.20)}
.tabsection .tabs li{list-style:none;display:inline;text-align:center}
.tabsection .tabs li:before{content:none}
.tabsection .tabs a{position:relative;display:inline-block;padding:.5vw 1.5vw;margin:0;font-size:1em;text-decoration:none;color:#000;opacity:.6}
.tabsection .tabs a:hover,.tabsection .tabs a.active{opacity:1}
.tabsection .tabs a.active{margin-bottom:-1px;color:#000;border-top:1px solid rgba(0,0,0,0.20);border-left:1px solid rgba(0,0,0,0.20);border-right:1px solid rgba(0,0,0,0.20);border-bottom:1px solid #fff}
.tabsection .container:last-child .tabscol{margin-bottom:0}
.tabsection .tabinhalt{padding-top:1em}
.tabsection .tabscol,.tabsection .tabinhalt{margin-bottom:0}
.tabsection .tabinhalt{padding:1vw 1.5vw .5vw}
.tabsection .tabs a.active,.tabsection .tabinhalt{background-color:#efefef;border-bottom:1px solid #efefef}
.accordion{width:100%}
.accordion .toggle-link{padding:0 1.5em;margin-top:.5em;border:1px solid #ddd;border-radius:2px;cursor:pointer;background-color:#fff}
.accordion .toggle-link:first-child{margin-top:0}
.accordion .toggle-link *{margin-bottom:0;line-height:2.5}
.accordion .toggle-box{position:relative;display:none;background:#f2f2f2;padding:1.5em;border-top:none;margin-bottom:20px;z-index:1}
.accordion .closed:after{font-family:"Font Awesome 5 Free"!important;font-weight:900;content:"\f0d7";float:right}
.accordion .opened:after{font-family:"Font Awesome 5 Free"!important;font-weight:900;content:"\f00d";float:right}
.container.icons{margin:0 auto;text-align:left}
.max1600{max-width:1600px}
.icons i{font-size:5em;margin-bottom:.2em;margin-right:0;padding:.4em .48em;border-radius:135px;color:#fff;background-color:#000;-webkit-box-shadow:3px 3px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:3px 3px 3px 0 rgba(0,0,0,0.2);box-shadow:3px 3px 3px 0 rgba(0,0,0,0.2)}
.icons i.fa-hospital{padding:.4em .465em}
.icons i.fa-building{padding:.4em .465em}
.icons ul,.icons ul li{list-style:none!important}
.icons ul{margin:1em 0;padding:0}
.icons ul li{font-size:1.2em;line-height:1.6;font-weight:600}
@media only screen and (max-width: 550px) {
.impressum .columns.fon1,.impressum .columns.fax1,.impressum .columns.mail1{width:24%}
.impressum .columns.fon2,.impressum .columns.fax2,.impressum .columns.mail2{width:72%;margin-left:4%}
}
.wpcf7{margin:0;padding:0;background-repeat:repeat;background-position:center center;background-size:contain}
.wpcf7 input{width:100%;height:48px;padding:6px 10px;border:1px solid #ddd;border-radius:0;box-shadow:none;box-sizing:border-box;font-size:1em;line-height:2;color:#666}
.wpcf7 textarea{font-family:inherit;width:100%;font-size:1em;border-radius:0;line-height:2;min-height:250px;color:#666}
.wpcf7 input[type="submit"],.wpcf7 input[type="submit"]:focus{margin-top:1em;width:auto;height:auto;line-height:2em;padding:0 1em;color:#fff;text-align:center;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:#000;border:2px solid #000;border-radius:0;cursor:pointer;font-size:1em;box-shadow:none;box-sizing:border-box;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-webkit-appearance:none;-moz-appearance:none;transition:all .5s ease;appearance:none}
.wpcf7 input[type="submit"]:hover{background-color:#000;color:#fff}
.wpcf7 input[type="checkbox"]{width:auto;height:auto}
.wpcf7 .wpcf7-acceptance span{font-weight:400;font-size:.99em}
.wpcf7 .wpcf7-validation-errors{display:inline-block!important}
.wpcf7 span.wpcf7-not-valid-tip{font-size:.9em;padding:.2em}
.wpcf7 .ajax-loader{clear:both;display:block;height:0}
.wpcf7-spinner{display:none}
.container .wpcf7 .columns{margin-bottom:0}
.topdaten span,.kontaktdaten span{display:block}
.wpcf7 input::-webkit-input-placeholder,.wpcf7 textarea::-webkit-input-placeholder{color:#333;opacity:.8;transition:opacity .3s ease}
.wpcf7 input::-moz-placeholder,.wpcf7 textarea::-moz-placeholder{color:#333;opacity:.8;transition:opacity .3s ease}
.wpcf7 input:-moz-placeholder,.wpcf7 textarea:-moz-placeholder{color:#333;opacity:.8;transition:opacity .3s ease}
.wpcf7 input:-ms-input-placeholder,.wpcf7 textarea:-ms-input-placeholder{color:#333;opacity:.8;transition:opacity .3s ease}
.wpcf7 input:focus::-webkit-input-placeholder,.wpcf7 textarea:focus::-webkit-input-placeholder{opacity:0;transition:opacity .3s ease}
.wpcf7 input:focus::-moz-placeholder,.wpcf7 textarea:focus::-moz-placeholder{opacity:0;transition:opacity .3s ease}
.wpcf7 input:focus:-moz-placeholder,.wpcf7 textarea:focus:-moz-placeholder{opacity:0;transition:opacity .3s ease}
.wpcf7 input:focus:-ms-input-placeholder,.wpcf7 textarea:focus:-ms-input-placeholder{opacity:0;transition:opacity .3s ease}
.wpcf7 label,.wpcf7 legend{margin:.5em auto}
.kontakt.cta{color:#fff}
.kontakt.cta a,.kontakt.cta a:visited{color:#ddd}
.box.partnerlink{margin:0;padding:3em 0 2em}
.partnerlink h3,.partnerlink .button{margin-bottom:15px}
.box.kontakt{margin:0;padding:5em 0}
.sidenav ul{padding:0;margin:0;list-style:none}
.sidenav ul li{padding-left:0!important;list-style:none!important}
.sidenav ul ul{display:none}
.sidenav ul,.sidenav ul li{position:relative}
.sidenav ul ul li a{padding-left:1em;font-size:.95em}
.sidenav ul ul ul li a{padding-left:2em;font-size:.95em}
.sidenav .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:34px;width:44px;cursor:pointer;overflow:visible}
ul.menu > li:first-child .submenu-button{border-top:none}
ul.menu > li:last-child .submenu-button{border-bottom:none}
.sidenav .submenu-button::before{position:absolute;top:20px;right:22px;display:block;width:2px;height:8px;background:#000;content:''}
.sidenav .submenu-button.submenu-opened::before{display:none}
.sidenav .submenu-button::after{position:absolute;top:23px;right:19px;width:8px;height:2px;display:block;background:#000;content:''}
.sidenav ul li::before{content:none!important}
.sidenav ul li a,.sidenavul li.current-menu-item ul li a{display:block;padding:.5em .1em .5em .5em;transition:all .5s;line-height:2}
.sidenav ul li.current-menu-item a{font-weight:600}
.sidenav ul li.current-menu-item ul li a{background-color:transparent;font-weight:400}
.sidenav ul ul ul li a{font-size:.9em}
#photos{line-height:0;-webkit-column-count:4;-webkit-column-gap:0;-moz-column-count:4;-moz-column-gap:0;column-count:4;column-gap:0;margin-bottom:2em}
#photos img{width:100%!important;height:auto!important;box-sizing:border-box;border:1px solid #fff}
@media only screen and (max-width: 1025px) {
#photos img{margin-bottom:0}
}
@media (max-width: 1200px) {
#photos{-moz-column-count:4;-webkit-column-count:4;column-count:4}
}
@media (max-width: 1000px) {
#photos{-moz-column-count:3;-webkit-column-count:3;column-count:3}
}
@media (max-width: 800px) {
#photos{-moz-column-count:2;-webkit-column-count:2;column-count:2}
}
@media (max-width: 400px) {
#photos{-moz-column-count:1;-webkit-column-count:1;column-count:1}
}
#select-filters{margin-bottom:2em}
#select-filters .container.inline{background-color:#eee;width:100%}
#select-filters .columns{margin-top:.5em;margin-bottom:.5em}
#select-filters select{width:100%}
.produkte-liste .columns.cathead{text-align:center;margin-bottom:0}
.produkte-liste .columns.catdesc{margin-bottom:2em}
.produkte-liste .container{width:100%;padding:0}
.container .katliste,.nine .container.productlist,.nine .container.katliste{width:100%;padding:0}
#productscat .container.katliste .columns,.container.productlist .columns{margin-bottom:2em}
.container.productlist .columns img{margin-bottom:.5em}
#sinlgeprodukt h1{display:inline-block;font-size:1.8em;font-weight:400;margin-right:1em}
#sinlgeprodukt span.artnummer,#sinlgeprodukt span.eigenschaft{display:inline-block;font-size:.9em;text-transform:uppercase;margin:0;padding:0 1em;line-height:2.2;margin-bottom:.3em;width:10em}
#sinlgeprodukt span.artnummer{background-color:#888;color:#fff}
#sinlgeprodukt span.eigenschaft{background-color:#666;color:#fff}
#sinlgeprodukt span.infos,#sinlgeprodukt span.wert{display:inline-block;font-size:.9em;margin:0;padding:0 1em;line-height:2.2;margin-bottom:.3em}
#sinlgeprodukt .kurzbeschreibung{margin-top:1em}
#sinlgeprodukt .kurzbeschreibung p{font-size:1em}
#sinlgeprodukt .produkt-slick{padding:0 2em}
#sinlgeprodukt .slick-slider .slick-list{margin-bottom:.5em}
.slider-nav span{border:1px solid #ddd;box-sizing:border-box;cursor:pointer;margin:0 5px}
#sinlgeprodukt .slick-prev::before,#sinlgeprodukt .slick-next::before{font-family:"Font Awesome 5 Free"!important;font-weight:700!important;font-size:40px!important;height:40px!important;color:#333!important}
#sinlgeprodukt .slick-slide img{margin:0 auto}
#sinlgeprodukt .slider-nav img{width:auto;max-height:80px}
#sinlgeprodukt .slider-for{margin-bottom:1em}
#sinlgeprodukt .slider-for img{max-width:100%}
#sinlgeprodukt .slick-prev:before{content:"\f104"!important}
#sinlgeprodukt .slick-next:before{content:"\f105"!important}
#sinlgeprodukt span.slick-current{border:1px solid #000!important}
#sinlgeprodukt .slick-slide{outline:none!important}
#sinlgeprodukt a.slick-slide img{max-height:300px}
#sinlgeprodukt span.slick-slide img{max-height:90px}
.downloads a.katlink,.d-useite a.katlink{display:inline-block;width:100%;max-width:500px;font-size:1.2em;line-height:2.5;border-bottom:1px solid #ddd}
.downloads a.katlink::before,.d-useite a.katlink::before{font-family:"Font Awesome 5 Free"!important;content:"\f1c1";font-weight:900;padding-right:7px}
.downloads p.subline{opacity:.8;font-size:.9em;margin-bottom:15px}
.portfolio-a .flexcss{align-items:baseline}
.portfolio-a ul.tabs{margin:0 auto .5em;padding:0}
.portfolio-a .tabs li{list-style:none;display:inline}
.portfolio-a .tabs a{display:inline-block;opacity:1;margin:1em 1em 2em}
.portfolio-a .tabs a:hover,.portfolio-a .tabs a.active{opacity:1}
.portfolio-a ul li::before{content:none!important}
.portfolio-a .vollbreite{width:100%;padding:0}
.portfolio-a h2{margin-bottom:.5em}
.portfolio-a span{font-size:1em}
.portfolio-a .one-third{margin-bottom:2.5em}
.portfolio-a .one-third img{width:96%;margin:0 auto .5em}
.portfolio-a .one-third h3{font-size:1.6em}
.portfolio-a .one-third p{font-size:.9em}
.portfolio-a .button{padding:0 2em;margin:1em auto}
.portfolio-a ul.tabs li::after,.portfolio-a ul.tabs li::before{content:none}
.flexboxen{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:baseline}
.flexboxen .columns{display:flex;flex-wrap:wrap;align-items:stretch}
.flexboxen .columns a.button{width:auto;margin:1em auto}
.notiz{margin:0;padding:1em 0 0}
.alert{padding:20px;color:#fff;margin-bottom:15px}
.closebtn{margin-left:15px;color:#fff;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}
.closebtn:hover{color:#000}
.alert.default{background-color:#ddd;color:#000}
.default .closebtn{color:#000}
.alert.danger{background-color:#f44336}
.alert.success{background-color:#4CAF50}
.alert.info{background-color:#2196F3}
.alert.warning{background-color:#ff9800}
#kontakt{line-height:1.8}
#kontakt label{font-weight:400}
#kontakt .topdaten .columns{margin-bottom:2vw}
#kontakt .kontaktlogo{margin-right:1vw;margin-left:2vw}
#kontakt .notiz{margin-top:2em}
#kontakt .notiz p{margin-bottom:.2em}
#kontakt .wpcf7-list-item{margin:1em 0}
#kontakt .wpcf7-list-item label{text-transform:none}
#kontakt .wpcf7-acceptance input{float:left;margin-right:.5em;min-height:20px}
@media only screen and (min-width : 1224px) and (max-width : 1824px) {
.introcaption h1{font-size:2.8em}
.introcaption h2{font-size:2em}
.introcaption .button{font-size:1.2em}
h1{font-size:3.6em}
}
@media only screen and (min-width : 1025px) and (max-width : 1224px) {
.introcaption h1{font-size:2.4em}
.introcaption h2{font-size:1.8em}
.introcaption .button{font-size:1em}
h1{font-size:3.2em}
.cta{padding:100px 0 90px}
}
@media only screen and (max-width: 1025px) {
.header .topinfo{display:none}
.header{border-top:none!important;padding-top:46px}
header .js-search{display:none}
.intro.fullscreenintro{margin:0!important;padding:0!important;height:100vh!important;min-height:100vh!important}
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
.introcaption h1{font-size:2.4em}
.introcaption h2{font-size:1.8em}
.introcaption .button{font-size:1em}
h1{font-size:3em}
.box,.service{padding-top:3em}
.cta h2{font-weight:600;font-size:2.5em}
.logos .carousel-firmen{padding-left:2em!important;margin-left:1em!important}
.blur .icons i{font-size:4em;margin-top:.2em}
.icons .four{margin-left:0}
.icons > .four{width:80%;margin-left:20%;margin-bottom:1em}
}
@media only screen and (max-width: 1025px) {
.icons > .six.columns .columns{width:48%}
}
@media only screen and (max-width: 767px) {
.icons > .columns > .columns:first-child{text-align:right}
.icons > .columns .eight{text-align:left;margin-bottom:2em;margin-left:4%}
.container.icons{width:95%}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.introcaption{top:50%}
.introcaption h1{font-size:2em}
.introcaption h2{font-size:1.6em}
.introcaption .button{font-size:.9em}
h1{font-size:3em}
.box,.service{padding-top:3em}
.logos .carousel-firmen{padding-left:1em!important;margin-left:1em!important}
.referenzen .columns{width:48%!important}
.referenzen .columns:nth-child(odd){margin-left:0}
.icons .offset-by-one{margin-left:0}
.icons > .four,.icons > .six{width:80%;margin-left:20%;margin-bottom:1em}
footer .columns{margin-bottom:1em}
}
@media only screen and (max-width: 550px) {
.satzlinks .caption-wrap .caption,.introcaption.satzlinks{margin-left:5%}
}
@media only screen and (max-width: 479px) {
.introcaption{top:50%}
.introcaption h1{font-size:1.6em}
.introcaption h2{font-size:1.2em}
.introcaption .button{font-size:.9em}
h1{font-size:3em}
.cta h2{font-weight:400;font-size:1.8em}
.cta h3{font-weight:400}
.box,.service{padding-top:3em}
#sortiment .button{margin-bottom:1em}
#kontakt img{margin-bottom:1em}
.logos .container{width:90%!important}
.logos img{margin:1em auto!important}
.logos .carousel-firmen{padding-left:1em!important}
footer .columns{margin-bottom:1em}
.button{font-size:.9em}
}
.produktslider .slick-active{opacity:1}
.produktslider .slick-slide{outline:none!important}
.produktslider .slick-prev:before{content:"\f104"!important}
.produktslider .slick-next:before{content:"\f105"!important}
.produktslider .carousel-produkte .slick-prev:before,.produktslider .carousel-produkte .slick-next:before,.produktslider .carousel-produkte-focus .slick-prev:before,.produktslider .carousel-produkte-focus .slick-next:before{font-family:"Font Awesome 5 Free"!important;font-weight:700!important;font-size:40px;height:40px;color:#333}
.carousel-produkte{opacity:0;visibility:hidden;transition:opacity 1s ease;-webkit-transition:opacity 1s ease}
.carousel-produkte.slick-initialized{visibility:visible;opacity:1}
.produktslider{position:relative;overflow:visible;display:block;margin:0 2%;width:96%}
.produktslider .container{padding:0 12px 0 15px}
@media only screen and (min-width: 550px) and (max-width: 768px) {
.produktslider .container{width:94%;padding:0 .5vw}
.produktslider .slick-initialized .slick-slide{margin:.5em!important}
}
@media only screen and (max-width: 550px) {
.produktslider .container{width:98%;padding:0 3vw}
}
@media only screen and (max-width: 768px) {
.produktslider .carousel-produkte .slick-prev::before,.produktslider .carousel-produkte .slick-next::before{font-size:30px!important}
}
.produktslider .four{margin:0;padding:0}
.box-inhalt,.produktslider .box-inhalt{position:relative;width:100%}
.produktslider .box-inhalt,.produktslider .inhalt,.produktslider .imgbox,.produktslider .imgbox img{width:100%}
@media only screen and (max-width: 550px) {
.produktslider .box-inhalt,.produktslider .inhalt{width:96%;margin:0 2%}
}
.box-inhalt .inhalt{padding-top:1em}
.box-inhalt .attribute{padding:.3em .2em;margin-bottom:.3em}
.box-inhalt .attribute i{font-size:1em;margin:0}
.attr_name{padding:0 .5em 0 0}
.produktslider .slick-initialized .slick-slide{display:flex;flex-wrap:wrap;margin:.5vw .35vw;border:0 solid transparent}
@media only screen and (min-width: 551px) and (max-width: 1025px) {
.produktslider .slick-initialized .slick-slide:last-child{display:none}
}
.produktslider .produktslider-inhalt{min-height:10px}
.produktslider .slick-slide.slick-current{opacity:1}
.produktslider ul li::before{content:none!important}
.produktslider .button{display:inline-block;width:auto;margin:0 auto 1em}
.produktslider .btn-position{align-self:flex-end;width:100%}
.produktslider img{margin:0 auto}
.produktslider .slick-dots li button::before,.produktslider .slick-dots li.slick-active button::before{color:#333}
.imgbox,.produktslider .imgbox{position:relative;border:0 solid #fff;box-sizing:border-box;margin:0 auto;overflow:hidden}
.produktslider .title{margin-top:.5em}
.produktslider.minislick{width:96%;max-width:96%;overflow:visible}

.zoom-style img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.zoom-style img:hover{transform:scale(1.1)}
@media only screen and (max-width: 1025px) {
.columns.inline-caption{margin-bottom:4%!important}
.columns.inline-caption .imgbox{margin-bottom:0}
}
@media only screen and (max-width: 767px) {
.produktslider .slick-prev::before,.produktslider .slick-next::before{font-size:30px!important;height:30px!important}
.produktslider .slick-prev,.produktslider.focus .slick-prev{left:-20px!important}
.produktslider .slick-next,.produktslider.focus .slick-next{right:-20px!important}
}
.produktslider.focus .container{max-width:1800px}
.produktslider.focus .slick-list{overflow-x:hidden;overflow-y:visible}
.produktslider.focus a.product_slide{padding:0}
.produktslider.focus .slick-prev{left:-25px}
.produktslider.focus .slick-next{right:-25px}
.produktslider.focus .slick-prev::before{content:"\f104"!important}
.produktslider.focus .slick-next::before{content:"\f105"!important}
.produktslider.focus .slick-slide .imgbox{max-width:100%;transition:transform .5s;transform:scale(0.9);opacity:.95}
.produktslider.focus .slick-slide.slick-current .imgbox{transform:scale(1);opacity:1}
.produktslider.focus .slick-current .slide_abbildung{position:relative}
.minislider .slick-track{display:flex;flex-wrap:wrap;align-items:center}
.category_mtop{margin-top:1em}
.category-bild img{max-width:100%}
.tabsection ul.menutabs{margin:0;padding:0;overflow:hidden}
.tabsection .menutabs li{list-style:none;display:inline;padding-left:0}
.tabsection .menutabs a{padding:5px 15px;font-size:1em;display:inline-block;text-decoration:none;width:100%}
.tabsection .menutabs li:before{content:none}
.tabsection .menutabs a.active,.tabsection .menutabs a:hover{background-color:#ddd}
.sidebarcontent{margin-bottom:2em}
.sidebarbottom{margin-top:3em}
.tabimgsecond{margin-top:3em}
.sidebarpdf{margin-top:3em;overflow:hidden}
.sidebarpdf a,.sidebarpdf a:visited{display:block;width:100%;background-color:#ddd;padding:.5em 1em;margin-bottom:.5em}
.sidebarkontakt{margin-top:3em;background-color:#fff;padding:1em;font-size:.9em}
.sidebarkontakt h5{margin-bottom:.1em}
.sidebarkontakt strong{display:inline-block;margin-bottom:1em}
.sidebarkontakt span a{font-size:.8em}
.msacwl-gallery-slider .slick-dots,.msacwl-gallery-carousel .slick-dots{bottom:10px}
.msacwl-gallery-slider .slick-arrow{top:55%}
.msacwl-gallery-slider button.slick-prev,.msacwl-gallery-slider button.slick-prev:hover,.msacwl-gallery-slider button.slick-next,.msacwl-gallery-slider button.slick-next:hover{opacity:0}
.msacwl-gallery-slider button.slick-prev{left:20px}
.msacwl-gallery-slider button.slick-next{right:20px}
.msacwl-gallery-slider:hover button.slick-prev,.msacwl-gallery-slider:hover button.slick-prev:hover,.msacwl-gallery-slider:hover button.slick-next,.msacwl-gallery-slider:hover button.slick-next:hover{opacity:1}
.msacwl-gallery-slider .slick-dots li button{background:rgba(0,0,0,0.6)!important}
.msacwl-gallery-slider .slick-dots li.slick-active button{background:rgba(0,0,0,1)!important;border:1px solid rgba(0,0,0,1)!important}
.msacwl-slide img.attachment-full{object-fit:contain}
.msacwl-gallery-slider .slick-dots li::before{content:none}
.msacwl-slider-wrap .msacwl-slide,.msacwl-carousel-wrap .msacwl-carousel-slide{height:auto!important}
.slickheader{position:relative;display:block;overflow:hidden;transition:opacity 1s ease;-webkit-transition:opacity 1s ease;visibility:hidden;opacity:0;height:500px}
.slickheader.slick-initialized{visibility:visible;opacity:1}
.slickheader.slick-slider{position:relative;display:block;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slickheader .slick-slide{display:none;float:left;height:100%;padding:0;min-height:1px}
.slickheader.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slickheader .slickbox{width:100%;height:520px;background-size:cover;background-position:center center;background-repeat:no-repeat;will-change:transform;box-sizing:border-box}
.slickheader .slickbox.sliderbg1{background-position:center 0}
.slickheader .item .img-fill{background:#222}
.slickheader .item .img-fill img{-webkit-filter:blur(0);filter:blur(0)}
.slickheader .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slickheader .slick-list:focus{outline:none}
.slickheader .slick-list.dragging{cursor:pointer}
.slickheader .PrevArrow,.slickheader .NextArrow{position:absolute;top:50%;width:45px;height:80px;border:0 none;margin-top:-40px;text-align:center;z-index:5;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;background:rgba(0,0,0,.30);color:rgba(255,255,255,.30)}
.slickheader .slick-next,.slickheader .slick-prev{top:50%;z-index:1}
.slickheader .slick-next{right:25px}
.slickheader .slick-prev{left:25px}
.slickheader .PrevArrow{left:0}
.slickheader .NextArrow{right:0}
.slickheader .PrevArrow::before,.slickheader .NextArrow::before{font-family:"Font Awesome 5 Free";font-weight:700;font-size:40px;height:40px}
.slickheader .PrevArrow::before{content:"\f104"}
.slickheader .NextArrow::before{content:"\f105"}
.slickheader .NextArrow .Thumbnail,.slickheader .PrevArrow .Thumbnail{display:block;position:absolute;width:120px;height:80px;background-size:cover;top:0;z-index:10;-webkit-transition:all .5s;transition:all .5s}
.slickheader .NextArrow .Thumbnail{right:-120px}
.slickheader .PrevArrow .Thumbnail{left:-120px}
.slickheader .NextArrow:hover .Thumbnail{right:45px}
.slickheader .PrevArrow:hover .Thumbnail{left:45px}
.slickheader .slick-dots{position:absolute;height:50px;bottom:0;right:9px;left:10px;margin:auto;list-style-type:none;text-align:left;max-width:1160px;width:100%;padding-right:1em;z-index:2}
.slickheader .slick-dots li{display:inline-block;width:12px;height:12px;background:#ddd;-webkit-transition:all .5s;transition:all .5s;-webkit-border-radius:50%;border-radius:50%;border:2px solid #fff;margin:0 2.5px;cursor:pointer;position:relative}
.slickheader .slick-dots li.slick-active{background:#222}
.slickheader .slick-dots li a{position:absolute;bottom:100%;left:50%;width:120px;height:75px;display:block;visibility:hidden;border:4px solid rgba(0,0,0,.50);margin-left:-60px;margin-bottom:15px}
.slickheader .slick-dots li a:after{content:'';position:absolute;left:50%;margin-left:-8px;top:100%;width:0;height:0;border:8px solid Transparent;border-top-color:rgba(0,0,0,.50);margin-top:4px}
.slickheader .slick-dots li:hover a{visibility:visible;-webkit-animation:fadeIn .5s both;animation:fadeIn .5s both}
.slickheader .slick-dots li a img{width:100%;height:100%}
.slickheader .slickslogan{margin:0 auto;width:100%;max-width:1160px}
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
.slickheader .slickbox{height:440px}
}
@media only screen and (max-width: 1025px) {
.slickheader .slick-arrow{display:none!important}
.slick-dots{width:auto}
.slickheader .slickbox{width:100%;height:300px;background-size:cover;background-position:center;will-change:transform}
}
@media only screen and (max-width:460px) {
.slickheader .slick-dots{display:none!important}
}
.wpcf7 .wpcf7-response-output{display:inline-block}
#back-to-top{position:fixed;display:inherit;bottom:40px;right:30px;z-index:999;width:40px;height:40px;text-align:center;line-height:30px;background:#000;color:#fff;cursor:pointer;text-decoration:none;transition:opacity .2s ease-out;opacity:0}
#back-to-top.show{opacity:.35;outline:none}
#back-to-top i{display:inherit;color:#fff;font-size:1.5em;padding:8px 0 0;margin:0}
.slick-slider .slick-list{margin-bottom:0}
.produkteslider{background:#f2f2f2}
.product_slider div.slide_abbildung{position:relative;display:block;margin-bottom:10px;text-align:center}
.product_slider div.slide_abbildung img{margin:0 auto}
a.product_slide{display:block;float:left;width:25%;padding:20px 10px;text-align:center;color:#999;text-decoration:none;transition:color .3s linear,background .3s linear;box-sizing:border-box}
.product_slider a.product_slide:hover,.product_slider a.product_slide.active{background:#888;color:#fff}
.produkteslider .nav-prev,.produkteslider .nav-next{cursor:pointer;font-size:30px;text-align:center;color:#ddd;display:block;cursor:pointer;position:absolute;top:50%;width:50px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:30px;text-align:center;color:#ddd;z-index:20}
.produkteslider i.icon-pfeil-links::before,.produkteslider i.icon-pfeil-rechts::before{font-family:"Font Awesome 5 Free";font-weight:700;font-size:30px;height:30px;color:#999;font-style:normal;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;opacity:.8;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;font-size:120%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:1px 1px 1px rgba(127,127,127,0.3)}
.produkteslider i.icon-pfeil-links::before{content:"\f104"}
.produkteslider i.icon-pfeil-rechts::before{content:"\f105"}
.produkteslider .nav-prev{left:-50px}
.produkteslider .nav-next{right:-50px}
.katspalten .columns{margin-bottom:2em}
@media only screen and (min-width: 601px) and (max-width: 1025px) {
ul.slick-dots{left:50%;margin-left:-60px}
.produkteslider .nav-prev{left:-20px}
.produkteslider .nav-next{right:-20px}
}
@media only screen and (max-width: 600px) {
ul.slick-dots{left:50%;margin-left:-90px}
.produkteslider .nav-prev{left:10px}
.produkteslider .nav-next{right:10px}
}
.box.produktanfrage .toggle-link{font-size:1.2em;margin-top:1em;cursor:pointer}
.box.produktanfrage{background:#888;color:#fff;padding:40px 0;font-weight:400;letter-spacing:1px}
.box.produktanfrage a,.box.produktanfrage a:hover,.box.produktanfrage a:focus,.box.produktanfrage a:visited{color:#fff}
.produktanfrage .container,.produktanfrage .container .columns{margin-bottom:0}
.container .container{width:100%;padding:0}
.produktanfrage .container:first-child{border-bottom:1px solid #fff}
.produktanfrage .six p{margin-bottom:0}
.produktanfrage .telefonhoerer,.produktanfrage .fragen{position:relative;display:block;float:left}
.produktanfrage .fragen{width:80%}
.produktanfrage .telefonhoerer{width:15.4%;height:100%;margin-right:4.6%}
.produktanfrage .telefonhoerer i{font-size:4em;color:#fff}
.produktanfrage .fa-chevron-right{position:relative;display:block;float:left;font-size:1.5em;color:#fff;margin-right:10px}
.produktanfrage .toggle-link{border:none;padding:0}
.produktanfrage .toggle-link .closed::after,.produktanfrage .toggle-link .opened::after{content:none}
.produktanfrage .tel{float:right;display:block;margin-bottom:20px;font-size:24px}
.produktanfrage strong{display:inline-block;margin-right:20px;font-size:30px;line-height:42px}
.produktanfrage .fa-chevron-right{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:transform .2s linear;-moz-transition:transform .2s linear;-o-transition:transform .2s linear;transition:transform .2s linear;font-size:30px;line-height:42px}
.produktanfrage .opened .fa-chevron-right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.produktanfrage .toggle-box,.produktanfrage .wpcf7-form-control-wrap input,.produktanfrage .wpcf7-form-control-wrap textarea{background-color:transparent}
.produktanfrage .toggle-box{padding:1.5em 0}
.produktanfrage .wpcf7 input,.produktanfrage .wpcf7 textarea{border:none;font-size:19px;font-weight:300;padding:6px 0 2px}
.produktanfrage .wpcf7-form-control-wrap input,.produktanfrage .wpcf7-form-control-wrap textarea{border-bottom:1px solid #fff}
.produktanfrage .wpcf7-form-control-wrap textarea{height:90px;min-height:76px}
.produktanfrage .wpcf7-form-control-wrap input,.produktanfrage .wpcf7-form-control-wrap textarea,.produktanfrage .wpcf7-form-control-wrap input:focus,.produktanfrage .wpcf7-form-control-wrap textarea:focus{color:#fff}
.produktanfrage .wpcf7-form-control-wrap input.wpcf7-not-valid,.produktanfrage .wpcf7-form-control-wrap textarea.wpcf7-not-valid{background:#222;color:#fff}
.produktanfrage .wpcf7 input::-webkit-input-placeholder,.produktanfrage .wpcf7 textarea::-webkit-input-placeholder{color:#fff;opacity:.8;transition:opacity .3s ease}
.produktanfrage .wpcf7 input::-moz-placeholder,.produktanfrage .wpcf7 textarea::-moz-placeholder{color:#fff;opacity:.8;transition:opacity .3s ease}
.produktanfrage .wpcf7 input:-moz-placeholder,.produktanfrage .wpcf7 textarea:-moz-placeholder{color:#fff;opacity:.8;transition:opacity .3s ease}
.produktanfrage .wpcf7 input:-ms-input-placeholder,.produktanfrage .wpcf7 textarea:-ms-input-placeholder{color:#fff;opacity:.8;transition:opacity .3s ease}
span.captcharound img,span.captcharound span.wpcf7-form-control-wrap{display:block;margin-bottom:0;float:left}
span.captcharound img{width:90px;margin-right:10px;margin-top:10px}
span.captcharound span.wpcf7-form-control-wrap{width:calc(100% - 100px);float:left}
.produktanfrage .wpcf7-acceptance span{display:inline-block;font-size:19px;margin:.5em auto}
.produktanfrage input.wpcf7-submit{width:100%!important;padding:0;margin:10px 0 0;height:auto;line-height:36px;box-shadow:none;font-size:20px;font-weight:400;background:#ddd!important;color:#FFF!important;border:2px solid #fff!important;text-transform:none;cursor:not-allowed}
.produktanfrage .wpcf7 input[type="submit"].wpcf7-submit:disabled:hover,.produktanfrage .wpcf7 input[type="submit"].wpcf7-submit:disabled{background:#ddd;color:#fff;cursor:not-allowed}
.halfbox{display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-ms-flex-align:stretch;-moz-align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch;-ms-flex-pack:end;min-height:-webkit-calc(100vh - 22.25em);min-height:-moz-calc(100vh - 22.25em);min-height:calc(100vh - 22.25em);position:relative;margin:0;padding:0}
.halfbox .content{position:relative;display:flex;align-items:center;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;-moz-order:1;-webkit-order:1;-ms-order:1;order:1;width:50%;padding:8em}
.halfbox .content:before{content:'';display:inline-block;vertical-align:middle;margin-right:-.25em}
.halfbox .image:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.halfbox .content .inner{position:relative;display:inline-block;vertical-align:middle}
.halfbox .image{position:relative;display:block;overflow:hidden;text-align:center;-ms-flex-order:2;-moz-order:2;-webkit-order:2;-ms-order:2;order:2;width:50%;margin:0;background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}
.halfbox .image .boxinfo{display:inline-block;vertical-align:middle}
.halfbox .image img{position:absolute;top:0;right:0;height:100%;float:left;width:auto;display:none}
.halfbox.alt .image img{right:initial;left:0}
.halfbox.alt .content{-ms-flex-order:2;-moz-order:2;-webkit-order:2;-ms-order:2;order:2}
.halfbox.alt .image{-ms-flex-order:1;-moz-order:1;-webkit-order:1;-ms-order:1;order:1}
.halfbox.alt .image img{right:initial;left:0}
.halfbox .image h3{margin-bottom:0;text-shadow:1px 1px 10px rgba(0,0,0,0.3)}
.halfbox .boxinfo h3{font-size:2.4em;color:#fff;margin:0 auto;margin-bottom:0;text-transform:uppercase;font-weight:700;letter-spacing:.1em}
.content h3{margin-bottom:2.5em}
.content h3::after{content:'';position:absolute;display:block;width:100px;height:5px;margin:20px 0;margin-left:0;background-color:#000}
.content.text-left h3::after{left:0;margin-left:0}
.content.text-right h3::after{right:0;margin-right:0}
.content.text-center h3::after,.content.centered h3::after{left:50%;margin-left:-50px}
@media screen and (max-width: 1280px) {
.halfbox .content,.halfbox.alt .content{padding:3em}
}
@media screen and (max-width: 980px) {
.halfbox{-ms-flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;min-height:0}
.halfbox .content,.halfbox.alt .content{-ms-flex-order:1;-moz-order:1;-webkit-order:1;-ms-order:1;order:1;width:100%;padding:2em}
.halfbox .image,.halfbox.alt .image{-ms-flex-order:2;-moz-order:2;-webkit-order:2;-ms-order:2;order:2;width:100%;overflow:auto;background:none!important}
.halfbox .image img{position:relative;width:100%;height:auto;display:block}
.halfbox.alt .image img{left:initial}
.halfbox .image .boxinfo{position:absolute;z-index:10;left:0;top:0;display:flex;align-items:center;text-align:center;height:100%;width:100%}
}
#darkbg,.darkbg{background-color:#000;color:#fff}
#darkbg a,.darkbg a,#darkbg h2,.darkbg h2,#darkbg h3,.darkbg h3{color:#fff}
#darkbg h3::after,.darkbg h3::after{background-color:#fff}
#darkbg .button,#darkbg .button:visited,.darkbg .button,.darkbg .button:visited{color:#fff;background-color:transparent;border:2px solid #fff}
#darkbg .button:hover,#darkbg .button:active,.darkbg .button:hover,.darkbg .button:active{color:#000;background-color:#fff;border:2px solid #fff}
.RespTable td,.RespTable th{padding:.5em}
.RespTable .extra td,.RespTable .extra th{padding:.5em;border:1px solid #ddd}
.RespTable{width:100%!important;overflow:hidden!important}
.RespTable .extra{width:100%!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 0 40px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 40px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.15);-o-box-shadow:0 0 40px 0 rgba(0,0,0,.15);-ms-box-shadow:0 0 40px 0 rgba(0,0,0,.15)}
.RespTable th{background:#fff!important}
.RespTable .extra th{background:#f2f2f2!important}
.RespTable thead,.RespTable table th{text-transform:none!important;font-size:1em!important}
.RespTable .extra thead,.RespTable .extra table th{background:#f2f2f2!important;text-transform:none!important;font-size:1.1em!important}
.oddRow .extra{background:#fff!important}
.oddCol .extra{background:#f2f2f2!important}
.oddRow{background:#fff!important}
.oddCol{background:#fff!important}
@media all and (max-width:640px) {
.RespTable,.RespTable thead,.RespTable tbody,.RespTable tr,.RespTable th,.RespTable td{display:block!important}
.oddCol strong{color:#222!important}
.RespTable{text-align:right!important}
.RespTable thead{position:absolute!important;top:-1111px!important;left:-1111px!important}
.RespTable td:before{float:left!important;padding:0 10px 0 0 !important;content:attr(data-label) "";font-weight:700!important}
.RespTable td:nth-child(1){font-weight:700!important}
.RespTable td:last-child{border-bottom:5px #fff solid!important}
.RespTable .extra td:last-child{border-bottom:5px #ccc solid!important}
.oddRow .extra{background:#fff!important}
.oddCol .extra{background:#f2f2f2!important}
.oddRow{background:#fff!important}
.oddCol{background:#fff!important}
}
.RespTable td h4{font-size:18pt;font-weight:500;margin:.2em 0}
.responsive{max-width:300px;float:right}
@media all and (max-width:640px) {
.responsive{display:block;max-width:100%;width:100%;text-align:center}
.responsive img{width:auto;margin:0 auto}
}
.showroom h3{font-size:22px;line-height:28px;font-weight:400}
.box.showroom_body{background-color:#f2f2f2;margin:0;padding:20px 0;overflow:visible}
.showcase + .site-content .entry-header{position:absolute;max-width:1200px;margin:0 auto;left:50%;width:100%;transform:translate(-50%,-100%);top:0;z-index:1}
.showcase + .site-content .wrapper{max-width:100%;width:100%}
.showcase + .site-content .entry-content > .wrapper,.showcase + .site-content .post-footer > .wrapper,.showcase + .site-content .wrapper.showroom_bg,.showcase + .site-content .entry-header{max-width:1200px;margin:0 auto}
.showroom_body{position:relative;width:100%;left:50%;transform:translateX(-50%);margin:80px 0}
.showroom_bg{position:relative;height:785px;background-size:contain;background-position:center;background-repeat:no-repeat}
.showroom_item{position:absolute;height:35px;width:35px}
.showroom_button{position:relative;width:35px;height:35px;border-radius:50px;opacity:.7;transition:.3s ease-in-out;transition-property:scale,opacity;box-shadow:0 0 0 0 rgba(0,0,0,1);transform:scale(1);animation:pulse 2s infinite;background-color:#333}
@keyframes pulse {
0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0.7)}
70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0)}
100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0)}
}
.showroom_item.highlightdesc .showroom_button,.showroom_button:hover{opacity:1;cursor:pointer;animation:none;z-index:6;transform: scale(1.3)}
.showroom_button span{position:relative;display:block;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:14px}
.info_box{position:absolute;width:250px;top:-100%;left:50%;transform:translateY(-100%);padding:15px;font-size:16px;line-height:20px;color:#fff;opacity:0;transition:.3s linear;z-index:5;visibility:hidden}
.info_box .dashicons,.info_box .dashicons-before::before{vertical-align:middle}
.info_box .desc{font-size:.95em;line-height:1.2;color:#fff;font-weight:300}
.showroom_item.highlightdesc .info_box{visibility:visible;opacity:1}
.info_box.left{transform:translate(-108%,-100%);text-align:left}
.info_box.right{transform:translate(7%,-100%);text-align:left}
.info_box:after{content:"";position:absolute;width:5px;height:70px;bottom:3px}
.info_box,.info_box::after{background-color:rgba(0,0,0,0.7)}
.info_box.right:after{left:-5px;transform:translate(-100%,100%) rotate(18deg)}
.info_box.left::after{right:-19px;transform:translate(-100%,100%) rotate(-22deg)}
.info_box .close{position:absolute;top:10px;right:10px;width:20px;height:21px;text-align:center;z-index:2;border-radius:50px;justify-content:center;align-items:center;display:flex;transition:.3s ease}
.info_box .close:hover{cursor:pointer;background-color:#fff;color:#333}
.info_box > a{position:absolute;display:block;left:0;top:0;height:100%;width:100%;z-index:1}
.info_box .link{position:relative;padding:3px;margin:.5em 0 0;margin-bottom:5px;transition:.3s linear color;z-index:3}
.info_box .link a{color:#fff;text-shadow:none;transition:.3s linear color}
.info_box .link a:hover{color:#ddd}
.info_box .link:hover{color:rgba(0,125,131,.8)}
.info_box .link > span{position:absolute;right:20px;opacity:0;transition:.3s linear opacity}
.info_box:hover .link > span{opacity:1}
.info_box h4{padding:5px;margin-bottom:0;font-size:16px;line-height:20px}
.info_box h4 .id{position:relative;margin-right:10px;padding:0 5px;display:inline-block;content:"";left:0;top:0;height:100%;background-color:#fff;color:#333;-webkit-transform:skew(-13deg);-moz-transform:skew(-13deg);-o-transform:skew(-13deg);transform:skew(-13deg);z-index:1}
.info_box h4 .id span{-webkit-transform:skew(13deg);-moz-transform:skew(13deg);-o-transform:skew(13deg);transform:skew(13deg);display:inline-block}
.info_box h4 span.title{color:#fff}
.karriere .container.desc .columns{margin-top:0}
.karriere .columns .container{width:100%;max-width:100%;padding:0}
.karriere .columns .container.mitbg{padding:1em}
.container.stellenanzeigen{margin-bottom:2em}
.karriere-sidebar{margin-bottom:2em}
.videolinks .six{position:relative}
.videolinks .six .fa-youtube:hover{opacity:.8}
.videolinks .six .fa-youtube{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;left:0;top:0;height:100%;width:100%;color:#fff;opacity:.6}
ul.none{list-style-type:none!important}
ul.disc{list-style-type:disc!important}
ul.circle{list-style-type:circle!important}
ul.square{list-style-type:square!important}
ul.disc,ul.circle,ul.square{padding-left:1em!important}
ul.disc li,ul.circle li,ul.square li{padding-left:0!important}
ul.disc li::before,ul.disc li::after,ul.circle li::before,ul.circle li::after,ul.square li::before,ul.square li::after{content:none!important}
ul.number{list-style:none;counter-reset:my-counter;margin:2em 0;padding:0}
ul.number li{padding:0!important;line-height:2;margin-bottom:1em;list-style:none!important}
ul.number li:before{content:counter(my-counter)!important;counter-increment:my-counter;padding:.4em 1em!important;border-radius:20px;width:auto!important;font-size:15px!important;margin:0 1em 0 0 !important;font-weight:600!important}
ul.number li:hover::before{background-color:#222;color:#fff}
ul.diamond,ul.line,ul.plus{line-height:1.5em;margin:0;padding:0}
ul.diamond li,ul.line li,ul.plus li{position:relative;padding:0 0 0 1em !important;list-style:none!important}
ul.diamond li::before{content:""!important;position:absolute;left:0;top:4px;height:0;border:5px solid transparent;border-bottom-color:#000;margin:0!important;width:auto!important}
ul.diamond li::after{content:""!important;position:absolute;left:0;top:14px;height:0;border:5px solid transparent;border-top-color:#000;margin:0!important;width:auto!important}
.line li::before{content:""!important;position:absolute;left:0;top:14px;display:block;border-top:2px solid #000;margin:0!important;width:8px!important}
.plus li::before{content:""!important;position:absolute;background:#000;left:0;top:13px;height:2px;margin:0!important;width:8px!important}
.plus li::after{content:""!important;position:absolute;background:#000;left:3px;top:9px;height:10px;margin:0!important;width:2px!important}
#fixedsocial{top:40%;margin-top:-80px;height:auto;width:40px;position:fixed;z-index:1002;bottom:0;left:0;background-color:transparent}
#fixedsocial i{color:#fff!important;background-color:#000;font-size:24px;padding:8px;margin:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,1)}
#fixedsocial a:last-child i{border-bottom:none}
#fixedsocial i:hover{background-color:#282828}
#fixedsocial a:first-child i{border-top-right-radius:15px}
#fixedsocial a:last-child i{border-bottom-right-radius:15px}
#fixedsocial i.fa-facebook-f{padding:8px 12.5px}
@media only screen and (max-width: 1025px) {
#fixedsocial{display:none}
}
.downloadlink{padding:4em 0}
.downloadlink .button{padding:5px 15px;height:auto}
.tabcontent #tab1,.tabcontent #tab2,.tabcontent #tab3,.tabcontent #tab4,.tabcontent #tab5,.tabcontent #tab6,.tabcontent #tab7,.tabcontent #tab8,.tabcontent #tab9,.tabcontent #tab10,.tabcontent #tab11,.tabcontent #tab12{display:none}
.container.tabsbilder{display:flex;flex-wrap:wrap;margin-bottom:0}
.tabsbilder .columns{margin-left:2%;border:1px solid #ddd;margin-bottom:3em;padding:.5em}
.container.tabopened,.tabcontent .container:last-child{margin-bottom:3em}
.tabsbilder .columns:first-child{margin-left:0}
.tabsbilder .columns:hover{cursor:pointer}
.tabsbilder .three{width:23.5%}
.tabsbilder h3{font-size:1.2em;margin-top:1em}
.tabcontent .columns{text-align:center}
.tabcontent .twelve{background-color:#f2f2f2;padding:3em;margin-bottom:3em}
.tabcontent .twelve h3{color:#222}
@media (max-width: 550px) {
.tabsbilder .three{width:48%}
.tabcontent .twelve{padding:1em}
}
.sidebar_box{margin-bottom:1em;padding-bottom:0;width:100%}
.sidebar_box h4{line-height:2;margin-bottom:.1em}
.sidebar_box ul.none,.sidebar_box ul.none li{list-style-type:none;margin-left:0}
.sidebar_box::after{clear:both;content:"";display:block}
.sidebar_box ul li{border-top:1px solid #ddd;line-height:130%;margin:0;padding:10px 0}
.sidebar_box ul.menu li{padding:0}
.sidebar_box > ul > li:first-child,.sidebar_box > div > ul > li:first-child{border-top:0}
.textwidget{padding:.5em;overflow:hidden}
.historie .container.layout1{display:flex;flex-wrap:wrap;max-width:1025px;margin-bottom:0}
.historie .layout1 .columns{margin-left:0;margin-bottom:0}
.historie .layout1 .columns:first-child{margin-left:2%}
.historie .layout1 .offset-by-four.columns{margin-left:36.6%}
.historie .layout1.ebene1 .columns{border-bottom:1px solid #000}
.historie .layout1 .columns:first-child{border-right:1px solid #000}
.historie .layout1 .daten{margin-bottom:3em}
.historie .layout1 b{font-size:1.2em;color:#000;font-weight:400}
.historie .layout1 .daten *{color:#585858}
.historie .layout1.rechts .daten{margin:.5em 3em 4em .5em}
.historie .layout1.links .daten{margin:.5em .5em 4em 3em}
@media only screen and (max-width: 767px) {
.historie .layout1 .empty{display:none}
.historie .layout1 .columns,.historie .layout1 .offset-by-four.columns{width:100%;margin-left:0;margin-bottom:0}
.historie .layout1 .six.columns{margin-bottom:2em}
.historie .layout1.rechts .daten{margin:.5em 3em 2em .5em}
.historie .layout1.links .daten{margin:.5em .5em 2em 3em}
.historie .layout1 .columns:first-child{margin-left:0;border-right:none}
.historie .layout1.rechts .six.columns{border-left:1px solid #000;text-align:left}
.historie .layout1.links .six.columns{border-right:1px solid #000;text-align:right}
}
.hover01 .imgbox img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover01 .imgbox:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}
.hover02 .imgbox img{width:300px;height:auto;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover02 .imgbox:hover img{width:350px}
.hover03 .imgbox img{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover03 .imgbox:hover img{-webkit-transform:scale(1);transform:scale(1)}
.hover04 .imgbox img{width:400px;height:auto;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover04 .imgbox:hover img{width:300px}
.hover05 .imgbox img{margin-left:30px;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover05 .imgbox:hover img{margin-left:0}
.hover06 .imgbox img{-webkit-transform:rotate(15deg) scale(1.4);transform:rotate(15deg) scale(1.4);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover06 .imgbox:hover img{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.hover07 .imgbox img{-webkit-filter:blur(3px);filter:blur(3px);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover07 .imgbox:hover img{-webkit-filter:blur(0);filter:blur(0)}
.hover08 .imgbox img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover08 .imgbox:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.hover08 .imgbox::before{content:none}
.hover09 .imgbox img{-webkit-filter:sepia(100%);filter:sepia(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover09 .imgbox:hover img{-webkit-filter:sepia(0);filter:sepia(0)}
.hover09 .imgbox::before{content:none}
.hover10 .imgbox img{-webkit-filter:grayscale(0) blur(0);filter:grayscale(0) blur(0);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover10 .imgbox:hover img{-webkit-filter:grayscale(100%) blur(3px);filter:grayscale(100%) blur(3px)}
.hover10 .imgbox::before{content:none}
.hover11 .imgbox img{opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover11 .imgbox:hover img{opacity:.5}
.hover11 .imgbox::before{content:none}
.hover12 .imgbox{background:#1abc9c}
.hover12 .imgbox img{opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover12 .imgbox:hover img{opacity:.5}
.hover13 .imgbox:hover img{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s}
@-webkit-keyframes flash {
0%{opacity:.4}
100%{opacity:1}
}
@keyframes flash {
0%{opacity:.4}
100%{opacity:1}
}
.hover14 .imgbox{position:relative!important}
.hover14 .imgbox::before{position:absolute!important;top:0!important;left:-75%;z-index:2!important;display:block!important;content:''!important;width:50%!important;height:100%!important;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%)!important;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%)!important;-webkit-transform:skewX(-25deg)!important;transform:skewX(-25deg)!important}
.hover14 .imgbox:hover::before{-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine {
100%{left:125%}
}
@keyframes shine {
100%{left:125%}
}
.hover15 .imgbox{position:relative}
.hover15 .imgbox::before{position:absolute!important;top:50%!important;left:50%!important;z-index:2!important;display:block!important;content:''!important;width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}
.hover15 .imgbox:hover::before{-webkit-animation:circle .75s;animation:circle .75s}
@-webkit-keyframes circle {
0%{opacity:1}
40%{opacity:1}
100%{width:200%;height:200%;opacity:0}
}
@keyframes circle {
0%{opacity:1}
40%{opacity:1}
100%{width:200%;height:200%;opacity:0}
}
.tabellen .container .columns{margin-bottom:0}
.tabellen p{line-height:2;margin-bottom:0}
.highlight{background-image:linear-gradient(to right,#F27121cc,#E94057cc,#8A2387cc);border-radius:6px;padding:3px 6px}
.movebox{position:relative;width:100%;margin-bottom:1em}
.resize-left img,.resize-center img,.resize-right img{max-width:90%}
.resize-left img{margin:0 auto 0 0}
.resize-center img{margin:0 auto}
.resize-right img{margin:0 0 0 auto}
.imgbox.move-bg-top-left img,.imgbox.move-bg-top-right img,.imgbox.move-bg-bottom-left img,.imgbox.move-bg-bottom-right img{max-width:90%}
.move-bg-top-left img{margin:0 auto 10% 0}
.move-bg-top-right img{margin:0 0 10% auto}
.move-bg-bottom-left img{margin:10% auto 0 0}
.move-bg-bottom-right img{margin:10% 0 0 auto}
.imgbox.move-top-left,.imgbox.move-top-right,.imgbox.move-bottom-left,.imgbox.move-bottom-right{position:absolute!important;z-index:1;max-width:90%}
.imgbox.move-top-left{top:0;left:0}
.imgbox.move-top-right{top:0;right:0}
.imgbox.move-bottom-left{right:10%;bottom:0}
.imgbox.move-bottom-right{left:10%;bottom:0}