/* ... Develope - info@andreasburg.de ...
-------------------------------------------------------------------------------------------------*/
.hide-while-developing {
  display: none !important;
}
/* ... Develope - info@andreasburg.de ... END
-------------------------------------------------------------------------------------------------*/



/* ... Neues Layout - info@andreasburg.de ...
-------------------------------------------------------------------------------------------------*/
.new_layout h4 {
  margin: 0;
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
}
.new_layout #main {
  background-color: #fff;
}
.new_layout #main .mod_article {
  margin: 10px 0;
  border-radius: 12px;
  padding: 60px 170px;
}
.new_layout #main .mod_article.flexbox {
  margin: 0;
  border-radius: 0;
  padding: 0;
}
.new_layout #main .mod_article.flexbox {
  padding: 0;
}
.new_layout #main .mod_article.first {
  padding-top: 20px;
}
.new_layout.ueber-werbeartikel #main .mod_article.first,
.new_layout.spezialtaschen #main .mod_article.first {
  padding-right: 10px;
}
.new_layout #main .item.first.js {
  padding-left: 330px;
  padding-bottom: 30px;
}
.new_layout #main .js .headline_wrapper {
  width: 290px;
  float: left;
  padding-bottom: 6px;
  margin-left: -320px;
}
.new_layout #main .js .ce_text {
  overflow: visible;
}
.new_layout #main .js .headline_wrapper h1,
.new_layout #main .js .headline_wrapper h2 {
  text-transform: none;
  font-size: 27px;
  line-height: 1.1;
  margin: 0 0 13px;
  font-weight: bold;
}
.new_layout #main .js .headline_wrapper h2 {
  font-weight: normal;
}
.new_layout #main .mod_article.has_sub {
  padding: 0;
}
.has_sub div.ce_semantic_html5 {
  padding: 30px 170px 60px;
}
.has_sub div.ce_semantic_html5:first-child {
  padding-top: 60px;
}

.new_layout #main .mod_article.menu {
  background-color: #fff;
  padding: 0;
}
.new_layout #main h1,
.new_layout #main h2 {
  margin: 0 0 30px;
}
.new_layout #main h1,
.new_layout #main .as_h1,
.halfar-taschen #main h1 {
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: normal;
}
#main .h1-17-uppercase h1 {
  font-size: 17px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: normal;
}
#main .h2-17-uppercase h2 {
  font-size: 17px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: normal;
}
.new_layout #main .no_wrapper h1 { /** soll aussehen wie H4 */
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 10px;
  text-transform: none;
}
.new_layout #main .no_wrapper h2 { /** soll aussehen wie H1 */
  font-size: 36px;
  font-weight: normal;
  line-height: 40px;
  text-transform: uppercase;
  margin: 0;
}
.new_layout #main h2 {
  font-size: 17px;
}
.new_layout #main p {
  margin-bottom: 20px;
}
.halfar-taschen #main p {
  margin-bottom: 1em;
}
/** .new_layout #main p:last-child, */
.halfar-taschen #main p:last-child {
  margin-bottom: 0;
}

/* ... individuelle Linkfarben - t.niebuhr@nup-werbung.de ...
-------------------------------------------------------------------------------------------------*/
.new_layout #main .a-white:link,
.new_layout #main .a-white:visited,
.new_layout #main .a-white:active,
.new_layout #main .a-white:hover {
	color: #ffffff;
}
.new_layout #main .a-black:link,
.new_layout #main .a-black:visited,
.new_layout #main .a-black:active,
.new_layout #main .a-black:hover {
	color: #1a171b;
}
/* ... individuelle Linkfarben ... END
-------------------------------------------------------------------------------------------------*/

.new_layout #main [class^=ce_] {
  margin-bottom: 30px;
}
.new_layout #main .flexbox [class^=ce_],
.new_layout #main div.ce_semantic_html5 {
  margin-bottom: 0;
}
.new_layout #main [class^=ce_]:last-child {
  margin-bottom: 0;
}
.new_layout #main .image_container,
.halfar-taschen #main .image_container {
  padding: 0;
}
.new_layout #main .image_container a,
.new_layout #main .image_container img,
figure img {
  display: block;
}
.new_layout .ce_toplink {
  background: transparent;
  background-image: url(img/arr-top.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  right: 10px;
  bottom: 30px;
  width: 30px;
  height: 31px;
  position: absolute;
  z-index: 1;
}
.new_layout.werbetaschen #item_4 .ce_toplink,
.new_layout.rucksaecke #item_1 .ce_toplink,
.new_layout.schreibmappen #item_1 .ce_toplink,
.new_layout .toplink_white {
  background-image: url(img/arr-top-white.png);
}
.new_layout .ce_toplink a {
  height: 31px;
  overflow: hidden;
  width: 30px;
  display: block;
  text-indent: -32000px;
}
.new_layout #main div.ce_semantic_html5 {
  margin: 0;
  overflow: visible;
  position: relative;
}
div.taschenfinder {
  background-color: #F78500;
  background-image: linear-gradient(to bottom, #FD9532, #F38027);
  border-radius: 8px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 140px;
}
div.taschenfinder a {
  display: block;
  padding: 10px;
  background: url(img/arr-right.png) no-repeat 115px center;
  line-height: 20px;
  text-decoration: none;
  color: #fff;
}
.new_layout .ce_slideshow2 {
  margin-left: -10px;
  overflow: visible;
}
.new_layout .slideshow-loader[aria-hidden=true] {
	opacity: 0;
}
.new_layout th,
.new_layout td {
  vertical-align: top;
  text-align: left;
}
/* ... Neues Layout ... END
-------------------------------------------------------------------------------------------------*/



/* ... Element-Klassen - info@andreasburg.de ...
-------------------------------------------------------------------------------------------------*/
.new_layout #main .no_bottom {
  margin-bottom: 10px;
}
.center_block,
.center_block img {
  margin-left: auto;
  margin-right: auto;
}
.o_visible {
  overflow: visible;
}
.c_white,
.c_white a {
  color: #fff;
}
.c_mittelblau {
  color: #859AB2;
}
.c_hellblau_180 {
  color: #B4C3D3;
}
.c_dunkelblau {
  color: #56849B;
}
.b_schwarzblau {
  background-color: rgba(33, 34, 64, .75);
}
/* ... Element-Klassen ... END
-------------------------------------------------------------------------------------------------*/



/* ... Grid ...
-------------------------------------------------------------------------------------------------*/
.g_left,
.g_right {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.g_left {
  float: left;
}
.g_right {
  float: right;
}
.g_2 {
  width: 290px;
}
.g_2_plus {
  width: 310px;
}
.g_4 {
  width: 610px;
}
.new_layout .g_4_plus {
  width: 670px;
  margin-left: -30px;
}
.g_4_plus_inner {
  margin-left: 30px;
}
.bg {
  background-color: #D9DADB;
  border-radius: 12px;
  margin-left: -10px;
  padding: 10px;
  width: 610px;
}
/* ... Grid ... END
-------------------------------------------------------------------------------------------------*/



/* ... Individuelle Item Anpassungen - info@andreasburg.de ...
-------------------------------------------------------------------------------------------------*/
#main .item {
  box-sizing: border-box;
  position: relative;
}
.item {
  background-color: #ececec;
}
div.hellblau {
  background-color: #C8D2DF;
}
[class^=ce_].hellblau_180 {
  background-color: #B4C3D3;
}
div.hellblau_198 {
  background-color: #C6D3D6;
}
div.hellblau_228 {
  background-color: #E4EDF3;
}
div.hellblau_239 {
  background-color: #E1EFF2;
}
div.mittelblau {
  background-color: #859AB2;
}
div.dunkelblau {
  background-color: #56849B;
}
div.schwarzblau {
  background-color: #212240;
}
div.hellgrau {
  background-color: #ECECEC !important;
}
div.mittelgrau {
  background-color: #D9DADB !important;
}
div.gold {
  background-color: #D3C7A3;
}
div.dunkelgold {
  background-color: #A79C7E;
}
div.goldbraun {
  background-color: #BAA772;
}
div.hellgraubraun {
  background-color: #C9C5C8;
}
div.graubraun {
  background-color: #979096;
}
div.gelb {
  background-color: #DAD86F;
}
div.gruen {
  background-color: #658439;
}
div.braun_1a {
  background-color: #BF9883;
}
div.braun_1b {
  background-color: #D3B7A9;
}
div.braun_2a {
  background-color: #655249;
}
div.braun_2b {
  background-color: #948882;
}
div.gruengrau {
  background-color: #B9BFAF;
}
div.orange {
  background-color: #DC6C13;
}
div.beige {
  background-color: #e2d1ac;
}
div.stoerer {
  background-color: #FEDFA8;
}
div.transparent {
  background-color: transparent;
}

.new_layout #main [id^=item_] {
  background-repeat: no-repeat;
}


.businesstaschen #main #item_1_1 {
  background-image: url(../werbetaschen/businesstaschen/Business-1-1-950x720.jpg);
  height: 600px;
}
.lang-en.businesstaschen #main #item_1_1 {
  background-image: url(../promotional-bags/business-bags/Business-1-1-950x720.jpg);
}

.businesstaschen #main #item_1_1 .ce_kapitelheadline_2,
.businesstaschen #main #item_1_1 .ce_subheadline_2 {
  margin-left: 320px;
  margin-top: 70px;
}
.businesstaschen #main #item_1_1 .ce_subheadline_2 {
  margin-top: 170px;
}
.businesstaschen #main #item_3 .ce_bild_4 {
  margin-top: -30px;
  margin-bottom: 0;
}


.einkaufstaschen #main #item_1_1_start {
  background-image: url(../werbetaschen/einkaufstaschen/Einkaufstaschen-01.jpg);
  height: 510px;
  padding-top: 240px;
}
.einkaufstaschen #main #item_1_1_start .ce_headline_text_bild_2_2 {
  margin-top: 120px;
}


.konferenztaschen #main #item_1 {
  background-color: rgb(131, 129, 134);
}
.konferenztaschen #main #item_1_1 {
  background-image: url(../werbetaschen/konferenztaschen/Konferenz-1-950-x-1150.jpg);
  height: 1030px;
}
.lang-en.konferenztaschen #main #item_1_1 {
  background-image: url(../promotional-bags/conference-bags/Conference-1-950-x-1150.jpg);
}
.konferenztaschen #main #item_1_1 .ce_kapitelheadline_4,
.konferenztaschen #main #item_1_1 .ce_subheadline_4 {
  width: 450px;
}
.konferenztaschen #main #item_1_2 {
  color: #fff;
}
.konferenztaschen #main #item_1_2 ul {
  background-color: rgb(60, 70, 97);
}
.konferenztaschen #main #item_1_2 li li {
  list-style: circle outside url(img/arr-right-white.png);
}


.kuehltaschen #main #item_1 {
  background-color: #E8C150;
}
.kuehltaschen #main #item_1_1 {
  background-image: url(../werbetaschen/kuehltaschen/Kuehlt-01.jpg);
  height: 830px;
}


.messetaschen #main #item_1_1 {
  background-image: url(../werbetaschen/messetaschen/Messe-1-950-x-630.jpg);
  height: 510px;
}
.lang-en.messetaschen #main #item_1_1 {
  background-image: url(../promotional-bags/exhibition-bags/Exhibition-1-950-x-630.jpg);
}
.messetaschen #main #item_3_2 .no1 {
  margin-top: -100px;
}
.messetaschen #main #item_3_2 .no1 .img_right {
  margin-top: 80px;
}


.neue-promotiontaschen .js {
  min-height: 330px;
}
.neue-promotiontaschen .js figure {
  position: absolute;
  left: 10px;
  top: 10px;
}
.neue-promotiontaschen #main .js .headline_wrapper {
  float: none;
  margin-left: 0;
  width: auto;
}


.neuheiten-2017 #main div[id^=item_] {
  padding-bottom: 0;
}
.neuheiten-2017 h1,
.neuheiten-2017 .ce_subheadline_4 {
  position: relative;
  z-index: 1;
}
.neuheiten-2017 .ce_bild_6 {
  position: relative;
  z-index: 0;
}
.neuheiten-2017 #main #item_1 .bild_1 {
  margin-top: -266px;
}
.neuheiten-2017 #main #item_5 .ce_bild_6 {
  margin-top: -288px;
}
.neuheiten-2017 #main #item_9 .ce_bild_6 {
  margin-top: -244px;
}


.notebooktaschen #main #item_6 .ce_bilder_liste_2_2 .img_1 {
  margin-bottom: 10px;
}
.notebooktaschen #main #item_6 .ce_bilder_liste_2_2 .img_2 {
  margin-right: 10px;
}
.notebooktaschen #main #item_7 {
  background-image: url(../werbetaschen/notebooktaschen/notebooktaschen-7.jpg);
  height: 1259px;
}
.lang-en.notebooktaschen #main #item_7 {
  background-image: url(../promotional-bags/notebook-bags/notebook-bags-7.jpg);
}


.planentaschen #main #item_1 {
  background-image: url(../werbetaschen/planentaschen/planentaschen-1.jpg);
  background-position: center -30px;
}
.lang-en.planentaschen #main #item_1 {
  background-image: url(../promotional-bags/tarpaulin-bags/tarpaulin-bags-1.jpg);
}
.planentaschen #main #item_1 .ce_kapitelheadline_2 {
  margin-top: 60px;
  overflow: visible;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}
.planentaschen #main #item_1 .ce_subheadline_2 {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}
.planentaschen #main #item_1 > :last-child {
  margin-top: 550px;
}
.lang-en.planentaschen #main #item_1 > :last-child {
  margin-top: 615px;
}


.reiseaccessoires #main #item_1 {
  background-image: url(../werbetaschen/reiseaccessoires/kulturtasche.jpg);
}
.lang-en.reiseaccessoires #main #item_1 {
  background-image: url(../promotional-bags/travel-accessories/toiletry-bag.jpg);
}
.reiseaccessoires #main #item_1 .ce_subheadline_4 {
  margin-top: 696px;
}
.reiseaccessoires #main #item_1 .ce_bild_4 img {
  background-color: #fff;
}


.reisetaschen #main #item_1_1 {
  background-image: url(../werbetaschen/reisetaschen/Reisetaschen-01.jpg);
  height: 560px;
  text-align: right;
  padding-top: 200px;
}
.reisetaschen #main #item_1 .ce_bild_4 img {
  background-color: #fff;
}


.retro-taschen #main #item_1 {
  background-image: url(../werbetaschen/retrotaschen/Retro-1-950x946.jpg);
  height: 946px;
}
.lang-en.retro-taschen #main #item_1 {
  background-image: url(../promotional-bags/retro-bags/Retro-1-950x946.jpg);
}
.retro-taschen #main #item_1 .ce_kapitelheadline_2 {
  margin-top: 200px;
}
.retro-taschen #main #item_1 .ce_kapitelheadline_2,
.retro-taschen #main #item_1 .ce_subheadline_2,
.retro-taschen #main #item_1 .ce_text {
  margin-left: 320px;
}


.rucksaecke #main #item_1 {
  background-image: url(../werbetaschen/rucksaecke/rucksaecke-1.jpg);
  height: 1170px;
}
.lang-en.rucksaecke #main #item_1 {
  background-image: url(../promotional-bags/backpacks/backpacks-1.jpg);
}
.rucksaecke #main #item_1 .ce_text_2_2_plus {
  margin-top: 528px;
}
.rucksaecke #main #item_4 .ce_liste_4 ul {
  padding-top: 0;
  padding-bottom: 0;
}


.schreibmappen #main #item_1 {
  background-image: url(../werbetaschen/schreibmappen/schreibmappen-1.jpg);
  height: 1380px;
}
.lang-en.schreibmappen #main #item_1 {
  background-image: url(../promotional-bags/conference-folders/conference-folders-1.jpg);
}
.schreibmappen #main #item_1 .ce_liste_2_2 {
  position: absolute;
  bottom: 60px;
}
.schreibmappen #main #item_4 .ce_bild_2_2 .img_left {
  margin-left: 10px;
}
.schreibmappen #main #item_4 .ce_bild_2_2 .img_right {
  margin-left: 330px;
}
.schreibmappen #main #item_5 .ce_bild_2_2 {
  margin-top: -20px;
}


.spezialtaschen #item_1_2 .ce_tabelle td:nth-child(2) {
  font-weight: bold;
  border-radius: 12px 0 0 12px;
}
.spezialtaschen #item_1_2 .ce_tabelle td:nth-child(3) {
  border-radius: 0;
}
.spezialtaschen #item_1_2 .ce_tabelle td:last-child {
  border-radius: 0 12px 12px 0;
}
.spezialtaschen #item_4 {
  background-image: url(../spezialtaschen/gesetze.png);
  background-position: -10px -144px;
  height: 732px;
}
.lang-en.spezialtaschen #item_4 {
  background-image: url(../special-bags/laws.png);
}
.spezialtaschen #item_4 .ce_text_2_2 {
  margin-top: 332px;
}
.spezialtaschen #item_5 {
  background-image: url(../spezialtaschen/fertigung.jpg);
  height: 950px;
}
.lang-en.spezialtaschen #item_5 {
  background-image: url(../special-bags/production.jpg);
}
.spezialtaschen #item_5 .ce_kapitelheadline_4 {
  margin-top: 520px;
}


.sporttaschen #main #item_1_1 {
  background-image: url(../werbetaschen/sporttaschen/Sport-Freizeit-01.jpg);
  height: 810px;
}
.lang-en.sporttaschen #main #item_1_1 {
  background-image: url(../promotional-bags/sports-bags/sports-bags-1.jpg);
}
.sporttaschen #main #item_1_1 .ce_subheadline_4 {
  position: absolute;
  width: 610px;
  bottom: 60px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}
.sporttaschen #main #item_2 .ce_headline_text_bild_2_2 .e_right {
  background-color: #D9DADB;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 580px;
  border-radius: 12px;
}


.stick .gruen_1 {
  background-color: #478765;
}
.stick .gruen_2 {
  background-color: #BFCA90;
}

/** 
 * Taschenserien hat ein neues Layout, welches wenig auf dem newlayout basiert.
 * Auch die Content-Elemente mussten teilweise überschrieben werden.
 */
/** basic */
.taschenserien #main [id^=item_] {
  padding: 0;
	margin-top: 0;
	margin-bottom: 0;
  background-color: transparent;
}
.taschenserien #main [id^=item_] > div[class^="ce_"] {
	padding: 30px 170px 50px;
	margin-bottom: 10px;
	border-radius: 12px;
  overflow: hidden;
}
.taschenserien #main [id^=item_] > [class^="ce_"]:nth-child(2) {
	padding-top: 60px;
}
.taschenserien [id^=item_] > div {
  position: relative;
}
.taschenserien #main h1 {
	margin-bottom: 20px;
}
.taschenserien #main p {
	margin-bottom: 10px;
}
.taschenserien .ce_subheadline_4 p img {
  display: block;
}
.taschenserien .ce_subheadline_4 p + p img {
	margin-top: 20px;
}
.taschenserien .textsize_s {
	font-size: 12px;
  line-height: 20px;
}
.taschenserien ul.liste {
	padding-left: 0;
  margin-bottom: 10px;
}
.taschenserien #main [id^=item_] > div.ce_toplink {
	position: absolute;
	padding: 0;
	margin-bottom: 30px;
	border-radius: 50%;
}
.taschenserien #main [id^=item_][id^="item_"] .ce_bild_6 {
	width: auto;
	margin-left: 0;
	padding: 0;
}
.taschenserien #main [id^=item_] div.ce_bilder_6 {
	width: auto;
	margin-left: -10px;
	padding: 0;
	margin-bottom: 0;
}
.taschenserien #main [id^=item_] div.ce_bilder_6 figure {
	position: relative;
	float: left;
	margin: 0 0 10px 10px;
	padding: 0;
}
.taschenserien #main [id^=item_] > div.text_overlay {
	position: absolute;
	top: 50px;
	padding: 10px;
	max-width: 610px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
/** custom */
.taschenserien #item_2 .text_2 {
	margin-top: 1880px !important;
}
.taschenserien #item_12 .text_2 {
	margin-top: 1130px !important;
}
.taschenserien #item_16 .text_2 {
	margin-top: 3020px !important;
}
/** patch *
.taschenserien #item_7 .ce_bilder_6 img,
.taschenserien #item_10 .ce_bilder_6 .img_2 img {
	max-width: 470px;
  height: auto;
}
/** patch - END */




.ueber-werbeartikel #main [id^=werbeartikel-head] .e_spezial {
  font-size: 36px;
  line-height: 1.3;
  border: 4px dotted;
  border-width: 4px 0;
  padding: 10px 0;
}


.umhaengetaschen #main #item_1_1 {
  background-image: url(../werbetaschen/umhaengetaschen/umhaengetaschen-1.jpg);
  height: 630px;
}
.lang-en.umhaengetaschen #main #item_1_1 {
  background-image: url(../promotional-bags/shoulder-bags/shoulder-bags-1.jpg);
}
.umhaengetaschen #main #item_1_1 .ce_kapitelheadline_4 {
  margin-top: 190px;
  background-color: rgba(236, 236, 236, .75);
}


.werbetaschen [id^=werbetaschen-head] {
  margin-top: 520px;
  background-image: linear-gradient(to bottom, rgb(84, 133, 48), rgb(219, 217, 104));
}
.werbetaschen #main #item_4_1 {
  background-image: url(../werbetaschen/werbetaschen-04.jpg);
  height: 830px;
}
.lang-en.werbetaschen #main #item_4_1 {
  background-image: url(../promotional-bags/promotional-bags-04.jpg);
}
.werbetaschen #main #item_4_1 .ce_kapitelheadline_4 {
  margin-top: 50px;
}
.werbetaschen #main #item_4_1 .ce_text_2_2 {
  margin-top: 510px;
}
.werbetaschen #main #item_5_1 {
  background-image: url(../werbetaschen/werbetaschen-05.jpg);
  height: 590px;
}
.lang-en.werbetaschen #main #item_5_1 {
  background-image: url(../promotional-bags/promotional-bags-05.jpg);
}
.werbetaschen #main #item_6_1 {
  background-image: url(../werbetaschen/werbetaschen-06.jpg);
  height: 490px;
}
.lang-en.werbetaschen #main #item_6_1 {
  background-image: url(../promotional-bags/promotional-bags-06.jpg);
}
.werbetaschen #main #item_6_1 .ce_kapitelheadline_4 {
  margin-top: 440px;
}
.werbetaschen #main #item_7_1 {
  background-image: url(../werbetaschen/werbetaschen-07.png);
  background-position: center 225px;
  height: 585px;
}
.lang-en.werbetaschen #main #item_7_1 {
  background-image: url(../promotional-bags/promotional-bags-07.png);
}
/* ... Individuelle Item Anpassungen ... END
-------------------------------------------------------------------------------------------------*/



/* ... Misc ... 
-------------------------------------------------------------------------------------------------*/
sup {
  font-size: 0.625em;
  line-height: 1;
}
.slideshow-images a::after {
	content: '';
	width: 31px;
	height: 30px;
	position: absolute;
	background: rgba(0, 0, 0, 0) url(https://de.halfar.com/files/css/img/arr-right-circle.png) no-repeat center;
	z-index: 1000;
	right: 10px;
	bottom: 10px;
}
.slideshow-images a + a::after {
	display: none;
}
.slideshow-captions {
	background: rgba(0, 0, 0, .2);
  top: 0;
	bottom: auto;
	color: white;
	font: unset;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 0;
	/** width: auto; */
	z-index: 10000;
  height: auto !important;
  /** opacity: 1 !important; */
  padding: 10px;
  box-sizing: border-box;
  border-radius: 12px 12px 0 0;
}
#main .slideshow-captions p {
  margin-bottom: 0;
}
/** global classes */
.link-with-arrow {
  background-image: url(https://de.halfar.com/files/css/img/arr-right-circle.png);
  background-position: calc(100% - 10px) calc(100% - 10px);
  background-repeat: no-repeat;
  display: block;
}
/** *
.link-with-arrow p {
  height: 100%;
  margin-bottom: 0;
}
/** */
/* ... Misc ... END
-------------------------------------------------------------------------------------------------*/



/* ... Startseite - startseite-neue-artikel ... wenn fertig mit Startseite mergen
-------------------------------------------------------------------------------------------------*/
.halfar-taschen #main h1 {
  margin-top: 0;
  margin-bottom: 10px;
}
.halfar-taschen .flexbox h3 { /* wie H2 */
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 17px;
}
.halfar-taschen #main .mod_article > div {
  margin-bottom: 10px;
}
.halfar-taschen #main .ce_text li {
  margin: 0;
  list-style: none;
  border-bottom: 2px dotted;
  padding: 10px 0 6px 23px;
  background: url("img/arr-right-default.png") no-repeat 0 12px;
}
.halfar-taschen #main .c_white li {
  background-image: url("img/arr-right-white.png");
}
.halfar-taschen #main .ce_text li:first-child {
  padding-top: 0;
  background-position: 0 2px;
}
.halfar-taschen #main .ce_text li a {
  text-transform: uppercase;
}
.halfar-taschen #main .ce_text ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
/** *
.halfar-taschen #main a {
  text-decoration: none;
}
/** */
/* ... Startseite - startseite-neue-artikel ... END wenn fertig mit Startseite mergen
-------------------------------------------------------------------------------------------------*/



/* ... Grid helper ... (use bookmarklet to create the div#grid as first child of body)
-------------------------------------------------------------------------------------------------*/
#grid {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 950px;
  height: 100%;
  background-image: url("https://de.halfar.com/files/css/img/Halfar-Grid.png");
  background-position: center;
  background-repeat: repeat-y;
  z-index: 1;
  opacity: .85;
}
/* ... Grid helper ... END
-------------------------------------------------------------------------------------------------*/