html, body { margin:0%; padding:0%; background:#ffffff; font-family:'LatoLatin-Regular', sans-serif; font-weight:400; font-size:16px; color:#001e32; line-height:26px; }

body {overflow-x:hidden; }


  /* Header-Navigation */
  nav { width:100%; margin:0; padding:0; background-color:#e1e1e1; color:#ffffff; text-align:center; }

  nav .container { width:100%; max-width:84.0rem; margin:0 auto; padding:0; text-align:center; }
  .navbar-header { width:100%; margin:0 auto; padding:0; text-align:center; }
  .navbar-brand { float:left; }
  .navbar-header button { float:right; }
  .product a { white-space:nowrap; }
  .product a#mid71, .product a#mid106 { white-space:normal; }
  .dropdown-menu {border-radius:0; }
  .tx-ws-flexslider .caption-align-left .caption-text { left:0.0rem; width:auto; }

  li.product div.product-teaser { visibility:hidden; position:absolute; float:left; }

  /* Copytext */
  h2 { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#135779; text-transform:uppercase; }
  h3, h4 { font-family:'LatoLatin-Bold', sans-serif; font-weight:700; color:#69747b; text-transform:
    ; }
  .tinyaccordion h2 { font-family:'LatoLatin-Bold', sans-serif; font-weight:700;color:#69747b; width:auto; text-transform:none; border-bottom:#135779 0.0625rem solid; }
  .tinyaccordion h2:hover { color:#135779; }
  .tinyaccordion h2.acc-selected { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#135779; text-transform:uppercase; border-bottom:none; }

  .acc-li.description h2:before { font-family: "Font Awesome 5 Free"; content: '\f249'; font-size:70%; margin: 0 0.3rem 0 0; }
  .acc-li.format h2:before { font-family: "Font Awesome 5 Free"; content: '\f24d'; font-size:70%; margin: 0 0.3rem 0 0; }
  .acc-li.rand h2:before { font-family: "Font Awesome 5 Free"; content: '\f065'; font-size:70%; margin: 0 0.3rem 0 0; }
  .acc-li.plan h2:before { font-family: "Font Awesome 5 Free"; content: '\f279'; font-size:70%; margin: 0 0.3rem 0 0; }
  .acc-li.video h2:before { font-family: "Font Awesome 5 Free"; content: '\f03d'; font-size:70%; margin: 0 0.3rem 0 0; }
  .acc-li.color h2:before { font-family: "Font Awesome 5 Free"; content: '\f1fc'; font-size:70%; margin: 0 0.3rem 0 0; }
  .acc-li.pattern h2:before { font-family: "Font Awesome 5 Free"; content: '\f00a'; font-size:70%; margin: 0 0.35rem 0 0; }
  .acc-li.gallery h2:before { font-family: "Font Awesome 5 Free"; content: '\f083'; font-size:70%; margin: 0 0.3rem 0 0; }
  .acc-li.character h2:before { font-family: "Font Awesome 5 Free"; content: '\f02c'; font-size:70%; margin: 0 0.15rem 0 0; }
  .acc-li h2.acc-selected:before { content: ''; margin: 0 0 0 0; }

  .acc-li.description h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li.format h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li.rand h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li.plan h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li.video h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li.color h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li.pattern h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li.gallery h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li.character h2:after { font-family: "Font Awesome 5 Free"; content: '\f107'; font-size:120%; margin: 0 0.3rem 0 0; float:right; }
  .acc-li h2.acc-selected:after { content: ''; margin: 0 0 0 0; }


  section a { color:#135779; }
  section a:hover { color:#67808d; }
  .tx-ws-flexslider .caption-text a { font-family: 'LatoLatin-Regular', sans-serif; font-size:80%; font-weight:400; color:#b9e2f7; text-decoration:none; }
  .tx-ws-flexslider .caption-text a:hover { color:#ffffff; text-decoration:underline; }

  #c1007 { margin:0 0 1.0rem 0; }
  #c1007 tr:nth-child(even), #c1382 tr:nth-child(even), #c1390 tr:nth-child(even), #c1392 tr:nth-child(even), #c1394 tr:nth-child(even) {background-color: #ffffff; color:#001e32; }
  #c1007 tr:nth-child(odd), #c1382 tr:nth-child(odd), #c1390 tr:nth-child(odd), #c1392 tr:nth-child(odd), #c1394 tr:nth-child(odd) {background-color: #ffffff; color:#001e32; }
  #c1007 td, #c1382 td, #c1390 td, #c1392 td, #c1394 td { padding: 0 2.0rem 0 0; border: 0px; }
  #c1390 a.pdf:before, #c1392 a.pdf:before, #c1394 a.pdf:before { font-family: "Font Awesome 5 Free"; content: '\f1c1'; font-size:120%; margin: 0 0.3rem 0 0; }
  #c1390 a.doc:before, #c1392 a.doc:before, #c1394 a.doc:before { font-family: "Font Awesome 5 Free"; content: '\f1c2'; font-size:120%; margin: 0 0.3rem 0 0; }

  #c1411 { margin:0 0 1.0rem 0; }
  #c1411 tr:nth-child(even), #c1412 tr:nth-child(even) {background-color: #ffffff; color:#001e32; }
  #c1411 tr:nth-child(odd), #c1412 tr:nth-child(odd) {background-color: #ffffff; color:#001e32; }
  #c1411 td, #c1412 td { padding: 0 2.0rem 0 0; border: 0px; }
  

/* Bildergalerie */
  .jrGallery { position:relative; overflow:hidden; float:left; }
  .jrGallery img { position:absolute; left:50%; top:50%; height:170%; width:auto; -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }

  /* Footer */
  footer { width:100%; margin:0; padding:0; background-color:#003c5a; color:#ffffff; }
  .footermenu { margin:0 auto; padding:0; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .footermenu a { font-family: 'LatoLatin-Regular', sans-serif; font-weight:400; font-size:1.0rem; color:#ffffff; text-decoration:none; }
  .footermenu a:hover { color:#b9e2f7; text-decoration:underline; }
  .unternehmenmenu, .servicemenu, .karrieremenu, .kontaktmenu { display:-webkit-flex; display:-ms-flexbox; display:flex; float:none; }
  .footermenu h3 { color:#ffffff; }
  .footermenu p { clear:both; }
  .specialmenu { height:2.5rem; margin:0; padding:0.25rem; background-color:#e1e1e1; color:#001e32; }
  .specialmenu a { color:#001e32; tect-decoration:none; }
  .specialmenu a:hover { color:#23527c; tect-decoration:underline; }
  
  /* Abstände, Breaks, Trennlinien, ... */
  .break, hr { clear:both; }
  hr { border:6px solid #fff; }
  .center { text-align:center; }
  section { margin:0 auto; }
  ul, li { margin:0; padding:0; list-style:none; }
  ol li { margin:0; padding:0; list-style-type:decimal-leading-zero; }
  .acc-li.color .frame.frame-default.frame-type-shortcut.frame-layout-0 { width:100%; }

  /* Bilder, Graphiken, ...*/
  img { width:100%; height:auto; }

  #c1408 .ce-gallery,#c1408 .ce-row, #c1408 .ce-column, #c1408 figure.video, #c1408 video.video-embed-item { width:100%; }

  span.fas.fa-circle { font-size:0.4rem; padding:0.6rem 0.5rem 0.75rem 0.5rem; display:cell; vertical-align:middle; }

  .spec-menu-right a { display:none; }
  .spec-menu-slide a { display:none; }

  .body-frame-661 .slogan-start2 { display:none; }

  .body-frame-723 .slogan-start1 { display:none; }
  .body-frame-723 .slogan-start2 { width:130px; position:absolute; top:13.0rem; right:0.65rem; display:block; z-index:12000; text-align:center; background-color:rgba(0,60,90,0.8);}

  .body-frame-723 .slogan-start2 a { color:#ffffff; decoration:none; }
  .body-frame-723 .slogan-start2 a:hover { color:#ffffff; decoration:underline; }



@media only screen and (min-width:20.0rem) {

  /* Header-Navigation */
  .navbar { margin:0; padding:0.5rem 0.625rem; }
  .navbar-brand { width:9.5rem; margin:0; padding:0 0.5rem 0 0; font-size:0.9rem; display:block; line-height:inherit; white-space:nowrap; float:left; }
  .navbar-header button { margin:0; margin:0 0.25rem 0 0; float:right; }
  .bplogo { width:9.5rem; margin:0 auto; padding:0; }
  #navbar { width:100%; margin:1.0rem 0 0 0; padding:0; text-align:left; }
  .fixed-top { max-height:100vh; overflow-y:auto; }

  .addnav li a, .mainnav li a, .gartennav li a, .stadtnav li a { font-size:0.9rem; text-transform:uppercase; color:#001e32; text-decoration:none; margin:0; padding:0.5rem 1.0rem; line-height:0.9rem; display:block; }
  .addnav li a:hover, .mainnav li a:hover, .gartennav li a:hover, .stadtnav li a:hover { color:#ffffff; background:#005a78; }
  li.addcat.active a.dropdown-toggle, li.prodcat.active a.dropdown-toggle { color:#ffffff; background:#005a78; }

  .dropdown-menu {padding:0; background-color:#e1e1e1; border:none; }
  li.addlink a, li.product a { padding:0.2rem 2.0rem; }
  li.product.active a { color:#ffffff; background-color:#1c82a1; }
  li.addlink.first a, li.product.first a { margin:-0.2rem 0 0 0; }
  li.addlink.last a, li.product.last a { margin:0 0 0.6rem 0; }

  /* Headerbilder, Slider, ... */

  .body-frame-722 .headerpic; .body-frame-723 .headerpic { background-color:#e2e2e2; border:0.625rem solid #ffffff; width:100%; min-height:195px; margin:3.0rem 0 0 0; padding:0; background-size:cover; background-repeat:no-repeat; background-position:center bottom; }
 

  .headerpic { background-color:#e2e2e2; border:0.625rem solid #ffffff; width:100%; min-height:148px; margin:3.0rem 0 0 0; padding:0; background-size:cover; background-repeat:no-repeat; background-position:center bottom; }
  .headerpic2 { border:0.625rem solid #ffffff; width:100%; height:auto; margin:3.0rem 0 0 0; padding:0; }
  .tx-ws-flexslider { border:0.625rem solid #ffffff; width:100%; margin:3.0rem 0 1.5rem 0; padding:0; }
  .flexslider { margin:0; padding:0; background:#ffffff; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2); -moz-box-shadow:0 1px 4px rgba(0,0,0,.2); -o-box-shadow:0 1px 4px rgba(0,0,0,.2); box-shadow:0 1px 4px rgba(0,0,0,.2); zoom:1; }
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px; color:#ffffff; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; color:#ffffff; }
  .oekologo { width:3.5rem; position:absolute; right:0.75rem; top:3.75rem; z-index:999; }
  .schwerlogo { width:3.5rem; position:absolute; right:4.25rem; top:3.75rem; z-index:998; }

  .frame-layout-22, .body-frame-689 .headerpic .frame-layout-0 { background-color:rgba(0,60,90,0.8); position:absolute; left:0.625rem; top:6.5rem; padding:0.75rem 0.75rem 0.75rem 1.5rem; }
  .frame-layout-23 { background-color:rgba(0,60,90,0.8); border-bottom:solid 0.2rem #64b446; position:absolute; left:0.625rem; top:6.5rem; padding:0.75rem 0.75rem 0.75rem 1.5rem; }
  .frame-layout-24 { background-color:rgba(100,180,70,0.8); border-bottom:solid 0.2rem #003c5a; position:absolute; left:0.625rem; top:2.5rem; padding:0.75rem 0.75rem 0.75rem 1.5rem; }
  .tx-ws-flexslider .caption-text { background-color:rgba(0,60,90,0.8); position:absolute; left:0.0rem; top:3.5rem; padding:0.75rem 0.75rem 0.75rem 1.5rem; }
  .bp12 .tx-ws-flexslider .caption-text { background-color:rgba(0,60,90,0.8); position:absolute; left:1.0rem; top:0.5rem; padding:0.75rem 0.75rem 0.75rem 1.5rem; }
  .bp19 .tx-ws-flexslider .caption-text { background-color:rgba(0,60,90,0.8); position:absolute; left:1.0rem; top:0.5rem; padding:0.75rem 0.75rem 0.75rem 1.5rem; }

  .bp8 .tx-ws-flexslider .caption-text, .bp11 .tx-ws-flexslider .caption-text { background-color:rgba(0,60,90,0.8); border-bottom:solid 0.2rem #64b446; position:absolute; left:0.0rem; top:3.5rem; padding:0.75rem 0.75rem 0.75rem 1.5rem; }
  .body-frame-689 .headerpic .frame-layout-0 h2, .frame-layout-22 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#ffffff; text-transform:uppercase; font-size:1.0rem; line-height:1.0rem; margin:0; padding:0; }
  .body-frame-723 .headerpic .frame-layout-0 h2, .frame-layout-22 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#ffffff; text-transform:uppercase; font-size:0.7rem; line-height:0.8rem; margin:0; padding:0; }

  .frame-layout-22 h3, .frame-layout-24 h3, .tx-ws-flexslider .caption-text h3, .tx-ws-flexslider .caption-text .caption-body p { font-family:'LatoLatin-Regular', sans-serif; font-weight:400; color:#ffffff; text-transform:uppercase; font-size:0.85rem; line-height:0.85rem; margin:0; padding:0; }
  .body-frame-661 .tx-ws-flexslider .wsflexslider-style2 .caption-body p { font-family:'LatoLatin-Regular', sans-serif; font-weight:400; color:#ffffff; text-transform:none; font-size:0.85rem; line-height:0.85rem; margin:0; padding:0; }
  .tx-ws-flexslider .caption-text h6 { font-family:'LatoLatin-Regular', sans-serif; font-weight:700; color:#b9e2f7; text-transform:uppercase; font-size:0.85rem; line-height:0.85rem; margin:0; padding:0; }
  .frame-layout-23 h2, .bp8 .tx-ws-flexslider .caption-text h2, .bp8 .tx-ws-flexslider .caption-text .caption-title, .bp11 .tx-ws-flexslider .caption-text .caption-title { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#bed6ea; text-transform:uppercase; font-size:1.1rem; line-height:1.1rem; margin:0; padding:0; }
  .frame-layout-23 h3, .bp8 .tx-ws-flexslider .caption-text h3, .bp8 .tx-ws-flexslider .caption-text .caption-body p, .bp11 .tx-ws-flexslider .caption-text .caption-body p { font-family:'LatoLatin-Regular', sans-serif; font-weight:400; color:#bed6ea; text-transform:uppercase; font-size:0.9rem; line-height:0.9rem; margin:0; padding:0; }

  .frame-layout-23 h2, .bp8 .tx-ws-flexslider .caption-text h2, .bp8 .tx-ws-flexslider .caption-text .caption-title, .bp11 .tx-ws-flexslider .caption-text .caption-title { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#bed6ea; text-transform:uppercase; font-size:1.1rem; line-height:1.1rem; margin:0; padding:0; }
  .frame-layout-23 h3, .bp8 .tx-ws-flexslider .caption-text h3, .bp8 .tx-ws-flexslider .caption-text .caption-body p, .bp11 .tx-ws-flexslider .caption-text .caption-body p { font-family:'LatoLatin-Regular', sans-serif; font-weight:400; color:#bed6ea; text-transform:uppercase; font-size:0.9rem; line-height:0.9rem; margin:0; padding:0; }


  /* Zielgruppenselektor Startseite*/
  .selector1 { position: relative; width:8.875rem; height:3.4375rem; float:left; margin:4.55rem 0 0 0.375rem;}
  .selector2 { position: relative; width:8.875rem; height:3.4375rem; float:left; margin:4.55rem 0 0 0.3125rem; }
  .bp12 .selector1 { position: relative; width:8.875rem; height:3.4375rem; float:left; margin:-5.55rem 0 0 1.25rem; z-index:1000; }
  .bp12 .selector2 { position: relative; width:8.875rem; height:3.4375rem; float:left; margin:-5.55rem 0 0 10.5625rem; z-index:1001; }
    
  .overlay { position:absolute; bottom:0; left:0; right:0; background-color:#003c5a; overflow:hidden; width:8.875rem; height:1.875rem; transition:.5s ease; }
  .selector1:hover .overlay, .selector2:hover .overlay { height:100%; opacity:0.8; }
  .text a {  text-transform: uppercase; white-space:nowrap; color:#ffffff; font-size:0.9rem; position:absolute; overflow:hidden; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display:table; }
  .text a:hover { text-decoration:none; padding:3.125rem; }

  /* Copytext */
  h2 { font-size:1.25rem; line-height:1.375rem; margin:0 0 0.5rem 0; padding:0; }
  h3 { font-size:1.125rem; line-height:1.25rem; margin:1.0rem 0 0.5rem 0; padding:0; }
  p { font-size:0.9375rem; line-height:1.25rem; margin:0 0 0.5rem 0; padding:0; }
  section li { font-size:0.9375rem; line-height:1.25rem; }
  .acc-li h2 { padding:0.5rem 0; }
  .acc-li.color .frame-default, .acc-li.color .frame-default .ce-gallery, .acc-li.color .frame-default .ce-bodytext { clear:both; }
  .acc-li.color .frame-default { margin:0 0 1.0rem 0; }
  .frame-layout-32 { width:47%; margin:0 3% 0 0; float:left; }
  .frame-layout-32 img { border:solid 0.0625rem #dddddd; }
  .frame-layout-33 { background: #218338; padding:0.5rem; color:#ffffff; }
  .frame-layout-33 img { width:5.0rem; margin:0 1.0rem 0 0; }
  .body-frame-26 section.bp a { background:#062433; width: 5rem; border-radius: 0.25rem; padding:0.25rem 0.5rem; color:#ffffff; text-decoration:none; }
  .body-frame-26 section.bp a:hover { background:#14a7d0; color:#ffffff; text-decoration:none; }

  /* Fotos, Logos, Signets im Text*/
  div#c11 figure { width:7.0rem; height:auto; margin:0 0 0 0.5rem; }
  div#c13 figure { width:9.0rem; height:auto; margin:0 0 0 0.5rem; }
  div#c14 figure { width:11.0rem; height:auto; margin:0 0 0 0.5rem; }
  .body-frame-26 .frame-type-textpic { width:100%; margin:0 0.5rem 0.5rem 0; float:left; clear:none; display:block; }
  .body-frame-26 .ce-gallery { width:30%; margin:0 0.5rem 0.5rem 0; display:block; }
  .body-frame-26 section p { padding:0.5rem 0 0 0; }
  img[alt="Belastungsklasse BK 3,2"] { width:6.0rem; margin:0 0 0.5rem 0.5rem; padding:0; }
  img[alt="Breite Sickerfuge"] { width:6.0rem; margin:0 0 0.5rem 0.5rem; padding:0; }
  img[alt="Wasserdurchlaessige Pflastersysteme"] { width:6.0rem; margin:0 0 0.5rem 0.5rem; padding:0; }
  img[alt="Versickerung durch die Fuge"] { width:6.0rem; margin:0 0.5rem 0.5rem 0; padding:0; }
  img[alt="Versickerung durch die Speicherkammer"] { width:6.0rem; margin:0 0.5rem 0.5rem 0; padding:0; }
  .body-frame-14 section.bp img { margin:0.0rem 0 1.0rem 0; }
  .body-frame-14 .ce-bodytext { margin:0 0 1.5rem 0; }
  div#c1078 figure, div#c1400 figure { width:50%rem; max-width:25.0rem; }

  .jrGallery { width:7.5rem; height:5.5rem; margin:0 0.75rem 0.25rem 0; border:#888888 solid 0.125rem; }
  .jrGallery.quad { width:7.5rem; height:7.5rem; }

  .frame-layout-34 { margin:0 0 1.0rem 0; }
  .frame-layout-34 h4 { font-size:1.0rem; line-height:1.5rem; margin:1.0rem 0 0 0; padding:0; }

  /* Kontaktformular */
  .tx-powermail .container-fluid { margin:0; padding:0; }
  .powermail_legend { width:0; height:0; font-size:0.0rem; line-height:0; display:hidden; }
  .powermail_fieldwrap_anwendung, .powermail_fieldwrap_anrede, .powermail_fieldwrap_e_mail, .powermail_fieldwrap_plzort, .powermail_fieldwrap_infomaterial, .powermail_fieldwrap_nachricht, .powermail_fieldwrap_datenschutzhinweis, .powermail_fieldwrap_marker_01 { margin:0 0 1.0rem 0;}
  .powermail_fieldwrap_absenden, .powermail_fieldwrap_absenden .powermnail_field, .powermail_fieldwrap_bewerbungsenden, .powermail_fieldwrap_bewerbungsenden .powermnail_field { width:100%; text-align:center; }

  .powermail_submit { margin:0 auto; }
  .powermail_form { font-size:0.95rem; line-height:1.2rem; }
  .powermail_label { font-size:0.8rem; font-weight:700; color:#001e32; }
  .powermail_textarea { width:18.5rem; height:7.0rem; padding:0.25rem; background:#e2e2e2; border:none; }
  .powermail_select, .powermail_input, .powermail_captcha { width:18.5rem; padding:0.25rem; background:#e2e2e2; border:none; }
  .checkbox, .radio { margin: 0 0 0 1.25rem; }
  .powermail_checkbox, .powermail_radio { margin: 0 0.2rem 0 -1.25rem; }
  input.powermail_submit { color:#ffffff; background:#14a7d0; padding:0.5rem 1.0rem; border:none; }
  input.powermail_submit:hover { background:#003c5a; }
  .powermail_captchaimage { width:18.5rem; margin:0.5rem 0 0 0; }

   /* Footer */
  .footermenu { width:96.0%; margin:0 auto; padding:0.5rem 0 0 0; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .unternehmenmenu, .servicemenu, .karrieremenu { display:none; }
  .kontaktmenu { width:auto; margin:0 auto; }
  .footermenu h3 { margin:0 0 0.25rem 0; padding:0 0.25rem; line-height:1.25rem; }
  .footermenu .kontaktmenu p { margin:0 0 1.0rem 0; padding:0 0.25rem; line-height:1.25rem; }
  .footermenu p { margin:0; padding:0 0.25rem; line-height:1.25rem; }
  .footermenu li { padding:0 0.25rem; }

  .specialmenu img {width:250px; height:auto;}

  /* Abstände, Breaks, Trennlinien, ... */
  section.bp { padding:0.625rem; }
  .bp6 section.bp { margin:3.0rem 0 0 0; }
  .bp6 .frame-layout-64 { margin:0 0 1.0rem 0; display:table; clear:both; }
  iframe.anfahrt { width:100%; height:15rem; }
  #c1018, #c1026, #c1039, #c1045, #c1242, #c1129, #c1125, #c1118 { margin:1.5rem 0 0 0; }

  #c1611 { width:100%; background:#124267; height:40px; padding:10px; }
  .body-frame-661 #c1611 { margin:3.0rem 0 0 0; height:9.8125rem; }
  .body-frame-661 #c1611 p { font-size:1.0rem; color:#ffde00; }
  .body-frame-661 .flexslider { margin:0.0rem 0 0 0; }
  .body-frame-661 .flexslider h4 { font-size:0.9rem; color:#ffffff; margin:0.5rem 0 0 0; }
  
@keyframes marquee {
  0%   { text-indent: 280px }
  100% { text-indent: -280px }
  }
 .marquee { width: 280px; margin: auto; padding: 2px; overflow: hidden; white-space: nowrap; border: none; animation: marquee 30s linear infinite; }

.marquee:hover { animation-play-state: paused; }

  div#slickid-1610 div.slick-list { width:80%; margin:0 auto; }
  .slick-prev::before, .slick-next::before { font-size:30px; color:#2d6873; }
  .slick-prev {  left: 0px; }
  .slick-next {  right: 15px; }
  div#slickid-1610 img { width:200px; height:auto; margin:10px 30px; }

  div#slickid-1612 div.slick-list { width:80%; margin:0 auto; }
  div#slickid-1612 img { width:200px; height:auto; margin:10px 30px; }


  section.bpjob { padding:10px; } 
  section.bpjob header { margin:20px 0; }
  section.bpjob .aufgaben { margin: 0 0 15px 0; }
  section.bpjob .profil { margin: 0 0 15px 0; }
  section.bpjob .angebot { margin: 0 0 20px 0; }
  section.bpjob ul, section.bpjob li { list-style:disc; padding:0 0 0 6px; margin: 0 0 0 10px; }

  #c1673 .ce-gallery { width:40%; margin:0 5% 0 0; } 

#c1558 img { width: 6.0rem; }
}


@media only screen and (min-width: 30.0rem) {

  /* Header-Navigation */
  .navbar-brand { width:11.0rem; }
  .bplogo { width:11.0rem; }

  /* Headerbilder, Slider, ... */
  .headerpic { min-height:13.875rem; margin:3.35rem 0 0 0; }
  .headerpic2 { margin:3.35rem 0 0 0; }
  .tx-ws-flexslider { margin:3.3rem 0 1.65rem 0; }
  .frame-layout-22 { top:9.0rem; padding:1.0rem 1.0rem 1.0rem 2.0rem; }
  .frame-layout-23 { border-bottom:solid 0.3rem #64b446; top:9.0rem; padding:1.0rem 1.0rem 1.0rem 2.0rem; }
  .frame-layout-24 { border-bottom:solid 0.3rem #003c5a; top:9.0rem; padding:1.0rem 1.0rem 1.0rem 2.0rem; }
  .tx-ws-flexslider .caption-text { top:6.0rem; padding:1.0rem 1.0rem 1.0rem 2.0rem; }
  .bp12 .tx-ws-flexslider .caption-text { top:1.5rem; padding:1.0rem 1.0rem 1.0rem 2.0rem; }
  .bp19 .tx-ws-flexslider .caption-text { top:1.5rem; padding:1.0rem 1.0rem 1.0rem 2.0rem; }
  .bp8 .tx-ws-flexslider .caption-text, .bp11 .tx-ws-flexslider .caption-text { top:6.0rem; padding:1.0rem 1.0rem 1.0rem 2.0rem; }
  .frame-layout-22 h2, .frame-layout-23 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title, .bp8 .tx-ws-flexslider .caption-text h2, .bp8 .tx-ws-flexslider .caption-text .caption-title, .bp11 .tx-ws-flexslider .caption-text .caption-title { font-size:1.45rem; line-height:1.45rem; }
  .frame-layout-22 h3, .frame-layout-23 h3, .frame-layout-24 h3, .tx-ws-flexslider .caption-text h3, .tx-ws-flexslider .caption-text .caption-body p, .bp8 .tx-ws-flexslider .caption-text h3, .bp8 .tx-ws-flexslider .caption-text .caption-body p, .bp11 .tx-ws-flexslider .caption-text .caption-body p { font-size:1.2rem; line-height:1.2rem; }
  .tx-ws-flexslider .caption-text h6 { font-size:1.2rem; line-height:1.2rem; }
  .oekologo { width:4.25rem; position:absolute; right:0.75rem; top:4.1rem; }
  .schwerlogo { width:4.25rem; position:absolute; right:5.25rem; top:4.1rem; }

  /* Zielgruppenselektor Startseite*/
  .selector1 { position: relative; width:9.25rem; height:3.75rem; margin:8.85rem 0 0 2.0rem;}
  .selector2 { position: relative; width:9.25rem; height:3.75rem; margin:8.85rem 0 0 0.5rem; }
  .bp12 .selector1 { position: relative; width:9.25rem; height:3.75rem; margin:-6.0rem 0 0 1.5rem;}
  .bp12 .selector2 { position: relative; width:9.25rem; height:3.75rem; margin:-6.0rem 0 0 11.5rem; }

  .overlay { width:9.25rem; height:2.5rem; }
  .text a:hover { padding:3.5rem; }

  /* Copytext */
  .acc-section.color .frame-default { width:48%; margin:0 2% 1.0rem 0; float:left; clear:none; }

  /* Kontaktformular */


  /* Fotos, Logos, Signets im Text*/
  div#c13 figure { width:13.0rem; height:auto; margin:0 0 0 0.5rem; }
  div#c14 figure { width:13.0rem; height:auto; margin:0 0 0 0.5rem; }
  .body-frame-26 section p { padding:2.5rem 0 0 0; }
  .body-frame-14 section.bp img { width:13.0rem; margin:0 0 1.5rem 1.5rem; }
  .body-frame-14 .ce-bodytext { margin:0 0 1.5rem 0; }
  .frame-layout-33 img { width:7.0rem; margin:0 1.0rem 0 0; }

  .frame-layout-34 { width:48%; margin:0 2% 1.0rem 0; float:left; }


  /* Abstände, Breaks, Trennlinien, ... */
  .bp6 section.bp { margin:3.35rem 0 0 0; }


@keyframes marquee {
  0%   { text-indent: 440px }
  100% { text-indent: -440px }
  }
 .marquee { width: 440px; }

  .slick-prev::before, .slick-next::before { font-size:40px; color:#2d6873; }
  .slick-next {  right: 20px; }
  div#slickid-1610 img { width:250px; height:auto; margin:10px 50px; }
  div#slickid-1612 img { width:250px; height:auto; margin:10px 50px; }

  .body-frame-723 .slogan-start2 { width:130px; position:absolute; top:17.5rem; right:0.65rem; display:block; z-index:12000; text-align:center; background-color:rgba(0,60,90,0.8);}

.body-frame-723 .headerpic .frame-layout-0 h2, .frame-layout-22 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#ffffff; text-transform:uppercase; font-size:0.9rem; line-height:1.0rem; margin:0; padding:0; }


}


@media only screen and (min-width: 40.0rem) {

  /* Header-Navigation */
  .navbar-brand { width:12.5rem; padding:0 0.75rem 0 0; }
  .bplogo { width:12.5rem; }

  /* Headerbilder, Slider, ... */
  .headerpic { min-height:18.5rem; margin:3.8125rem 0 0 0; }
  .headerpic2 { margin:3.8125rem 0 0 0; }
  .tx-ws-flexslider { margin:3.7rem 0 1.85rem 0; }
  .frame-layout-22, .frame-layout-23, .frame-layout-24 { top:13.0rem; }
  .tx-ws-flexslider .caption-text { top:10.5rem; }
  .bp12 .tx-ws-flexslider .caption-text { top:3.0rem; left:3.5rem; }
  .bp19 .tx-ws-flexslider .caption-text { top:3.0rem; left:3.5rem; }
  .bp8 .tx-ws-flexslider .caption-text, .bp11 .tx-ws-flexslider .caption-text { top:10.5rem; }
  .oekologo { width:5.0rem; position:absolute; right:0.75rem; top:4.7625rem; }
  .schwerlogo { width:5.0rem; position:absolute; right:5.75rem; top:14.7625rem; }

  /* Zielgruppenselektor Startseite*/
  .selector1 { position: relative; width:10.0rem; height:5.75rem; margin:11.5rem 0 0 3.0rem;}
  .selector2 { position: relative; width:10.0rem; height:5.75rem; margin:11.5rem 0 0 0.5rem; }
  .bp12 .selector1 { position: relative; width:10.0rem; height:5.75rem; margin:-8.25rem 0 0 4.0rem;}
  .bp12 .selector2 { position: relative; width:10.0rem; height:5.75rem; margin:-8.25rem 0 0 15.1rem; }

  .overlay { width:10.0rem; height:4.0rem; }
  .text a:hover { padding:5.5rem; }

  /* Copytext */
  #c1007, #c1411 { margin:0; float:left; }
  #c1382, #c1412 { float:left; }
  #c1382 { margin: 2.75rem 0 0 0 }
  #c1412 { margin: 2.75rem 0 0 0; }

  /* Fotos, Logos, Signets im Text*/
  div#c11 figure { width:10.0rem; height:auto; margin:0 0 0 0.75rem; }
  div#c13 figure { width:19.0rem; height:auto; margin:0 0 0 0.75rem; }
  div#c14 figure { width:19.0rem; height:auto; margin:0 0 0 0.75rem; }
  .body-frame-26 .ce-gallery { width:22%; }
  img[alt="Belastungsklasse BK 3,2"] { width:8.0rem; }
  img[alt="Breite Sickerfuge"] { width:8.0rem; }
  img[alt="Versickerung durch die Fuge"] { width:8.0rem; }
  img[alt="Versickerung durch die Speicherkammer"] { width:8.0rem; }
  img[alt="Wasserdurchlaessige Pflastersysteme"] { width:8.0rem; }

  .jrGallery { width:10.0rem; height:7.5rem; margin:0 0.75rem 0.25rem 0; border:#888888 solid 0.125rem; }
  .jrGallery.quad { width:10.0rem; height:10.0rem; }

  .body-frame-14 section.bp img { width:18.0rem; margin:0 0 1.5rem 1.5rem; }
  .body-frame-14 .ce-bodytext { margin:0 0 1.5rem 0; }

  .frame-layout-34 { width:31.3%; margin:0 2% 1.0rem 0; float:left; }

  /* Kontaktformular */
  div.radio { float:left; margin:0 1.0rem 0 0;  }
  .powermail_radio { margin:0; padding0; }
  .powermail_fieldwrap_anwendung { margin:0 0 1.0rem 0; clear:both; display:block;}

  /* Footer */
  .footermenu { width:40.0rem; }

  /* Abstände, Breaks, Trennlinien, ... */
  .bp6 section.bp { margin:3.8125rem 0 0 0; }
  .bp6 .frame-layout-64 { margin:0 0 1.0rem 0; }

  #c1611 { height:45px; padding:10px; }
  .body-frame-661 #c1611 { margin:3.7rem 0 0 0; }
  .body-frame-661 #c1611 p { font-size:1.1rem; }
  .body-frame-661 .flexslider { margin:0 0 0 0; }
  .body-frame-661 .flexslider h4 { font-size:1.1rem; color:#ffffff; margin:0.5rem 0 0 0; } 
  .body-frame-661 .slogan-start2 { width:130px; position:absolute; top:12.0rem; right:0.5rem; display:block; z-index:12000; text-align:center; background:rgba(255,255,255,.8);}
  .body-frame-723 .slogan-start2 { width:130px; position:absolute; top:23.5rem; right:0.65rem; display:block; z-index:12000; text-align:center; background-color:rgba(0,60,90,0.8);}
  .body-frame-723 .slogan-start1 { width:150px; position:absolute; top:13.0rem; right:7.5rem; display:block; z-index:12000; text-align:center;}

  .body-frame-723 .slogan-start2 a { color:#ffffff; decoration:none; }
  .body-frame-723 .slogan-start2 a:hover { color:#ffffff; decoration:underline; }


  
@keyframes marquee {
  0%   { text-indent: 600px }
  100% { text-indent: -600px }
  }
 .marquee { width: 600px; }

 div#slickid-1610 div.slick-list { width:85%; margin:0 auto; }
  .slick-prev::before, .slick-next::before { font-size:40px; color:#2d6873; }
  .slick-prev {  left: 0px; }
  .slick-next {  right: 15px; }
  div#slickid-1610 img { width:250px; height:auto; margin:10px 120px; }

 div#slickid-1612 div.slick-list { width:85%; margin:0 auto; }
 div#slickid-1612 img { width:250px; height:auto; margin:10px 120px; }


#c1673 .ce-bodytext { margin: 1.5rem 0 0 0; }

#c1558 img { width: 7.5rem; }

}


@media only screen and (min-width: 48.0rem) {

  /* Header-Navigation */
  #navbar { width:100%; height:0; }
  .body-frame-107 .navbar { height:6.5rem; margin:0; padding:0.5rem 1.0rem; }
  .navbar { height:6.5rem; margin:0; padding:0.5rem 1.0rem; }
  .navbar-header { width:100%; margin:0 auto; padding:0; display:block; }
  .body-frame-107 .navbar-brand { width:100%; margin:1.0rem auto 0.5rem auto; padding:0; font-size:1.0rem; display:table; }
  .navbar-brand { width:100%; margin:0 auto 0.5rem auto; padding:0; font-size:1.0rem; display:table; }
  .fixed-top { max-height:100vh; overflow-y:visible; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-1.0rem 0 0 0; padding:0; }  
  ul.addnav { width:0; height:0; display:none; visibility:hidden; }
  ul.mainnav { width:22.5rem; margin:0.5rem auto 0 auto; padding:0; }
  ul.gartennav, ul.stadtnav { width:46.0rem; margin:0.4rem auto 0 auto; padding:0; }
  ul.dropdown-menu { color:#ffffff; background:#005a78; margin:0.25rem 0 0.5rem 0; }
  ul.dropdown-menu li a { color:#ffffff; margin:0; padding:0.2rem 1.0rem 0.2rem 1.0rem; line-height:1.25rem; }
  ul.dropdown-menu li.first a { margin:0.5rem 0 0 0; }
  ul.dropdown-menu li a:hover { background:#288aaa; }

  .mainnav li a, .gartennav li a, .stadtnav li a { font-size:0.95rem; padding:1.25rem 0.6rem 0.5rem 0.6rem; line-height:1.0rem; }
  .nav > li { position:relative; display:block; }

  li.product div.product-teaser-image { width:70px; margin:10px; float:left; }
  li.product div.product-teaser-text { width:210px; padding:10px 5px; font-size:90%; line-height:115%; float:left; }

  .prodcat-28 li.product:hover div.product-teaser, .body-frame-28 li.product:hover div.product-teaser { visibility:visible; background-color:#288aaa; left:210px; width:310px; margin:-32px 0 0 0; }
  .prodcat-28 li.product.last:hover div.product-teaser, .body-frame-28 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-29 li.product:hover div.product-teaser, .body-frame-29 li.product:hover div.product-teaser { visibility:visible; background-color:#288aaa; left:208px; width:310px; margin:-32px 0 0 0; }
  .prodcat-29 li.product.last:hover div.product-teaser, .body-frame-29 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-30 li.product:hover div.product-teaser, .body-frame-30 li.product:hover div.product-teaser { visibility:visible; background-color:#288aaa; left:160px; width:310px; margin:-32px 0 0 0; }
  .prodcat-30 li.product.last:hover div.product-teaser, .body-frame-30 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-31 li.product:hover div.product-teaser, .body-frame-31 li.product:hover div.product-teaser { visibility:visible; background-color:#288aaa; left:-310px; width:310px; margin:-32px 0 0 0; }
  .prodcat-31 li.product.last:hover div.product-teaser, .body-frame-31 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }

  .prodcat-33 li.product:hover div.product-teaser, .body-frame-33 li.product:hover div.product-teaser { visibility:visible; background-color:#288aaa; left:210px; width:310px; margin:-32px 0 0 0; }
  .prodcat-33 li.product.last:hover div.product-teaser, .body-frame-33 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-34 li.product:hover div.product-teaser, .body-frame-34 li.product:hover div.product-teaser { visibility:visible; background-color:#288aaa; left:208px; width:310px; margin:-32px 0 0 0; }
  .prodcat-34 li.product.last:hover div.product-teaser, .body-frame-34 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-35 li.product:hover div.product-teaser, .body-frame-35 li.product:hover div.product-teaser { visibility:visible; background-color:#288aaa; left:160px; width:310px; margin:-32px 0 0 0; }
  .prodcat-35 li.product.last:hover div.product-teaser, .body-frame-35 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-36 li.product:hover div.product-teaser, .body-frame-36 li.product:hover div.product-teaser { visibility:visible; background-color:#288aaa; left:-310px; width:310px; margin:-32px 0 0 0; }
  .prodcat-36 li.product.last:hover div.product-teaser, .body-frame-36 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }

  button.navbar-toggle, button.navbar-toggle.collapsed, i.fa-bars, .sr-only { visibility:hidden; width:0.0rem; height:0.0rem; font-size:0.0rem; margin:0; padding:0; }

  /* Headerbilder, Slider, ... */
  .body-frame-107 .headerpic { border:1rem solid #ffffff; min-height:22.2rem; margin:3.5rem 0 0 0; }
  .headerpic { border:1rem solid #ffffff; min-height:22.2rem; margin:6.5rem 0 0 0; }
  .headerpic2 { border:1rem solid #ffffff; margin:6.5rem 0 0 0; }
  .tx-ws-flexslider { border:1.0rem solid #ffffff; margin:6.5rem 0 2.0rem 0; padding:0; }
  .body-frame-107 .tx-ws-flexslider { margin:3.5rem 0 0 0; }
  .frame-layout-22 { left:1.0rem; top:16.5rem; padding:1.75rem 1.75rem 1.75rem 2.5rem; }
  .frame-layout-23 { border-bottom:solid 0.4rem #64b446; left:1.0rem; top:16.5rem; padding:1.75rem 1.75rem 1.75rem 2.5rem; }
  .frame-layout-24 { border-bottom:solid 0.4rem #003c5a; left:1.0rem; top:16.5rem; padding:1.75rem 1.75rem 1.75rem 2.5rem; }
  .tx-ws-flexslider .caption-text { left:0.0rem; top:12.5rem; padding:1.75rem 1.75rem 1.75rem 2.5rem; }
  .bp12 .tx-ws-flexslider .caption-text { left:4.0rem; padding:1.75rem 1.75rem 1.75rem 2.5rem; }
  .bp19 .tx-ws-flexslider .caption-text { left:4.0rem; padding:1.75rem 1.75rem 1.75rem 2.5rem; }
  .bp8 .tx-ws-flexslider .caption-text, .bp11 .tx-ws-flexslider .caption-text { left:0.0rem; top:12.5rem; padding:1.75rem 1.75rem 1.75rem 2.5rem; }
  .frame-layout-22 h2, .frame-layout-23 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title, .bp8 .tx-ws-flexslider .caption-text h2, .bp8 .tx-ws-flexslider .caption-text .caption-title, .bp11 .tx-ws-flexslider .caption-text .caption-title { font-size:1.75rem; line-height:1.75rem; }
  .frame-layout-22 h3, .frame-layout-23 h3, .frame-layout-24 h3, .tx-ws-flexslider .caption-text h3, .tx-ws-flexslider .caption-text .caption-body p, .bp8 .tx-ws-flexslider .caption-text h3, .bp8 .tx-ws-flexslider .caption-text .caption-body p { font-size:1.5rem; line-height:1.5rem; }
  .tx-ws-flexslider .caption-text h6 { font-size:1.5rem; line-height:1.5rem; }
  .oekologo { width:6.75rem; position:absolute; right:1.25rem; top:7.75rem; }
  .schwerlogo { width:6.75rem; position:absolute; right:8.25rem; top:19.75rem; }

  /* Zielgruppenselektor Startseite*/
  .selector1 { position: relative; width:12.0rem; height:6.75rem; margin:13.45rem 0 0 4.0rem;}
  .selector2 { position: relative; width:12.0rem; height:6.75rem; margin:13.45rem 0 0 1.0rem; }
  .bp12 .selector1 { position: relative; width:12.0rem; height:6.75rem; margin:-7.8rem 0 0 5.0rem;}
  .bp12 .selector2 { position: relative; width:12.0rem; height:6.75rem; margin:-7.8rem 0 0 18.0rem; }

  .overlay { width:12.0rem; height:5.0rem; }
  .text a { font-size:1.0rem; }
  .text a:hover { padding:6.5rem; }

  /* Copytext */
  h2 { font-size:1.375rem; line-height:1.5rem; margin:0 0 0.625rem 0; padding:0; }
  h3 { font-size:1.25rem; line-height:1.375rem; margin:1.125rem 0 0.625rem 0; padding:0; }
  p { font-size:1.0rem; line-height:1.375rem; margin:0 0 0.625rem 0; padding:0; }
  section li { font-size:1.0rem; line-height:1.375rem; }
  .frame-layout-32 { width:30%; margin: 0 3% 0 0; float:left; }

  /* Copytext */
  #c1411 { margin:0; clear:left; }
  #c1382 { margin: 3.1rem 0 0 0 }
  #c1412 { margin: 3.1rem 0 0 0; }

  /* Kontaktformular */

  .powermail_fieldset_1, .powermail_fieldset_3, .powermail_fieldset_9, .powermail_fieldset_16 { width:47%; margin:0 3% 0 0; float:left; display:block; }
  .powermail_fieldset_2, .powermail_fieldset_6, .powermail_fieldset_11 { width:47%; margin:0 0 0 3%; float:left; display:block; }
  .powermail_fieldset_10 { width:47%; margin:7.25rem 0 0 3%; float:left; display:block; }
  .powermail_fieldset_7, .powermail_fieldset_8, .powermail_fieldset_13, .powermail_fieldset_15 { clear:both; }
  .powermail_fieldwrap_fuehrerschein { margin:3.0rem 0 0 0; }
  .powermail_fieldwrap_hinweis  { margin:1.0rem 0 0 0; }

  /* Fotos, Logos, Signets im Text*/
  .body-frame-26 .frame-type-textpic { width:48%; margin:0 0.5rem 0.5rem 0; float:left; clear:none; display:block; }
  .body-frame-26 .ce-gallery { width:30%; margin:0 0.5rem 0.5rem 0; display:block; }
  .body-frame-26 section p { padding:0.5rem 0 0 0; }
  img[alt="Belastungsklasse BK 3,2"] { width:10.0rem; }
  img[alt="Breite Sickerfuge"] { width:10.0rem; }
  img[alt="Versickerung durch die Fuge"] { width:10.0rem; }
  img[alt="Versickerung durch die Speicherkammer"] { width:10.0rem; }
  img[alt="Wasserdurchlaessige Pflastersysteme"] { width:10.0rem; }
  .jrGallery { width:12.0rem; height:9.0rem; margin:0 1.0rem 0.5rem 0; border:#888888 solid 0.175rem; }
  .jrGallery.quad { width:12.0rem; height:12.0rem; }
  .body-frame-14 section.bp img { width:22.0rem; margin:0 0 2.0rem 1.5rem; }
  .body-frame-14 .ce-bodytext { margin:0 0 2.0rem 0; }

  .frame-layout-34 h4 { font-size:1.125rem; line-height:1.75rem; margin:1.5rem 0 0 0; padding:0; }

  /* Footer */
  .footermenu { width:47.0rem; margin:0 auto; padding:1.0rem 0; }
  .unternehmenmenu, .servicemenu, .karrieremenu { display:block; }
  .unternehmenmenu, .servicemenu, .karrieremenu, .kontaktmenu { width:auto; }
  .unternehmenmenu, .karrieremenu, .servicemenu { border-right:0.0625rem #ffffff solid; }
  .footermenu h3 { margin:0 0 0.625rem 0; padding:0 1.0rem; line-height:1.375rem; }
  .footermenu .kontaktmenu p { margin:0 0 1.0rem 0; padding:0 1.0rem; line-height:1.25rem; }
  .footermenu li { padding:0 1.0rem; line-height:1.7rem; }
  footer span.fa.fa-circle { font-size:0.4rem; padding:0.6rem 0.5rem 0.75rem 0.5rem; display:cell; vertical-align:middle; }

  /* Abstände, Breaks, Trennlinien, ... */
  section.bp { max-width:86.0rem; padding:1.0rem; }
  iframe.anfahrt { max-width:40.0rem; height:20rem; }
  .bp6 section.bp { max-width:86.0rem; margin:6.5rem auto 0 auto; }
  .bp6 .frame-layout-64 { margin:0 0 1.5rem 0; }
  #c1018, #c1026, #c1039, #c1045, #c1242, #c1129, #c1125, #c1118 { margin:2.0rem 0 0 0; }
  #c1560 img { width:66%; }

  .body-frame-661 #c1611 { margin:6.5rem 0 0 0; }
  .body-frame-661 .flexslider { margin:0 0 0 0; }
  .body-frame-661 .slogan-start2 { width:150px; position:absolute; top:17.0rem; right:1.0rem; display:block; z-index:12000; text-align:center; background:rgba(255,255,255,.8); }
  .body-frame-723 .slogan-start2 { width:150px; position:absolute; top:30.5rem; right:1.0rem; display:block; z-index:12000; text-align:center; background-color:rgba(0,60,90,0.8); }
  .body-frame-723 .slogan-start1 { width:170px; position:absolute; top:19.0rem; right:9.5rem; display:block; z-index:12000; text-align:center;}


@keyframes marquee {
  0%   { text-indent: 720px }
  100% { text-indent: -720px }
  }
 .marquee { width: 720px; }

 div#slickid-1610 div.slick-list { width:85%; margin:0 auto; }
  .slick-prev::before, .slick-next::before { font-size:40px; color:#2d6873; }
  .slick-prev {  left: 0px; }
  .slick-next {  right: 15px; }
  div#slickid-1610 img { width:190px; height:auto; margin:10px 20px; }


 div#slickid-1612 div.slick-list { width:85%; margin:0 auto; }
  div#slickid-1612 img { width:190px; height:auto; margin:10px 20px; }

 a#mid78, a#mid83, a#mid84, a#mid85, a#mid86, a#mid87, a#mid88 { background:#002847; }
 a#mid78:hover, a#mid83:hover, a#mid84:hover, a#mid85:hover, a#mid86:hover, a#mid87:hover, a#mid88:hover { background:#288aaa;}


  section.bpjob { padding:15px; }
  section.bpjob header { margin:20px 0; }
  section.bpjob .aufgaben { width:47%; margin: 0 6% 15px 0; float:left; }
  section.bpjob .profil { width:47%; margin: 0 0 15px 0; float:left; }
  section.bpjob .angebot { margin: 0 0 20px 0; clear:both; }
  section.bpjob ul, section.bpjob li { list-style:disc; padding:0 0 0 6px; margin: 0 0 0 10px; }

#c1558 img { width: 10.0rem; }

.body-frame-723 .headerpic .frame-layout-0 h2, .frame-layout-22 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#ffffff; text-transform:uppercase; font-size:1.2rem; line-height:1.3rem; margin:0; padding:0; }


}


@media only screen and (min-width: 62.0rem) {

  /* Header-Navigation */
  .body-frame-107 .navbar { height:4.5rem; padding:0.75rem 0.9375rem; margin:0 auto; }
  .navbar { height:4.5rem; padding:0.75rem 0.9375rem; margin:0 auto; }
  .navbar-brand { width:100%; margin:0 auto; font-size:1.0rem; display:table; }
  .bp1 .navbar-brand { width:15.0rem; margin:0 auto; font-size:1.0rem; display:table; }
  .navbar-header { width:14.7rem; margin:0 1.0rem 0 0; }
  .bplogo { width:15.0rem; margin:0 auto; padding:0; }
  .bp1 .navbar-header { width:14.7rem; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap:nowrap; flex-wrap:nowrap; margin:0; }
 
  ul.mainnav { width:23.5rem; margin:0.25rem auto 0 auto; padding:0; }
  ul.gartennav, ul.stadtnav { width:47.0rem; margin:0.25rem auto 0 auto; padding:0; }
  .mainnav li a, .gartennav li a, .stadtnav li a { padding:1.5rem 0.6rem 0.75rem 0.6rem; line-height:1.0rem; }

  li.product div.product-teaser-image { width:85px; }
  li.product div.product-teaser-text { width:240px; font-size:100%; line-height:125%; }

  .prodcat-28 li.product:hover div.product-teaser, .body-frame-28 li.product:hover div.product-teaser { left:210px; width:355px; margin:-32px 0 0 0; }
  .prodcat-28 li.product.last:hover div.product-teaser, .body-frame-28 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-29 li.product:hover div.product-teaser, .body-frame-29 li.product:hover div.product-teaser { left:209px; width:355px; margin:-32px 0 0 0; }
  .prodcat-29 li.product.last:hover div.product-teaser, .body-frame-29 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-30 li.product:hover div.product-teaser, .body-frame-30 li.product:hover div.product-teaser { left:160px; width:345px; margin:-32px 0 0 0; }
  .prodcat-30 li.product.last:hover div.product-teaser, .body-frame-30 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-31 li.product:hover div.product-teaser, .body-frame-31 li.product:hover div.product-teaser { left:-355px; width:355px; margin:-32px 0 0 0; }
  .prodcat-31 li.product.last:hover div.product-teaser, .body-frame-31 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }

  .prodcat-33 li.product:hover div.product-teaser, .body-frame-33 li.product:hover div.product-teaser { left:210px; width:355px; margin:-32px 0 0 0; }
  .prodcat-33 li.product.last:hover div.product-teaser, .body-frame-33 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-34 li.product:hover div.product-teaser, .body-frame-34 li.product:hover div.product-teaser { left:209px; width:355px; margin:-32px 0 0 0; }
  .prodcat-34 li.product.last:hover div.product-teaser, .body-frame-34 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-35 li.product:hover div.product-teaser, .body-frame-35 li.product:hover div.product-teaser { left:160px; width:345px; margin:-32px 0 0 0; }
  .prodcat-35 li.product.last:hover div.product-teaser, .body-frame-35 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-36 li.product:hover div.product-teaser, .body-frame-36 li.product:hover div.product-teaser { left:-355px; width:355px; margin:-32px 0 0 0; }
  .prodcat-36 li.product.last:hover div.product-teaser, .body-frame-36 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }

  /* Headerbilder, Slider, ... */
  .body-frame-107 .headerpic { min-height:28.6rem; margin:4.5rem 0 0 0; }
  .headerpic { min-height:28.6rem; margin:4.5rem 0 0 0; }
  .headerpic2 { margin:4.5rem 0 0 0; }
  .body-frame-661 .headerpic { height:20rem; margin:4.5rem 0 0 0; }
  .tx-ws-flexslider { margin:4.5rem 0 2.0rem 0; }
  .body-frame-107 .tx-ws-flexslider { margin:4.5rem 0 0 0; }
  .frame-layout-22, .frame-layout-23, .frame-layout-24 { top:18.0rem; }
  .tx-ws-flexslider .caption-text { top:16.5rem; }
  .bp12 .tx-ws-flexslider .caption-text { top:5.0rem; left:6.0rem; }
  .bp19 .tx-ws-flexslider .caption-text { top:5.0rem; left:6.0rem; }
  .bp8 .tx-ws-flexslider .caption-text, .bp11 .tx-ws-flexslider .caption-text { top:16.5rem; }
  .frame-layout-22 h2, .frame-layout-23 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title, .bp8 .tx-ws-flexslider .caption-text h2, .bp8 .tx-ws-flexslider .caption-text .caption-title, .bp11 .tx-ws-flexslider .caption-text .caption-title { font-size:2.0rem; line-height:2.0rem; }
  .frame-layout-22 h3, .frame-layout-23 h3, .frame-layout-24 h3, .tx-ws-flexslider .caption-text h3, .tx-ws-flexslider .caption-text .caption-body p, .bp8 .tx-ws-flexslider .caption-text h3, .bp8 .tx-ws-flexslider .caption-text .caption-body p, .bp11 .tx-ws-flexslider .caption-text .caption-body p { font-size:1.7rem; line-height:1.7rem; }
  .body-frame-661 .tx-ws-flexslider .wsflexslider-style2 .caption-body p { font-family:'LatoLatin-Regular', sans-serif; font-weight:400; color:#ffffff; text-transform:none; font-size:0.85rem; line-height:0.85rem; margin:0; padding:0; }
  .tx-ws-flexslider .caption-text h6 { font-size:1.7rem; line-height:1.7rem; }
  .oekologo { width:7.75rem; position:absolute; right:1.25rem; top:5.75rem; }
  .schwerlogo { width:7.75rem; position:absolute; right:9.25rem; top:21.75rem; }

  /* Zielgruppenselektor Startseite*/
  .selector1 { position: relative; width:14.0rem; height:8.75rem; margin:17.85rem 0 0 7.0rem;}
  .selector2 { position: relative; width:14.0rem; height:8.75rem; margin:17.85rem 0 0 1.5rem; }
  .bp12 .selector1 { position: relative; width:14.0rem; height:8.75rem; margin:-9.85rem 0 0 7.0rem;}
  .bp12 .selector2 { position: relative; width:14.0rem; height:8.75rem; margin:-9.85rem 0 0 22.5rem; }

  .overlay { width:14.0rem; height:6.0rem; }
  .text a:hover { padding:7.5rem; }

  /* Copytext */
  h2 { font-size:1.5rem; line-height:1.625rem; margin:0 0 0.75rem 0; padding:0; }
  h3 { font-size:1.375rem; line-height:1.5rem; margin:1.25rem 0 0.75rem 0; padding:0; }
  .acc-section.color .frame-default { width:31%; margin:0 2.3% 1.0rem 0; }

  #c1382 { margin: 3.5rem 0 0 0 }
  #c1412 { margin: 3.5rem 0 0 0; }

  /* Kontaktformular */
  .powermail_form { font-size:1.0rem; line-height:1.25rem; }
  .powermail_label { font-size:0.9rem; font-weight:700; color:#001e32; }
  .powermail_fieldwrap_anwendung { margin:0 0 2.0rem 0; clear:both; }
  .powermail_fieldwrap_marker_02 { margin:3.0rem 0 1.0rem 0; }
  .powermail_textarea { width:100%; height:10.0rem; }
  .powermail_select, .powermail_input { width:100%; }
  .powermail_captcha { width:100%; }
  .powermail_captchaimage { width:100%; max-height:7.5rem; }

  /* Fotos, Logos, Signets im Text*/
  div#c11 figure { width:12.5rem; height:auto; margin:0 0 0 1.0rem; }
  div#c13 figure { width:24.0rem; height:auto; margin:0 0 0 1.0rem; }
  div#c14 figure { width:24.0rem; height:auto; margin:0 0 0 1.0rem; }
  .body-frame-26 .frame-type-textpic { width:48%; margin:0 1.0rem 1.0rem 0; float:left; clear:none; display:block; }
  .body-frame-26 section p { padding:2.5rem 0 0 0; }
  .body-frame-14 section.bp img { width:25.0rem; margin:0 0 2.0rem 1.5rem; }
  .body-frame-14 .ce-bodytext { margin:0 0 2.0rem 0; }
  .frame-layout-33 img { width:9.0rem; margin:0 1.0rem 0 0; }
  .frame-layout-34 { width:23.0%; margin:0 2% 1.0rem 0; float:left; }
 

  /* Abstände, Breaks, Trennlinien, ... */
  div#c16, div#c19 p { width:100%; column-count:2; column-gap:10%; }
  #c1018, #c1026, #c1039, #c1045, #c1242, #c1129, #c1125, #c1118 { margin:2.5rem 0 0 0; }


 .body-frame-661 .spec-menu-slide  { display:block; z-index:1001; position: absolute; /* Position them relative to the browser window */
  top:432px;
  left: 590px; /* Position them outside of the screen */
  transition: 0.3s; /* Add transition on hover */
  width: 600px; /* Set a specific width */
  border-radius: 0 5px 5px 0; /* Rounded corners on the top right and bottom right side */
 }

 .body-frame-661 .spec-menu-slide a.news2 { display:table-cell; top:0; color:#ffffff; text-decoration: none; font-size: 30px; background:rgba(18,66,103,.8); padding:20px;  }
 .body-frame-661 #c1611 { margin:4.5rem 0 0 0; }

  #c1611 { width:100%; background:#124267; height:50px; padding:10px; }
  .body-frame-661 .flexslider { margin:0 0 0 0; }
  .body-frame-661 #c1611 p { font-size:1.3rem; }
  .body-frame-661 .flexslider h4 { font-size:1.25rem; color:#ffffff; margin:0.75rem 0 0 0; }
  .body-frame-661 .slogan-start2 { width:170px; position:absolute; top:21.0rem; right:2.0rem; display:block; z-index:12000; text-align:center; }
  .body-frame-723 .slogan-start2 { width:170px; position:absolute; top:36.0rem; right:1.0rem; display:block; z-index:12000; text-align:center;}
  .body-frame-723 .slogan-start1 { width:190px; position:absolute; top:21.0rem; right:14.5rem; display:block; z-index:12000; text-align:center;}


@keyframes marquee {
 0%   { text-indent: 900px }
 100% { text-indent: -900px }
}

.marquee { width: 900px; }

  div#slickid-1610 img { width:230px; height:auto; margin:10px 20px; }
  div#slickid-1612 img { width:230px; height:auto; margin:10px 20px; }



.body-frame-33.prodcat-3 .ce-bodytext {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  margin: 14% 0 0 10%;
  width: 150px;
  height:100px;
  position: absolute;
  transition: transform 0.8s;
  display:table-cell; vertical-align:middle; text-align:center; 
}

.body-frame-33.prodcat-3 .ce-bodytext h4 {
  margin: auto 0;
  padding:0 0 0 0;
  text-align:center;
  vertical-align:center;
}


.body-frame-33.prodcat-3 .ce-bodytext:hover {
      transform: translate(-50px, -110px) scale(1.6); }

  #c1668 { width:50%; margin:0 5% 0 0; float:left; }
  #c1673 { float:left; width:45%; margin:8.0rem 0 0 0; }
  #c1675 { width:50%; margin:0 0 2.0rem 0; }

#c1558 img { width: 15.0rem; }

.body-frame-723 .headerpic .frame-layout-0 h2, .frame-layout-22 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#ffffff; text-transform:uppercase; font-size:1.6rem; line-height:1.8rem; margin:0; padding:0; }

  

}


@media only screen and (min-width: 75.0rem) {

  /* Header-Navigation */
  .body-frame-107 .navbar { height:5.5rem; margin:0 auto; }
  .navbar { height:5.5rem; margin:0 auto; }
  .navbar-brand { width:18.0rem; }
  .navbar-header { width:16.0rem; margin:0 2.0rem 0 0; }
  .bplogo { width:18.0rem; margin:0 auto; padding:0; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap:nowrap; flex-wrap:nowrap; margin:0 auto; }
 
  ul.mainnav { width:25.5rem; margin:1.15rem auto 0 auto; padding:0; }
  ul.gartennav, ul.stadtnav { width:880px; margin:1.15rem auto 0 auto; padding:0; }
  .mainnav li a, .gartennav li a, .stadtnav li a { font-size:1.1rem; padding:1.5rem 0.85rem 0.75rem 0.85rem; line-height:1.1rem; }

  .prodcat-28 li.product:hover div.product-teaser, .body-frame-28 li.product:hover div.product-teaser { left:237px; width:355px; margin:-32px 0 0 0; }
  .prodcat-28 li.product.last:hover div.product-teaser, .body-frame-28 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-29 li.product:hover div.product-teaser, .body-frame-29 li.product:hover div.product-teaser { left:237px; width:355px; margin:-32px 0 0 0; }
  .prodcat-29 li.product.last:hover div.product-teaser, .body-frame-29 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-30 li.product:hover div.product-teaser, .body-frame-30 li.product:hover div.product-teaser { left:160px; width:345px; margin:-32px 0 0 0; }
  .prodcat-30 li.product.last:hover div.product-teaser, .body-frame-30 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-31 li.product:hover div.product-teaser, .body-frame-31 li.product:hover div.product-teaser { left:-355px; width:355px; margin:-32px 0 0 0; }
  .prodcat-31 li.product.last:hover div.product-teaser, .body-frame-31 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }

  .prodcat-33 li.product:hover div.product-teaser, .body-frame-33 li.product:hover div.product-teaser { left:237px; width:355px; margin:-32px 0 0 0; }
  .prodcat-33 li.product.last:hover div.product-teaser, .body-frame-33 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-34 li.product:hover div.product-teaser, .body-frame-34 li.product:hover div.product-teaser { left:237px; width:355px; margin:-32px 0 0 0; }
  .prodcat-34 li.product.last:hover div.product-teaser, .body-frame-34 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-35 li.product:hover div.product-teaser, .body-frame-35 li.product:hover div.product-teaser { left:160px; width:345px; margin:-32px 0 0 0; }
  .prodcat-35 li.product.last:hover div.product-teaser, .body-frame-35 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-36 li.product:hover div.product-teaser, .body-frame-36 li.product:hover div.product-teaser { left:-355px; width:355px; margin:-32px 0 0 0; }
  .prodcat-36 li.product.last:hover div.product-teaser, .body-frame-36 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }

  /* Headerbilder, Slider, ... */
  .body-frame-107 .headerpic { min-height:32.0rem; margin:5.5rem 0 0 0; }
  .headerpic { min-height:32.0rem; margin:5.5rem 0 0 0; }
  .headerpic2 { height:20.0rem; margin:5.5rem 0 0 0; }
  .body-frame-661 .headerpic { height:25.0rem; margin:5.5rem 0 2.0rem 0; }
  .tx-ws-flexslider { margin:5.5rem 0 2.0rem 0; }
  .body-frame-107 .tx-ws-flexslider { margin:5.5rem 0 0 0; }
  .frame-layout-22 { top:19.5rem; padding:2.0rem 2.0rem 2.0rem 3.0rem; }
  .body-frame-689 .headerpic .frame-layout-0 { top:19.5rem; margin:0 0 0 0.4rem; padding:2.0rem 2.0rem 2.0rem 3.0rem; }
  .frame-layout-23 { border-bottom:solid 0.5rem #64b446; top:19.5rem; padding:2.0rem 2.0rem 2.0rem 3.0rem; }
  .frame-layout-24 { border-bottom:solid 0.5rem #003c5a; top:19.5rem; padding:2.0rem 2.0rem 2.0rem 3.0rem; }
  .tx-ws-flexslider .caption-text { top:21.5rem; }

  .body-frame-661 .tx-ws-flexslider .wsflexslider-style2 .caption-body p { font-family:'LatoLatin-Regular', sans-serif; font-weight:400; color:#ffffff; text-transform:none; font-size:1.15rem; line-height:1.25rem; margin:0 0 1.0rem 0; padding:0; }

  .bp12 .tx-ws-flexslider .caption-text { top:6.5rem; left:8.0rem; }
  .bp19 .tx-ws-flexslider .caption-text { top:6.5rem; left:8.0rem; }
  .bp8 .tx-ws-flexslider .caption-text, .bp11 .tx-ws-flexslider .caption-text { top:21.5rem; }
  .body-frame-689 .headerpic .frame-layout-0 h2, .frame-layout-22 h2, .frame-layout-23 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title, .bp8 .tx-ws-flexslider .caption-text h2, .bp8 .tx-ws-flexslider .caption-text .caption-title, .bp11 .tx-ws-flexslider .caption-text .caption-title { font-size:2.25rem; line-height:2.25rem; }
  .frame-layout-22 h3, .frame-layout-23 h3, .frame-layout-24 h3, .tx-ws-flexslider .caption-text h3, .tx-ws-flexslider .caption-text .caption-body p, .bp8 .tx-ws-flexslider .caption-text h3, .bp8 .tx-ws-flexslider .caption-text .caption-body p { font-size:1.75rem; line-height:1.75rem; }
  .tx-ws-flexslider .caption-text h6 { font-weight:700; color:#b9e2f7; font-size:1.75rem; line-height:1.75rem; }

  .oekologo { width:8.75rem; position:absolute; right:1.25rem; top:6.75rem; }
  .schwerlogo { width:8.75rem; position:absolute; right:10.25rem; top:26.75rem; }

  /* Zielgruppenselektor Startseite*/
  .selector1 { position: relative; width:16.0rem; height:9.75rem; margin:20.25rem 0 0 21%; }
  .selector2 { position: relative; width:16.0rem; height:9.75rem; margin:20.25rem 0 0 2.0rem; }
  .bp12 .selector1 { position: relative; width:16.0rem; height:9.75rem; margin:-10.85rem 0 0 16.0rem; }
  .bp12 .selector2 { position: relative; width:16.0rem; height:9.75rem; margin:-10.85rem 0 0 34.0rem; }
  
  .overlay { width:16.0rem; height:7.5rem; }
  .text a {  font-size:1.25rem; }
  .text a:hover { padding:9.5rem; }

  /* Fotos, Logos, Signets im Text*/
  .body-frame-26 section p { padding:4.5rem 0 0 0; }
  .jrGallery { width:14.0rem; height:10.5rem; margin:0 1.5rem 1.0rem 0; border:#888888 solid 0.25rem; }
  .jrGallery.quad { width:14.0rem; height:14.0rem; }
  .body-frame-14 section.bp img { width:30.0rem; margin:0 0 2.0rem 2.0rem; }
  .body-frame-14 .ce-bodytext { margin:0 0 2.0rem 0; }

   #c1007 { margin:0; float:left; clear:none; }
   #c1382 { margin: 3.5rem 1.5rem 0 0; border-right:solid #135779 1px; float:left; clear:none; }
   #c1412 { margin: 3.5rem 0 0 0; float:left; clear:none; }
   #c1411 { margin:0 0 0 1.6rem ; float:left; clear:none; }

  /* Footer */
  .footermenu { width:51.0rem; }
  .footermenu h3 { padding:0 1.5rem; }
  .footermenu .kontaktmenu p { padding:0 1.5rem; }
  .footermenu li { padding:0 1.5rem; }

  /* Abstände, Breaks, Trennlinien, ... */
  #c1018, #c1026, #c1039, #c1045, #c1242, #c1129, #c1125, #c1118 { margin:3.0rem 0 0 0; }

 .body-frame-661 .spec-menu-slide { top:528px;
  left: 750px; /* Position them outside of the screen */ }
  .body-frame-661 .flexslider h4 { font-size:1.5rem; color:#ffffff; margin:1.0rem 0 0 0; }
  .body-frame-661 .slogan-start2 { width:200px; position:absolute; top:49.0rem; right:2.0rem; display:block; z-index:12000; text-align:center;}
  .body-frame-723 .slogan-start2 { width:200px; position:absolute; top:44.0rem; right:1.0rem; display:block; z-index:12000; text-align:center;}
  .body-frame-723 .slogan-start1 { width:200px; position:absolute; top:24.0rem; right:20.0rem; display:block; z-index:12000; text-align:center;}


  /* .body-frame-661 .tx-ws-flexslider { margin:0 0 2.0rem 0; */

  /* .body-frame-661 #c1611 { margin:5.5rem 0 0 0; } */
  /* .body-frame-661 #c1611 p { font-size:1.4rem; color:#ffde00; } */
  /* .body-frame-661 .flexslider { margin:0 0 0 0; } */

 
@keyframes marquee {
  0%   { text-indent: 1150px }
  100% { text-indent: -1150px }
  }
 .marquee { width: 1150px; }


  section.bpjob { padding:15px; }
  section.bpjob header { margin:20px 0; }
  section.bpjob .aufgaben { width:30%; margin: 0 4% 15px 0; float:left; }
  section.bpjob .profil { width: 30%; margin: 0 4% 15px 0; float:left; }
  section.bpjob .angebot { width:30%; margin: 0 0 15px 0; float:left; clear:none; }
  section.bpjob .abspann { width:100%; padding:20px 0 0 0; clear:both; }



ul#tinyaccordion1630 div.acc-section div.ce-gallery { width:180px; margin:0 2.0rem 1.0rem 0; }

.body-frame-703 .caption-wrapper:hover { filter: blur(8px); -webkit-filter: blur(8px);}

#c1558 img { width: 20.0rem; }

.body-frame-723 .tx-ws-flexslider .caption-text h2 { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#ffffff; text-transform:uppercase; font-size:1.9rem; line-height:2.1rem; margin:0; padding:0; }


}

@media only screen and (min-width: 100.0rem) {

  /* Header-Navigation */
  li.product div.product-teaser-image { width:100px; }
  li.product div.product-teaser-text { width:270px; font-size:110%; line-height:130%; }

  .prodcat-28 li.product:hover div.product-teaser, .body-frame-28 li.product:hover div.product-teaser { left:238px; width:400px; margin:-32px 0 0 0; }
  .prodcat-28 li.product.last:hover div.product-teaser, .body-frame-28 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-29 li.product:hover div.product-teaser, .body-frame-29 li.product:hover div.product-teaser { left:237px; width:400px; margin:-32px 0 0 0; }
  .prodcat-29 li.product.last:hover div.product-teaser, .body-frame-29 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-30 li.product:hover div.product-teaser, .body-frame-30 li.product:hover div.product-teaser { left:160px; width:400px; margin:-32px 0 0 0; }
  .prodcat-30 li.product.last:hover div.product-teaser, .body-frame-30 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-31 li.product:hover div.product-teaser, .body-frame-31 li.product:hover div.product-teaser { left:-400px; width:400px; margin:-32px 0 0 0; }
  .prodcat-31 li.product.last:hover div.product-teaser, .body-frame-31 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }

  .prodcat-33 li.product:hover div.product-teaser, .body-frame-33 li.product:hover div.product-teaser { left:238px; width:400px; margin:-32px 0 0 0; }
  .prodcat-33 li.product.last:hover div.product-teaser, .body-frame-33 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-34 li.product:hover div.product-teaser, .body-frame-34 li.product:hover div.product-teaser { left:237px; width:400px; margin:-32px 0 0 0; }
  .prodcat-34 li.product.last:hover div.product-teaser, .body-frame-34 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-35 li.product:hover div.product-teaser, .body-frame-35 li.product:hover div.product-teaser { left:160px; width:400px; margin:-32px 0 0 0; }
  .prodcat-35 li.product.last:hover div.product-teaser, .body-frame-35 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }
  .prodcat-36 li.product:hover div.product-teaser, .body-frame-36 li.product:hover div.product-teaser { left:-400px; width:400px; margin:-32px 0 0 0; }
  .prodcat-36 li.product.last:hover div.product-teaser, .body-frame-36 li.product.last:hover div.product-teaser { margin:-41.5px 0 0 0; }

  /* Headerbilder, Slider, ... */
  .headerpic { min-height:40.0rem; }
  .headerpic2 { height:20.0rem; margin:5.5rem 0; }
  .frame-layout-22, .frame-layout-23, .frame-layout-24, .slidercontent { top:24.5rem; }
  .tx-ws-flexslider .caption-text { top:29.5rem; }
  .bp12 .tx-ws-flexslider .caption-text { top:8.0rem; }
  .bp19 .tx-ws-flexslider .caption-text { top:8.0rem; }
  .bp8 .tx-ws-flexslider .caption-text, .bp11 .tx-ws-flexslider .caption-text { top:29.5rem; }
  .frame-layout-22 h2, .frame-layout-23 h2, .frame-layout-24 h2, .tx-ws-flexslider .caption-text h2, .tx-ws-flexslider .caption-text .caption-title, .bp8 .tx-ws-flexslider .caption-text h2, .bp8 .tx-ws-flexslider .caption-text .caption-title, .bp11 .tx-ws-flexslider .caption-text .caption-title { font-size:2.5rem; line-height:2.5rem; }
  .frame-layout-22 h3, .frame-layout-23 h3, .frame-layout-24 h3, .tx-ws-flexslider .caption-text h3, .tx-ws-flexslider .caption-text .caption-body p, .bp8 .tx-ws-flexslider .caption-text h3, .bp8 .tx-ws-flexslider .caption-text .caption-body p, .bp11 .tx-ws-flexslider .caption-text .caption-body p { font-size:2.0rem; line-height:2.0rem; }
  .tx-ws-flexslider .caption-text h6 { font-size:2.0rem; line-height:2.0rem; }
  .oekologo { width:10.25rem; position:absolute; right:1.25rem; top:6.75rem; }
  .schwerlogo { width:10.25rem; position:absolute; right:10.75rem; top:33.75rem; }

  /* Abstände, Breaks, Trennlinien, ... */
  .bp6 section.bp { margin:5.5rem auto 0 auto; }

 .body-frame-661 .spec-menu-slide { top:689px;
  left: 1200px; /* Position them outside of the screen */ }
  .body-frame-661 .slogan-start2 { width:200px; position:absolute; top:33.0rem; right:2.0rem; display:block; z-index:12000; text-align:center; background:rgba(255,255,255,.8)}
  .body-frame-723 .slogan-start2 { width:200px; position:absolute; top:57.5rem; right:1.0rem; display:block; z-index:12000; text-align:center;}
  .body-frame-723 .slogan-start1 { width:220px; position:absolute; top:24.0rem; right:30.0rem; display:block; z-index:12000; text-align:center;}
  .body-frame-723 .tx-ws-flexslider .caption-text h2 { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#ffffff; text-transform:uppercase; font-size:2.0rem; line-height:2.2rem; margin:0; padding:0; }


@keyframes marquee {
 0%   { text-indent: 1550px }
 100% { text-indent: -1550px }
}

.marquee { width: 1550px; }

  #c1673 { margin:4.0rem 0 0 0; }

}


@media only screen and (min-width: 120.0rem) {

  .body-frame-723 .slogan-start2 { width:200px; position:absolute; top:63.5rem; right:1.0rem; display:block; z-index:12000; text-align:center;}
  .body-frame-723 .slogan-start1 { width:240px; position:absolute; top:28.0rem; right:50.0rem; display:block; z-index:12000; text-align:center;}
  .body-frame-723 .tx-ws-flexslider .caption-text h2 { font-family:'LatoLatin-Heavy', sans-serif; font-weight:900; color:#ffffff; text-transform:uppercase; font-size:2.2rem; line-height:2.4rem; margin:0; padding:0; }

}