* {
   box-sizing: border-box;
}
/* #suchfelder {
	display:none;
}
#sufe-einausblenden {
	color: #121212;
} */
#hcmlogo {
	position: relative;
	display: flex;
	justify-content: center;
  margin-top: 0.6rem;

}
#einzelheftarchiv .suchicon {
	display:none;
}
.tdrechts {
    text-align:right;
    border-right:1px #ffffff solid;
    border-bottom:1px #ffffff solid;
}
.suchicon {
	/*position: absolute;
  text-align: right;
  top: 180px;
  right: 0;*/
  display:none;
}*
/* #navi > input, #navi label {
   display: none;
} */
div#navi nav#hauptnavi label {
  display: none;
}
#skyscraperhockey {
  position:relative;
  left:960px;
  top:0;
  }

#superbannerhockey {
  position:absolute;
  top:0;
  left:0;
}
#skyscraperhockeyleft {
  position:absolute;
  top: 0;
  left: 0px;
}
#skyscraperleftrelative {
	width:100%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}
#skyscraperleft {
  position:absolute;
  top: -15px;
  right: 0;
  left: 994px;
  z-index: auto;
}
body {
	background-color: #f2f2f2;
	font-family: verdana, arial;
  font-size: .90rem;
  line-height: 22px;
}
.abstand30-sb {
    width: 100%;
    max-width: 1020px;
    padding: 0px 0px;
    margin: 0 auto;
    background-color: #f2f2f2;
}
.abstand30 {
    width: 100%;
    max-width: 1020px;
    padding: 15px 30px;
    margin: 0 auto;
    background-color: #ffffff;
}
.topnewsneuteaserpic {
    margin-bottom: 16px;
}
h1 {
	mrgin-left: 0px;
	
}
.grid-container {
  display: grid;
  grid-gap:1.875rem;
	/* grid-template-columns: 18.75rem 18.75rem 18.75rem;
	grid-template-rows: auto; */
  /* grid-template-columns: repeat(auto-fill, minmax(18.75rem));*/
  grid-template-areas: 
    'header header header'
    'navi navi navi'
    'subnavi subnavi subnavi'
    'left left right'
    'footer footer footer';
  width: 100%;
	max-width: 60rem;
	margin: 0 auto;
	padding:0px;
	background-color: #ffffff;
}
.grid-container-bp {
  display: grid;
  grid-gap:1.875rem;
	/* grid-template-columns: 18.75rem 18.75rem 18.75rem;
	grid-template-rows: auto; */
  /* grid-template-columns: repeat(auto-fill, minmax(18.75rem));*/
  grid-template-areas: 
    'header header header'
    'navi navi navi'
    'subnavi subnavi subnavi'
    'left left left'
    'footer footer footer';
  width: 100%;
	max-width: 60rem;
	margin: 0 auto;
	padding:0px;
	background-color: #ffffff;
}
mainbp {
	grid-area: left;
  display: grid;
  grid-gap: 1.875rem;
  grid-template-columns: 1fr 1fr 1fr;
  color: black;
}
.grid-container-heftrarchiv {
  display: grid;
  grid-gap:1.875rem;
	/* grid-template-columns: 18.75rem 18.75rem 18.75rem;
	grid-template-rows: auto; */
  /*grid-template-columns: repeat(auto-fill, minmax(140px));*/
  grid-template-areas: 
    'header header header'
    'navi navi navi'
    'subnavi subnavi subnavi'
    'left left left'
    'footer footer footer';
  width: 100%;
	max-width: 60rem;
	margin: 0 auto;
	padding:0px;
	background-color: #ffffff;
}
mainheftabo {
	grid-area: left;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  color: black;
  grid-column: 1/-1;
}
mainheftarchiv {
    grid-area: left;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    color: black;
}
.grid-container-heftrarchiv {
  display: grid;
  grid-gap:1.875rem;
	/* grid-template-columns: 18.75rem 18.75rem 18.75rem;
	grid-template-rows: auto; */
  /*grid-template-columns: repeat(auto-fill, minmax(140px));*/
  grid-template-areas: 
    'header header header'
    'navi navi navi'
    'subnavi subnavi subnavi'
    'left left left'
    'footer footer footer';
  width: 100%;
	max-width: 60rem;
	margin: 0 auto;
	padding:0px;
	background-color: #ffffff;
}
#HeftArchiv main, #HeftAbo main {
    display: grid;
    padding: 1rem;
    grid-gap: 1.875rem;
    grid-template-columns: auto;
    grid-template-rows: auto;
    color: black;
    grid-template-areas: 'abocontent1'
		'abocontent2';
}

#einzelheftarchiv .grid-container {
  grid-template-areas: 
    'header'
    'navi'
    'subnavi'
    'footer';
}

.header {
  grid-area: header;
  background-color: #ffffff;
  padding-top: 20px;
  position: relative;
  width: 100%;
  max-width: 960px;
}
/*#HeftArchiv main,
#HeftAbo main
{
	display: grid;
	padding: 1rem;
	grid-gap: 1.875rem;
	grid-template-columns: auto;
	grid-template-rows: auto;
	color: black;
  grid-template-areas:
		'abocontent1'
		'abocontent2';
}*/
main
{
	display: grid;
	grid-gap: 1.875rem;
	grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
	color: black;
	/* grid-row-gap: inherit; */
}
main > section
{
	background: #ffffff;
}
#navi {
  grid-area: navi;
  background-color: #ffffff;
  border-top: 1px #1a9779 solid;
  border-bottom: 1px #1a9779 solid;
  background-color: #1a9779;
}
#subnavi {
  grid-area: subnavi;
  background-color: #ffffff;
  position: absolute;
  top: 35px;
}
.left {
  grid-area: left;
  width: 100%;
  max-width: 39.38rem;
  background-color: #ffffff;
  /* padding: 1.25rem; */
 grid-area: left; 

}
.right {
  grid-area: right;
  width: 100%;
  max-width: 18.75rem;
  background-color: #ffffff;
/*  padding: 1.25rem 1.25rem 1.25rem 1.188rem;
  border-left: 0.0625rem solid #f2f2f2; */
}
.footer {
  grid-area: footer;
  grid-column: 1 / -1;
  width: 100%;
  max-width: 60rem;
  background-color: #ffffff;
  border-top: 0.0625rem solid #cccccc;
}

.artikelteaser {
	background-color: #ffffff;
}
.left:nth-child(1n) {
	background-color: #ffffff;
	
}
.right:nth-child(1n) {
	background-color: #ffffff;

}
#kopfnav {
  width: 100%;
 /* background-color: #cccccc;
	border-top: 2px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	text-transform: uppercase; */
	text-align: left;
	font-family: verdana, arial;
  font-size: 1rem;
  
}
div#kopfnav li:nth-child(1):before {
    content: url(../_images/ueber_uns.jpg) " ";
}
div#kopfnav li:nth-child(2):before {
    content: url(../_images/abo.jpg) " ";
}
div#kopfnav li:nth-child(3):before {
    content: url(../_images/archiv.jpg) " ";
}
div#kopfnav li:nth-child(4):before {
    content: url(../_images/newsletter.jpg) " ";
}
div#kopfnav li:nth-child(5):before {
    content: url(../_images/mediadaten.jpg) " ";
}
div#kopfnav li:nth-child(6):before {
    content: url(../_images/impressum.jpg) " ";
}
div#kopfnav li:nth-child(1):before url img {
	width: 25px;
}
div#kopfnav {
 	list-style-type:none;
 	display: flex;
 	top: 5px;
 	justify-content: center;
 	/* position: absolute; */
 	}
div#kopfnav ul {
   display: flex;
   /* flex-direction: column; */
   list-style-type: none;
   margin-top: 0px;
   margin-bottom: 8px;
   padding: 0;
   /* font-size: .85rem; */
}

div#kopfnav ul li {
   margin: .5rem;;
   font-size: .70rem;
   text-align: right;
}
div#kopfnav ul li a {
   color: #000000;
   border-right: 0px solid #564c66;
   text-decoration: none;
}
div#kopfnav ul li a:visited { 
color:#000000; 
}
div#kopfnav ul li a:link { 
color: #000000 !important;
font-weight: normal;
}

div#kopfnav a:hover { 
color : #000000; 
} 
div#kopfnav ul li.active a { 
font-weight: bold;
} 
div#kopfnav ul li a:hover { 
color: #009678 !important; 
/*font-weight: bold;*/
}
#navi {
  width: 100%;
  max-width: 960px;
 /* background-color: #ffffff;
	border-top: 2px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	text-transform: uppercase; */
	text-align: left;
  font-family: verdana, arial;
  font-size: 1.4rem;
  position: relative;
}
nav#hauptnavi {
 	list-style-type:none;
 	display: flex;
 	justify-content: space-around;
}
nav#hauptnavi ul {
   display: flex;
   list-style-type: none;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 5px 0px;
}

nav#hauptnavi ul li {
   margin: 0 2rem;
}
nav#hauptnavi ul li a {
   color: #ffffff;
   border-right: 0px solid #564c66;
   text-decoration: none;
}
nav#hauptnavi ul li a:visited { 
color:#ffffff; 
}
nav#hauptnavi ul li a:link { 
color: #ffffff !important;
font-weight: normal;
}

nav#hauptnavi a:hover { 
color : #ffffff; 
} 
nav#hauptnavi ul li.active a { 
font-weight: bold;
} 
nav#hauptnavi ul li a:hover { 
color: #ffffff !important; 
font-weight: bold;
}
#subnavi {
  width: 100%;
  max-width: 960px;
	text-align: left;
  font-family: verdana, arial;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
/*  position: absolute;
  top: 290px; */
}
.suche99 {
	/*width: 279px;*/
  margin-top: 20px;
}
.suchiconn {
 /* width: 100%; */
  max-width: 100%;
  margin-bottom: 10px;
}
input.suchiconnn {
	width: 278px;
	display: none;
}
button.Button.Button-accent {
	background: #fff;
  padding: 1px;
  height: 21px;
  width: 21px;
  border-top: 0px solid #767676;
  border-right: 0px solid #767676;
  border-bottom: 0px solid #767676;
  border-left: 0px solid #767676;
  color: #009678;
  cursor: pointer;
}
.subnavi {
 	list-style-type:none;
 	display: flex;
}
.subnavi ul {
   display: flex;
   list-style-type: none;
   margin-top: 10px;
   margin-bottom: 0px;
   padding: 0;
}

.subnavi ul li {
   margin: 0.5rem;
}
.subnavi ul li a {
   color: #999999;
   border-right: 0px solid #564c66;
   text-decoration: none;
}
.subnavi ul li a:visited { 
color:#999999; 
}
.subnavi ul li a:link { 
color: #999999 !important;
font-weight: normal;
}
.subnavi a:hover { 
color : #999999; 
} 
.subnavi ul li.active a { 
font-weight: bold;
} 
.subnavi ul li a:hover { 
color: #000 !important; 
font-weight: normal;
}
main section.artikel {
/*	width: 100%;
	max-width: 300px;
*/
}
section.hp-text-anzeige {
	grid-column: 1 / -1;
	padding: .625rem;
}
.artikel, .hp-text-anzeige {
	border-radius: 6px;
  box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11);
}
section.artikel {
	background-color: #ffffff;
}
a:link {
	text-decoration: none;
	color: #009678;
	font-weight: normal;
}
a:active {
	text-decoration: none;
	color: #009678;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #009678;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #009678;
	font-weight: bold;
}
div.teasertext span.weiterpfeil {
	text-decoration: none;
	color: #009678;
	font-weight: bold;
}
.weiterpfeil a:link {
	text-decoration: none;
	color: #009678;
	font-weight: bold;
}
.weiterpfeil a:active {
	text-decoration: none;
	color: #009678;
	font-weight: bold;
}
.weiterpfeil a:visited {
	text-decoration: none;
	color: #009678;
	font-weight: bold;
}
.weiterpfeil a:hover {
	text-decoration: none;
	color: #009678;
	font-weight: bold;
}
h1 {
	margin-top:0;
	font-size: 1.3rem;
	font-family: verdana, arial;
}
h1 a {
  font-size: 1.8rem;
  font-family: verdana, arial;
	/* margin: 0rem 1rem 1rem 1rem;*/
}
h1 a:active {
	color: #000000;
}
h1 a:link {
	color: #000000;
}
h1 a:visited {
	color: #000000;
}
h1 a:hover {
	color: #000000;
}
h1 {
    margin-top: 0;
    font-size: 1.2rem;
    font-family: verdana, arial;
}
 .ohnehcmplusdatum {
 		display: none;
	  display: flex;
    justify-content: space-between;
    position:relative;
    margin: 0rem .625rem 2.875rem .625rem;
}
.datumidxohne {
	  font-size: .70rem;
    font-family: verdana, arial;
    color: #999999;
    margin: 4px 0px 0px 0px;
		position: absolute;
    top: 12px;
    right: 0;
}
.datumidx {
	  font-size: .70rem;
    font-family: verdana, arial;
    color: #999999;
    margin: 4px 0px 0px 0px;
    position: absolute;
    right: 0;
    top: 12px;
}
.hcmplusdatum {
    justify-content: space-between;
    position:relative;
    margin: 0rem .625rem 0rem .625rem;
}
.ohnehcmplusdatum, .datumidx {
	display: none;
}
p {
	font-family: verdana, arial;
  font-size: .85rem;
  margin: 0 0 1rem 0;
}
section.teaser {
	display: grid;
	grid-template-columns: auto;
	grid-column:1/-1;
	margin-bottom: 1rem;
	border-radius: 6px;
  box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11);
}
section.anzeige {
	/*display: grid;
	grid-template-columns: auto;*/
	grid-column:1/-1;
/*	margin-bottom: 1rem; */

}
/*.topnewsneuteaser:nth-child(3) {
	background-color: #999999;
}*/
.aktuelleausgabe p {
    margin: 0 0 1px 0;
    text-transform: uppercase;
    padding: 0 0 0 100px;
    text-align: left;
    font-family: "Barlow",sans-serif;
}
.aktuelleausgabe p a {
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
}
.aktuelleausgabe p a:link {
	font-weight: normal;
}
.rubrikenfooter {
  /*  display: grid; */
    grid-column: 1/-1;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    font-size: 1rem;
    font-family: barlow;
    color: #999999;
    text-transform: uppercase;
    text-align: center;
}
.rubrikenfooter a {
	color: #999999;
}
.contentad {
		display: grid;
    grid-column: 1/-1;
    text-align: center;
    margin: 15px 0px 15px 0px;
    border: 1px #f2f2f2 solid;
}
.contentad div p:nth-child(1) {
	text-align:right;
}
.nl_aa_oben {
	margin-bottom: 1px;
}
.dnv_guide {
    font-family: Barlow;
    font-size: 0.90rem;
    line-height: 1.2;
    margin-top: 1px;
    
}
/*tabelle A*/
table {width: 100%;}
      th {
        background-color: #009678; 
        color: #fff;
      }
      tr {
        background-color: #ffffff;
        color: #000;
      }
      tr:nth-child(odd) {
        background-color: #f2f2f2;
        }
/*tabelle E*/

.bannertopnewsteaser {
    text-align: center;
    display: grid;
    grid-template-columns: auto;
    grid-column: 1/-1;
    background-color: #f2f2f2;
    padding: 1rem 0;
    
}
.teasertitel {
  font-size: .95rem;
  font-family: verdana, arial;
  margin: 0rem 0rem 0rem 0rem;
  padding: 0 .625rem 0 .625rem;
	color: #000000;
	-webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: normal; 
	background-color: #ffffff;
}
h1.teasertitel a {
  font-size: 1rem;
  font-family: verdana, arial;
  font-weight: bold;
  margin: 0rem 0rem 1rem 0rem;
	color: #000000;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.teasertexttop {
    font-family: verdana, arial;
    font-size: 1rem;
    color:#000000;
    padding: 0rem .625rem .625rem .625rem;
    font-weight: normal;
   
}
.teasertitel_ts {
  font-size: .95rem;
  font-family: verdana, arial;
  margin: 0rem 0rem 1rem 0rem;
  padding: 0 .625rem 0 .625rem;
	color: #000000;
	-webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: normal; 
}
h1.teasertitel_ts a {
  font-size: 1rem;
  font-family: verdana, arial;
  margin: 0rem 0rem 0rem 0rem;
	color: #000000;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.artikel_ts {
    border-radius: 6px;
    box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11);
}
.teasertext_ts, .teasertext_ts a {
    font-family: verdana, arial;
    font-size: .85rem;
    color:#000000;
    font-weight: normal;
    padding: 0rem .625rem .625rem 0rem;
   
}
.teasertex_ts a {
  color: #000000;
  font-weight: normal;
}
/* .specials-rubriken {
    grid-area: left;
    display: grid;
    grid-gap: 1.875rem;
    grid-template-columns: 1fr 1fr 1fr;
    color: black;
}*/
.teasertext, teasertext a {
    font-family: verdana, arial;
    font-size: .85rem;
    color:#000000;
    font-weight: normal;
    padding: 0rem .625rem .625rem .625rem;
    background-color: #ffffff;
}
.teaser-text {
	background-color: #ffffff;
}
.teasertext a {
  color: #000000;
  font-weight: normal;
}
.teasertitelfooter {
  font-size: 1.1rem;
  font-family: Crimson,"Times New Roman",Times,serif;
  margin: 0rem 0rem 1rem 0rem;
	color: #696969;
	-webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: normal;
}
.teasertiteltopnews, .teasertiteltopnews a {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  font-family: verdana, arial;
  color: #000000;
  margin: 0rem 0rem 1rem 0rem;
  padding: 0 .625rem 0 .625rem;
}
.artikeltiteltopnews {
  font-size: 1.9rem;
  font-family: verdana, arial;
	margin: 0rem 0rem 1rem 0rem;
}
.artikeltitel {
  font-size: 1.2rem;
  font-family: verdana, arial;
  margin: 0rem 0rem 1rem 0rem;
  line-height: 1.4;

}
.artikeltext {
    font-family: verdana, arial;
    font-size: 1rem;
    padding: 0em 0em 1em 0em;
    /* display: grid;
		grid-template-columns:49.25rem;	*/
}
.artikeltext, .detailartikeltext p {
	  margin: 0 0 1rem 0;
	  font-size: 1rem;
}
.bildlinks {
    float: left;
    margin: 4px 30px 0px 0px;
    border-width: 0px;
}
.bildlinksdetail {
  float:left;
  display:inline;
  margin-right:1em;
  margin-bottom:0.15em;
  margin-top:4px;
  line-height:1.1;
  padding-bottom:0.5rem;
}
.w300 {
	width: 300px;
}
.w300n {
	width: 310%;
	max-width: 300px;
}
.w320 {
	width: 320px;
}
.teaserbild {
	  width: 100%;
    margin-bottom: 1rem;
    vertical-align: middle;
    /* border: 1px solid #f2f2f2; */
	/*width: 100%;
	max-width: 18.75rem;
	height: 162px;
	margin-bottom: 1rem;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	display: flex;
  object-fit: cover;*/
 
}
/*.teaserbild {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 162px;
    margin-bottom: 1rem;
    border: 1px solid #f2f2f2;
    object-fit: contain;
    vertical-align: middle;
}*/
.teaserbild162 {
	/*width: 100%;*/
	max-width: 18.75rem;
	height: 100%;
	max-height: 162px;
	vertical-align: middle;
	
	
	/*display: flex;
  object-fit: cover;*/
  
}
td.bilspan div a img#picimnl162.teaserbild162 {
	border: 1px solid #f2f2f2;
}
.teaserbild630 {
	width: 100%;
	max-width: 630px;
	height: auto;
	margin-bottom: 1rem;
	vertical-align: middle;
	/*display: flex;
  object-fit: cover;*/
  
}
.teaserbild300 {
	width: 100%;
	max-width: 18.75rem;
	height: 300px;
	margin-bottom: 1rem;
	vertical-align: middle;
 
}
.teaserbildfooter {
    width: 100%;
    height:  9.560rem;
    display: flex;
    object-fit: cover;
    margin-bottom: 1rem;
}

.teaserbildsuche {
	margin: 0 1.25rem 1.25rem 0;
}
.detailbild {
	width: 100%;
	margin-bottom: 0rem;
}
.topnewsneuteaserpic {
  /*  margin-bottom: 0rem; */
    width:100%;
    max-width: 39.38rem;
    object-fit: cover;
    border: 1px solid #f2f2f2;
  /*  height: 29.25rem; */
}
.artikeldetail {
	font-family: 'Crimson Text', serif;
  font-size: 1rem;
  padding: 0rem 2rem 1em 2rem
}
.bu {
    clear: both;
    margin: 0 0 1rem 0;
    padding: 0;
    font-family: verdana, barlow, sans-serif;
    font-size: 0.85rem;
    line-height: 1.2;
    font-style: italic;
}
pic_detail, article_detail {
	display: grid;
	grid-column: 1 / -1;
	width: 100%;
  max-width: 630px;
}
article_detail {
	/*padding: 0rem 2rem 1em 2rem;*/
	padding: 0rem 0rem 1em 0rem;
}
pic_detail_ts, article_detail_ts {
	display: grid;
	grid-column: 1 / -1;
	width: 100%;
  max-width: 630px;
  margin-left: 165px;
}
article_detail_ts {
	/*padding: 0rem 2rem 1em 2rem;*/
	padding: 0rem 0rem 1em 0rem;
}
.aktuelleausgabe {
	  background-color: #f2f2f2;
    text-align: center;
    padding: 1rem 0 1rem 0;
}
.aktuelleausgabe h1 {
	color: #b3b3b3;
}
.aktuelleausgabe p:nth-of-type(1) { 
	text-align: center;
	padding-left:0;
}
.aktuelleausgabe p {
    margin: 0 0 1px 0;
    text-transform: uppercase;
    padding: 0 0 0 100px;
    text-align: left;
    font-family: "Barlow",sans-serif;
}
.aktuelleausgabe p a {
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
}
.aktuelleausgabe p a:link {
	font-weight: normal;
}
.rubrikenfooter {
  /*  display: grid; */
    grid-column: 1/-1;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    font-size: 1rem;
    font-family: barlow;
    color: #999999;
    text-transform: uppercase;
    text-align: center;
}
.rubrikenfooter a {
	color: #999999;
}
.contentad {
		display: grid;
    grid-column: 1/-1;
    text-align: center;
    margin: 15px 0px 15px 0px;
    border: 1px #f2f2f2 solid;
}
.contentad div p:nth-child(1) {
	text-align:right;
}
.nl_aa_oben {
	margin-bottom: 1px;
}
.dnv_guide {
    font-family: Barlow;
    font-size: 0.90rem;
    line-height: 1.2;
    margin-top: 1px;
    
}
/*tabelle A*/
table {width: 100%;}
      th {
        background-color: #009678; 
        color: #fff;
      }
      tr {
        background-color: #ffffff;
        color: #000;
      }
      tr:nth-child(odd) {
        background-color: #f2f2f2;
        }
/*tabelle E*/

.bannertopnewsteaser {
    text-align: center;
    display: grid;
    grid-template-columns: auto;
    grid-column: 1/-1;
    background-color: #f2f2f2;
    padding: 1rem 0;
    
}
.bildcenter {
	width: 100%;
	margin: 0;
	padding: 0;
}
.bildspan {
	text-align: left;
	background-color: #ffffff;
	
}
.flex-container {
	display: flex;
	margin: 20px 0 20px 0;
	clear: both;
}
.flex-item {
	flex: auto;
	border: 0px solid;
	background: #f3f3f4;
}

p.flex-item {
	font-weight: normal;
	margin: 0;
	padding:5px;
}
p.flex-item input {
	background: #f3f3f4;
	border:0;
}
.flex-item:nth-of-type(1) {
	background: #f3f3f4;
	font-family: Barlow, sans-serif;
  font-size: 1rem;
	
}
.flex-item:nth-of-type(2) {
	background: #009678;
	text-align: center;
	font-family: Barlow, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	color: #ffffff;
} 

.flex-item-autor {
	flex: auto;
	border: 0px solid;
	background: #ffffff;
}

p.flex-item-autor {
	font-weight: normal;
	margin: 0;
	padding:5px;
}
p.flex-item-autor a {
	font-weight: normal;
}
.flex-item-autor:nth-of-type(1) {
	background: #ffffff;
	font-family: verdana, arial;
  font-size: .90rem;
  color: #000000;
	
}
:nth-of-type(2).flex-item-autor {
    background: #ffffff;
    text-align: right;
    font-family: verdana, arial;
    font-size: .90rem;
    color: #000000;
    
}
.datum {
	margin-left: 1.25rem;
	font-size: 0.75rem;
	text-align: left;
	padding: 0;
} 
.teaserspitz {
	width: 100%;
	display: grid;
	grid-column:1/-1;
}
.spitzmarke {
	font-size: 13px;
    margin: 0rem 0rem 0rem 0rem;
    font-family: "Source Sans Pro",sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #767676;
    text-transform: uppercase;
    
}
.spitzmarketeaser, h4.spitzmarketeaser a {
	font-size: 13px;
    margin: 0rem 0rem 0rem 0rem;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    color: #767676;
    text-transform: uppercase;
    padding: 0px 0px;
    background-color: #ffffff;
}
.spitzmarkedetail_ts {
    font-size: 0.7rem;
    margin: 0rem 0rem 0rem 0rem;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    color: #767676;
    text-transform: uppercase;
    padding: 0rem .625rem 0rem 0rem;
}
.spitzmarketeasertopnews {
	  font-size: 0.7rem;
    margin: 0rem 0rem 0rem 0rem;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    
}
.spitzmarketeaseranzeige {
	  font-size: 0.7rem;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    color: #767676;
    text-transform: uppercase;
 /* margin: 0rem 0rem 0rem 0rem;
    padding: .625rem .625rem; */
    
}
.spitzmarketeaseranzeige {
    text-align: left;
    font-size: .6rem;
    background-color: #009678;
    display: inline;
    color: #ffffff;
}
.copyright {
	font-size: 0.85rem;
	line-height: 1.2rem;
	color: #767676;
}
.bannerglobaltop {
	margin: 0 0 2rem 0;
}
.balken_rechte_spalte {
    font-size: 1rem;
    color: #009678;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
    padding: 6px 0px 0px 0px;
    border-bottom: 1px solid #009678;
}
.float_left {
    float: left;
    display: inline;
    margin-right: 1em;
    margin-bottom: 0.15em;
}
div#heftunterzeile {
    padding: 0 0 1em 0;
}
div#heftunterzeile a {
    font-size: 11px;
    padding: 0 0 1em 0;
}
.leseprobehcm {
    font-size: 11px;
}
.rechte_spalte {
	 margin-bottom: 2rem;
	 /* text-align: center; */
}
.zweispaltig, .ueberuns {
    grid-column: 1 / -1;
}
.ueberuns {
    margin: 1rem 0 0 0;
    background-color: #ffffff;
    text-align: left;
    font-size: 0.85rem;
    line-height: 1.4;
}
h1.ueberunstitel {
	font-size: 1.5rem;
	border-bottom: 1px solid #009678;
  padding-bottom: 2px;
  margin: 0px 0px 30px 0px;
}
div.text_ueberuns {
    max-width: 600px;
    margin: 0 15px 0 15px;
}
.redaktionsleitung {
    grid-column: 1 / -1;
    display: inline-block;
    border-bottom: 1px #009678 solid;
    font-weight: normal;
    margin: 0rem 0rem 0rem 0rem;
    text-align: center;
    padding-bottom: 3px;
    width: 100%;
}
.specials {
	  grid-column: 1 / -1;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    text-align: left;
    font-size: 0.85rem;
    line-height: 1.4;
}
div.specials_text {
    max-width: 100%;
    margin: 0 15px 0 0px;
}
.specials_titel {
    /* border-top: 1px solid #009678; 
    border-bottom: 1px solid #009678; */
    margin: 10px 0px 20px 0px;
    padding: 4px 0px;
    font-size: 1.5rem;
    font-weight: bold;
    grid-column: 1 / -1;
    color: #666666;
}
h1.specials_titel {
    font-size: 1.5rem;
    padding-bottom: 2px;
    margin: 0px 0px 10px 0px;
 /* border-top: 1px solid #009678; */
}
h1.specials_titel_linie {
    border-top: 1px solid #009678;
}
/*.redaktionsleitung {

	grid-column: 1 / -1;
}
.redaktionsleitung > h2 {
	flex: 0 1 100%;
}
.redaktionsleitung > img {

	height: 3em;
	
}
.redaktionsleitung {
  background-color: #ffffff;
  text-align: left;
  font-size: 1em;
  
}
.redaktionsleitung {
    display: inline-block;
    border-bottom: 1px #009678 solid;
    font-weight: normal;
    margin: 0rem 0rem 0rem 0rem;
    text-align: center;
    padding-bottom: 3px;
    width: 100%;
} */
.personen_intern {
	font-size: 0.85rem;
	line-height: 1.4;
	font-family: barlow, verdana;
	margin-top: 0;
	font-weight: normal;
}
.personen_intern a {
	color: #000000;
}
.personen_intern a:link {
	color: #000000;
	font-weight: normal;
}
.personenpic {
	text-align: center;
  background: rgb(250,250,250);
  background: radial-gradient(circle, rgba(250,250,250,1) 0%, rgba(230,230,230,1) 80%, rgba(210,210,210,1) 100%); 
	max-height: 150px;
  line-height: 1;
}
.personenpicsize {
	width: 100%;
	max-width: 300px;
}
.abstandperson {
  margin: .6rem 0 0 0;
  color: #000000;
  font-size: .90rem;
 }
.funtionsbeschreibung {
	font-weight: normal;
}

.hcmplusicon {
 /* width: 70px; */
  /*padding: 0 0 10px 10px; */
}
#dental .balken_rechte_spalte {
    display: none;
}
#dental p {
	font-size: 11px;
}
/*
.covers {
    clear: left;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    grid-gap: 1rem;
    max-width: 60rem;
    margin: 1rem auto;
    border-top: 1px #cccccc solid;
} */
/*
.aausgabe,
.aa_heft,
.inhalt,
.bestellung,
.naviueberschrift,
.nltextpfv,
.naviueberschriftpp,
#heftunterzeile,
.dnvprint.balken_rechte_spalte .nl_aa .inhaltetc,
div.dnvprint div.verstecken,
.dnvprint .aktuelleausgabe h1,
.prprint .nltext_ul,
.ppprint .nl,
.nnprint .aktuellesheftpm .apm,
.ppprint .nlprint,
.tsaprint .heftnr,
.tsaprint .nltext_ul,
.psprint .covertitel,
.psprint .naviueberschrift,
.psprint .presseshopText,
.nbprint .balkentext,
.nbprint .inhaltnbprint,
.coversnbprint .balkentext,
.coversnbprint .inhaltnbprint,
.mwprint .covertitel,
.mwprint .coverbestellung,
.cpprint .aktuellesheft,
.cpprint .nlprint,
.cpprint .nltext_ul,
.dmprint .balken_rechte_spalte,
.dmprint .aktuellesheft,
.dmprint .heftunterzeile,
.hcmprint .aktuellesheft,
.hcmprint .leseprobehcm,
.hcmprint .heftunterzeile,
.maprint .aausgabe,
.maprint .aa_heft,
.maprint .aa_hr,
.cveprint .balken_rechte_spalte,
.cveprint .aktuellesheft,
.cveprint .weitereangaben,
.pmprint .nl,
.pmprint .nltext_ul,
.pmprint .apm {
    display: none;
} 
.vtitel {
	display: none;
} */

.coverpics {
	width: 110px;
  margin: 5px 5px 0 5px;
  
}
.acover,
.nb_img,
.img_ma,
.img_hcm {
	width: 110px;
}
.navfooter {
	width: 100%;
  max-width: 60rem;
  background-color: #ffffff;
  border-top: 0.0625rem solid #cccccc;
  display: flex;
  justify-content: left;
}
.navfooter ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
  color: #999999;
  
}
.navfooter ul li {
  margin: .5rem;
  font-family: verdana, arial;
  font-size: .75rem;
}
.navfooter ul li a:link {
	  color: #999999 !important;
    font-weight: normal;
}

.navfooter ul li a:visited {
    color: #999999;
}
.navfooter ul li a {
    color: #999999;
    border-right: 0px solid #564c66;
    text-decoration: none;
}
ul.sozmed {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}
.sozmed li {
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
}
.anzeigewort {
	text-align: right;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
.anzeigep {
	/* text-align: center; */
	margin: 0;
}
.anzeigebild {
	border-width: 0 0 0 0;
}
.ausein {
	display: none;
}
.spot {
	width: 15px;
}
.verlagstitel {
	padding: 0px;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	background-color: #ffffff;
}
.vtitelueberschrift {
	margin: 15px 0px 0px 0px;
	text-align: left;
	border-top: 1px #cecac2 solid;
	color: #666666;
}
.mehrspaltig {
    -webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    -webkit-column-gap: .5em;
    -moz-column-gap: .5em;
    column-gap: .5em;
    margin-bottom: 2rem;
}
.mehrspaltig ul {
   margin-top: 0px;
   text-align: left;
}
.mehrspaltig ul li {
	margin-bottom: 3px;
}
.mehrspaltig ul li a {
   color: #333333;
   font-weight: normal;
   font-size: .80em;
}
#hauptnavi ul:nth-of-type(2) {
    display: none;
}
#hauptnavi ul:nth-of-type(3) {
    display: none;
}
.rubrichead {
/*    border-top: 1px solid #009678;*/
    border-bottom: 1px solid #009678;
    margin: 0 0 0 0;
    padding: 4px 0px;
    font-size:1.5rem;
    grid-column: 1 / -1;
}
.rubrichead_ha {
    /* border-top: 1px solid #009678; */
    border-bottom: 1px solid #009678; 
    margin: 35px 0px 0px 0px;
    padding: 4px 0px;
    font-size: 1.5rem;
    grid-column: 1 / -1;
   
}
.rubrichead_ranking_logo {
    margin: 20px 0px 0px 0px;
    padding: 4px 0px;
    font-size: 1.5rem;
    grid-column: 1 / -1;
    text-align: center;
   
}
.rubrichead_ranking, 
.rubrichead_nl {
    /* border-top: 1px solid #009678; 
    border-bottom: 1px solid #009678; */
    margin: 1px 100px 0px 100px;
    padding: 4px 0px;
    font-size: 1.5rem;
    grid-column: 1 / -1;
    color: #666666;
    font-size: 16px;
}
.rubrichead_heftarchiv,
.rubrichead_ha,
.ueberunstitel {
    /* border-top: 1px solid #009678; */
    border-bottom: 1px solid #009678; 
    margin: 10px 0px 20px 0px;
    padding: 4px 0px;
    font-size: 1.5rem;
    font-weight:bold;
    grid-column: 1 / -1;
    color: #666666;
   
}
.mdaten {
	display: flex;

}
.icondownload {
	text-align: center;
	font-size: 100px;
  color: #fff;
  width: 20%;
  background-color: #ccc;
  
}
.mdatendl {
	background-color: #f2f2f2;
  width: 80%;
  padding-top: 3%;
  padding-left: 3%;
}
.mdatenk {
	grid-column: 1 / -1;
}
.mdatenkontakt {
/*	display: flex;*/
}

.personkontakt p {
/*	grid-column: 1 / -1; */
  margin: 0;
}
.personenpicsize {
	/*border: 1px solid #ccc;*/
}


.einzelhefte {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 11px;
    width: 100%;
    max-width:960px;
    margin: 0 auto;
    padding: 0px 0 30px 8px;
    grid-column: 1 / -1;
    
}
.heftarchiv {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
  width: 100%;
  max-width: 180px;
  border: 1px #cccccc solid;
  border-radius: 10px;
  padding: .5rem;
    
}
.heftausgabe {
    /*border-bottom: 2px #ec174c solid;*/
    /* margin-bottom: .5rem; */
    display: inline-block;
    font-size: .85rem;
    /*padding-bottom: 2px;*/
    margin-bottom: 8px;
}
.heftausgabepic {
    width: 100%;
    
}
.heftausgabeinhalt {
    text-align: center;
    font-weight: bold;
    font-family: verdana, arial, helvetica;
    font-size: .85rem;
    margin-bottom: .5rem;
}
.heftausgabeinhalt a {
	color: #009678;
}
.heftausgabebestellen {
    background-color: #5f5f5f;
    color: #ffffff;
    /*text-transform: uppercase;*/
    margin-bottom: 0;
    text-align: center;
    padding: .5rem;
    font-weight: bold;
    font-family: verdana, arial, helvetica;
    font-size: .75rem;
}
.heftausgabebestellen a {
	color:#ffffff;
}
td.rae {
    font-size: .85rem;
    color: #009678;
    padding-right: 2%;
}
td.rae a {
    font-weight: normal;
}
.cpmranking p:nth-child(1) {
    font-size: .70rem;
}
.formularn {
	grid-column: 1 / -1;
}
.ueberuns #mod_form input, .ueberuns #mod_form select {
    width: 100%;
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #999;
    margin: 0px 0px 10px 0px;
}
#mod_form > p:nth-child(4) > input[type=text]:nth-child(1) {
	width: 6%;
	text-align: center;
}
#mod_form > div > div > div > input[type=checkbox] {
	width: 3%;
}
#mod_form > div > input[type=checkbox] {
	width: 3%;
}
 .form-element label {
    font-size: 0.875rem;
    font-weight: normal;
    vertical-align: middle;
    display: block;
    color: #000000;
    padding-bottom: 4px;
}
.form-element input, .form-element select {
	  width: 70%;
    background-color: #ffffff;
    border-radius: 5px;
    border-width: 1px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 0.875rem;
    line-height: 1.26;
    color: #000000;
    margin-bottom:12px;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-style: solid;
    border-color: #999999;
}
.form-element textarea {
	width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    border-width: 1px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 0.875rem;
    line-height: 1.26;
    color: #000000;
    margin-bottom:12px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-style: solid;
    border-color: #999999;
}
.form-element input[type="checkbox" i] {
		display: inline-flex;
    margin-bottom: 12px;
    width: 20px;
}
.mod_form_submitbutton {
	font-family: Verdana, Arial, Helvetica;
	font-size: .875rem;
	width: 70%;
	padding: 10px;
	
}
.form-element a {
	display: inline-block;
	margin-bottom: 12px;
}
.form-element p {
	margin-bottom: 0;
}
/*.form-element {
	display: flex;
	flex-wrap: wrap;
	gap: 3%;
	font-size: .90rem;
}


.form-element :nth-child(1) { order: 1; }
.form-element :nth-child(2) { order: 2; }
.form-element :nth-child(3) { order: 5; }
.form-element :nth-child(4) { order: 6; }
.form-element :nth-child(5) { order: 4; }
.form-element :nth-child(6) { order: 3; }

.form-element .anrede :nth-child(1) { order: 1; }
.form-element .anrede :nth-child(2) { order: 2; }
.form-element .anrede :nth-child(3) { order: 3; }
.form-element .anrede :nth-child(4) { order: 4; }
.form-element .anrede :nth-child(5) { order: 5; }
.form-element .anrede :nth-child(6) { order: 6; }
.form-element .anrede :nth-child(7) { order: 7; }
.form-element .anrede :nth-child(8) { order: 8; }
.form-element .anrede :nth-child(9) { order: 9; }
        
.form-element .text .inputwidth {
	border-bottom: 1px solid #666;
}
.text {
    border-right: 0;
    border-bottom: 1px solid #666;
    border-top: 0;
    border-left: 0;
    width: 100%;
    max-width: 30%;
}
.anrede {
	display: flex;
} */
.button-paywall {
	max-width: 300px;
  width: 100%;
  line-height: 50px;
  margin-bottom: 12px;
	background-color: #009678;
	color: #ffffff;
	text-align: center;
	
}
.weiterlesen {
	margin-bottom: 15px;
	font-size: 1rem;
  font-weight: bold;
  border-top: 2px solid #009678;
	padding-top: 8px;
	width: 10%;
}
.registrieren {
	margin-bottom: 15px;
	font-weight: normal;
}
.weiter {
	font-weight: bold;
}
.abopic {
    width: 100%;
    text-align: center;
}
.heftausgabebestellen {
    background-color: #009678;
    color: #ffffff;
    /*text-transform: uppercase;*/
    margin-bottom: 0;
    text-align: center;
    padding: .5rem;
    font-weight: bold;
    font-family: verdana, ariel;
    font-size: .75rem;
}
a.heftausgabebestellen-abo {
	color: #000000;
}
h3.heftausgabe {
    margin-top: 0;
}
.heftausgabe {
    border-bottom: 2px #009678 solid;
    margin-bottom: .5rem;
    display: inline-block;
}
.bg-abo {
    background-color: #009678;
    color: #ffffff;
}
.pa-abo {
    margin: 0;
    font-size: 1rem;
    color: #ffffff;
}
.grid-abo {
		margin-top: 30px;
    width: 100%;
    max-width: 960px;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr;
}
.grid-item-abo {
    /* background: #B823C1; */
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
    border: 1px #009678 solid;
    padding: .7rem;
    /* margin-bottom: 20px; */
}
.bestpractice {
    border-radius: 6px;
    /* box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11); */
}
.bpausgabe {
    text-align: right;
    margin: 12px 0;
}
.bpausgabe, .bptitel, .bpteasertext {
	 font-weight: normal;
	 color: #000000;
	 font-size: .85rem;
}
h1.bptitel {
	font-size: .95rem;
	color: #000000;
	-webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: normal;
}
a h1.bptitel {
	font-size: .95rem;
	color: #000000;
	font-weight: bold;
}
.heftausgabe {
    border-bottom: 2px #009678 solid;
    margin-bottom: .5rem;
    display: inline-block;
    text-align: center;
}
.bg-abo {
    background-color: #ed174c;
    color: #ffffff;
}
.kreativranking-head {
	grid-column: 1 / -1;
	margin: 0px 0px 0px opx;
}
.kreativranking {
	grid-column: 1 / -1;
	margin: 0 100px 0px 100px;
}
div.anzeigenneu p a {
    color: #000000;
    font-size: .85rem;
    /*padding: 0rem .625rem .625rem .625rem;*/
}
div.anzeigenneu {
/* border-radius: 6px; */
/* box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11); */
}
div.anzeigenneustellenangebote {
/* border-radius: 6px; */
/* box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11); */
margin-bottom: 1rem;
border-bottom: 1px solid #f2f2f2;
}
div.anzeigenneustellenangebote p a {
    color: #009678;
    font-size: .85rem;
    /*padding: 0rem .625rem .625rem .625rem;*/
}
.anzeigenneutext {
	padding: .625rem .625rem .625rem .625rem;
}
.stellenangebotetext {
	padding: .625rem 0rem .1rem 0rem;
	font-family: Verdana, ariel;
	color: #000000;
  font-size: .85rem;
  font-weight: normal;
}
.stellenangebotetext a {
	padding: .625rem 0rem .1rem 0rem;
	font-family: Verdana, ariel;
	color: #009678;
  font-size: .85rem;
  font-weight: normal;
}
.stellenangebotetext h1 {
    font-size: 1rem;
    font-family: verdana, arial;
    font-weight: bold;
    margin: 0rem 0rem 1rem 0rem;
    color: #000000;
}
.stellenangebotetext p {
	margin-bottom: .1rem;
	font-family: Verdana, ariel;
	color: #000000;
  font-size: .85rem;
  font-weight: normal;
}
.stellenangebotetext ul {
	margin: 1rem 0rem 1rem 0rem;
	font-family: Verdana, ariel;
	color: #000000;
  font-size: .85rem;
  font-weight: normal;
}
.stellenangebotetext ul li {
	
}
div.left main article_detail div ol {
	    color: #666666;
    font-size: .85rem;
    font-weight: normal
}
div.left main article_detail div ol li a {
    color: #666666;
    font-size: .85rem;
    font-weight: normal
}
.fa-search:before {
	margin-left: 3px;
}
.verwandte_beitraege {
	font-weight: bold;
}
.sdmeinreichung p {
	font-size: .80rem;
}
.impress,
.datenschutzer,
.pager,
.message {
	grid-column: 1 / -1;	
}
.xing_linkenin {
    display: flex;
    gap: 2rem;
    margin: 1.5rem 0;
}
.xing_linkenin p {
     margin-bottom: 0;
}
img {
  max-width:100%;
}
#sdmbutton {
display: inline-block;
line-height: normal;
white-space: nowrap;
vertical-align: middle;
text-align: center;
cursor: pointer;
user-select: none;
box-sizing: border-box;
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
background-color: #E6E6E6;
text-decoration: none;
border-radius: 2px;
margin: .2em;
border: 1px solid #ccc;
color: rgba(0, 0, 0, 0.8);
}
#mod_form {
	 margin: 0 18%;
	/* width: 70%; */
}
#mod_form > label:nth-child(4), #mod_form > label:nth-child(7), #mod_form > label:nth-child(10) {
    display: inline-block;
    width: 80%;
    margin-top: 10px;
    vertical-align: top;
}
#mod_form > input:nth-child(5), #mod_form > input:nth-child(8) {
    width: 100%;
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #999;
    margin: 0px 0px 1px 0px;
}
#mod_form > textarea {
    width: 100%;
}
.abo-heft-container {
    display: grid;
    grid-gap: 30px;
    margin-top: 60px;
    grid-template-columns: 1fr 1fr 1fr;
}
.abo-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #009678;
    padding: 12px;
    width: 300px;
    max-width: 300px;
}
.abo-titel {
	font-size: .95rem;
	border-bottom: 2px #009678 solid;
  margin-bottom: .5rem;
  display: inline-block;
  text-align: center;
}
.abo-image {
	margin: 1rem 0;	
}
.abo-bestellen {
	background-color: #009678;
	padding: .6rem;
	text-align: center;
}
.abo-bestellen a {
	color: #ffffff;
	
}
div.abo-beschreibung ul li {
  font-size: .80rem;
}
p.abo-bestellen {
    margin: 0;
}
mainha {
    /* grid-area: conten; */
    display: grid;
    grid-column: 1/-1;
    /* grid-gap: 1.875rem; */
    /* grid-template-columns: 1fr 1fr 1fr; */
    color: black;
    /* justify-content: space-between; */
}
#mod_form > div > div > input.printoderdigital {
	width: 3%;
}
div.downloadhcmprint {
	margin-bottom: 10px;
  font-size: 12px;
  grid-template-columns: 1fr 1fr;
  display: grid;
  grid-gap: 1em;
  width: 630px;
}
div.downloadhcmprint p {
	margin-bottom: 10px;
}
.btn {
    padding: .5em 1.75em;
    font-weight: 700;
    color: #fff;
}
a.btn.btn-primary {
    color: #ffffff;
}
.btn-primary {
    background: #009678;
    color: #fff;
    justify-self: start;
}
div.downloadhcmprint form {
    grid-column: 1/-1;
}
#medienmarke_logo,
.mmarkemenu {
  display:none;
}
.cve-titel {
	text-align: center;
}
div#mini {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
input.btn-mini {
	  cursor: pointer;
}
input.email-mini {
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    border-width: 1px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 0.875rem;
    line-height: 1.26;
    color: #000000;
    padding: .5rem .5rem .5rem .5rem;
    border-style: solid;
    border-color: #999999;
}
table.page tr:nth-child(odd) {
    background-color: #ffffff;
}
main-g {
    grid-area: left;
    display: grid;
    grid-gap: 1.875rem;
    grid-template-columns: 1fr 1fr 1fr;
    color: black;
}
.gesucht {
    border-radius: 6px;
    box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11);
}
a h1.g-titel {
    font-size: .95rem;
    color: #000000;
    font-weight: bold;
}
h1.g-titel {
    font-size: .95rem;
    color: #000000;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    padding: 10px 10px 10px 10px;
}
h1.g-titel-detail {
    font-size: 1.1rem;
    color: #000000;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    padding: 10px 10px 10px 0px;
}
.g-teasertext {
    padding: 0px 10px 10px 10px;
    font-size: .80rem;
}
main-g section.gesucht div div.g-teasertext a p {
    color: #000000;
    font-weight: normal;
}
.autorin {
	background-color: #d3e5e0;
	padding:	12px 12px 0px 12px;
	margin: 15px 0px;	
	display: flex;
	gap: 12px;
	font-size: .7rem;
}
div.autorin {
	font-size: .7rem;
}
.bild-autor {
	width: 100%;
	max-width:  130px;
}
h4.g-funktion {
	font-size: .80rem;
	margin-top: 0px;
}
h1.g-autor {
	margin-bottom: 3px;
	font-size: 1rem;
}
.autor-pic {
    width: 21px;
    max-width: 24px;
    margin-right: 5px;
}
.g-artikeltext p {
	font-size: .7rem;
}
.a-autor-pictogramm {
    display: flex;
    justify-content: space-between;
}
table.suchen-nb tr {
    background-color: #fff;
}
fieldset.message { 
		margin-inline-start: 0px;
    border: 1px solid #666;
    margin-top: 12px;
}
.spitzmarketeaser-specials {
    display: flex;
}
form#mod_form.mod_form div input.printoderdigital {
  width: 3%;
}
.bildspan-oben-unten {
	background-color: #ffffff;
}
.anzeigen-newsletter {
    border: 1px solid #ccc;
    padding: 10px;
}
.einespalte {
	background-color: #cccccc;
}
table.colored tr.colorlight, 
table.ruler tr.colorlight { background: #fff; border-top: 0px; }  

table.colored tr.colordark,
table.ruler tr.colordark,
.darker { background: #e8ebf0; border-top: 0px; }  

table.colored tbody td,
table.ruler tbody td { padding: 0.3em; }

.leftrow { width: 25%; }
.rightrow { width: 75%; }
.inputwidth { width: 300px; }
table.ruler { border-collapse: collapse; border: 1px solid #357; margin-bottom: 3em; } 
table.ruler td { border-left: 1px solid #357; border-right: 1px solid #357; } 
table.ruler th { border-left: 1px solid #357; border-right: 1px solid #357; } 
table.ruler tr { border-top: 1px solid #357;}
table tbody tr.selected,
table.ruler tr.ruled { background: #c9d3de; border-top: 0px; } 

table.colored { border-collapse: collapse; border: 0px solid #357; margin-bottom: 3em; font-size: 10px; line-height: 150%; font-family: verdana, sans-serif;width:100%;} 
table.colored tr { border-top: 0px solid #357;}

/* no margin below filter-tables */
/* table.filter { margin-bottom: 0; border-bottom: 0px;} */

/* fixme the active article in version view */
table tbody tr.table_system_active { background: #c9d3de; border-top: 0px; }
table td {
	vertical-align:top
}
.cve-ausgabe-print {
	display: none;
}
.cve-titel {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-items: end;
    width: 100%;
    
}
.cve-rahmen-print {
	text-align: center;
}
h4.spitzmarketeaser-Text {
    font-size: 0.7rem;
    margin: 15px 0px 0px 0px;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    color: #767676;
    text-transform: uppercase;
    padding: 0 .625rem;
    background-color: #ffffff;
}
/* h1.teasertitel {
    font-size: .95rem;
    font-family: verdana, arial;
    margin: 0rem 0rem 0rem 0rem;
    padding: 0 .625rem 0 .625rem;
    color: #000000;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    background-color: #ffffff;
} */
h1.teasertitel a, h1.hp-anzeige-titel, h1.anzeigetitel {
    font-size: 1rem;
    font-family: verdana, arial;
    font-weight: bold;
    margin: 0rem 0rem 1rem 0rem;
    color: #000000;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.anzeiget, anzeiget a {
    font-family: verdana, arial;
    font-size: .85rem;
    color: #000000;
    font-weight: normal;
    padding: 0rem .625rem .625rem .625rem;
    background-color: #ffffff;
}
tabelle.erste-tabelle tbody tr td.nl-bground {
    background-color: #ffffff;
}
.abstandartikel {
	background-color: #ffffff;
/*	padding: 40px; */
}
div.left main {
    padding-top: 1rem;
}
.mp4-link {
    text-align: right;
    font-size: 16px;
}
.anzeige-link {
    display: flex;
    justify-content: space-between;
}
div#dental {
    text-align: center;
}
.cve-ausgabe-print {
    display: none;
}




@media (max-width: 600px) {
  .grid-container  {
    grid-template-areas: 
      'header header header' 
      'navi navi navi'
      'left left left' 
      'footer footer footer'
      'right right right';
  }
 nav#hauptnavi ul li a {
    border: 1px solid #f2f2f2;
    padding: 0.2em;
    margin: 0.1em;
    background-color: #f2f2f2;
    border-radius: 5px;
    text-decoration: none;
    color: #000000;
    display: inline-flex;
    width: 100%;
 }
#subnavi, .subnavi {
	display: none;
}
/*button.Button.Button-accent {
	background: #fff;
  padding: 1px;
  height: 21px;
  width: 21px;
  left: 10px;
  color: indigo;
  z-index: 25;
}*/
.einzelhefte {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 8px;
    width: 100%;
    max-width:960px;
    margin: 0 auto;
    padding: 0px 0 30px 8px;
    grid-column: 1 / -1;
    
}
.heftarchiv {
	display: flex;
	flex-direction: column;
    width: 90%;
    max-width: 160px;
    border: 1px #cccccc solid;
    border-radius: 10px;
    padding: .5rem;
    
}
.rubrichead_ha {
    /*border-top: 1px solid #009678;*/
    border-bottom: 1px solid #009678;
    margin: 5px 0 0 0;
    padding: 4px 0px;
    font-size: 1rem;
    grid-column: 1 / -1;
}
nav#hauptnavi {
   display: block;
   list-style-type: none;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0;
}
gwd-image>div.intermediate-element>img {
    display: block;
    width: 100%;
    height: auto;
}
.gwd-taparea-3fyr {
    width: 100%;
    height: auto;
}
/*nav#hauptnavi {
	flex-direction: column;
}*/
main {
	display: grid;
	grid-column: 1/-1;
	color: black;
	/* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
	/* font: 1em/1.3 Cambria, serif; */
	/* font: 1em/1.3 Calibri, serif; */
	/* font: 1em/1.3 Arial; */																																																																																																					
}
img, #hcmlogo, { 
	width: 100%;
	height: auto;	
}
img.imghcm {
	width: 150px;
}
.header img, .copyright, img.hcmlogo, img#articleimage {
	width: 100%;
	height: auto;	
}
.teaserbild, .teaserbild300, .w300, w300n {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
    /* vertical-align: middle;
    max-width: 18.75rem; */
}
.spot {
    width: 15px;
}
/*div#navi {
  grid-area: navi;
  background-color: #ffffff;
  border-top: 1px solid #1a9779;
  border-bottom: 0;
  text-align: left;
  font-size: 1.2em;
  
} */
.footer {
    grid-area: footer;
    grid-column: 1 / -1;
    width: 100%;
    background-color: #ffffff;
    border-top: 0.0625rem solid #cccccc;
}
.flex-container-header {
 flex-direction: column;
}
div#kopfnav ul {
	display: none;
}
#hauptnavi {
   top: 50px;
   width:100%;
}
div#navi {
    grid-area: navi;
    background-color: #ffffff;
   	border-top: 1px #1a9779 solid;
    border-bottom:0;
    text-align: left;
    font-size: 1.2em;
    width: 100%;
    position:relative;
}

#navi > input, #navi label {
    display: inline;
}
#navi label img, div#navi nav#hauptnavi label {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    top: -.8rem;
    right: 0.5rem;
    cursor: pointer;
    display: block;
}
.suchicon {
	position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  top: -1.8rem;
  left: 10px;
  display: block;
  cursor: pointer;
}
#navi input[type=checkbox]:checked ~ ul {
    display: block;
    width: 100%;
}
nav#hauptnavi ul li a {
    border: 1px solid #f2f2f2;
    padding: 0.2em;
    margin: 0.1em;
    background-color: #f2f2f2;
    border-radius: 5px;
    text-decoration: none;
    color: #000000;
    display: inline-flex;
    width: 100%;
}
nav#hauptnavi ul li a:visited { 
color:#000000; 
} 
nav#hauptnavi a:hover { 
background-color: #f2f2f2; 
color : #ffffff; 
} 
nav#hauptnavi ul li.active a { 
background-color: #f2f2f2; 
font-weight: bold;
} 
nav#hauptnavi ul li a:hover { 
background-color: #ffffff; 
color: #000000 !important ; 
font-weight: bold;
} 
nav#hauptnavi ul li a:link { 
color: #000000 !important;
font-weight: normal;
}
nav#hauptnavi ul {
    display: none;
}
#navi ul li a{
		width: 10%;
}
.artikel700 {
	margin-left:0;
}
#skyscraperleftrelative {
	display: none;
}
.navfooter {
	width: 100%;
  max-width: 60rem;
  background-color: #ffffff;
  border-top: 0.0625rem solid #cccccc;
  display: flex;
  flex-direction: column;
}
.navfooter ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
  color: #999999;
  
}
.navfooter ul li {
  margin: 3px;
  font-family: verdana, arial;
  font-size: .75rem;
}
.artikel {
	border-radius: unset;
  box-shadow: unset;
  border-bottom: 1px solid #cccccc;
}
.icondownload {
	width: 30%;
}
.mdatendl {
  width: 70%;
}
/*.suchicon input, .suchicon button.Button.Button-accent {
	display: none;
}*/
.form-element input, .form-element select, .form-element textarea {
	width: 100%;
}
.abstand30 {
	padding: 15px 2px;
}
mainbp {
    grid-area: left;
    display: grid;
    grid-gap: 1.875rem;
    grid-template-columns: 1fr;
    color: #000000;
}
mainheftarchiv {
    grid-area: left;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    color: black;
}
img.heftausgabepic {
    width: 100%;
    height: auto;
}
.rubrichead_ranking {
    /* border-top: 1px solid #009678; */
    border-bottom: 1px solid #009678;
    margin: 15px 1px 0px 1px;
    padding: 4px 0px;
    font-size: 1.5rem;
    grid-column: 1 / -1;
}
.kreativranking {
	grid-column: 1 / -1;
	margin: 0 1px 0 1px;
}
td.rae {
    font-size: .85rem;
    color: #009678;
    padding-right: 2%;
}
.hcmplusicon {
	width: 50px;
  height: 12px;
}
.teaserbild162 {
	width: 115px;
}
.rubrichead_ranking, .rubrichead_nl {
    /* border-top: 1px solid #009678; */
    border-bottom: 1px solid #009678;
    margin: 1px 2px 0px 2px;
    padding: 4px 0px;
    font-size: 1.5rem;
    grid-column: 1 / -1;
}
button.Button.Button-accent {
  /* display:none; */
}
.grid-item-abo {
    grid-column: 1/-1;
}
.personen-abo {
	display: grid;
	grid-template-columns: auto;
	grid-column: 1/-1;

}
.abo-heft-container {
  grid-template-columns: 1fr;
}
#mod_form {
    margin: 0 10px;
}
#mod_form > div > div > input.printoderdigital {
    width: 8%;
}
#mod_form > div > div > div > input[type=checkbox] {
    width: 8%;
}
.einaus {
	display: none;
}
.ausein {
	display: inline;
}
pic_detail_ts, article_detail_ts  {
	margin-left: 10px;
}




}
.abstandlr {
    margin: 0px 10px;
}