/*
=============================================
---- HEY-SIGN STYLE
=============================================
*/

* {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
  font-size: 1em;
  font-weight: 400;
  color: #868686;
  line-height: 1.5em;
}
img {
  max-width: 100%;
  height: auto;
}
@media all and (-ms-high-contrast:none) {
     img { width: 100%; } /* IE10 */
     *::-ms-backdrop, .img { width: 100%; } /* IE11 */
}
.ce-border img, .ce-border iframe {
  border: 1px solid #868686;
}
h1 {
  font-size: 1em;
  font-weight: 600;
  margin: 0 0 1.5em 0;
}
h2 {
  font-size: 1em;
  font-weight: 600;
  margin: 0 0 1.5em 0;
}
h3 {
  font-size: 1.375em;
  font-weight: 600;
  margin: 0 0 1.875em 0;
}
h4 {
  font-size: 1.125em;
  font-weight: 600;
  margin: 0 0 2.125em 0;
}
h5 {
  font-size: 0.875em;
  font-weight: 600;
  margin: 0 0 2.375em 0;
}
.ce-bodytext ol, ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0px;
  padding-left: 20px;
}
a:link {
  color: #868686;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
a:visited {
  color: #868686;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
a:hover,
a:focus,
a:active {
  color: #404040;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}

#c14012 {
margin: auto;
border: .2em dotted;
border-color: red;
padding: 10px;
}
#c14016 {
margin: auto;
border: .2em dotted;
border-color: red;
padding: 10px;
}
/*!  Abstand  */

.frame-space-before-extra-small { margin-top: 1em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-before-medium { margin-top: 3em; }
.frame-space-before-large { margin-top: 4em; }
.frame-space-before-extra-large { margin-top: 5em; }

.frame-space-after-extra-small { margin-bottom: 1em; }
.frame-space-after-small { margin-bottom: 2em; }
.frame-space-after-medium { margin-bottom: 3em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-extra-large { margin-bottom: 5em; }

/*!  Header  */

.header {
  padding: 2.5em 0 1.5em 0;
}
.h_menu {
  padding: 5em 0 0 0;
}
.logo_mobil_nav {
  display: none;
}
logo_nav  {
  position: relative;
}
.logo {
  text-align: right;
}
.header_logo {
  margin-bottom: 1em;
}

.container_header .ce-column {
  margin-right: 0px;
}
/*!  Breadcrumb   */

.container_breadcrumb {
  height: 1.875em;
}
.menu_breadcrumb {
  margin-left: 0px;
}
.menu_ul ul {
  display: inline;
  list-style: none;
  list-style-position: outside;
  padding: 0em;
  margin: 0em;
}
.menu_breadcrumb li {
  color: #868686;
  float: left;
  font-size: 0.875em;
  padding: 0em 0.6em 0em 0em;
}
.menu_breadcrumb li a:link, 
.menu_breadcrumb li a:visited {
  color: #868686;
  padding: 0em 0.375em 0em 0em;
  margin: 0em;
  text-decoration: none;
}
.menu_breadcrumb li a:hover,
.menu_breadcrumb li a:focus,
.menu_breadcrumb li a:active {
  color: #404040;
}
/*!  Breadcrumb jump  */
.breadcrumb_jump {
  color: #868686;
  float: left;
  font-size: 0.875em;
  font-weight: 600;
}
.breadcrumb_jump a:link, 
.breadcrumb_jump a:visited {
  color: #868686;
  padding: 0em 0.375em 0em 0.375em;
  margin: 0em;
  text-decoration: none;
}
.breadcrumb_jump a:hover,
.breadcrumb_jump a:focus,
.breadcrumb_jump a:active {
  color: #404040;
}

/*!  Slider  */

.owl-theme .owl-controls .owl-page span {
  width: 6px;
  height: 6px;
}

/*!  Content  */

.container_content {
  padding: 4em 0em 0em 0em;   
}
.container-fluid {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
.container_content p {
  color: #868686;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
p {
  margin-top: 0;
  margin-bottom: 0rem;
}
.container_content .frame-layout-3 h2 {
  margin: 0;
  line-height: 1.5em;
}
.container_content .frame-layout-3 .shoplink {
  background: url(../img/Filz-Shop-Icon_1.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 26px;
  text-decoration: none;
}
/*!  Content Layout des Inhaltselements */

.frame-layout-0  {
  color: #868686;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.frame-layout-1 {
  color: #868686;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.container_content a:link {
  color: #868686;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
.container_content a:visited {
  color: #868686;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
.container_content a:hover,
.container_content a:focus,
.container_content a:active {
  color: #404040;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
.ce-gallery figcaption {
  text-align: center;
  font-size: 1em;
}

/*!  Bildabstand unten Bilder  */

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

/*!  Bildabstand links extra gross  */
.frame-layout-1 .ce-intext.ce-right .ce-gallery {
    margin-left: 3.75em;
}

/*!  Ausklappcontent  */
.card {
  background-color: #fff;
  border: 0px;
  border-radius: 0rem;
}
.card-header {
  padding: 0rem 0rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 0px solid rgba(0,0,0,.125);
}
.card-body { 
  padding: 1.25rem 0rem;
}
.card .btn {
  padding: 0rem 1rem 0rem 0rem;
}
.btn-link {
  font-weight: 400;
  color: #868686;
  text-decoration: normal;
}
.btn-link:visited {
  color: #868686;
  text-decoration: underline;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  color: #868686;
  text-decoration: underline;
}
.card header {
  display: none;
}
.frame-layout-1 .card-header {
  text-align: center;
}
.frame-layout-2 .card-header {
  text-align: right;
}
.btn-link {
  background: url(../img/trigger_back_1.gif) no-repeat;
  background-repeat: no-repeat;
  background-position: right center;
}

/*!  Händlersuche  */

.tx-ws_userradial .form-group {
  width: auto;
}
.tx-ws_userradial .form-control {
  border: 1px solid #ced4da;
  border-radius: 0rem;
  margin-right: 1em;
}
.btn-primary {
  color: #868686;
  background-color: #eaeaea;
  border-color: #b4b4b4;
  border-radius: 0rem;
  margin-right: 1em;
}
.btn-primary:hover {
  color: #fff;
  background-color: #b4b4b4;
  border-color: #b4b4b4;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 1px;
  margin: 2em 0;
}
.pagination>li {
  display: inline;
}
.pagination>li>a,.pagination>li>span {
  position: relative;
  float: left;
  margin-left: -1px;
  line-height: 1.42857;
  color: #b4b4b4;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 4px 8px;
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination>.active>a,.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 2;
  color: #868686;
  cursor:default;
  background-color: #eaeaea;
  border-color: #b4b4b4;
}

/*!  Login  */
.tx-felogin-pi1 .form-group {
  margin-top:  1.25em;
  margin-bottom: 0em;
  width: 100%;
}
.tx-felogin-pi1 label {
  margin-bottom: 0;
  float: left;
  width: 10em;
}
.tx-felogin-pi1 input {
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.tx-felogin-pi1 .felogin_button {
  height: 38px;
  background-color: #b4b4b4;
  border-color: #b4b4b4;
  color: #ffffff;
  font-size: 1em;
  border-radius: 0rem;
  margin-top: 1em;
}

/*!  Formular Logindaten anfordern */
#reg_de-76 .form-group,
#reg_en-307 .form-group,
#logindaten_de-75 .form-group,
#logindaten_en-559 .form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.375em;
  width: 100%;
}

#reg_de-76 .form-control,
#reg_en-307 .form-control,
#logindaten_de-75 .form-control,
#logindaten_en-559 .form-control {
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#reg_de-76 .control-label,
#reg_en-307 .control-label,
#logindaten_de-75 .control-label,
#logindaten_en-559 .control-label {
  margin-bottom: 0; 
  float: left;
  width: 20%;
}
#reg_de-76 .input,
#reg_en-307 .input,
#reg_de-76 select,
#reg_en-307 select,
#logindaten_de-75 .input, 
#logindaten_de-75 select,
#logindaten_en-559 .input, 
#logindaten_en-559 select {
  float: left;
  width: 80%;
}


#reg_de-76 .checkbox,
#reg_en-307 .checkbox,
#logindaten_de-75 .checkbox,
#logindaten_en-559 .checkbox {
  width: 100%;
  padding: 0em;
}
#reg_de-76 .form-check,
#reg_en-307 .form-check,
#logindaten_de-75 .form-check,
#logindaten_en-559 .form-check {
  float: left;
  width: 20%;
  padding-left: 0rem;
}
#reg_de-76 .help-block,
#reg_en-307 .help-block,
#logindaten_en-559 .help-block {
  float: right;
  width: 80%;
}
#reg_de-76 .form-check-label, 
#reg_en-307 .form-check-label, 
#logindaten_de-75 .form-check-label,
#logindaten_en-559 .form-check-label {
  margin: 1.25 0;
} 
#reg_de-76 input[type="checkbox"],
#reg_de-76 input[type="radio"],
#reg_en-307 input[type="checkbox"],
#reg_en-307  input[type="radio"],
#logindaten_de-75 input[type="checkbox"], 
#logindaten_de-75 input[type="radio"],
#logindaten_en-559 input[type="checkbox"], 
#logindaten_en-559 input[type="radio"] {
  margin-right: 0.938em;
}

/*!  Formular Verkaufsunterlagen */
#verkaufsunterlagenanfordern-341 .form-group,
#verkaufsunterlagenanfordernoeffentlicherBereich-9058 .form-group,
#verkaufsunterlagenanfordernEnglisch-610 .form-group, 
#verkaufsunterlagenanfordernoeffentlicherBereichEnglisch-10246 .form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.375em;
  width: 100%;
}
#verkaufsunterlagenanfordern-341 .form-check,
#verkaufsunterlagenanfordernoeffentlicherBereich-9058 .form-check,
#verkaufsunterlagenanfordernEnglisch-610 .form-check,
#verkaufsunterlagenanfordernoeffentlicherBereichEnglisch-10246 .form-check {
  position: relative;
  display: block;
  padding-left: 0rem;
}
#verkaufsunterlagenanfordern-341 .control-label,
#verkaufsunterlagenanfordernoeffentlicherBereich-9058 .control-label,
#verkaufsunterlagenanfordernEnglisch-610 .control-label,
#verkaufsunterlagenanfordernoeffentlicherBereichEnglisch-10246 .control-label {
  margin-bottom: .5rem;
  float: left;
  width: 20%;
}
#verkaufsunterlagenanfordern-341  .input,
#verkaufsunterlagenanfordernoeffentlicherBereich-9058  .input, 
#verkaufsunterlagenanfordernEnglisch-610 .input,
#verkaufsunterlagenanfordernoeffentlicherBereichEnglisch-10246 .input {
  float: right;
  width: 80%;
}
#verkaufsunterlagenanfordern-341  .checkbox,
#verkaufsunterlagenanfordernoeffentlicherBereich-9058  .checkbox, 
#verkaufsunterlagenanfordernEnglisch-610 .checkbox,
#verkaufsunterlagenanfordernoeffentlicherBereichEnglisch-10246 .checkbox{
  float: right;
  width: 100%;
}
#verkaufsunterlagenanfordern-341-fieldset-1 .form-group  .control-label {
  margin-bottom: .5rem;
  float: left;
  width: 0%;
}
#verkaufsunterlagenanfordern-341 legend,
#verkaufsunterlagenanfordernoeffentlicherBereich-9058 legend, 
#verkaufsunterlagenanfordernEnglisch-610 legend,
#verkaufsunterlagenanfordernoeffentlicherBereichEnglisch-10246 legend {
  font-size: 1.25em;
  font-weight: 600;
  background-color: #fff;
  border-bottom: 1px #c0c0c0 dashed;
  padding-bottom: 15px;
  margin: 1.25em 0em 1em 0em;
}
#verkaufsunterlagenanfordern-341 input[type="checkbox"], input[type="radio"],
#verkaufsunterlagenanfordernoeffentlicherBereich-9058 input[type="checkbox"], input[type="radio"],
#verkaufsunterlagenanfordernEnglisch-610 input[type="checkbox"], input[type="radio"],
#verkaufsunterlagenanfordernoeffentlicherBereichEnglisch-10246  input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  margin-right: 1em;
}
#verkaufsunterlagenanfordern-341 h2,
#verkaufsunterlagenanfordernoeffentlicherBereich-9058 h2,
#verkaufsunterlagenanfordernEnglisch-610 h2,
#verkaufsunterlagenanfordernoeffentlicherBereichEnglisch-10246 h2 {
  margin: 1.5em 0 1.5em 0;
}

/*!  Formular toolforinspiration */

.form-check {
position: relative;
display: block;
padding-left: 0rem;
}


/*!  Footer  */

.container_footer {
  padding-left: 0;
  padding-right: 0;
  padding: 3em 0em 3.5em 0em;
  margin: 0 auto;
}
.footer_menue {
  text-align: right;
  margin-top: 5px;
}
.footer_menue ul {
  display: inline-block;
  list-style: none;
  list-style-position: outside;
  list-style-position: outside;
  padding: 0em;
  margin: 0em;
}
.footer_menue li {
  font-size: 0.875em;
  color: #868686;
  float: left;
  padding: 0em .625em 0em 0em;
  text-decoration: none;
}
.footer_menue li a:link, 
.footer_menue li a:visited {
  color: #868686;
  padding: 0.375em;
  margin: 0em;
  text-decoration: none;
}
.footer_menue li a:hover,
.footer_menue li a:focus,
.footer_menue li a:active {
  color: #404040;
}
.img150 {
  width: 24px;
}
.img151 {
  width: 59px;
  margin-right: 10px;
}

/*!  Totop  */

#button {
  display: inline-block;
  background-color: #ffffff;
  background-image: url(../img/scrollicon_001.gif);
  background-position: center center;
  width: 40px;
  height: 40px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border-radius: 50%;
}
#button:hover {
  cursor: pointer;
}
#button:active {

}
#button.show {
  opacity: 1;
  visibility: visible;
}

/*!  Menue  */
.navbar {
  position: absolute;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 0rem;
}
.dropdown-menu { 
  max-height: max-content;
  width: max-content !important;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  margin-top: 0.125rem;
  margin-left: 0px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid rgba(0,0,0,.15);
  border-radius: 0em;
  box-shadow: 0em .25em .25em -.0625em #404040;
  -ms-box-shadow: 0em .25em .25em -.0625em #404040;
  -moz-box-shadow: 0em .25em .25em -.0625em #404040;
  -webkit-box-shadow: 0em .25em .25em -.0625em #404040;
}
.navbar-nav li a {
  color: #868686;
  margin: 0em;
  text-decoration: none;
  }
.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,.5);
  padding-right: 0.2em;
  padding-left: 0.2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin-right: 1.8em;
}
.navbar-light .navbar-nav .nav-link.level1,
.navbar-light .navbar-nav .nav-link.level2 {
  color: rgba(0,0,0,.5);
  padding-right: 0.5em;
  padding-left: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin-right: 0em;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link.level1:hover,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link.level2:hover {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
  color: #ffffff;
  background-color: #b2b2b4;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0em;
  vertical-align: 0em;
  border-top: .0em solid;
  border-right: .0em solid transparent;
  border-left: .0em solid transparent;
}

/*!  Menue Sprache */
.language {
  margin: 0;
  padding: 0;
}
.language ul, .language li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}
.language a {
  float: left;
  line-height: 14px;
  font-weight: bold;
  margin: 0 20px 4px 0px;
  text-decoration: none;
  color: #1A1A1A;
}
.language a:link#current, 
.language a:visited#current, 
.language a:hover {
  padding-bottom: 2px;
  background: transparent;
  color: #868686;
}
/*! Lightbox Pfeil */

.lightbox-arrow-left::after {
    border-right: 17px solid #FFF;
    margin-left: 35px;
}
.lightbox-arrow-right::after {
    border-left: 17px solid #FFF;
    margin-left: 35px;
}



/*! CSS */

/*! Seite Wandgestaltung Relief */

#c3226 .row .col-md-12,
#c7494 .row .col-md-12 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#c3226 .row .col-md-12 #mgfx-galery,
#c7494 .row .col-md-12 #mgfx-galery {
  margin-bottom: 50px;
}

/*! Seite Messen und Termine Bildergalerie */

#c2704 .row .col-md-12,
#c3102 .row .col-md-12 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#c2704 .row .col-md-12 #mgfx-galery,
#c3102 .row .col-md-12 #mgfx-galery {
  margin-bottom: 50px;
}

/*! Seite Presse & Medien Bildergalerie */

#c3447 .ce-row,
#c3722 .ce-row {
  margin-bottom: 0px;
}
#c3447 .ce-column,
#c3722 .ce-column {
  margin-right: 29px;
  margin-bottom: 40px;
}
#c3492 .ce-column, 
#c3725 .ce-column {
    margin-right: 29px;
    margin-bottom: 40px;
}
#c3492 .ce-column:last-child,
#c3725 .ce-column:last-child {
  margin-right: 0px;
}
#c3447 .ce-column:last-child,
#c3722 .ce-column:last-child {
  margin-right: 0px;
}
/*! Seite Produktwelt/Farbkarte */

#c2824 .ce-gallery .ce-column,
#c2826 .ce-gallery .ce-column,
#c2830 .ce-gallery .ce-column,
#c2838 .ce-gallery .ce-column,
#c2851 .ce-gallery .ce-column,
#c2853 .ce-gallery .ce-column,
#c4126 .ce-gallery .ce-column,
#c4129 .ce-gallery .ce-column,
#c4187 .ce-gallery .ce-column,
#c4227 .ce-gallery .ce-column,
#c4228 .ce-gallery .ce-column,
#c4239 .ce-gallery .ce-column {
  margin-right: 30px;
}