.filmlink { margin-left: 1em; }

.banner { cursor: pointer; }

/* ------------------------------
    Fachhändler-Suche
   ------------------------------*/
#map_google { margin: 2em 0;}
table.haendlerliste {margin-top: 0em;}
table.haendlerliste td.tdhaendlertop {  padding-top: 3em;}
table.haendlerliste td.tdhaendlertop h3 { font-size: 26px; padding-bottom: 0.5em;}

.retail_search .input-group {width:50%; margin: 2em 0;}





/* ------------------------------
    Newsletter Formular
   ------------------------------*/

.newsletter {
   width:100%;
   background-color: #196098;
   padding: 5em 0;
   text-align: center;
   margin-bottom: -6em;
}

.newsletter h2 {
   color: white;
   font-size: 3em;
   font-weight: 100;
   margin:0;
   padding: 0;
}

.newsletter  p {
   opacity: 0.8;
   font-size: 18px;
   color: #FFFFFF;
   letter-spacing: 0;
   line-height: 1.5em;
}

.newsletter__wrapper {
   width: 960px;
   margin: 0 auto;
}

.button__submit {/* Input: */
   
    background: #FF7911;
    border: 0;
    color: white;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;


   
   padding: 10px 20px;
   border-radius: 6px;
   border: 1px solid #FF7911;
}

.newsletter__input {
   width: 90%;
   padding: 10px 20px;
   border-radius: 6px;
   border: 1px solid rgba(255,255,255,0.5);
   background: transparent; 
}

.newsletter__input:focus {
   background: rgba(255,255,255,0.15);
}

.newsletter__form { margin-top: 3em;}







a {
  color: #ff7911;
  text-decoration: none;
}


#pagefaq h3 { font-size: 2.5rem;}


#icon_search:hover { fill: red; }

.centertext {
    
    width: 700px;
    margin: 0 auto;
}


/* ------------------------------
    Katalog Footer Download PDF
   ------------------------------*/

.katfoot__50 {
   display: table;
   width: 960px;
   margin: 0 auto;
}
.katfoot__50 div { display: table-cell;  width: 50%; vertical-align: top; 
box-sizing: border-box; }

.katfoot { 
   width: 100%;
   min-height: 100px; 
   padding: 2em 0; 
   margin-top: 4em;
   margin-bottom: -6em;
   background-color: #ECF3F9;
   background-repeat: no-repeat;
   background-position: center top; 

   background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSI2ODYgMTUyNCA2NCAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxwb2x5Z29uIGlkPSJUcmlhbmdsZSIgc3Ryb2tlPSJub25lIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iNzE4IDE1NDkgNjg2IDE1MjQgNzUwIDE1MjQiPjwvcG9seWdvbj4KPC9zdmc+');

}

.katfoot__image img { height: 220px;}
.katfoot__text { color: #43484D; padding-left: 3em; }
.katfoot__text h2 { font-weight: 200; font-size:36px; margin-top:0.75em;}




/* ------------------------------
    Article List
   ------------------------------*/


.article-list h2 { font-size: 1.6em; }
div.article-list { border-bottom: 1px dotted gray; padding: 1.5em 0;}
div.article-list:first-child { border-top: 1px dotted gray; }



/* ------------------------------
    DIVERSE
   ------------------------------*/





.Orange { color: #fd7a07;}

.mainmenu {
   display: table;
   width: 100%;
   height: 110px;
}


/* ------------------------------
    Header Navigation
   ------------------------------*/


.mainmenu div { display: table-cell; vertical-align: middle; /* border: 1px solid pink; */ }
.mainmenu__logo { width: 110px; }
.mainmenu__logo img { margin-left: 20px; margin-top:10px}

.mainmenu__navi { text-align: center; }
.mainmenu__navi a { 
   color: #2C2C2C; 
   text-decoration: none; 
   padding: 0 15px;  
   text-transform: uppercase; 
   font-weight: 500;
}

.mainmenu__navi a.active,
.mainmenu__navi a:hover
{ color: #FF7911; }




a.mainmenu-item.active { color: #FF7911; }

header {
 position: relative;
 height: 140px;

 width:100%;
 box-shadow: 0 2px 8px 0 rgba(0,0,0,0.50);
 z-index:1000;
 overflow-x:hidden;
 background: #F8F8F8;
}

.top-menu__nav {
	text-align: right;
	background-color: #196098;
	line-height:30px;
    border-left: 30px #FF7911 solid;
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.40);
}

.top-menu__nav a {
	color:rgba(255,255,255,1);
	display:inline-block;
	text-decoration:none;
	height:30px;
	padding:0 20px;
	font-size: 14px;
   line-height: 30px;
}

.top-menu__nav a:hover { background-color: #FF7911;}
.top-menu__nav a.active { background-color: #FF7911;}

.top-menu__nav span.topmenu__clangbox {
   background: #ECF3F9;
   margin-left:30px;
   display: inline-block;
}

.top-menu__nav span.topmenu__clangbox a { 
   display: inline-block;
   width: 30px;
   height: 30px;
   margin:0;
   padding: 0 25px;
   background-position: center center;
   background-repeat: no-repeat;
}
.top-menu__nav span.topmenu__clangbox a:hover { background-color: #FF7911;}
.top-menu__nav span.topmenu__clangbox a.active { background-color: #FF7911;}

a.clang__de {
   background-image: url('/template/flags_iso/24/de.png');
}
a.clang__en {
   background-image: url('/template/flags_iso/24/gb.png');
}
a.clang__fr {
   background-image: url('/template/flags_iso/24/fr.png');
}
a.clang__nl {
   background-image: url('/template/flags_iso/24/nl.png');
}




/* -------------------------------------------
    Searchbar Service-Header & Search-Ikon
   ------------------------------------------- */


.topmenu__search {
    display: inline-block;
    height: 30px;
    margin: 0 0 0 2em;
    padding: 0 0.5em;
    background:  #e7f1f8;
    overflow:hidden;
}

.topmenu__search__form { 
    margin: 0; 
    padding: 0;
}

.topmenu__search__input {
	display: inline-block;
    vertical-align: middle
    height: 20px;
    width: 200px;
    margin:0;
    padding: 0px 10px;
    border:0;
    border-radius: 0;
    outline:0;
    font-size: 13px;
    line-height: 18px;
    background: transparent;
}

.topmenu__search__button {
    display: inline-block;
    border-radius: 0;
    height: 30px;
    width: 35px;
    margin-top: -1px;
    margin-left: 1em;
    line-height: 24px;
    text-transform: uppercase;
    vertical-align: middle;
    /* border: 1px solid red; */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaWMtc2VhcmNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIC0zLjAwMDAwMCkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSwxNCBMMTQuNzEsMTQgTDE0LjQzLDEzLjczIEMxNS40MSwxMi41OSAxNiwxMS4xMSAxNiw5LjUgQzE2LDUuOTEgMTMuMDksMyA5LjUsMyBDNS45MSwzIDMsNS45MSAzLDkuNSBDMywxMy4wOSA1LjkxLDE2IDkuNSwxNiBDMTEuMTEsMTYgMTIuNTksMTUuNDEgMTMuNzMsMTQuNDMgTDE0LDE0LjcxIEwxNCwxNS41IEwxOSwyMC40OSBMMjAuNDksMTkgTDE1LjUsMTQgWiBNOS41LDE0IEM3LjAxLDE0IDUsMTEuOTkgNSw5LjUgQzUsNy4wMSA3LjAxLDUgOS41LDUgQzExLjk5LDUgMTQsNy4wMSAxNCw5LjUgQzE0LDExLjk5IDExLjk5LDE0IDkuNSwxNCBaIiBpZD0iU2hhcGUiIGZpbGw9IiMxRDU4OEUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMCAwIDI0IDAgMjQgMjQgMCAyNCI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center center;
}

.topmenu__search__button:hover {cursor: pointer;}

.topmenu__search__input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #195790;
}
.topmenu__search__input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #195790;
   opacity:  1;
}
.topmenu__search__input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #195790;
   opacity:  1;
}
.topmenu__search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #195790;
}
.topmenu__search__input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #195790;
}


/* Suchefunktion Lupe   ------------------------------------------- */


.mainmenu__suche { width: 110px; text-align: right;}
.mainmenu__suche a { 
   display:inline-block; 
   text-decoration: none; 
   width: 40px; 
   height: 40px; 
   margin-right:20px;
}

/* Responsive   ------------------------------------------- */

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

    .topmenu__search__input { width: 100px; }
    .topmenu__search { margin: 0 0 0 1em; padding: 0 0.5em; }
    .top-menu__nav span.topmenu__clangbox {  margin-left:1em;}
    

}

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

    .topmenu__search { display: none; }
    .mainmenu__suche { display:block; }

}



/* -------------------------------- */






/* ------------------------------
    Kataloganforderung
   ------------------------------*/
.yform { background-color: #f6f6f6; padding: 2em 0; }
form.rex-yform { width: 960px; margin: 1em auto;}
.form-group label.control-label {
	display: inline-block;
    width: 39% !important;
	vertical-align: top;
	text-align: right;
	padding-right: 1em;
	box-sizing: border-box;
}
.form-group { border-bottom: 1px solid rgb(205,205,205); padding-bottom: 0.75em; }
.form-group input[type=text],
.form-group input[type=email],
.form-group textarea { width: 60%; }

div.form-group.has-error label { color: red;}
div.form-group.has-error input {	background-color: rgba(255, 192, 203, 0.32); border: 1px solid red;}

.yform button { margin: 1em auto;  }


div.alert.alert-danger { list-style: none; }
div.formthanks { text-align: center; }
div.formthanks h2 { font-weight: 300; }



/* ---------------------------
    Ansprechpartner
------------------------------*/

#ansprechpartner ul.contentbox .modbox_text { width: 50%;  text-align: right; padding-top: 2em;}
#ansprechpartner ul.contentbox .modbox_text strong { font-size: 26px; display: block; font-weight: 300;}
#ansprechpartner ul.contentbox .modbox_text a { font-size: 16px; display: block; text-decoration: none; font-weight:500; }
#ansprechpartner ul.contentbox .modbox_bild_right { width: 50%;}
#ansprechpartner ul.contentbox .modbox_bild_right img { width: 80%; }


/* ---------------------------
    Mediathek
   ------------------------------*/



section.mediathek {
    background: #efefef;
    padding: 2.5em 0;
}

section.mediathek h3 { margin: 0 0 0.5em;}


/*-- Video navi */

video#mainvideo {
    box-shadow: 0px 2px 7px grey;
    margin-bottom: 1em;
}




ul#videonavi {
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
    list-style: none;
    list-style: none;
}


ul#videonavi li {
   margin-top: 0;
   margin-bottom: 1em;
   display: inline-block;
   width: 218px;
   height: 200px;
   margin-right: 17px;
   min-height: 240px;
   background-color: #f3f3f3;
   vertical-align: top;
}

ul#videonavi li img { width: 100%; }


a.playvideo {
	display: block;
	border-radius:0px; /* CSS3 */
	margin-bottom: 1em;
	color:#195790;
	text-decoration: none;
   text-align: center;
   min-height: 200px;
}

a.video-current, a.playvideo:hover {
	color: white;
	background: url(../grafik/ikon_thumb_play_aktiv.png) no-repeat 5px center #fd801d;
	text-shadow: none;
}




p.videotext {
	margin-left: 30px;
	margin-top: 20px;
}


#videobox {
	width:80%;
	max-width: 740px;
	margin: 0 auto;
}




#videoauswahl {

}






/* ---------------------------
    Video
------------------------------*/


.videobox { margin: 2em auto; }
video {
   object-fit: inherit;
}


/* ---------------------------
    4er Miniteaser
------------------------------*/

.col4teaser {
   width: 960px;
   margin: 2em auto;
}
.col4teaser .tabcol { padding: 20px; }
.col4teaser .tabcol p { text-align: center; margin-top: 1.5em; }
.col4teaser .tabcol img { width: 100%; }






section.text2col .column { padding: 0;}

.text2col {  margin: 3em 0; }
.text2col div { box-sizing: border-box;}
.text2col__text { 
  padding-right: 30px;
  padding-top: 0.5em;
  margin:0; 
  color: #313131;
}
.text2col__text h3 {font-size: 24px; margin-top: 0; padding-top:0; font-weight: 200; line-height: 1.5em;}

.text2col__image  { padding-left: 30px; }
.text2col__image img {  max-width: 100%; }
.text2col__image figcaption { font-style: italic; text-align: center; }




@media (min-width: 600px) {
  .box50 {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 3em;
  }
  .box50__cell {
    display: table-cell;
    padding:0;
    width: 50%;
  }
  .box50__cell h3 {
    font-size: 24px;
    font-weight: 200;
	margin-top: 1em; 
  }
  
  .box50__cell img {    width: 100%; }
  .box50__cell figure img {    width: auto; }
  .box50__cell figure { padding:0; margin: 0;   width: auto; }
  .tab50__right    {    padding-left: 30px !important;  }
  .tab50__left     {    padding-right: 30px !important;  }
  
}

  .tab50__right    {    padding-left: 0px;  }
  .tab50__left     {    padding-right: 0px;  }




footer { margin-top: 6em; }



ul.contentbox {
    
    display: table;
}

ul.contentbox { width: 800px; margin:0 auto; margin-bottom: 2em;}

ul.contentbox li { display: table-cell; vertical-align:top; width: 100%; }
ul.contentbox li.modbox_text {padding-right: 3em;}

ul.contentbox li.modbox_bild_right img { margin-top: 3em;}

.modbox_text h2 { font-size: 22px; margin: 0; line-height: 1.5em; margin-bottom: 0.5em;}
.modbox_text h2 span.Orange { font-weight: 800; color: #fd7a07; display: block; margin-right: 0.5em; }







section.katalog {
   background: #ECF3F9;
   min-height: 200px;
   padding: 3em;
}

.katalog__text       {   padding-left: 3em; }
.katalog__text h3    {   font-size: 38px; line-height: 1.6em; color: #43484D; font-weight: normal; margin-bottom: 0; }
.katalog__text p     {  color: #43484D;  line-height: 1.6em; margin-bottom: 3em;}
.katalog__cover  { text-align: center;  }
.katalog__cover img { height: 380px; }


/*
  .tabcol {
    display: table-cell;

    vertical-align: top;
  }
*/
  
  
  /* ---------------------------
  Slider | 
------------------------------*/

.slider__wrapper { 
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.50);
}

.slider__box {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 520px;
}

.slider__teaser {
  position: absolute;
  /* background: rgba(0, 16, 45, 0.70); */
  background: rgba(25, 87, 144, 0.74);
  z-index: 1000;
  top: 25%;
  width: 40%;
  color: white;
  padding: 25px;
  box-sizing: border-box;
  border-radius: 0 8px 8px 0;
}


.slider__teaserline {
  position: absolute;
  /* background: rgba(2, 64, 121, 0.7);  */
  /* background: rgba(25, 87, 144, 0.73); */
  /* background: #195790; */
/*   background-color: rgba(0, 16, 45, 0.70); */
  background-color: rgba(223, 237, 249, 0.74);
  z-index: 1000;
  bottom: 0;
  font-size: 20px;
  width: 100%;
  height: auto;
  color: rgba(0,0,0,0.7);
  padding: 1.5em 25px;
  box-sizing: border-box;
  text-align: center;
}


.slider__teaserline p { margin: 0; padding: 0; font-size: 18px;}
.slider__teaserline strong { font-weight: 900;}

.slider__teaser h3 { 
  margin-top:0; 
  margin-bottom:0.2em; 
  font-weight: 500;
}


/* ---------------------------
  Slider | Theme
------------------------------*/

/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    -ms-transform: translate(-35px, -20px);
    transform: translate(-35px, -20px);
    cursor: pointer;
    color: transparent;
    outline: none;
    z-index:10000;
}

.slick-prev { right: 35px;  
/* LEFT */
background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iI0VFRSIgZD0iTTEzLjg5MSAxNy40MThjMC4yNjggMC4yNzIgMC4yNjggMC43MDkgMCAwLjk3OXMtMC43MDEgMC4yNzEtMC45NjkgMGwtNy44My03LjkwOGMtMC4yNjgtMC4yNy0wLjI2OC0wLjcwNyAwLTAuOTc5bDcuODMtNy45MDhjMC4yNjgtMC4yNyAwLjcwMS0wLjI3IDAuOTY5IDBzMC4yNjggMC43MDkgMCAwLjk3OWwtNy4xNDEgNy40MTkgNy4xNDEgNy40MTh6Ij48L3BhdGg+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 100% auto;

  background-color: rgba(0,16,45,0.70);
  border: 10px solid rgba(162, 66, 30, 0);
  border-radius: 50%;
}

.slick-next { right: -25px; 
/* RIGHT */
background-image: 
url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBmaWxsPSIjRUVFRUVFIiBkPSJNMTMuMjUgMTBsLTcuMTQxLTcuNDJjLTAuMjY4LTAuMjctMC4yNjgtMC43MDcgMC0wLjk3OSAwLjI2OC0wLjI3IDAuNzAxLTAuMjcgMC45NjkgMGw3LjgzIDcuOTA4YzAuMjY4IDAuMjcxIDAuMjY4IDAuNzA5IDAgMC45NzlsLTcuODMgNy45MDhjLTAuMjY4IDAuMjcxLTAuNzAxIDAuMjctMC45NjkgMHMtMC4yNjgtMC43MDcgMC0wLjk3OWw3LjE0MS03LjQxN3oiPjwvcGF0aD4KPC9zdmc+");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: rgba(0,16,45,0.70);
  border: 10px solid rgba(162, 66, 30, 0);
  border-radius: 50%;
}

.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus {
    color: transparent;
    outline: none;
/*     background-color: rgba(162, 66, 30, 1); */
    background-color:#FF7911;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    background: rgba(255, 121, 17, 0.45);
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;    line-height: 0;
    display: block;
    width: 20px;    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    
}

.slick-dots li.slick-active { background: #FF7911; }


/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  /*zoom: 1;*/
 }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #195790;
  padding: 5px;
  border-left: 20px solid  #FF7911;
  }
.slicknav_menu * {
    box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
 }
.slicknav_menu .slicknav_icon-bar {
    background-color: #fff; 
}

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
   }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }




@media (min-width: 600px) {
	.tabcol {
    	display: table-cell;
		vertical-align: top;
  	}


  	.mainmenu__navi a { 
	  	display: inline-block; 
	  	margin-left: -1px;
  	   height: 40px;
  	   line-height: 40px;
  	   border-color:rgba(0, 0, 0, 0.5);
  	   border-width:0 1px 0 0;
  	   border-left-width: 0px;
  	   border-right-style: solid;
  	
  	    -webkit-border-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ) 0 100%;
  	    -moz-border-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) )  0 100%;  
  	    -o-border-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) )  0 100%;
  	   border-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) )  0 100%;
  	   border-image-width: 1px;
  	}



}





/*-----------------------------------------------------------------------------------*/
@media (max-width: 738px) {
/*-----------------------------------------------------------------------------------*/

    /* --- MAIN ----------------------------------------------------- */

    .container { padding-left: 1.25em;  padding-right: 1.25em;  }

	header { height: 110px; }
	
	/* --- Language ----------------------------------------------------- */	
	span.topmenu__clangbox {
		background: none;
		margin-left:0px;
		margin-top: 6px;
		display: inline-block;
	}
	
	span.topmenu__clangbox a { 
	   display: inline-block;
	   width: 30px;
	   height: 30px;
	   margin:0;
	   padding: 0 20px;
	   background-position: center center;
	   background-repeat: no-repeat;
	   opacity: 0.6;
	   text-decoration: none;
	}
	span.topmenu__clangbox a:hover { background-color: none}
	span.topmenu__clangbox a.active { background-color: none; opacity: 1;}

	
	
	
	/* --- Slider ----------------------------------------------------- */	
	.slider__wrapper { }
	.slider__box {  background-size: 100%;  background-position: center top;  height: 420px; }
	.slider__teaserline {  font-size: 18px;  width: 100%;  height: auto; }
	.slider__teaserline p { margin: 0; padding: 0; font-size: 16px;}

	/* --- Slider :: Theme ----------------------------------------------------- */	

	.slick-prev, .slick-next { display: none; }
	.slick-dotted.slick-slider { margin-bottom: 30px; }
	
	/*-----------------------------------------------------------------*/
	
	
	
	.tabcol { margin: 1em auto;}
	.teaser__box {  display: block; margin: 1em auto; }

  
	.katfoot__50 { display: block;width: 100%;margin: 0 auto; }
	.katfoot__50 div { display: block;  width: 100%; }
	.katfoot { padding: 2em 0; margin-top: 3em; margin-bottom: -6em;}

	.katfoot__image { text-align: center; margin-top: 1.5em; }
    .katfoot__image img {width: 80%;height: auto;}
	.katfoot__text { color: #43484D; padding:0 1.5em; }
	.katfoot__text h2 { font-weight: 200; font-size:28px; margin-top:0.75em;}

	.videobox video, #videoplayer video { width:100%; height: auto;}
	
	.footer {width: 100%;padding: 2em 1em;}
	
	.teaser {  width: 100%;   margin: 2em auto; }
	
	.headline {  margin: 1.5em 0; text-align: center; padding: 0 1em; }
	
	
	/* --- text2col ----------------------------------------------------- */
	.text2col {  margin: 0; }
	.text2col__text { 
  		padding-right: 0px;
  		padding-left: 0px;
  		padding-top: 0em;
  		margin:0; 
  	}

  	.text2col__image  { padding-left: 15px; padding-right: 15px; }
  	
  	
  	/* --- tab50 ----------------------------------------------------- */
  	
  	.tab50__right     { padding: 0 ;  }
  	.tab50__left      { padding: 0 ;  }
  	.box50__cell      { margin: 1em auto;}
  	img.teaser__50image { margin-bottom: 1em;}
  	
  	.container.columns { margin: 1em auto; }

  	.centertext { width: 100%;    margin: 0 auto; }
  	.centertext__image { max-width: 100%; }
  	.mediathek__button a.btn { margin: 0.5em 0; width: 100%; }
  	

  	
  	/* --- BANNER ----------------------------------------------------- */
  	.banner__teaser {
	  	padding-left: 1em;
	  	padding-right: 3.5em;
	  	width: 100%;
	  	margin: 0 auto;
	  	font-size: 19px;
	  	line-height: 1.4em;
	}

  	
  	.ico_pfeil_rechts {  background-position: right 15px center; }
  	
  	
  	.headline h2 { font-size: 30px; line-height: 1.4em; }
  	

  	.col4teaser {   width: 100%;    margin: 0em auto; }
  	.col4teaser .tabcol { padding: 0px; text-align: center;}
  	.col4teaser .tabcol p { text-align: center; margin-top: 0em; }
  	.col4teaser .tabcol img { width: auto; margin: 0 auto; }


  	section.bigimg { width:100%; margin: 0 auto;}
  	.bigimg__box { width: 100%; margin: 1em auto; }
  	.bigimg p { font-size: 18px; text-align: center;  color: #43484D; padding-bottom: 0; margin-bottom:0.5em;}
  	.bigimg__headline h3 {
  		font-size: 20px;
  		line-height: 1.6em;
  		color: #43484D;
  		margin: 0;
  		padding:0;
  		text-align: center;
  		font-weight: 100;
	}
	.bigimg__image img { width: 100%; height:auto; }


    .newsletter 			{ padding: 5em 2em; }
    .newsletter h2 			{ font-size: 2em; }
    .newsletter  p 			{ font-size: 16px; }
    .newsletter__wrapper 	{ width: 100%; }

    .page-head h1 {	font-size: 30px; }
    .page-nav {	width:100%;	margin:0 auto;	text-align:center; }
    
    .page-nav a { display:block; width: 80%; margin:5px auto;}

    
    .videobox { margin: 0em auto; }
    
    ul.contentbox { width: 100%; margin:0 auto; margin-bottom: 0em;}
    ul.contentbox li { display: block; vertical-align:top; width: 100%; }
    ul.contentbox li.modbox_text {padding-right: 0;}
    ul.contentbox li.modbox_bild_right img { margin-top: 0.5em; margin-bottom: 1em;}

    .modbox_text h2 {font-size: 19px;margin: 0;line-height: 1.3em; margin-bottom: 0.5em;}
    .retail_search .input-group {width:100%; margin: 2em 0;}
    
    table.haendlerliste td { display: block;}
    table.haendlerliste td.tdhaendlertop h3 {font-size: 22px;padding-bottom: 0.5em;}
    
    
    .yform {  padding: 1em 0; }
	form.rex-yform { width: 100%; margin: 1em auto;}
	.form-group label.control-label { display: block; width: 100% !important; text-align: left; }
	.form-group { border-bottom: 1px solid rgb(205,205,205); padding-bottom: 0.75em; }
	.form-group input[type=text],.form-group input[type=email],.form-group textarea { width: 100%; border: 1px solid #d4d4d4; }
	.yform button { margin: 1em auto;  }
	
    .poster__textwrapper { width: 100%; margin: 0em auto;}
	.poster__text { width: 90%;   margin: 1em auto; padding: 10px 20px; }
	.poster__text h3 { font-weight: 300; font-size: 28px; margin-top: 0.5em;}
	.poster__text p { font-size: 15px; line-height: 1.5em;}
	.poster__text a { margin-top: 2em; margin-bottom: 2em; }
	
	
	
	/* --- Katalog TEASER ----------------------------------------------------- */
	section.katalog      { padding: 0em; }
	.katalog__text       { padding-left: 1em; text-align: center;}
	.katalog__text h3    { font-size: 34px; line-height: 1.6em; }
	.katalog__text p     { color: #43484D;  line-height: 1.4em; margin-bottom: 1.5em auto;}
	.katalog__cover img  { height: 380px; margin-bottom: 1.5em;}

	/* --- 4er-TEASER-Homepage Modul ----------------------------------------------------- */
	.col4teaser { width: 100%;   margin: 0em auto; }
    .col4teaser .tabcol { padding: 0px; margin-bottom: 0; margin-top: 0;}
    .col4teaser .tabcol p { text-align: center; margin-top: 0em; }
    .col4teaser .tabcol img { width: 100%;  }

    .col4teaser .tabgrid {
        width: 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    }

    .col4teaser .tabcol { 
        padding: 10px; 
        text-align: center;
        width:50%;
        box-sizing: border-box;
/*         border: 1px solid pink; */
    }

    /* --- 4er-TEASER-Homepage Modul ----------------------------------------------------- */
    ul.newslist 	{ margin: 0; padding:0; }
	ul.newslist li 	{ padding: 2em 0; }
	ul.newslist li p { margin:0; padding:0 0 0.5em;}

    .news_index li img { 
    	max-width: 100%; 
    	height: auto; 
    	float: none; 
    	margin: 0; 
    }

	a.newslink {
		width: 100%;
		line-height: 1.4em;
		font-size: 24px;
		margin: 0.5em 0 0;
		display: block; 
	}

	ul.newslist li a { color: #FF7911; text-decoration: none; }

    ul.newslist li small,     ul.newslist li strong.subpressline { color: rgb(112,112,112)}
    ul.newslist li small { font-size: 15px; font-weight: 100; display: inline-block; margin-right: 0.75em; }
    ul.newslist li strong.subpressline {font-weight: 800; text-transform: uppercase;}
    
    
    /* --- Ansprechpartner ----------------------------------------------------- */

	#ansprechpartner ul.contentbox .modbox_text { width: 100%;  text-align: left; padding-top: 0em;}
	#ansprechpartner ul.contentbox .modbox_text strong { font-size: 20px; display: block; font-weight: 400;}
	#ansprechpartner ul.contentbox .modbox_text a { font-size: 16px; display: block; text-decoration: none; font-weight:500; }
	#ansprechpartner ul.contentbox .modbox_bild_right { width: 100%;}
	#ansprechpartner ul.contentbox .modbox_bild_right img { width: 100%; }
	
	
	
	
    /* --- Produkte :: Rubrikmenü ----------------------------------------------------- */

	.catalog__menu {max-width:960px; padding:15px 0px 15px 10px !important;}
	.catalog__menu a {
		width: 47%;	
		font-size:13px !important;
	    margin: 0 8px 8px 0px !important;
		padding: 8px 8px 8px 8px !important;
	}

	.catalog__menu a.index {
		background:#1c568e;
		background-image: none !important;
		color:#fff;
		padding-left:40px;
	}


	/* --- Produkte :: Rubrikmenü ----------------------------------------------------- */
	.basket__line {text-align: center !important;}
	.basket__line a.btn {
		margin-right: 0em  !important;
		margin-bottom: 0em  !important;
	}
	.btn-buy { 
	   	margin-left: 0.5em;
   		padding-left: 40px !important;
   		padding-right: 15px !important;
   		background-position: left 10px center !important;
	}




/*-----------------------------------------------------------------------------------*/
}
/*-----------------------------------------------------------------------------------*/