/* ... Inhalts-Menü - a.burg@nup-werbung.de ...
-------------------------------------------------------------------------------------------------*/
.content_menu {
  position: relative;
  height: 630px;
  overflow: hidden;
}
.content_menu * {
  box-sizing: border-box;
}
.content_menu ul {
  margin: 0;
  padding: 0;
}
.content_menu .navi {
  width: 310px;
  height: 630px;
  padding: 10px;
  border-radius: 12px;
  position: relative;
}
.content_menu .navi > ul:before {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 20px;
  height: 630px;
  background: transparent;
}
#main .content_menu .h2 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1;
}
.content_menu .navi > ul {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-bottom: 10px;
  width: 310px;
}
.content_menu a {
  position: relative;
  display: block;
  padding: 0 10px 1px;
  text-decoration: none;
}
.content_menu .text a {
  font-size: 17px;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.chrome .content_menu .text a {
  font-size: 16px;
}
.reisetaschen .content_menu .text a,
.siebdruck .content_menu .text a {
  font-size: 16px;
  line-height: 19px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.content_menu .text a:hover,
.content_menu .text.hover a {
  color: #fff;
}
.content_menu .text a:before {
  border-bottom: 1px dotted #1a171b;
  bottom: 0;
  content: "";
  position: absolute;
  width: 290px;
}
.content_menu .text a:hover:before,
.content_menu .text.hover a:before {
  border-color: transparent;
}
.content_menu .box {
  position: absolute;
  border-radius: 12px;
  overflow: hidden;
}
.content_menu .info {
  opacity: 0;
  z-index: 1;
  transition-delay: .15s;
  transition-duration: .5s;
  transition-property: all;
}
.content_menu .has_no_image .info {
  left: 320px;
  bottom: 0;
  width: 0;
  height: 0;
}
.content_menu .info a,
.content_menu .sub {
  transition: all .5s ease .15s;
}
.content_menu .text.hover + .image + .info,
.content_menu .text.hover + .info {
  opacity: 1;
  width: 310px !important;
  height: 630px !important;
  left: 320px;
  bottom: 0;
  z-index: 2;
}
.content_menu .text.hover + .image + .info a,
.content_menu .text.hover + .info a {
  color: #fff;
}
.content_menu .image:hover + .info,
.content_menu .has_image .info:hover {
  opacity: 1;
}
.content_menu img {
  display: block;
  position: relative;
  border-radius: 12px !important;
}
.content_menu .is_med .info > li > a {
  font-size: 17px;
  line-height: 20px;
}
.content_menu .is_big .info > li > a,
.content_menu .hover + .image + .info > li > a,
.content_menu .hover + .info > li > a {
  font-size: 36px;
  line-height: 40px;
}
.content_menu .info > li > a {
  max-width: 630px;
  height: 100%;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
}
.content_menu .hover + .image + .info > li > a,
.content_menu .hover + .info > li > a {
  height: auto;
  padding: 0 10px;
  top: 10px;
}
.content_menu .info {
  padding: 10px 0;
}
.content_menu .sub {
  position: absolute;
  bottom: 10px;
  width: 100%;
  opacity: 0;
}
.content_menu .hover + .image + .info .sub,
.content_menu .hover + .info .sub {
  opacity: 1;
}
.content_menu .sub a {
  padding: 0 10px 1px;
}
.content_menu .sub a:before {
  border-bottom: 1px dotted #fff;
  bottom: 0;
  content: "";
  position: absolute;
  width: 290px;
}
.content_menu .sub a:hover:before {
  border-color: transparent;
}
/* ... Inhalts-Menü ... END
-------------------------------------------------------------------------------------------------*/



/* ... Inhalts-Menü individuelle Farben - a.burg@nup-werbung.de ...
-------------------------------------------------------------------------------------------------*/
#main .content_menu .h2 {
  color: #668399;
}
.content_menu .navi,
.content_menu .info,
.content_menu .sub a:hover {
  background-color: #B4C3D3;
}
.content_menu .info  {
  background-color: #B4C3D3;
  background-color: rgba(180, 195, 211, 1);
}
.content_menu .text a:hover,
.content_menu .text.hover a,
.content_menu .text.hover + .image + .info,
.content_menu .text.hover + .info {
  background-color: #668399;
}


#main .menu_gold .content_menu .h2 {
  color: #A79C7E;
}
.menu_gold .content_menu .navi,
.menu_gold .content_menu .info,
.menu_gold .content_menu .sub a:hover {
  background-color: #D3C7A3;
}
.menu_gold .content_menu .info  {
  background-color: rgba(211, 199, 163, .95);
}
.menu_gold .content_menu .text a:hover,
.menu_gold .content_menu .text.hover a,
.menu_gold .content_menu .text.hover + .image + .info,
.menu_gold .content_menu .text.hover + .info {
  background-color: #A79C7E;
}
/* ... Inhalts-Menü individuelle Farben ... END
-------------------------------------------------------------------------------------------------*/



/* ... Inhalts-Menü Positionierung - a.burg@nup-werbung.de ...
-------------------------------------------------------------------------------------------------*/
.businesstaschen .li_1 .box {
  left: 320px;
  bottom: 0;
}
.businesstaschen .li_2 .box {
  left: 640px;
  bottom: 320px;
}
.businesstaschen .li_3 .box {
  left: 800px;
  bottom: 480px;
}
.businesstaschen .li_4 .box {
  left: 800px;
  bottom: 320px;
}
.businesstaschen .li_5 .box {
  left: 640px;
  bottom: 0;
}


.einkaufstaschen .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.einkaufstaschen .li_2 .box {
  left: 640px;
  bottom: 480px;
}
.einkaufstaschen .li_3 .box {
  left: 320px;
  bottom: 0;
}
.einkaufstaschen .li_5 .box {
  left: 640px;
  bottom: 320px;
}
.einkaufstaschen .li_6 .box {
  left: 640px;
  bottom: 0;
}


.content_menu.individuelle-taschen,
.content_menu.individuelle-taschen .navi,
.content_menu.individuelle-taschen .navi > ul:before {
  height: 790px;
}
.content_menu.individuelle-taschen .text a {
  line-height: 17px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.individuelle-taschen .has_image .box {
  height: 150px !important;
  width: 150px !important;
}
.content_menu.individuelle-taschen img {
  height: auto;
  max-width: 100%;
}
.content_menu.individuelle-taschen .li_9 img {
  height: 100%;
  margin-left: -35px;
  max-width: none;
  width: auto;
}
.individuelle-taschen .is_big .info > li > a,
.individuelle-taschen .hover + .image + .info > li > a,
.individuelle-taschen .hover + .info > li > a {
  font-size: 17px;
  line-height: 20px;
}
.individuelle-taschen .li_1 .box,
.individuelle-taschen .li_2 .box,
.individuelle-taschen .li_3 .box,
.individuelle-taschen .li_4 .box {
  bottom: 640px;
}
.individuelle-taschen .li_5 .box,
.individuelle-taschen .li_6 .box,
.individuelle-taschen .li_7 .box,
.individuelle-taschen .li_8 .box {
  bottom: 480px;
}
.individuelle-taschen .li_9 .box,
.individuelle-taschen .li_10 .box,
.individuelle-taschen .li_11 .box,
.individuelle-taschen .li_12 .box {
  bottom: 320px;
}
.individuelle-taschen .li_13 .box,
.individuelle-taschen .li_14 .box,
.individuelle-taschen .li_15 .box,
.individuelle-taschen .li_16 .box {
  bottom: 160px;
}
.individuelle-taschen .li_17 .box,
.individuelle-taschen .li_18 .box,
.individuelle-taschen .li_19 .box,
.individuelle-taschen .li_20 .box {
  bottom: 0;
}
.individuelle-taschen .li_1 .box,
.individuelle-taschen .li_5 .box,
.individuelle-taschen .li_9 .box,
.individuelle-taschen .li_13 .box,
.individuelle-taschen .li_17 .box {
  left: 320px;
}
.individuelle-taschen .li_2 .box,
.individuelle-taschen .li_6 .box,
.individuelle-taschen .li_10 .box,
.individuelle-taschen .li_14 .box,
.individuelle-taschen .li_18 .box {
  left: 480px;
}
.individuelle-taschen .li_3 .box,
.individuelle-taschen .li_7 .box,
.individuelle-taschen .li_11 .box,
.individuelle-taschen .li_15 .box,
.individuelle-taschen .li_19 .box {
  left: 640px;
}
.individuelle-taschen .li_4 .box,
.individuelle-taschen .li_8 .box,
.individuelle-taschen .li_12 .box,
.individuelle-taschen .li_16 .box,
.individuelle-taschen .li_20 .box {
  left: 800px;
}


.konferenztaschen .li_1 .box {
  left: 320px;
  bottom: 0;
}
.konferenztaschen .li_2 .box {
  left: 640px;
  bottom: 320px;
}
.konferenztaschen .li_3 .box {
  left: 800px;
  bottom: 480px;
}
.konferenztaschen .li_4 .box {
  left: 640px;
  bottom: 0;
}
.konferenztaschen .li_5 .box {
  left: 800px;
  bottom: 320px;
}


.kuehltaschen .li_1 .box {
  left: 320px;
  bottom: 0;
}
.kuehltaschen .li_2 .box {
  left: 640px;
  bottom: 320px;
}
.kuehltaschen .li_3 .box {
  left: 640px;
  bottom: 0;
}
.kuehltaschen .li_4 .box {
  left: 640px;
  bottom: 160px;
}
.kuehltaschen .li_6 .box {
  left: 800px;
  bottom: 160px;
}


.messetaschen .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.messetaschen .li_2 .box {
  left: 640px;
  bottom: 0;
}
.messetaschen .li_3 .box {
  left: 320px;
  bottom: 0;
}
.messetaschen .li_4 .box {
  left: 800px;
  bottom: 160px;
}
.messetaschen .li_5 .box {
  left: 800px;
  bottom: 0;
}


.notebooktaschen .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.notebooktaschen .li_2 .box {
  left: 640px;
  bottom: 480px;
}
.notebooktaschen .li_3 .box {
  left: 800px;
  bottom: 480px;
}
.notebooktaschen .li_5 .box {
  left: 320px;
  bottom: 0;
}
.notebooktaschen .li_6 .box {
  left: 640px;
  bottom: 320px;
}
.notebooktaschen .li_7 .box {
  left: 640px;
  bottom: 0;
}


.planentaschen .li_1 .box {
  left: 320px;
  bottom: 0;
}
.planentaschen .li_2 .box {
  left: 640px;
  bottom: 320px;
}
.planentaschen .li_3 .box {
  left: 800px;
  bottom: 320px;
}
.planentaschen .li_4 .box {
  left: 640px;
  bottom: 160px;
}
.planentaschen .li_6 .box {
  left: 640px;
  bottom: 0;
}


.preisreduzierte-taschen .li_1 .box {
  left: 320px;
  bottom: 0;
}
.preisreduzierte-taschen .li_2 .box {
  left: 320px;
  bottom: 160px;
}
.preisreduzierte-taschen .li_4 .box {
  left: 640px;
  bottom: 0;
}


.content_menu.promotiontaschen-2017,
.content_menu.promotiontaschen-2017 .navi,
.content_menu.promotiontaschen-2017 .navi > ul:before {
  height: 790px;
}
.content_menu.promotiontaschen-2017 .text a {
  line-height: 17px;
  padding-bottom: 9px;
}
.promotiontaschen-2017 .li_99 .box {
  left: 320px;
  bottom: 480px;
}
.promotiontaschen-2017 .li_2 .box {
  bottom: 480px;
  left: 640px;
}
.promotiontaschen-2017 .li_3 .box {
  bottom: 320px;
  left: 320px;
}
.promotiontaschen-2017 .li_4 .box {
  bottom: 320px;
  left: 480px;
}
.promotiontaschen-2017 .li_6 .box {
  bottom: 0;
  left: 320px;
}
.promotiontaschen-2017 .li_7 .box {
  bottom: 320px;
  left: 640px;
}
.promotiontaschen-2017 .li_8 .box {
  bottom: 320px;
  left: 800px;
}
.promotiontaschen-2017 .li_10 .box {
  bottom: 0;
  left: 640px;
}


.reiseaccessoires .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.reiseaccessoires .li_2 .box {
  left: 640px;
  bottom: 160px;
}
.reiseaccessoires .li_3 .box {
  left: 640px;
  bottom: 0;
}
.reiseaccessoires .li_4 .box {
  left: 640px;
  bottom: 320px;
}
.reiseaccessoires .li_5 .box {
  left: 800px;
  bottom: 160px;
}
.reiseaccessoires .li_7 .box {
  left: 320px;
  bottom: 0;
}

.reisetaschen .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.reisetaschen .li_2 .box {
  left: 320px;
  bottom: 160px;
}
.reisetaschen .li_3 .box {
  left: 480px;
  bottom: 160px;
}
.reisetaschen .li_4 .box {
  left: 640px;
  bottom: 160px;
}
.reisetaschen .li_5 .box {
  left: 320px;
  bottom: 0;
}
.reisetaschen .li_6 .box {
  left: 640px;
  bottom: 0;
}
.reisetaschen .li_7 .box {
  left: 480px;
  bottom: 0;
}


.retrotaschen .li_1 .box {
  left: 320px;
  bottom: 160px;
}
.retrotaschen .li_2 .box {
  left: 640px;
  bottom: 480px;
}
.retrotaschen .li_4 .box {
  left: 640px;
  bottom: 320px;
}
.retrotaschen .li_5 .box {
  left: 800px;
  bottom: 480px;
}
.retrotaschen .li_6 .box {
  left: 640px;
  bottom: 0;
}
.retrotaschen .li_7 .box {
  left: 320px;
  bottom: 0;
}
.retrotaschen .li_8 .box {
  left: 800px;
  bottom: 160px;
}
.retrotaschen .li_9 .box {
  left: 800px;
  bottom: 0;
}


.rucksaecke .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.rucksaecke .li_3 .box {
  left: 640px;
  bottom: 320px;
}
.rucksaecke .li_4 .box {
  left: 320px;
  bottom: 0;
}
.rucksaecke .li_5 .box {
  left: 640px;
  bottom: 0;
}


.schreibmappen .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.schreibmappen .li_3 .box {
  left: 320px;
  bottom: 0;
}
.schreibmappen .li_4 .box {
  left: 640px;
  bottom: 0;
}
.schreibmappen .li_5 .box {
  left: 640px;
  bottom: 320px;
}


.content_menu.siebdruck,
.content_menu.siebdruck .navi,
.content_menu.siebdruck .navi > ul:before {
  height: 470px;
}
.siebdruck .li_1 .box {
  left: 320px;
  bottom: 160px;
}
.siebdruck .li_2 .box {
  left: 320px;
  bottom: 0;
}
.siebdruck .li_3 .box {
  left: 480px;
  bottom: 0;
}
.siebdruck .li_5 .box {
  left: 640px;
  bottom: 0;
}
.siebdruck .li_6 .box {
  left: 640px;
  bottom: 320px;
}


.spezialtaschen .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.spezialtaschen .li_2 .box {
  left: 640px;
  bottom: 320px;
}
.spezialtaschen .li_3 .box {
  left: 800px;
  bottom: 480px;
}
.spezialtaschen .li_4 .box {
  left: 800px;
  bottom: 320px;
}
.spezialtaschen .li_5 .box {
  left: 640px;
  bottom: 0;
}
.spezialtaschen .li_6 .box {
  left: 320px;
  bottom: 0;
}
.spezialtaschen .li_7 .box {
  left: 320px;
  bottom: 160px;
}


.sporttaschen .li_1 .box {
  left: 320px;
  bottom: 0;
}
.sporttaschen .li_2 .box {
  left: 640px;
  bottom: 320px;
}

.sporttaschen .li_4 .box {
  left: 640px;
  bottom: 160px;
}
.sporttaschen .li_5 .box {
  left: 640px;
  bottom: 0;
}
.sporttaschen .li_7 .box {
  left: 800px;
  bottom: 320px;
}


.content_menu.stick,
.content_menu.stick .navi,
.content_menu.stick .navi > ul:before {
  height: 480px;
}
.stick .li_1 .box {
  left: 320px;
  bottom: 170px;
}
.stick .li_2 .box {
  left: 320px;
  bottom: 0;
}
.stick .li_3 .box {
  left: 480px;
  bottom: 0;
}
.stick .li_4 .box {
  left: 640px;
  bottom: 330px;
}
.stick .li_5 .box {
  left: 640px;
  bottom: 0;
}
.stick .li_6 .box {
  left: 800px;
  bottom: 330px;
}


.content_menu.taschenserien,
.content_menu.taschenserien .navi,
.content_menu.taschenserien .navi > ul:before {
  height: 790px;
}
/** *
.content_menu.taschenserien .text a {
  line-height: 17px;
  padding-bottom: 9px;
}
/** */
.taschenserien .li_1 .box {
  left: 320px;
  bottom: 480px;
}
.taschenserien .li_2 .box {
  left: 320px;
  bottom: 160px;
}
.taschenserien .li_4 .box {
	bottom: 640px;
	left: 480px;
}
.taschenserien .li_5 .box {
	bottom: 320px;
	left: 480px;
}
.taschenserien .li_7 .box {
	bottom: 320px;
	left: 640px;
}
.taschenserien .li_8 .box {
	bottom: 480px;
	left: 480px;
}
.taschenserien .li_9 .box {
	bottom: 480px;
	left: 640px;
}
.taschenserien .li_10 .box {
	bottom: 0;
	left: 320px;
}
.taschenserien .li_11 .box {
	bottom: 160px;
	left: 480px;
}
.taschenserien .li_12 .box {
	bottom: 0;
	left: 480px;
}
.taschenserien .li_14 .box {
	bottom: 160px;
	left: 800px;
}
.taschenserien .li_16 .box {
	bottom: 0;
	left: 640px;
}
.taschenserien .li_17 .box {
	bottom: 0;
	left: 800px;
}


.content_menu.tipps-bedruckung,
.content_menu.tipps-bedruckung .navi,
.content_menu.tipps-bedruckung .navi > ul:before {
  height: 950px;
}
.content_menu.tipps-bedruckung .text a {
  line-height: 17px;
}

.tipps-bedruckung .li_1 .box {
  left: 640px;
  bottom: 480px;
}
.tipps-bedruckung .li_2 .box {
  left: 320px;
  bottom: 640px;
}
.tipps-bedruckung .li_3 .box {
  left: 320px;
  bottom: 320px;
}
.tipps-bedruckung .li_6 .box {
  left: 640px;
  bottom: 320px;
}
.tipps-bedruckung .li_9 .box {
  left: 320px;
  bottom: 160px;
}
.tipps-bedruckung .li_11 .box {
  left: 640px;
  bottom: 0;
}
.tipps-bedruckung .li_12 .box {
  left: 320px;
  bottom: 0;
}


.umhaengetaschen .li_1 .box {
  left: 320px;
  bottom: 0;
}
.umhaengetaschen .li_4 .box {
  left: 640px;
  bottom: 320px;
}
.umhaengetaschen .li_5 .box {
  left: 640px;
  bottom: 0;
}
.umhaengetaschen .li_6 .box {
  left: 800px;
  bottom: 320px;
}


.werbeartikel .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.werbeartikel .li_2 .box {
  left: 640px;
  bottom: 320px;
}
.werbeartikel .li_3 .box {
  left: 320px;
  bottom: 0;
}
.werbeartikel .li_4 .box {
  left: 640px;
  bottom: 0;
}


.werbetaschen .li_1 .box {
  left: 320px;
  bottom: 320px;
}
.werbetaschen .li_2 .box {
  left: 640px;
  bottom: 480px;
}
.werbetaschen .li_3 .box {
  left: 320px;
  bottom: 160px;
}
.werbetaschen .li_4 .box {
  left: 640px;
  bottom: 0;
}
.werbetaschen .li_5 .box {
  left: 800px;
  bottom: 320px;
}
.werbetaschen .li_6 .box {
  left: 320px;
  bottom: 0;
}
.werbetaschen .li_7 .box {
  left: 640px;
  bottom: 320px;
}
/* ... Inhalts-Menü Positionierung ... END
-------------------------------------------------------------------------------------------------*/