/*
24	 F O N T S
75   W I D T H Elements  
200  S O C I A L  I C O N S
215  Formatierung der INHALTSELEMENTE
177  GENERELLE K L A S S E N   
418  H E A D E R
522     HAUPTNAVIGATION
423     METANAVIGATION
488  J A G D

437  H U N D E 
447     Geschirre
584  O P T I K
689  S T A R T S E I T E
907  I N D U S T R I E
648  T H E R M O F O R M I N G
1120  Kategorie M E H R
1229 I M P R E S S U M   
1263 F O O T E R
1393 T A B E L L E N F O R M A T E
1443 M E D I A   Q U E R I E S
*/ 

/*===========================================*/
/*---------- F O N T S  --------------*/
/*===========================================*/ 
/* Einbinden des Font Serpentine dBol auf dem Server */
@font-face { 
	font-family: "Serpentine D-Bol-Oblique-S017036D"; 
	src: url('../fonts/Serpentine D-Bol-Oblique-S017036D.eot');
	src: url('../fonts/Serpentine D-Bol-Oblique-S017036D.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Serpentine D-Bol-Oblique-S017036D.ttf') format('truetype'),
	url('../fonts/Serpentine D-Bol-Oblique-S017036D.woff') format('woff'),  
	url('../fonts/Serpentine D-Bol-Oblique-S017036D.svg') format('svg');	
	font-weight: normal;
    font-style: normal;
	}   
 /* Einbinden des Font Ethnocentric
  auf dem Server */
@font-face { 
	font-family: "Ethnocentric"; 
	src: url('../fonts/ethnocentric-rg-it.eot');
	src: url('../fonts/ethnocentric-rg-it.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ethnocentric-rg-it.ttf') format('truetype'),
	url('../fonts/ethnocentric-rg-it.woff') format('woff');	
	font-weight: normal;
  font-style: normal;
	} 
@font-face {
    font-family: 'brush';         
    src: url('../fonts/brush_455_reg.woff2') format('woff2'),
         url('../fonts/brush_455_reg.woff') format('woff');        
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: 'PT Sans'; 
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular');
  src: url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff');
        font-style: normal;
      font-weight: 400; /* Modern Browsers */     
}
@font-face {
  font-family: 'PT Sans Narrow';            
  src: url('../fonts/pt-sans-narrow-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-regular.woff') format('woff');
      font-style: normal;
      font-weight: 400; /* Modern Browsers */     
}
@font-face {
  font-family: 'Roboto Condensed';            
  src: url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff');
      font-style: normal;
      font-weight: 400; /* Modern Browsers */     
}
/* Klassen der Schmuckschriften f Niggeloh etc. */

.nig{font-family:Serpentine D-Bol-Oblique-S017036D;font-size:larger;letter-spacing:0.05em;}
.ethno {font-family:Ethnocentric;font-size:larger; }
.claim {font-family: 'brush', 'monotype corsiva';font-size:1.3rem;}
/* Fett Format f Textpassagen */
.fett{font-weight:bold}
/* Schrift Serpentine dBol */
.serpentine{font-family:Serpentine D-Bol-Oblique-S017036D;}
p.nigpfeil:before{content:"\u21d2";}
.neu{
  font-family:Serpentine D-Bol-Oblique-S017036D;
  font-size:larger;letter-spacing:0.05em;
  color:#c90c0c;
  }
.klein{font-size:0.7em;}
.red {color:red;}  
.trenn {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .ce_image.ast {
  width:220px;
  }

/* ==================================================================*/
/* CSS Variablen für Schriftgrößen */
* {  /* Calculation */
  --responsive: calc((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 420px) / (1200 - 420))); /* Ranges from 421px to 1199px */
} 
/* #einleittext p, #introducetext p { 
  --max-font: 18.3;
  --min-font: 12;
  font-size: var(--responsive);
  line-height:1.35;
} */
h3 {   /* Set max and min font sizes */
  --max-font: 23.5;
  --min-font: 18;
  font-size: var(--responsive);       
}
 .icontext { /* Set max and min font sizes */
  --max-font: 18.3;
  --min-font: 12;
  font-size: var(--responsive);
}   
/* ==================================================================*/  

/*===========================================*/
/*---------- A L L G E M E I N  BODY etc. -------------*/
/*===========================================*/   
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }      
body {
	color:rgb(38,38,38);
    font-family: 'PT Sans', 'Droid Sans', Helvetica;   	
	font-weight: normal;	
    overflow-x: hidden;
    position:relative;  
}
  
body.sidebar.right #main .mod_article {
    padding-left: 0 !important;
}
body.sidebar #main {
    overflow: hidden;
    width: 77%;   /*  29.03.18 E. S. #main ist somit breiter   */
    float: left;
    position: relative;
}
#main .mod_article { 
    margin-top:40px;margin-bottom:40px;        
}
#main .mod_article.fullwidth.last {
    margin-bottom:40px;
} 
body.sidebar #right {
    overflow: hidden;
    margin-left: 0;      /*  29.03.18 E. S. #main ist somit breiter   */
    width: 23%;
    float: right;
    position: sticky;
    top: 40px;   
}
::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/******* HEADINGS ********/
h1 {
    font-size: 1.7rem;
    font-weight: 700;
    margin-top:1em;margin-bottom: 12px;
}
h2, h3 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-top:0.9em;margin-bottom: 0.6em;
}
.header_h1 h1 {
  text-shadow:5px 4px 10px #040404;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 1em; 
    margin-bottom: 12px;
}   
h4, h5{
   font-size: 100%;
	 color:rgb(42,42,42);
   font-weight:600;
}
h4 {font-size: 1.3333em; 	 
}

#fix-wrapper {
    position: fixed;
    z-index: 1000;
    width: 100%;
}
#top-wrapper {
    width: 100%;
    z-index: 1000;
    position: fixed;
    background: rgb(255,255,255);
    top: 0;
}
#wrapper {
	margin:0 auto ;
}
/*== H A L F   W I D T H ===*/
#top .inside, #header .inside, #footer .inside, #bottom .inside, body.sidebar #container,
 #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content
.contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article,
 .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside,
.mod_breadcrumb_inside {
    padding-left: 40px;
    padding-right: 40px;
}
#top .inside, #header .inside, #footer .inside, #bottom .inside, body.sidebar #container,
 #main .mod_article:not(.autogrid), .fullwidth.boxed-content .contentwrap,
  .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article,
  .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .mod_breadcrumb_inside {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
/*== F U L L  W I D T H ===*/

#main .mod_article.fullwidth {
	max-width: 1880px;    
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:2em;
}
#main .mod_article.fullwidth:not(.boxed-content) {
  margin-bottom:2em;
}
/*#main .mod_article:not(.autogrid), */  /* gemacht am 23.03.18 für Etuis in Thermoforming*/
#main .fullwidth.boxed-content, 
#main .fullwidth.boxed-content .contentwrap,
#main .smallwidth .contentwrap,
#main .boxed-content .contentwrap {
	max-width: 1880px;
}                   
    
/*===========================================*/
/*---------- G L O B A L E  --------------*/
/*===========================================*/  
a, p a {
    color:#006969;
}
a:hover, p a:hover{
  text-decoration:underline;
}  
header, footer, nav, section, aside, article, figure, figcaption {
    display: block;
} 
.block {
    overflow: hidden;
}  
.ce_text ul li, .ce_list ul li { 
    list-style-type: disc;
    list-style-position: outside;  
} 
.image_container {
	position: relative;
	padding: 0;
	line-height: 0;
}

.image_container a {
	line-height: 0;
}

.image_container .caption {
	background: rgba(10,10,10,0.6);
	color: #fff;
	padding: 4px 6px;  	
	font-size: 13px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	border-radius: 3px;
	width: auto !important;
	line-height: 1.3;
}
.image_container img {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.border .image_container img {
	border: 1px solid rgb(229,229,229);
}

/*== ALLGEMEINE SCHRIFTFORMATE ===*/      
.leadertext {
  color: rgb(42,42,42);
  font-size: calc(10px + (18 - 8)*(100vw - 380px)/(1800 - 380));
  font-style: normal;  
}  
.ce_text ul {margin-bottom:0;}
/*   Imagebox     */
.ce_text_imagebox, .ce_text_imagebox_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;      
}     
.ce_iconbox_v2 .headline{font-size:1.3rem;}

/*===== GALLERY  ===*/
.ce_gallery .cols_2 li {
    width: 47%;
    float:none;
}
.ce_gallery .cols_4 li {
    width: 23.7%;
    float:none;
}

.flexibel   {
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  } 
.b_border {border-bottom:2px solid #a0a0a0;}
hr {width:40%;
	border: 0;
	height: 2px;
	margin:0.3rem 30%;
  background:#ccc; 
}
/* AGB-Seite Spalten */
.textcolumns{
  /*-moz-column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-count: 2; 
  -webkit-column-gap: 2.3em;*/
  column-count:2;column-gap:2.3em;
  column-rule:2px solid #72db7e;
  /*-moz-column-rule:2px solid ##72db7e;-webkit-column-rule:2px solid ##72db7e*/
}

.breite1100 {
  max-width:1100px;
}
/*=== Generelle Formatierung der INHALTSELEMENTE ===*/

/* Bild - Text - Streifen  */
.strip {
	clear:left;
	display:flex;flex-direction:row;justify-content: space-between;
	margin:1.5rem 0;
	}
.strip .ce_text.strip_text  {font-size:1.1rem;	 } 
.strip > div { width:49%; } 
#text-bild-strip .ce_text.strip_text, #ueberuns-strip .ce_text.strip_text,
#article-1097 .ce_text.strip_text, #article-1087 .ce_text.strip_text  {
  padding: 20px 0 20px 15px;
  background:#e6e6e6;}
  
  
#text-bild-strip .strip:nth-child, #ueberuns-strip .strip:nth-child{
  margin-top:2rem;} 
.ce_text.strip_text p {margin-bottom:0;}  
.ce_text.strip_text h5 {margin-top:0;} 
/*====Startseite Messeankündigung ====*/   
.messe_bild .image_container.float_right {
  width:31%;
}   
/* Seite Videos  */
/*.videoblock{
  position:relative;
  max-width:100%;
  padding:1rem 0;
  margin-top:0.8rem;
  border-top:2px solid darkgrey;
  border-bottom:2px solid darkgrey;         
  }
.videoblock img {
  border-radius:4px;
  }        */
/*============ENDE GLOBAL========================*/

/*===========================================*/
/*------------ S O C I A L L I N K S --------*/
/*===========================================*/   
/*.mod_socials .social-icons i {
    padding: 10px 5px;
    width: 2.5vw;
    text-align: center;
    font-size: 1.8vw;
    color: rgb(255,255,255);
}   */
/*===========================================*/
/*--------------- H E A D E R  --------------*/
/*===========================================*/  
/*#header {
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 1;
    position: relative;
    font-family:'Roboto Condensed';
    color:rgb(42,42,42);  
} 
/*#header .inside {
    line-height: 58px;
    padding-top:0.3rem;
}      */
/*#header .inside a { 
    color:rgb(42,42,42); } */ /*auskommentiert, weil spezifischer bei hauptmenü u topmenü geregelt*/
/*#header .logo {         /* in newstyle geregelt */
   /* position: absolute;
    left: 40px;
    top: 3px;
    bottom: 0;
    z-index: 100;
    margin-top: auto;
    margin-bottom: auto;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}  */
/*== Rubriken-Navigation T O P M E N U ===*/

/*#header .inside .topmenu li{  /* 19.03.20 auskommentiert, da line-height das schrumpfen des Headers bei Scroll verhindert */
  /*line-height:25px;
  opacity: 1;
  visibility: visible;
  z-index: 1000;
  }
#header .inside .topmenu ul {
	text-align: right;
	position: static;
  list-style-type:none;
  margin-bottom:0;
}
#header .inside .topmenu ul li {
  display: inline-block;
  position:relative;
  text-align: left;
  list-style-type: none;
  z-index: 10;
}  */
/************   /*Für den Shopcart beim Shoplink  ***/
/*.topmenu .fa-shopping-cart::before {       
    padding-left: 1.8rem;
 }   
/*.topmenu ul li a.last {padding-left:0.4em;} */     
/*********************************/
/*#header .inside .topmenu ul li a {
  /*font-family:'Roboto Condensed';                /* F O N T Family
  color:rgb(42,42,42);
  font-size: 0.9rem;
  font-weight: normal;
  transition: transform 0.7s ease-in-out 0s;
  } */
.topmenu ul li a, .topmenu ul li span {  
  padding: 0 1rem 0 1.8rem;
  /*border-left: 1px solid rgb(42,42,42);   */
  -webkit-transition: All 0.3s ease; /* Safari */
   transition: All 0.3s ease;
}
@media only screen and (max-width: 1022px)  {
   .topmenu ul li a, .topmenu ul li span {
    padding:0 0.6rem 0 1.14rem;   /* kleinere Abstände der Items im Metamenue */
    letter-spacing:0;    
    }
}
.topmenu ul li a:hover, .topmenu ul li span {
	color:rgb(174, 8, 8); 
  font-size: 0.9rem;     
	font-weight: normal; 
  transform: scaleY(1.05);
  transform-origin:bottom center;    
}
#top-wrapper.fixed .topmenu ul li a, #top-wrapper.fixed .topmenu ul li span{
  font-size: 0.9rem; font-weight: normal;
  display:inline-block;
  text-transform: none;  
    } 
/*=====  SCHRÄGSTRICH vor den Menüpunkten d. Metanavigation ====*/
.topmenu ul li a.second:before, .topmenu ul li a.last:before,
.topmenu ul li span:before, #header .mod_search:before {        
    content: '';
    height: 21px;
    width: 10px;
    background: linear-gradient(112deg, #ffffff 0%,#ffffff 47%,#c1c1c1 47%,#c1c1c1 53%,#ffffff 53%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;   
} 
/****H A M B U R G E R - M E N U E **********/   
#header #nav-open-btn::before {
    background: #57CC64;
}
/*.topmenu ul li a.first::before {
  content:"";
}  */
.topmenu ul li a.last {
  padding-right:0;
} 

       
/*--------------- H A U P T - M E N Ü  mit LANGSWITCHER--------------*/
/*================================================================*/      

nav.mainmenu ul li a {
  padding:0 12px;   /* Abstände der Items im hauptmenü */
}
@media only screen and (max-width: 1022px)  {
   nav.mainmenu ul li a {padding:0 7px;   /* kleinere Abstände der Items im hauptmenü */
    letter-spacing:0;    }
}
 nav.mainmenu ul li a, .mainmenu ul ul li a, nav.subnav ul li a {  
  font-family:  'Roboto Condensed', 'PT Sans Narrow', 'Arial Narrow', 'Helvetica Condensed';
	font-weight:600;
	font-size: 1.2rem;	
  text-transform: none;
	letter-spacing:1px;           
	}
nav.mainmenu ul li ul li a, nav.subnav ul li a {
    padding: 4px 15px; 	
    border-bottom: 1px solid darkgrey;       /* anders in: Framework  */
}
nav.subnav ul li a {
     padding: 6px 12px;
     }
.mainmenu ul li a.a-level_1.first {
    padding-left: 15px;
}
.mainmenu .submenu ul li:last-of-type a {  /* eingefügt wegen sonst fehlendem Padding im Submenue */
  padding-right: 15px; 	
}
.mainmenu ul li:hover a, .mainmenu ul li a.trail, .mainmenu ul li a.active {
    color: rgb(215,215,215);
}	
.mainmenu ul ul li {
	float: none;
	position: relative;
	line-height: 32px;
	min-height: 0;
	display: block;
  min-width: 11.5em;    /* E. S. da sonst Submenue bei Hundeausr zu schmal */
}
.mainmenu ul ul li a:hover,
.mainmenu ul ul li a.trail,
.mainmenu ul ul li a.active,
.mod_langswitcher a:hover {
    color: rgb(174,8,8);
}
body .mainmenu ul ul li a:not(.active):not(.trail),
/*#header .mod_langswitcher a {
    font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
    color: rgb(42,42,42);
    padding:4px 0;
}  */
body #header .mainmenu ul li ul li a:hover {
    color: rgb(174,8,8);
}
/*  Styles.css 879 */
.mainmenu ul li:hover a, .mainmenu ul li a.trail,
.mainmenu ul li a.active, nav.subnav ul li:hover a,
nav.subnav ul li a.trail, nav.subnav ul li a.active  {
    color: rgb(174, 8, 8);
}
 /*  Framework.css 957 */
.mainmenu ul li.last ul {
    right:-10rem;
}   
#header .mod_langswitcher {  
   /*letter-spacing:1px;  */
    position: relative;
    float: right;
    /*font-size: 13px; */
    margin-left: 15px;
    padding-left:20px;
}
/*#header .mod_langswitcher:before {
    content: '';
    height: 36px;
    width: 10px;
    background: linear-gradient(112deg, #ffffff 0%,#ffffff 47%,#c1c1c1 47%,#c1c1c1 53%,#ffffff 53%,#ffffff 100%);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -18px;
}    */
 /*== Abstand des Submenues bei fixed header etwas erhöhen, da dann beim Hauptmenue line-height kleiner ===*/
/*#top-wrapper.fixed #header .inside nav.mainmenu ul ul{    /* Nach Reparatur des Scroll-Shrink des Headers nicht mehr nötig */
   /* margin-top:0.075rem;
    }   */
/*#header .mod_search {
    float: right;
    margin-left: 25px;
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    position: relative;
    padding-left: 20px;
}
#header .mod_search::before {   
    content: '';
    height: 36px;
    width: 10px;
    background: linear-gradient(112deg, #ffffff 0%,#ffffff 47%,#c1c1c1 47%,#c1c1c1 53%,#ffffff 53%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*position: absolute;
    top: 50%;
    left: 0;
    margin-top: -18px;
}          */
/*== Ende Hauptnavigation ===*/

/*== Breadcrumb ===*/
/*************************/
/*.mod_breadcrumb .pagetitle {
    color: rgb(42,42,42);
}
.mod_breadcrumb .pagetitle {
    float: left;
    line-height: 25px;
    text-transform: uppercase;
    font-weight:normal;
}     
.mod_breadcrumb {
  position:absolute;
  top:0;
  width:100%;
	background-color:rgba(255,255,255,0.6);   
  z-index:99;
  text-transform: uppercase;
  font-size: 12px;
}
.mod_breadcrumb .mod_breadcrumb_inside ul {
  margin-bottom:0;
  float:right;
  }
.mod_breadcrumb .mod_breadcrumb_inside ul li a {
  color:rgb(42,42,42);    
}
.mod_breadcrumb .mod_breadcrumb_inside ul li a:hover {
  text-decoration:underline;    
} 
/*--------------- S T A R T S E I T E ---------------------*/
/*==========================================================*/  

/*== Artikelbeschreibungen ===*/


#main #rifle-slings .ce_text, #main #rifle-slings .ce_text li,
#main #covers .ce_text, #main #covers .ce_text li,
#main #hunting-accessories .ce_text, #main #hunting-accessories .ce_text li,
#main #harnesses .ce_text, #main #harnesses .ce_text li,
#main #leads .ce_text, #main #leads .ce_text li,
#main #collars .ce_text, #main #collars .ce_text li,
#main #other .ce_text, #main #other .ce_text li,
#main #protective-covers .ce_text, #main #protective-covers .ce_text li,
#main #binocular-straps .ce_text, #main #binocular-straps .ce_text li,
#main #protective-cases-and-wrist-straps .ce_text, #main #protective-cases-and-wrist-straps .ce_text li,
#main #gewehrgurte .ce_text, #main #gewehrgurte .ce_text li,
#main #futterale .ce_text,  #main #futterale .ce_text li,
#main #jagdzubehoer .ce_text,#main #jagdzubehoer .ce_text li,
#main #geschirre .ce_text,  #main #geschirre .ce_text li,
#main #halsungen .ce_text,#main #halsungen .ce_text li,
#main #leinen .ce_text, #main #leinen .ce_text li,
#main #optikschutz .ce_text, #main #optikschutz .ce_text li,
#main #fernglasgurte .ce_text, #main #fernglasgurte .ce_text li,
#main #trage-und-bauchgurte .ce_text,#main #trage-und-bauchgurte .ce_text li,
#main #tragesysteme .ce_text, #main #tragesysteme .ce_text li,
#main #schutztaschen .ce_text,#main #schutztaschen .ce_text li {
	background:none;
	font-size: 1.14rem;
	line-height: 1.35;
}

/*@media only screen and (max-width: 1100px) {
#main #gewehrgurte .ce_text, #main #gewehrgurte .ce_text li,
#main #futterale .ce_text,  #main #futterale .ce_text li,
#main #jagdzubehoer .ce_text,#main #jagdzubehoer .ce_text li, 
#main #geschirre .ce_text,  #main #geschirre .ce_text li,
#main #halsungen .ce_text,#main #halsungen .ce_text li,
#main #leinen .ce_text, #main #leinen .ce_text li,
#main #optikschutz .ce_text, #main #optikschutz .ce_text li,
#main #fernglasgurte .ce_text, #main #fernglasgurte .ce_text li,
#main #trage-und-bauchgurte .ce_text,#main #trage-und-bauchgurte .ce_text li,
#main #tragesysteme .ce_text, #main #tragesysteme .ce_text li,
#main #schutztaschen .ce_text,#main #schutztaschen .ce_text li  {
	font-size: 1.35vw;
	line-height: 1.35;
	}*/
 
 /*@media only screen and (max-width: 767px) {
#main #gewehrgurte .ce_text, #main #gewehrgurte .ce_text li,
#main #futterale .ce_text,  #main #futterale .ce_text li,
#main #jagdzubehoer .ce_text,#main #jagdzubehoer .ce_text li, 
#main #geschirre .ce_text,  #main #geschirre .ce_text li,
#main #halsungen .ce_text,#main #halsungen .ce_text li,
#main #leinen .ce_text, #main #leinen .ce_text li,
#main #optikschutz .ce_text, #main #optikschutz .ce_text li,
#main #fernglasgurte .ce_text, #main #fernglasgurte .ce_text li,
#main #trage-und-bauchgurte .ce_text,#main #trage-und-bauchgurte .ce_text li,
#main #tragesysteme .ce_text, #main #tragesysteme .ce_text li,
#main #schutztaschen .ce_text,#main #schutztaschen .ce_text li  {
	font-size: 1.0vw;
	line-height: 1.35;   
	}*/

#main .inside .messe_bild{
	text-align:center;
	}  
#main .inside .messe_bild > figure{
	width:100%;text-align:center;
	}  
#main .inside .messe_bild > figure img{
	max-width:480px;
	}  
#main .mod_article.fullwidth.teaser {margin-bottom:2rem;}
/*#main .inside {margin-bottom:2rem;}*/

#main .first_article {
    margin-top: 40px;
    margin-bottom: 40px;
}

/*== Ende GENERELLE FORMATE ===*/
/*== S E I T E N ===*/

/*== Module ===*/
.redfont {color:#cb1414;}
Element {
    font-size: 22px;
    min-height: 0px;
    min-width: 0px;
    line-height: 35px;
    border-width: 0px;
    margin: 0px;
    padding: 5px 10px;
    letter-spacing: 0px;
    left: 20.313px;
    top: 19.913px;
    visibility: visible;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: none 0s ease 0s;
} 

/*)()()()()()()()()()() */
/*== REVOLUTION Slider ===*/

#slider {margin:0 auto;max-width:1920px;}
.ce_revolutionslider_text.bold {
    font-weight: normal;
    padding: 5px 7px;
    background: rgb(100,100,100);
    opacity: 0.7;
}
.sl-link {font-family: 'PT Sans', Calibri, sans-serif;    
      color:#fff;font-size: 14px;}
.ce_revolutionslider_text.bold {
    background: rgb(70,70,70);opacity:0.8;
}
.tp-caption a {
    color: #fff;font-size:15px;
    text-shadow: none;
}
/*== ENDE REVOLUTION Slider ===*/

.autogrid_wrapper_902 h1 {margin-top:0;}
/*&&&&&&&&&&&&&&&&&&&&&&&&&& */
/*== Intro - Text ===*/
/* ========================*/

.ce_leadertext.version1 {
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
}
.ce_leadertext.version1 p, .ce_leadertext.version1 ul{
	   color:rgb(42,42,42);
    font-size:1.2em;
    font-style:normal;    
}
.ce_leadertext.version1::after {background:none;margin:0;}	
/*======================= */
/*== IMAGE - BAR ===*/
/* ========================*/
/*#main .mod_article.fullwidth.boxed-content {
    margin-top: 0;
    margin-bottom: 2rem;
}*/
#main .mod_article.startart {         /* Hiermit größere Abstände zwischen den Artikel der Startseite */
    margin-top:3.5rem;
}
.ce_text_image_bar{     
    background: rgb(230,230,230);
    position: relative;       
 }   
.ce_text_image_bar .text-right {          
    padding: 60px 0 60px 44px;
    margin-left: 50%;	  
 }      
.ce_text_image_bar .text-left {    	  
    padding: 60px 44px 60px 0px;
    margin-right: 50%;    
}
#main #text-imagebar-2 .mod_article.fullwidth:not(.boxed-content), #main #text-imagebar .mod_article.fullwidth:not(.boxed-content){
	margin-bottom:1.4rem;
}  

/*======================= */
/*== IMAGE - BAR TEASER ===*/
/* ========================*/
.ce_text_imagebox:not(.vcenter) .inside {
    background: none; 
	line-height:1.15;
}
.ce_text_imagebox.gruen:not(.vcenter) a .inside h3, .ce_text_imagebox:not(.vcenter).gruen a .inside p {
   color:rgb(42,42,42);
} 

.ce_text_imagebox:hover:not(.vcenter) .inside {
    background:#424950; 
	opacity:0.44;
}
.ce_text_imagebox:hover:not(.vcenter) a .inside {
    opacity: 1;
    padding-top: 20px;
    padding-bottom: 20px;
}
.ce_text_imagebox.gruen:hover:not(.vcenter) .inside {
    background:#377415;
}

/*==== Die anderen Imageboxen  ===*/

.ce_text_imagebox.oker:hover:not(.vcenter) a .inside {
    background:#a0862a; 
}   
.ce_text_imagebox.rot:hover:not(.vcenter) a .inside {
    background:#7d2121; 
}   
.ce_text_imagebox.blau:hover:not(.vcenter) a .inside {
    background:#365269; 
}    
#imageboxes-898  div.ce_text_imagebox_image .inside h3{
	font-size:1.6rem;
	margin-bottom:0.3rem;
	margin-top:0;
  }  
#imageboxes-898 #autogrid_wrapper_5302 .autogrid, #article-1049 #autogrid_wrapper_6572 .autogrid{
	padding-left: 3%;
	padding-right: 3%;
}  
.ce_text_imagebox_link {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;           
}

/*======================= */
/*== ICON - Boxes ===*/
/* ========================*/

.ce_iconbox_v2_outside a {
	color:inherit;
}	
/*.ce_iconbox p {
  font-size:1.05rem;
  }
#hundezubehoer .ce_iconbox p {
  font-size:0.95rem;
  }
.ce_iconbox:not(.xsmall) .ce_iconbox_outside {
    min-height: 120px;
   }   
.ce_iconbox .image_container {       
    width: 120px;  
  }
.ce_iconbox .image_container img {
    width: 120px;
  }

/*== Ende ICON - Boxes ===*/	

/*  Startseite Bild-Text-Leisten     in Änderung von Styles.css Zeile 945 */
/*.ce_hyperlink a,
.ce_hyperlink a:hover, a.btn, a.btn:hover {
	background: rgb(100,100,100);
	border-color: rgb(240,9,9);
} 
a.hyperlink_txt .sl-link {
  font-family: 'PT Sans', Calibri, sans-serif;
	color:#white;
  font-size:16px;
}      */

/* ================================*/
/******** Kategorie JAGD **************/
/*------------------------------*/
body.jagd{
	background-image:url("../img/background/jagd-background3.jpg");
  background-repeat:no-repeat;
	-moz-background-size: cover;
  -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-attachment:fixed;
}
.jagd #contentwrapper {background:none;}
.jagd #wrapper, .jagd #container{
	background:none;
}

/* ================================*/
/******* Seite Gewehrgurte ********/

.jagd #wrapper, .jagd #container {
  background:none;
}  
/*#introtext-gewehrgurte .ce_text {
	color:rgb(42,42,42);
  font-family: 'PT Sans', Calibri, sans-serif;
    /*font-family: 'PT Sans Narrow', sans-serif;*/       	
  /*line-height: 1.6;
}        */

/*******  BILD - TEXT Elemente mit easyzoom  *******/
/*----------------------------------------------*/
/*  Abstand der Bild-Text Zeilen nach unten */
.image_container.float_right, .image_container.float_left {   
    margin-bottom: 2%;
} 
#panel {
  max-width:1200px;
	margin-bottom: 2%;
	}
/*  Maße der Thumbnails */
#panel ul.thumb {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;flex-direction:row;justify-content:flex-start;    
	}
#panel ul.thumb > * {
	display:inline-block;
	margin-right:1%;
	width:120px;       
}
  
/* Kleine Bilder bei Schmalen Viewports */  
@media only screen and (max-width: 767px) {
#panel ul.thumb {
	width:50vw;
  flex-wrap: wrap;
  height:auto;
	} 
#panel ul.thumb > * {
	display:inline-block;
	margin-right:1%;
	width:100px;
  margin: 0.6em 0;
}       
} 
  
.stage {width:100%;margin-bottom:1%;} 
.thumbnail {background-color:rgba(255,255,255,0.6);}

/* Horizontale Aufteilung Bilder zu Text */

.ce_text.float_none{float:none;}
.text_ezoom, .ce_produkt {
	clear:left;
	display:flex;flex-direction:row;justify-content: space-between;
	margin:1.5rem 0;	
	}
.text_ezoom > :first-child { margin-right:2%;width:64%; }
.text_ezoom > :last-child { width:34%; }
.text_div .image_container.float_left {
    margin-right: 2%;width:64%;
    float: left;	
}
.text_div p {
  margin-top:1.7rem;
}
.text_bild {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.text_bild .image_container.float_left {
    margin-right: 2%;
    width:49%;
    float: left;	
}
.text_bild .image_container.float_right {
    margin-left: 2%;
    width:49%;
    float: right;	
}
/* Schrift */
/*.text_ezoom .ce_easyzoom, 
.ce_produkt .ce_image,
.text_ezoom .ce_text {	
	font-family: 'PT Sans', Calibri, sans-serif;    
	font-size: 15px;
	line-height: 1.6;
	font-weight: normal;
  }   */
/* Abstand bei der Überschrift H3 weg */
.jagd #gewehrgurte  h3, .jagd #gewehrgurte .text_ezoom h3{
	margin-top:0;
	background:none;
	color:rgb(42,42,42);
	text-indent:2rem;
}
/* breite des großen Bilds und Anordnung der Thumbs links */
.text_ezoom .easyzoom--overlay {width:100%}
.text_ezoom ul.easyzoomthumbnails {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
}
/*  Abstand nach easyzoom-wrap unten u. Abstand der Thumbnails zueinander */
.text_ezoom .easyzoom-wrap {margin-bottom:1%;}
.text_ezoom ul.easyzoomthumbnails .easyzoom-item {margin-right:1%;}  

/* ================================*/
/******* Seite Jagdzubehör ********/
#jagdzubehoer .ce_gallery .cols_2 .image_container img{
  border:none;
}


/* =================================*/
/*==== Kategorie HUNDEAUSRUESTUNG ==*/
/*==================================*/
body.hund{
	background-image:url("../img/background/hunde-background2.jpg");background-repeat:no-repeat;
	-moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:center center;
  background-attachment:fixed;
}
.hund #contentwrapper {background:none;}
.hund #wrapper, .hund #container{
	background:none;
}
/*====== GESCHIRRE =====*/
#geschirre .ce_text figure {
  margin-top:0.5rem;font-size:0.8rem;
  } 

/* =================================*/
/*==== Kategorie O P T I K =========*/
/*==================================*/


body.optic{
	background-image:url("../img/background/optik-background3.jpg");background-repeat:no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-attachment:fixed;
}
.optic #contentwrapper {background:none;}
.optic #wrapper, .optic #container{
	background:none;
}
 

/* =================================*/
/*==== Kategorie INDUSTRIE ==*/
/*==================================*/
#headerimage_industrie .indust_h1 h1 {       	
	margin-top: 2em;
}
#headerimage-industrie h1 {
  color:rgb(42,42,42);
  margin-top:0;
  }
#tragesysteme .ce_gallery .image_container img {border:none;}
#tragesysteme .ce_gallery ul { 
  display:flex;
  flex-flow:row nowrap;
  justify-content: space-around;
  }
@media only screen and (max-width: 1100px) {
 #tragesysteme .ce_gallery  li {
  flex:0 1 auto;
  }  
}
/*#tragesysteme .ce_gallery  li { /* führt zum Abschneiden der Bilder */
  /*flex:0 0 350px;
  } */
body.industry{
	background-image:url("../img/background/industrie-backgr1.jpg");background-repeat:no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-attachment:fixed;
}
.industry #contentwrapper {background:none;}
.industry #wrapper, .industry #container{
	background:none;
}  
#carrying-systems .ce_gallery .col_0 .image_container img,
#carrying-systems .ce_gallery .col_1 .image_container img
 {
  border:none;
  }
/* =================================*/
/*==== Kategorie M E H R =======*/
/*==================================*/	
/*=********* Headbilder *******=======*/ 
         
.mod_article .kopfbild img {     
    -webkit-animation: darken 3s ease-in ;
    animation:darken 3s ease-in ; 
    animation-delay: 2s;
    animation-fill-mode:  forwards;           
} 
@-webkit-keyframes darken {
    0%  { -webkit-filter: brightness(1); }
    100% { -webkit-filter: brightness(0.7); }
}
@keyframes darken {
    0%  { filter: brightness(1); }
    100% { filter: brightness(0.6); }
} 

/* =================================*/
/*==== UEBER UNS ==*/

/*.subnav a {
  color:rgb(42,42,42);
  border-bottom: 1px solid darkgrey;
  }*/
  
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*==== SEITEN mit SUBNAVIGATION ==*/
.mitnav {
  display:flex;flex-flow: row wrap;justify-content:space-between;  
}
.mehr .mitnav .ce_leadertext.version1 {
	text-align:left;
  margin:0;
  max-width:43em; 
	flex:3 1 auto;
}
.ce_leadertext.version1 p, .ce_leadertext.version1 ul{
	   color:rgb(42,42,42);
    font-size:1.1em;
    font-style:normal;    
}
.mehr .mitnav .subnav { 	
	flex:0 1 auto;
}		  
/** ++++++++ POSITION: S T I C K Y Subnavigation soll beim Scrollen stehen bleiben +++++++*/
/* W3Schools :
/* The sticky class is added to the header with JS when it reaches its scroll position */
/*.sticky {
  position: fixed;
  top: 518px;
  width: 100%
} */
.stick {position:sticky;top:20px;}
#sidenav {position:sticky;}
/* CSS von W3Bits */
.fixed {
  position:fixed;
	top:10px;
	z-index:9999;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
/*.sticky + .article {
  padding-top: 102px;
}     */
  
/* =================================*/
/*********** ANSPRECHPARTNER ********/
 
#niggeloh-team .team_div, #e-niggeloh-team .team_div {
  display:flex;
  flex-flow: row nowrap;
  justify-content:space-between;  
  margin-bottom:2em;
}  
#niggeloh-team .team_div figure.image_container, #e-niggeloh-team .team_div figure.image_container {
  flex:0 1 35%;
  margin-right: 1.2em;
  }
#niggeloh-team .team_div .textblock, #e-niggeloh-team .team_div .textblock{
  flex:0 1 75%;
  }
    
/* ================================*/
/******** THERMOFORMING **************/

/*.ce_gallery li.col_0{ margin-bottom: 3%;} */

/*#main #multi-etui.mod_article    {max-width:1100px;}    */
.ce_gallery .thermoexample > ul.cols_4 li {
    width: 21.50%;      
}   
div.ce_gallery > ul.cols_4.flexibel, div.ce_gallery > ul.cols_2.flexibel{
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  }  
 
#multi-etui div.ce_gallery .image_container,
#weitere-beispiele div.ce_gallery .image_container{
  max-width:400px;
}
#taschen-branding .contentwrap,
#bild-text .contentwrap,
#multi-etui .contentwrap,
#text-bild-strip .contentwrap {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto
}
#bild-text .ce_text, taschen-branding .ce_text {
  background:#e3e3e3;
}
#taschen-branding .ce_text, #videos-261 .mod_article .ce_video {
  margin-bottom:2rem;
}
/*#taschen-branding .image_container */

.ce_gallery .col_0 .image_container img,
.ce_gallery .col_1 .image_container img,
.ce_gallery .col_2 .image_container img,
.ce_gallery .col_3 .image_container img,
.ce_gallery .col_4 .image_container img,
.ce_gallery .col_5 .image_container img {
   border: 1px solid #eee;
}
/*.ce_gallery li.col_0,
.ce_gallery li.col_1,
.ce_gallery li.col_2,
.ce_gallery li.col_3,
.ce_gallery li.col_4,
.ce_gallery li.col_5
{ margin-right: 3%;
}*/
.ce_gallery li.col_last{ 
  margin-right: 0;
}
/* =================================*/
/*==== INDIVIDUELL Produkte  ==*/
/*==================================*/
#individuell-produkte .textblock, #individual-articles .textblock {
  font-size:1.0rem;
  }
#individuell-produkte .text_div .image_container.float_left,
#individual-articles .text_div .image_container.float_left{
  width:50%;
}  
#individuell-produkte .sizetable, #individual-articles .sizetable,
   #individual-articles figure, #individuell-produkte figure{
    margin-top: 0.3em; 
    }
#individuell-produkte .sizetable .zeile, #individual-articles .sizetable .zeile{
    height:auto; 
    }     
#individuell-produkte .ce_text, #individual-articles .ce_text{margin-bottom:1em;}
/* ================================*/
/********** VIDEOS **************/




/* =====================================*/
/*********** IMPRESSUM ******************/
#imprint .piccredit {line-height:1.1;margin-bottom:0.4rem;}
/* =====================================*/
/******** KONTAKT-FORMULAR **************/     
 form fieldset legend { 
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    background: rgb(100,100,100);
    color: #fff;
} 
.submit { 
  display: inline-block;
  padding: 15px 20px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  width: auto;
  background: rgb(100,100,100);
	border-color: rgb(240,9,9);
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  font-size: 0.8rem;
  min-width: 140px;
  text-align: center;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
}  
textarea {height:200px;} 
 
/* =================================*/
/*========= F O O T E R ==============*/
/*==================================*/
#footer, #bottom {background:#747474;}
#footer .inside {
  margin: 0 auto;
  padding-top: 35px;
  padding-right: 40px;
  padding-bottom: 45px;
  padding-left: 40px;
}
#footer p {
  margin-bottom: 10px;
	line-height:1.22rem; 	
}
.foot_block {width:auto;}
#footer .foot_address {
  color: rgba(255,255,255,0.7);
  }
#footer {
	font-size: 0.85rem;
}         
#footer h6 {
  color: #57CC64;
  font-size:125%;
  }
#footer a {
	transition:all 0.2s ease-out 0s;
	color: rgb(255,255,255);
  font-size:0.9rem;
}
#footer a:hover {
	opacity: 0.5;
}     

#footer .totop {
	position: absolute;
	right: 40px;
	top: 0;
	margin-left: -20px;
}

#footer .totop:before {
	font-family: "FontAwesome";
	content: '\f102';
	background: rgba(255,255,255,0.1); 
	width: 40px; 
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 21px;
	border-radius: 0 0 3px 3px;
}

#footer li {
	margin-bottom: 10px;
	list-style-type: none;
}

#footer ul {
	padding: 0;
}
/**************************************/
/* Tabellenformat */
/*************************************/
.sizetable{width:100%;clear:both;display:table;margin-top:1.3em;border-collapse:separate;border-spacing:3px}
/* Tabellenformat fuer Texttabellen */
.texttable{clear:both;display:table;border-collapse:separate;border-spacing:3px}
/* Tabellenformat fuer kleine Groessntabellen */
.smalltable{display:table;border-collapse:separate;border-spacing:3px}
/*  */
.kopfzeile{height:1.8em;display:table-header-group;table-layout:fixed}
/*  */
.zeile{height:1.8em;display:table-row;table-layout:fixed}
/* Zeile in Texttable */
.zeile2{height:1.4em;display:table-row;table-layout:fixed}
/* Tabellenformat Zelle */
.zelle{min-width:50px;display:table-cell;padding:4px 3px 3px 4px;background-color:rgba(255,255,255,0.7);}
/* Tabellenformat texttable-Zelle */
.zelle2{min-width:30px;display:table-cell;padding:2px}

/*-----------------------------------*/
/* Artikelnummern und Mass -Tabellen */
/*-----------------------------------*/

/****  Abstand oben innerhalb der Zelle entfernen ***/ 
.pic-tab  div:nth-of-type(2) {margin-top:0;}

.masstab {width:100%}
.sizetab table {margin-top:0.4rem;border-collapse:separate;border-spacing: 3px;
}
.sizetab table {font-size: 12px;line-height: 16px;color: #2d2d2d;font-weight: 500;max-width:100%;}
.sizetab  caption {display:none;}
/*.sizetab td{width:8rem;max-width:100%;text-indent:2rem;} */
/*.sizetab  td.col_first {text-indent:1rem;} */
.sizetab h3 {font-size:0.8rem;line-height:1.3rem;margin-bottom:0;margin-top:0;} 
/*.sizetab th.head_0.col_first {width:12%;} */
.tab1 {clear:both;float:left;max-width:49%;margin-right:2%;}
.envelope-3-ce .rs-column.-large-col-3-1.-large-last  {margin-left:0;}
.sizetab table thead th {min-height:1.8rem;font-weight:500;}
.sizetab table tr {min-height:1.5rem;}
.sizetab table td, .sizetab table th {background: #C0C4C1;padding:4px 3px 3px 4px;}
.sizetab td, .sizetab th.head_0, .sizetab th.head_1, .sizetab th.head_2, .sizetab th.head_3, .sizetab th.head_4, .sizetab th.head_5{ text-align: left} /* CE */
/*.sizetab td{padding-left:0.5rem;padding-right:0.5rem;} */ /* CE */
.sizetab table td.col_first {width:56%;  }
div.ce_table.sizetab.block {
	width:100%;
	clear:left; /* falls die beiden Bilder ungleich gross sind */
	overflow-x: visible; /* falls overflow auf Smartphones > scrollen koennen */
}

/**************************************/
/* Media Queries */
/*************************************/

.nodispl {display:none;}
/* =============================================================================
 * große screens (l / large screens) ____U E B E R  1100 PX  
 * ========================================================================== */
@media screen and (min-width: 1100px) {  
body {
    font-size:114%;line-height: 1.4;
    }
    #nav-open-btn {
    display: none;}
}  
    .smallscr {display:none}
/* =============================================================================
 * kleine screens (S / small screens) ________901 bis 1099 PX  
 * ========================================================================== */    
    
@media screen and (max-device-width: 1099px) { 
/*body, body p, .ce_text_imagebox:not(.vcenter) .inside {
    font-size:100%; line-height: 1.35;
    }
   .startseite .text_div p {font-size:calc(90% + 0.3vw); line-height: 1.35;} 
    #nav-open-btn {
    display: none;
    }
    nav.mainmenu ul li a {padding:0 0.4em;   /* kleinere Abstände der Items im hauptmenü */
    letter-spacing:0;
   /* }  */
    .topmenu ul li a, .topmenu ul li span {
    padding:0 0.6rem 0 1.14rem;   /* kleinere Abstände der Items im Metamenue */
    letter-spacing:0;    
    }
    nav.mainmenu ul li a, .mainmenu ul ul li a, nav.subnav ul li a {
    font-family: 'PT Sans Narrow';  
	 font-weight:600;
	 font-size: 1.1rem;	
    text-transform: none;
  	letter-spacing:0.8px;           
	}
  nav.mainmenu ul li ul li a, nav.subnav ul li a {
    padding: 3px 12px; 	
    border-bottom: 1px solid darkgrey;       /* anders in: Framework  */
    }
    mod_breadcrumb {    
    font-size: 10.5px;
    }
	#imageboxes-898  div.ce_text_imagebox_image .inside h3{
	font-size:110%;
	margin-bottom:0.3rem;
	margin-top:0;
  }
    .smallscr {display:none}
    nav.subnav ul li a {
     padding: 4px 11px;
     }
    .ce_leadertext.version1 p{font-size:1.1rem;}
    .strip .ce_text.strip_text p {font-size:0.99rem; } 
}  
/* =============================================================================
 * tablets (m / medium screens) ___768 bis 900px  adjust max-width when the menu overlaps the logo
 * ========================================================================== */
@media  screen and (max-device-width: 900px) {
    /*body, body p, .ce_text_imagebox:not(.vcenter) .inside {
    font-size: 100%;line-height: 1.35;  /*calc(25% + 1vw);line-height: 1.32; */
   /* }  */
    h1  {    
    font-size:1.6rem;;
    }   
    h2  {    
    font-size:1.3rem;
    }      
    #header #nav-open-btn {    
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top: 65%;
    display: block;
    right: 30px;
    }
    body #nav-open-btn {
		display: block;
	 }
	.mainmenu {
		display: none;
	 }	
	 #header .inside {
		padding-right: 100px;
	 }
    nav.mainmenu ul li a {padding:0 0.3em;   /* kleinere Abstände der Items im HAUPTmenü */
    letter-spacing:0;
    }
    .topmenu ul li a, .topmenu ul li span {
    padding:0 0.5rem 0 0.9rem;   /* kleinere Abstände der Items im Metamenue */
    letter-spacing:0;    
    }
    #header .mod_langswitcher {margin-right:8vw;   /* unter 900px Breite soll Sprachwahl dem Hamburger Men Platz machen */
   }
    nav.mainmenu ul li a, .mainmenu ul ul li a {
    font-family: 'Roboto Condensed';  
	 font-weight:600;
  	font-size: 1rem;	
    text-transform: none;
	 letter-spacing:0.6px;           
	 }
    .broadscreen {display:none;}
    .smallscr {display:block}
    .mod_breadcrumb {    
    font-size: 10px;
    }
    /*.startseite .ce_iconbox_v2 h3{font-family:'PT Sans Narrow', 'Roboto Condensed', 'Arial Narrow';
    font-size:calc(87% + 0.3vw);letter-spacing:1px; } 
    .startseite .ce_iconbox_v2 p {font-size:calc(65% + 0.3vw); } */
    body.sidebar #container{padding-left:0;padding-right:0;}         
    body.sidebar #right  {
     display:none;
    }
    #top .inside, #header .inside, #footer .inside, #bottom .inside,
     body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth),
    .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap,
    .boxed-content .contentwrap, .autogrid_wrapper.article,
    .ce_bgimage-inside, .ce_text_image_bar .inside,
    .ce_headerimage .ce_headerimage_inside, .mod_breadcrumb_inside {
    padding:0 2%;
    }
     #main .mod_article.teaser.fullwidth {
    padding:0;
    }
	#imageboxes-898  div.ce_text_imagebox_image .inside h3{
	font-size:105%;
	margin-bottom:0.3rem;
	margin-top:0;
  }
    body.sidebar #main {
    overflow: hidden;
    width: 100%; 
    }
    .ce_leadertext.version1 p {font-size:0.98rem;}
    .strip .ce_text.strip_text p {font-size:0.94rem; } 
}
/* =============================================================================
 * smart phones  (s / small screens)   ______ bis 767 px
 * ========================================================================== */
@media screen and (max-device-width: 767px){  
    body, body p, .ce_text_imagebox:not(.vcenter) .inside {    
    font-size: calc(57% + 1vw);line-height:1.3;
    }
    h1  {    
    font-size:1.5rem;;
    }   
    h2  {    
    font-size:1.2rem;
    }

    #top-wrapper #header .inside, #top-wrapper.fixed #header .inside {
  	line-height: 60px;
  	min-height: 78px;
}    
    #header #nav-open-btn {    
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top: 65%;
    display: block;
    right: 30px;
    }
    #header {
	  padding-bottom: 0;
	  padding-top: 0;
} 
    #header .inside {
	  padding-right: 10px;
} 
    #header .mod_search {
	  display: none
} 
    #header .mod_langswitcher {margin-right:6vw; }  /* unter 900px Breite soll Sprachwahl dem Hamburger Men Platz machen */

    nav.mainmenu ul li a {padding:0 0.3em;   /* kleinere Abstände der Items im HAUPTmenü */
    letter-spacing:0;
}
    .topmenu ul li a, .topmenu ul li span {
    padding:0 0.4rem 0 0.8rem;   /* kleinere Abstände der Items im Metamenue */
    letter-spacing:0;    
  }     
    .logo, #top-wrapper.fixed .logo {    
    width: 140px; left: 0.7rem;top:0.4rem;        
}   
    .smallscr{display:block;}
    .broadscreen{display:none;}
    body.sidebar #right  {
     display:none;
  }     
    #main {padding:0 1%;}
    .ce_leadertext.version1 p{font-size:0.9rem;}
    .strip .ce_text.strip_text p {font-size:0.86rem; } 
    #main .mod_article, #main .mod_article.fullwidth.boxed-content .contentwrap,
    #main .autogrid_wrapper.article, #main .mod_article .ce_parallax .contentwrap,
    #main .mod_article .ce_bgimage .ce_bgimage-inside, 
    #main .mod_article .ce_youtube_background .contentwrap,
    body.sidebar.right #main .mod_article,
    .ce_headerimage .inside {
	 padding-left: 2%;
	 padding-right: 2%;
} 
  #main .autogrid_wrapper.article .mod_article,
  #main .mod_article.fullwidth,
  #main .mod_article.smallwidth {
	padding-left: 0px;
	padding-right: 0px;
}
  #autogrid_wrapper_5302 .autogrid {
	width: 50%!important;
}
 
 
    #bottom .inside .left,
    #bottom .inside .right {
	float: none;
}
    #top .inside {
	padding-left: 20px;
	padding-right: 20px;
}
    #bottom .inside {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}  
   #main .mod_article.teaser.fullwidth {
    padding:0;
    }
 /* .startseite .ce_iconbox_v2 h3{font-family:'PT Sans Narrow', 'Roboto Condensed', 'Arial Narrow';
    font-size:calc(77% + 0.3vw);letter-spacing:1px; } 
  .startseite .ce_iconbox_v2 p {font-size:calc(55% + 0.3vw); }  */
  
h1 {
	font-size: 24px;
	margin-bottom: 15px;
} 
h2 {
	font-size: 20px;
	margin-bottom: 10px;
} 
h3 {
	font-size: 18px;
	margin-bottom: 10px;
} 
h4 {
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 25px;
}     
h5 {
	font-size: 16px;
	margin-bottom: 10px;
} 
.mt-xxl {
	margin-top:60px!important;
} 
.mb-xxl {
	margin-bottom:60px!important;
}   
.mod_breadcrumb {
	display: none;
}
#top-wrapper,
#fix-wrapper {
	position: relative;
} 
body.content_page #header {
	border-bottom: 1px solid rgb(240,240,240);
}  
#main .mod_article {
	margin-top: 50px;
	margin-bottom: 50px;
}  
.ce_text_imagebox.dark_text:not(.vcenter):before,
.ce_text_imagebox.light_text:not(.vcenter):before {
	display: none;
} 
.ce_countup {
	margin-bottom: 30px;
}

.mod_socials {
	display: none!important;
}

#footer .mod_socials {
	display: block!important;
}  
.button-link {
	display: none;
} 

.ce_leadertext.version1 p {
	font-size: 1.1em;
}
}