@import url('https://www.new-business.de/schrift/schrift.css');
* {
   box-sizing: border-box;
}
/* #navi > input, #navi label, #checkbox_toggle {
   display: none;
} */
/* #seite {
	width:100%;
	max-width:1020px;
	position: relative;
	margin:auto;
  padding-bottom:25px;
} */
body {
	margin:0;
	background-color: #f2f2f2;
	font-family: verdana, arial;
	font-size: 1rem;
	line-height:1.4;
}
h1.suchen-n {
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 25px 0px 25px 12px;
}
h1 {
	font-size: 1.2rem;
	line-height:1.2;
	margin-top:0;
}
h2 {
font-size: 14px; 
}
h3, h4 {
font-size: 12px; 
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
	padding: 0;
	font-family: verdana, arial;
  font-size: 1rem;
  line-height: 1.5rem;

}
.spot {
	width: 15px;
}
.container {
	background-color:#ffffff;
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 1.875rem;
  display: grid;
  grid-gap: 30px 30px;
/*  grid-template-rows: 150px 30px 1fr 100px; */
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: 
     "header header header"
     "content content sidebar"
     "footer footer footer";
}
header {
    background-color:#ffffff;
    grid-area: header;
}
hauptnavi {
	  background-color: #ffffff;
    grid-area: hauptnavi;
    
}
article {
    background-color:#ffffff;
    grid-area: content;
}
aside {
    background-color:#ffffff;
    grid-area: sidebar;
    max-width: 300px;
}
footer {
    background-color:#ffffff;
    grid-area: footer;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}
div.strsuchehhm {
    display: grid;
    align-content: start;
    margin-top: -30px;
    justify-content: end;
}
.suchetopm {
	width:1.5rem;
}
#navi > input, #navi label {
   display: none;
}

/*ak */

/*nav#hauptnavi {
 	list-style-type:none;
 	display: flex;
 	justify-content: space-between;
 	flex-direction: row-reverse;
} */
nav#hauptnavi ul:nth-of-type(2) {
    display: none;
}
nav#hauptnavi ul:nth-of-type(1) {
   margin-block-start: 2rem;
   margin-block-end: 0px;
}
nav#hauptnavi ul {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
	border-top: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
  margin: 0px;
  padding: 4px 0px;
  font-family: verdana, arial;
  font-size: 1rem;
  text-transform: uppercase;
  margin-block-start: 0rem;
  margin-block-end: 0px;
}
nav#hauptnavi ul li {
   margin: 0 0.5rem;
}
/*div#navi {
	grid-area: navi;
    border-top: 1px #009bc1 solid;
    border-bottom: 1px #009bc1 solid;
	background-color: #fff;
    background-color: #009bc1;
}*/
.artikel, .hp-text-anzeige {
	padding-bottom: 10px;
    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);
}
#hauptnavi > ul:nth-child(3){
    grid-area: navi;
    border-top: 1px #009bc1 solid;
    border-bottom: 1px #009bc1 solid;
    background-color: #009bc1;
}
nav#hauptnavi ul li a {
   color: #fff;
   border-right: 0px solid #564c66;
   text-decoration: none;
}
nav#hauptnavi ul li a:visited { 
color:#fff; 
}
nav#hauptnavi ul li a:link { 
color: #ff !important;
font-weight: normal;
}

nav#hauptnavi a:hover { 
color : #fff; 
} 
nav#hauptnavi ul li.active a { 
font-weight: bold;
} 
nav#hauptnavi ul li a:hover { 
color: #fff !important; 
font-weight: bold;
}
/* ak */
main {
	display: grid;
	grid-gap: 1.875rem;
	grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
	color: black;
}
.spitzmarketeaser, .spitzmarke, h4.spitzmarketeaser a {
    font-size: 0.7rem;
    margin: 0px 0px;
    font-family: verdana, arial;
    font-weight: 600;
    color: #767676;
    text-transform: uppercase;
}
h4.spitzmarketeaser {
    margin: 0px 10px;
}
.teasertiteltopnews, .teasertiteltopnews a {
    font-size: 1.2rem;
    line-height: 1.5;
    font-family: verdana, arial;
    color: #000000;
    margin: 0px 0px 16px 0px;
    padding: 0px 10px 0px 10px;
}
h1.teasertitel a {
    font-size: 1rem;
    font-family: verdana, arial;
    line-height: 1.5;
    color: #000000;
    margin: 0rem 0rem 0rem 0rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.topnewsteaserspitz {
	padding: 10px;
}
.topnewsneuteaserpic {
	width:100%;
	margin-bottom: 1rem;
}
.topnewsneudetail {
	grid-column: 1 / -1;
}
.artikeltitel {
  font-size: 1.5rem;
  font-family: verdana, arial;
  line-height: 1.4em;
	
}
.teaserbildanzeige {
	width: 18.75rem;
	margin-bottom: 0
}
.artikeldetail {
	margin-left: 6.255rem;
	width: 37.5rem;
}
section.topnewsneuteaser {
   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);
}
.topnewsneuteaserpic {
	width:100%;
	margin-bottom: 1rem;
}
.topnewsneudetail {
	grid-column: 1 / -1;
}
.teasertext, div.teasertext a {
    font-family: verdana, arial;
    font-size: .85rem;
    color: #000000;
    font-weight: normal;
  /*margin: 0px 10px; */
}
.teasertext {
element.style {
   margin: 0px 10px 10px 10px;
}	

}
/* .artikeltitel {
  font-size: 1.5rem;
  font-family: verdana, arial;
  line-height: 1.4em;
} */
.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: .85rem;
    line-height: 1.5rem;
    padding: 0em 0em 1em 0em;
    /* display: grid;
		grid-template-columns:49.25rem;	*/
}
.artikelt{ 
	margin: 0px 0px 16px 0px;
	padding: 0px 10px 10px 10px;
}
.teaserbild, .bildlinks, .detailbild {
  display: flex;
  margin-bottom: 16px
}
.teaserbild {
  width: 100%;
  border: 1px solid #f2f2f2;
/*  max-width: 18.75rem;
  height: 162px;
  margin-bottom: 1rem;
  object-fit: cover;
  vertical-align: middle; */
}
.teaserbildanzeige {
	width: 18.75rem;
	margin-bottom: 0
}
.artikeldetail {
	margin-left: 6.255rem;
	width: 37.5rem;
}
/* .detailbild {
 	width: 50rem;
 	margin: 0 0 1rem 4.125rem;
 }

.teaserbild, .bildlinks,{
		margin: 0 0 1rem 0;
}
*/
.global630 {
	grid-column: 1/-1;
}
.teaserbildtopnews {
    width: 38.5rem;
    float: left;
    margin: 0.25rem 1.25rem 2rem 0;
}
.box_r {
	text-align: center;
	margin-bottom: 2rem;
	border-bottom: 1px #e2e2e2 solid;
}
.box_r_pc {
	text-align: left;
	margin-bottom: 2rem;
	border-bottom: 1px #e2e2e2 solid;
}
.box_r p {
	font-size: 0.85rem;
}
.ausgabetitel {
	text-transform: uppercase;
	display: inline-block;
	border-bottom:4px #009bc1 solid;
	font-size: 0.8em;
	font-weight: normal;
}
.nb_cover {
	margin: 5px 0 0 0;
}
.cover {
	width: 12.5rem;
	border-width: 0;
}
.inhaltnbprint {
	margin:	0px;
	padding: 0px;
	font-size: 0.8rem;
}
.bestellungmedia{

}
a:link { 
color : #009bc1; 
text-decoration : none; 
font-weight: bold;
} 
a:active { 
color : #009bc1; 
text-decoration : none; 
font-weight: bold;
} 
a:visited { 
color : #009bc1;  
text-decoration : none; 
font-weight: bold;
} 
a:hover { 
color : #009bc1;  
text-decoration : underline; 
font-weight: bold;
}
.suchetopm {
	width:1.5rem;
}
/* .spitzmarketeaser {
	  font-size: 0.7rem;
    margin: 0rem 0rem 0rem 0rem;
    font-family: verdana, arial;
    font-style: normal;
    font-weight: 300;
    color: #333333;
    text-transform: uppercase;
} */
.spitzmarketeasertopnews {
	  font-size: 0.7rem;
    margin: 0rem 0rem 0rem 0rem;
    font-family: verdana, arial;
    font-style: normal;
    font-weight: 300;
    color: #333333;
    text-transform: uppercase;
}
pic_detail {
    grid-column: 1/-1;
    width: 100%;
    max-width: 630px;
}
.pic-detail {
    width: 100%;
    max-width: 630px;
    border: 1px solid #f2f2f2;
    /* margin-top: 70px; */
}
pic_detail figcaption {
   color: #666;
   font-style: italic;
   font-size: 0.8em;
}
video_detail {
   display: grid;
   grid-column:1/-1;
   max-width: 37.5rem;
	 margin: 0;
}
article_detail {
    display: grid;
    /* grid-template-columns: 15px 1fr 15px; */
    grid-column: 1/-1;
    /* max-width: 37.5rem; */
    width: 100%;
    max-width: 630px;
}
article_detail > * {
   grid-column: 2;
   min-width: 0;
}
.bildlinksdetail {
    float: left;
    display: inline;
    margin-right: 1em;
    margin-bottom: 0.15em;
    margin-top: 4px;
    line-height: 1rem;
}
.w300, .w300 img {
    width: 300px;
}
.bu {
    clear: both;
    margin: 0;
    font-size: 0.75rem;
    font-style: italic;
    line-height:1.4;
}
.banneranzeigetext {
    margin-bottom: 1px;
    font-size: 0.6rem;
    text-align: right;
    line-height: 0.7rem;
}
.buanzeige {
    clear: both;
    margin: 0;
    font-size: 0.75rem;
    font-style: normal;
    line-height:1.4;
    text-align:	right;
}
.footer .navfooter {
    font-size: 11px;
    padding: 0;
    /* text-align: center;
    border-top: 1px #cecac2 solid;
		border-bottom: 1px #cecac2 solid; */
    list-style-type: none;
    justify-content: center;
    display: flex;
    font-weight: normal;
}
.footer .navfooter ul {
    margin: 0;
    padding: 0;
}
.footer .navfooter li {
    display: inline;
    padding: 0;
    margin: 0;
}
.footer .navfooter li::after {
    content: "|";
    color: #747474;
}
.footer .navfooter li a {
    padding: 0 3px;
    color:#747474;
  }
.footer .navfooter li:after {
    content:"|";
    color:#747474;
}
.footer .navfooter li:last-child:after {
    content:" ";
    color:#747474;
  }
.footer p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0;
    font-family: verdana, arial;
    font-size: 1em;
    line-height: 1.4em;
    color: #747474;
}
.ueberunsbild {
	width: 100%;
	margin-bottom: 1rem;
}
h1.ueberunstitel {
	font-family: verdana, arial;
  font-size: 1.2rem;
  border-bottom: 1px solid #009bc1;
  padding-bottom: 2px;
  margin: 15px 0px 0px 0px;
  color: #666666;
}
.ueberuns {
	margin: 1rem 0 0 0;
  background-color: #ffffff;
  text-align: left;
  font-size: 0.85rem;
  line-height: 1.4rem;
}
.ueberuns {
    grid-column: 1 / -1;
}
div img.pic_ueberuns {
	width: 100%;
	margin-bottom: 2rem;
}
div.text_ueberuns {
	max-width: 600px;
	margin: 0 15px 0 15px;
}
.redaktionsleitung {
/*	display: flex; */
	grid-column: 1 / -1;
}
.redaktionsleitung > h2 {
	flex: 0 1 100%;
}
.redaktionsleitung > img {
	/* flex: 0 1 2em; */
	height: 3em;
	
}
.redaktionsleitung {
  background-color: #ffffff;
  text-align: left;
  font-size: 1em;
  
}
.redaktionsleitung {
/*    text-transform: uppercase; */
    display: inline-block;
    border-bottom: 1px #009bc1 solid;
    font-weight: normal;
    margin: 0rem 0rem 0rem 0rem;
    text-align: center;
    padding-bottom: 0px;
    width: 100%;
}
.personen_intern {
	font-size: 0.75rem;
	line-height: 1.1rem;
}
.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 {
}
.abstandperson {
	margin:3px 0 3px 0;
}
.runden {
/*	border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 1px #e2e2e2 solid; */
}
.rundenak {
	  width: 200px;
    height: 150px;
    border-radius: 10px 25% 20px;
    background: hsl(24,80%,50%);
    margin: 2em auto;
}
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
}
ul.sozmed {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}
.sozmedak {
  display: flex;
  list-style: none;
}
.zurueck {
	  font-family: verdana, arial;
    font-size: 0.85em;
    line-height: 1.4em;
    float: left;
    text-align: left;
    margin: 10px 0px 0px 0px;
    clear: left;
}
.autor {
	  font-family: verdana, arial;
    font-size: 0.85em;
    line-height: 1.4em;
    float: right;
    text-align: right;
    margin: 10px 0px 0px 0px;
    clear: right;
}
.zurueck, .autor a {
	font-family: verdana, arial;
	font-size: 0.85rem;
	line-height: 1.4rem;
}
.flex-container {
	display: flex;
	margin-top: 2rem;
	justify-content: space-between;
}

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

p.flex-item {
	font-weight: normal;
}

.flex-item:nth-of-type(2) {
	background: #ffffff;
	text-align: right;
}
.flex-container-footer {
	display: flex;
	margin-top: 2rem;
}

div.flex-item-footer {
	flex: auto;
	border: 0px solid;
	background: #ffffff;
	text-align: left;
	margin-bottom: 1rem;
	border-top: 1px #cecac2 solid;
}
div.flex-item-footer:nth-of-type(2) {
	text-align: center;
}
div.flex-item-footer:nth-of-type(3) {
	text-align: right;
}
.jobansicht {
    width: 40rem;
    padding: 1.25rem;
}
.jobkontakttopbox {
    display: inline-block;
    padding: 5px;
    border: 1px #cccccc solid;
    width: 100%;
    border-radius: 5px;
    margin: 4px;
}
.jobkontakttopbox {
    border: 1px #cccccc solid;
    width: 32%;
}
.suchegrid {
	  display: grid;
    grid-column: 1/-1;
}
cposuche {
    display: grid;
    grid-template-columns: 15px 1fr 15px;
    /*grid-column-gap: 10px;*/
}
.sucheergebnis {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px #e2e2e2 solid;
}

cposuche > * {
    grid-column: 2;
    min-width: 0px;
}

.valueq {
	margin-bottom:12px;
	width:270px;
}

/*tabelle A*/
table {width: 100%;}
      th {
        background-color: #b09046; 
        color: #fff;
      }
      tr {
        background-color: #ffffff;
        color: #000;
      }
      tr:nth-child(odd) {
        background-color: #f2f2f2;
        }
/*tabelle E*/
/*Covers */
.covers {
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
	width:100%;
}
.aausgabe, 
.aa_heft, 
.aa_hr, 
.aktuellesheft, 
#heftunterzeile, 
.leseprobehcm,
.dmprint .balken_rechte_spalte,
.pmprint .nltext_ul,
.pmprint .nl,
.pmprint .aktuellesheftpm .apm,
.cpprint .nlprint,
.cpprint .nltext_ul,
.mwprint .covertitel,
.mwprint .coverbestellung {
	display: none;
}
.covers img, 
.covers .dmprint img,
.covers .mwprint img {
  width: 100%;
}
/*Covers */
/* Abo */
.contentabo {
    /* display:grid;*/
    grid-column: 1/-1;
}
.containerheaderabo {
  width: 100%;
	max-width: 60rem;
  margin: 2rem auto;
  grid-area: content1;
/*  display:grid;
  grid-column: 1/-1;
  width: 100% */
}
.flex-container-abo {
	background-color: #ffffff;
	min-height:50vh;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  grid-area: content3;

}
.flex-item-abo {
	/* max-width: 200px; */
	width: 100%;
	max-width:300px;
  border: 1px #696969 solid;
  padding: 1.25rem;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  
}
.abopic {
	width: 100%;
}
div.flex-item-abo {
	align-content:end;
}
.heftausgabe {
  border-bottom: 2px #009bc1 solid;
  margin-bottom: .5rem;
  display:	inline-block;
}
h3.heftausgabe {
	margin-top: 0;
}
.heftausgabeinhalt {
 text-align:center;
 font-weight: bold;
 font-family: barlow, verdana;
 font-size: .85rem;
 margin-bottom: .5rem;
}

.heftausgabebestellen {
 background-color: #696969;
 color: #ffffff;
 text-transform: uppercase;
 margin-bottom:0;
 text-align:center;
 padding:.5rem;
 font-weight: bold;
 font-family: barlow, verdana;
 font-size: .75rem;
}
.heftausgabebestellen a {
	color: #ffffff;
}
/* Abo */
#mod_form {
	display: grid;
	grid-column: 1/-1;
}
.jobsueberschrift {
    margin-top: 0px;
    font-family: verdana, arial;
    line-height: 1.4;
    font-size: 1.25rem;
    color: #696969;
}
.jobsueberschriftrs {
    margin-top: 0px;
    line-height: 1.4;
    color: #696969;
    font-size: 1.125rem;
}
.rs_html {
    font-size: 0.75rem;
    line-height: 1.4;
}
section.anzeige {
    /* display: grid; */
    /* grid-template-columns: auto; */
    grid-column: 1/-1;
    margin-bottom: 1rem;
}
.anzeigep {
	text-align: center;
	margin: 0;
}
p.spitzmarketeaseranzeige {
    text-align: left;
    font-size: .6rem;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    margin: 0px 0px;
    background-color: #009bc1;
    display: inline;
    padding: 2px 6px 2px 6px;
    color: #ffffff;
    text-transform: uppercase;
}
.pic_hbpc {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}
.pager, {
   grid-column: 1/-1;
   font-size: 10px;
}
.archiv-link {
	display: flex;
	width: 100%;
	max-width: 630px;
}
.suche99 {
	text-align: right;
}
.suchetopm {
	width:1.5rem;
}
.textfeld input {
	width: 70%;
	display:inline-block;
	padding: 4px;
	border: 1px solid #999;
	margin-top: 10px;
}
.textfeld label {
	display:inline-block;
	width:20%;
	margin-top: 10px;

}
.textfeld .kontaktnb {
	width: 98%;
	height: 160px;
}
.textfeld .nachricht {
	width: 98%;
	height: 90px;
}
.mod_form_submitbutton {
	 border: 1px #cccccc solid;
   padding: 4px 7px;
   margin: 20px 0 50px 0;
}
.jobscontainer {
	display: flex;	
}
#frmkontakt {
	width: 400px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 1.4em;
	
}
#frmkontakt td.frmkontaktlabel {
	height: 28px;
	width: 100px;
}
#frmkontakt td input.frmkontaktinput {
	width: 300px;
}
#frmkontakt td textarea.frmkontaktinput {
	width: 300px;
}
#frmkontakt td.frmkontaktinput {
	width: 300px;
}
input.frmkontaktinput, select.anredefrm {
    width: 400px;
    height: 30px;
}
.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 {
    -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: 1em;
}
.nlsm {
	width: 70px;
}
div.downloadnbprint p {
    margin-bottom: 0.5rem;

}
div.downloadnbprint p a {
    font-weight: normal;
}
.aktuelle-ausgabe-pic {
    margin: 4px 10px 0px 0px;
    width: 90px;
    float: left;
}
.aktuelle-ausgabe-icon {
    width: 20px;
}
/* #skyscraperhockey {
  position:absolute;
  left:960px;
  top:0;
  }

#superbannerhockey {
  position:absolute;
  top:0;
  left:0;
  }
#skyscraperhockeyleft {
  position:absolute;
  top:0;
  left:-120px;
} */
.superbanner {
	margin: 0 auto;
  width: 100%;
  max-width: 960px;
}
.skyscraperplatz {
	position: absolute;
	z-index: 2; 
	top: 0px;
	padding: 0px 10px 10px 0px;
	border: 0px #999999 solid;
	border-width: 0px;
}
.balken_rechte_spalte {
    font-size: 1rem;
    color: #009bc1;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
    margin-top: -15px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #009bc1;
}
.rechte_spalte {
    margin: 0px 0px 1.5rem 0px;
}
#skyscraperleftrelative {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}
#skyscraperleft {
    position: absolute;
    top: -1px;
    right: 0;
    left: 994px;
    z-index: auto;
}
.strlogo {
    text-align: center;
    margin-top: 30px;
}
.dm-logo {
	width: 700px;
}
#subnavi {
/*    width: 100%;
    max-width: 960px;
    text-align: left;
    font-family: verdana, arial;
    font-size: 1rem;
    display: flex;
    justify-content: space-between; */
}
.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;
}
#heftarchiv {
    grid-column: 1/-1;
    width: 100%;
    max-width: 960px;
}
.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;
    /* justify-content: space-around; */
}
.cve-rahmen-print:nth-last-of-type(n) {
    text-align: center;
    /* margin-top: 10px; */
    /* align-items: end; */
}
.cve-rahmen-print {
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 100%;
    max-width: 180px;
    border: 1px #cccccc solid;
    border-radius: 10px;
    padding: .5rem;
}
.cve-inhalt-print {
    text-align: center;
    font-weight: bold;
    font-family: verdana, arial, helvetica;
    font-size: .85rem;
    margin-bottom: .5rem;
}
.cve-bestellung-print {
    background-color: #009bc1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
    padding: .5rem;
    font-weight: bold;
    font-family: verdana, arial, helvetica;
    font-size: .75rem;
}
.cve-bestellung-print a {
	color: #ffffff;
}
.cve-titel {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-items: end;
    width: 100%;
    font-size: 12px;
}
.weiterpfeil {
	color: #009bc1;
	font-weight: bold;
}
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;
    margin: 20px 0px 0px 0px;
    justify-content: center;
    /* position: absolute; */
}
#kopfnav {
    width: 100%;
    text-align: left;
    font-family: verdana, arial;
    font-size: 1rem;
}
div#kopfnav ul {
    display: flex;
    /* flex-direction: column; */
    list-style-type: none;
		margin: 0px 0px 0px 0px;
    padding: 0;
    /* font-size: .85rem; */
}
div#kopfnav ul li {
    margin: .5rem;
    font-size: .70rem;
    text-align: right;
    font-weight: normal;
}
div#kopfnav ul li a:visited {
    color: #000000;
}
div#kopfnav ul li.active a { 
	font-weight: bold;
  color: #000000;
}
div#kopfnav ul li a {
    color: #000000;
    border-right: 0px solid #564c66;
    text-decoration: none;
    font-weight: normal;
}
fieldset.messagecpg {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 1px;
    border-style: groove;
    border-color: #cccccc;
    border-image: initial;
}
.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: 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: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-style: solid;
    border-color: #999999;
}
.form-element input[type="checkbox" i] {
		display: inline-flex;
    margin-bottom: 12px;
    width: 20px;
}
.form-element a {
	display: inline-block;
	margin-bottom: 12px;
}
.form-element p {
	margin-bottom: 0;
}
.anzeigenneupic {
    text-align: center;
}
.anzeigenneubild {
	width: 237px;
}
div.anzeigenneustellenangebote p a {
    color: #000000;
    font-size: .75rem;
    /* padding: 0rem .625rem .625rem .625rem; */
}
.stellenangebotetext a {
    padding: .625rem 0rem .1rem 0rem;
    font-weight: normal;
}
div.abo-container h1.abo-titel {
    font-size: .95rem;
    border-bottom: 2px solid #009bc1;
    margin-bottom: .5rem;
    display: inline-block;
    text-align: center;
}
.pager {
    grid-column: 1/-1;
    font-size: 10px;
}
h1.dental-talk-header {
    font-size: 1rem;
    margin: 35px 0px 16px 0px;
    line-height: 1.5;
}
.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.fa, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
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;
}
.downloadprint {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px;
    grid-column: 1/-1;
}
div.downloadhcmprint p {
	margin-bottom: 0px;
}
input.button {
	margin-left: 1px;
	padding: 4px;
}
input.text {
	margin-bottom: 8px;
  width: 40%;
  padding: 4px;
}
.dm-plus {
	display: flex;
	justify-content: space-between;
}
p.dmplus-text {
/* font-size: .85rem; */
/* line-height: 1.5; */
}
.tdrechts {
    text-align: right;
    border-right: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
}
.autorin {
    background-color: #ccebf3;
    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;
	line-height: 1.4;
}
.a-autor-pictogramm {
    display: flex;
    justify-content: space-between;
}

h1.teasertitel a {
    font-size: 1rem;
    font-family: verdana, arial;
    font-weight: bold;
    margin: 0px 10px;
    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; */
}
.loginbox {
    grid-column: 1/-1;
    color: #ffffff;
}
.nb-paywall {
    box-shadow: rgb(0, 0, 0) 0px -1px 0.125rem -2px, rgba(0, 0, 0, 0.3) 0px -3px 15px -3px, rgba(0, 0, 0, 0.3) 0px -10px 20px -10px, rgb(255, 255, 255) 0px -4px 25px 8px;
    font-family: Arial, sans-serif;
    position: relative;
    z-index: 10;
    margin-left: 0px;
    margin-right: -20px;
    margin-top: 0px;
    margin-bottom: 200px;
    padding: 2.1875rem;
    min-height: 20rem;
    background-color: rgb(255, 255, 255);
    width: 100%;
    max-width: 630px;
    grid-column: 1 / -1;
}
.nbpaywallbox {
    padding: 10px;
    background-color: #ffffff;
}
.nbpaywallanmelden {
    text-align: right;
    margin: 0px 0px 30px 0px;
    display: none;
}
.nb-paywall-text {
    font-size: 1.25rem;
    margin-bottom: 3.125rem;
    text-align: center;
    font-weight: bold;
}
.digitale-preise {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
    color: black;
    width: 100%;
    max-width: 630px;
}
.spalte {
    border: 1px solid #999999;
    border-radius: 10px;
    padding: 0px 25px;
}
.nbpaywallmehrplaatz {
    text-align: center;
    margin: 40px 0px 20px 0px;
}
button {
    width: 50%;
    height: 40px;
    font-size: 1rem;
    border-radius: 6px;
}
h2.digital-preise-titel {
    font-size: 16px;
    margin: 20px 0px;
}
.nbpaywall-button {
    min-width: 95%;
    padding: .5rem 1.125rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #000000;
    text-transform: uppercase;
    border: 2px solid #009bc1;
    cursor: pointer;
    border-radius: .625rem;
    text-align: center;
}
div.nb-preise ul {
    padding-left: 14px;
}
.plus_r-ma {
    vertical-align: bottom;
    text-align: right;
}
td.plus-dm {
    vertical-align: bottom;
}
.pluszelle-r {
    text-align: right;
    vertical-align: bottom;
}
body > div.container > article > main > section > div.nbpaywallbox > div.mehrspaltigpaywall > div > div:nth-child(2) > div:nth-child(2) > div {
    background-color: #009bc1; 
}
.nbpaywall-button a {
    color: #000000;
}
h1.ueberunstitel {
    font-family: verdana, arial;
    font-size: 1.2rem;
    border-bottom: 1px solid #009bc1;
    padding-bottom: 2px;
    margin: 15px 0px 0px 0px;
    grid-column: 1/-1;
}
.IN-e146f606-483d-4824-a598-79a778fddfb4-1G9ISYhSF8XoOmdcl0yKDu {
    width: 70px;
}
body > div > main > article > article_detail > div.social-media > ul > li:nth-child(1) {
	margin-right: 20px;
}
td.abstandartike {
    background-color: #ffffff;
}
.neu-education {
    display: flex;
    gap: 15px;
}
.circle {
    width: 2vw;
    aspect-ratio: 1 / 1;
    background-color: #009bc1;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: vw;
    font-weight: bold;
    text-align: center;
}
.container-stoerer {
    /* position: relative; */
    /* width: 300px; */
    /* height: 300px; */
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.stoerer {
    /* position: absolute; */
    /* top: 2%; */
    /* left: 2%; */
    width: 5%;
    aspect-ratio: 1;
    background: #009bcb;
    border-radius: 50%;
    color: #009bcb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(10px, 3vw, 10px);
    font-weight: 700;
}




    
@media only screen and (max-width: 600px) {
.container  {
	grid-template-areas: 
     "header header header"
     "content content content"
     "sidebar sidebar sidebar"
     "footer footer footer";
	padding:6px;
	grid-gap:0;
	width: 100%;
}
body {
	background-color: #fff;
}
.suchetopm {
  width: 1.5rem;
  position: absolute;
  top: 3.8em;
  right: 5.3em;
  z-index: 2;
}
/* #hauptnavi {
 display: none;
 
} */
#top_nav {
	display: none;
}
#navi > input, #navi label {
 display: inline;
}
#navi label img {
 position: absolute;
 width: 1.4em;
 height: 1.4em;
 top: 3.8em;
 right: 1.3em;
}
#navi input[type=checkbox]:checked ~ ul {
  display: block;
}
#navi {
	border-bottom: 0;
}
nav#hauptnavi	ul {
  flex-wrap: wrap;
}
nav#hauptnavi ul > li {
  flex: 1 1 100%;
}

.personenpicsize.runden {
  width:auto;
}

nav#hauptnavi ul li a {
	border: 1px solid #cccccc;
  padding: 0.4em;
  margin: 0.2em;
  background-color: #ffffff;
  border-radius: 5px;
  text-decoration: none;
  color: #000000;
  display: inline-flex;
	width:99%;
}
nav#hauptnavi ul {
    display: none;
}
div.strdatum {
	display: none;
}
div.strsuchehhm {
    display: grid;
    align-content: end;
}
.artikelt {
    padding:0;
}
main {
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: auto;
	color: black;
	padding: 12px;
}
img { 
	width:100%;
	height: auto;	
}
.rs img {
  width:auto;
}

img.teaserbild,
img.bildlinks,
img.detailbild,
img.topnewsneuteaserpic {
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}

div.strlogo a img  {
	width: 100%;
	max-width: 300px;
}
aside {
	max-width: 100%;
	padding-top:30px;
}
.nlsm {
	width: 70px;
}
nav#hauptnavi ul {
  margin-block-end: 2rem;
	border-top: 0px #cccccc solid;
  border-bottom: 0px #cccccc solid;
}
header {
	margin-block-end: 3rem;	
}
.strlogo {
    text-align: center;
    margin: 10px 0px 30px 0px;
}
#subnavi {
    display: none;
}
div#kopfnav {
	display: none;
}


}
div.spitzmarketeaser {
    margin: 0px 0px;
}
.teasertext {
	margin: 0px 10px 10px 10px;
}