/**
 * Content-CSS fuer bpb.de
 *
 * 1.0.0        2017-12-21  Nils Heldt
 *              - Einfuehren der Versionierung
 *              - Vornehmen von Anpassungen fuer CSS-Rebrush
 *
 * @package     Drupal-bpb
 * @subpackage  Frontend
 * @author      Nils Heldt
 */


@charset "UTF-8";
/* CSS Document */

p {
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

h1 {
	font-size:140%;
}

#content_left .text h1 {
	font-size:180%;
	line-height: 110%;
}

#article_teaser h1 {
    margin: 0;
    padding: 2px 12px 3px;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

.cart-head h1 {
	margin:0 0 0 60px;
}

#dossier_teaser h1 {
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    margin: 0;
}

h2 {
	font-size:120%;
	margin:0 0 0.7em 0;
}



#content_left h2.h2inline {
	/* display: inline !important; */
}



/*#content_left h2 {
	font-size:120%;
}*/

#article_site h3 {
	font-weight:bold;
    color: #666666;
    font-size:100%;
    display: inline;
}

.startpage-teaser .data h2,
.teaser .date h2,
.teaserminheight .date h2,
.portlet .date h2,
.portlet-big .date h2,
.startpage-teaser .data h3,
.teaser .date h3,
.teaserminheight .date h3,
.portlet .date h3,
.portlet-big .date h3 {
	font-size:21px;
	margin:1px 0 4px 0;
}

.infobox h2 {
	margin:0 0 3px 0;
}

.startpage-teaser h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 5px;
}
.teaser h3,
.teaserminheight h3 {
    font-size:120%;
    font-weight:bold;
}

.portlet h3,
.portlet-big h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

h3 {
	font-size:90%;
	color:#000;
	font-weight:normal;
}

.startpage-teaser h4,
.teaserminheight h4,
.teaser h4 {
	font-size:90%;
	font-weight:normal;
	margin:0 0 10px 0;
}

h4 {
	font-size:100%;
}

/* CLASSES */

.border {
	border:1px solid #666;
}

/* (background)-color definitions */

.blue {
	color:#005F85;
}

li:hover.blue_bg a,
li.selected.blue_bg a,
.blue_bg {
	background-color:#005F85;
}

.blue_bg_grad {
    background: #005F85 url(../images/bg_portlet-blue_pattern.png) repeat-x;
}

.grey {
	color:#666;
}

li:hover.grey_bg a,
li.selected.grey_bg a,
.grey_bg {
	background-color:#666;
}

.grey_bg_grad {
    background: #666 url(../images/bg_navi_grey_pattern.png);
}

.green {
	color:#259C2D;
}

li:hover.green_bg a,
li.selected.green_bg a,
.green_bg {
	background-color:#259C2D;
}

.green_bg_grad {
    background: #259C2D url(../images/bg_portlet-green_pattern.png);
}

.red {
	color:#8E1331;
}

li:hover.red_bg a,
li.selected.red_bg a,
.red_bg {
	background-color:#8E1331;
}

.red_bg_grad {
    background: #8E1331 url(../images/bg_portlet-red_pattern.png);
}

.black {
	color:#000;
}

li:hover.black_bg a,
li.selected.black_bg a,
.black_bg {
	background-color:#000;
}

.white {
	color:#fff;
}

li:hover.white_bg a,
li.selected.white_bg a,
.white_bg {
	background-color:#fff;
}

.orange {
	color:#EB690B;
}

li:hover.orange_bg a,
li.selected.orange_bg a,
.orange_bg {
	background-color:#EB690B;
}

.orange_bg_grad {
    background: #EB690B url(../images/bg_navi_orange_pattern.png);
}

hr.linie {
    background-color:#B5123E;
}

table#daten,
table.daten
{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:16px;
color:#515151;
border:1px solid #666666;
border-collapse:collapse;
border-spacing: 0;
}

table#daten td,
table.daten td
{
 font-size:11px !important;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 line-height:16px;
 background-color:#fff;
 color:#000000 !important;
 padding:2px;
 border: 1px solid #666666 !important;
 text-align:center;
}

table#daten td.hellgrau,
table.daten td.hellgrau
{
 font-size:10px;
font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 line-height:14px !important;
 background-color:#E5E5E5;
 color:#961734;
 padding:2px;
 border-left:1px solid #7F7F7F;
 text-align:right;
}

table#daten td.hellgraukopf,
table.daten td.hellgraukopf
{
 font-size:11px !important;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 line-height:14px !important;
 background-color:#E5E5E5;
 color:#961734 !important;
 padding:2px;
 border-left:1px solid #7F7F7F;
 text-align: center !important;
}

table#daten td.dunkelgrau,
table.daten td.dunkelgrau
{
     font-size:10px;
     font-family:Arial, Helvetica, sans-serif;
     font-weight:bold;
     line-height:16px;
     background-color:#ccc;
     color:#961734;
     padding:2px;
}

table.daten td.firstrow {
    text-align:right;
}

table.daten td.height-40 {
    height:40px;
}


table.small {
     /*font-size:90%;
     font-family:Arial, Helvetica, sans-serif;*/
     /* color:#666666; */
     margin:0;
     padding:0;
}

table.small tr {
    /*
     font-family:Arial, Helvetica, sans-serif;
     */
     margin:0;
     padding:0;

}

table.small tr td{
    /*
     font-family:Arial, Helvetica, sans-serif;
     */
     margin:0;
     vertical-align:top;
     padding:3px;
     border: solid 1px #eeeeee;
}

table.small2 {
    /*
     font-size:11px;
     font-family:Arial, Helvetica, sans-serif;
     */
     color:#000000;
     margin:0;
     padding:2px;
     border:solid 1px;
}

table.small2 tr {
     vertical-align:top;
     /*
     font-size:11px;
     font-family:Arial, Helvetica, sans-serif;
     */
     color:#000000;
     margin:0;
     padding:2px;
     border:solid 1px;
}

table.small2 tr td{
    vertical-align:top;
    /*
     font-size:11px;
     font-family:Arial, Helvetica, sans-serif;
     */
     color:#000000;
     margin:0;
     padding:2px;
}

/*
    Dudenlexikon
*/

/*
    Dudenrecht
*/
table.dudentable {
    font-size:90%;
    width:618px;
    border: 1px solid #bbbbbb;
    margin:0;
    table-layout:auto;
    font-family:Arial, Helvetica, sans-serif;
    color:#961734;
    padding:4px;
}

tr.dudentable {
    padding:4px;
    border: 0 solid #bbbbbb;
    font-family:Arial, Helvetica, sans-serif;
    color:#961734;
}
td.dudentable {
    border: 0 solid #bbbbbb;
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    vertical-align:top;
}

table.dudentableinner {
    font-size:90%;
    border: 0 solid #bbbbbb;
    margin-top:10px;
    padding:0;
    table-layout:auto;
    font-family:Verdana, sans-serif;
    color:#961734;
}

/*
    Dudenrecht-Minlex
*/

table.dudentable-minilex {
    font-size:90%;
    width:618px;
    border: 1px solid #dddddd;
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
    table-layout:auto;
    font-family:Arial, Helvetica, sans-serif;
    color:#961734;
    padding:4px;
}

tr.dudentable-minilex {
    padding:4px;
    border: 1px solid #dddddd;
    font-family:Arial, Helvetica, sans-serif;
    color:#961734;
}

tr.dudentable-minilex-first {
    padding:4px;
    border: 1px solid #bbbbbb;
    font-family:Arial, Helvetica, sans-serif;
    background-color: #dddddd;
    color:#961734;
}

#content_left table.dudentable-minilex td {
    font-family:Arial, Helvetica, sans-serif;
    color: #000000;
    vertical-align: top;
    border: 1px solid #dddddd;
}

.biobox-javascript {
    display: none;
    position: absolute;
    top: 39px;
    left: 0;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #d2d0d2;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
    z-index: 1;
}

.biobox-javascript h3 {
    color: #363636;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 3px;
}

.biobox-noscript {
    border: 1px solid rgba(165, 165, 165, 0.6);
    padding: 15px 20px;
    margin-bottom: 20px;
}

.biobox-noscript h2 {
    color: #363636;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
}

.biobox-noscript span {
    color:#666666;
}

.biobox-noscript h3 {
    color:#666666;
    font-weight:bold;
    font-size:100%;
}

ul.preparser {
    list-style-position:inside;
}

ul.preparser li{
    margin-left:10px;
    list-style-position:inside;
}

ol.preparser {
    margin-left:10px;
    list-style-position:inside;
}

/*
    Warenkorb
*/

a.warenkorb-button {
    background-color: #808080;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0;
    cursor:pointer;
}

a.warenkorb-button:hover {
    background-color: #808080;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0;
    text-decoration:underline;
    cursor:pointer;
}

input.warenkorb-button {
    background-color: #808080;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    cursor:pointer;
}

input.warenkorb-button:hover {
    background-color: #808080;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    text-decoration:underline;
    cursor:pointer;
}

div.warenkorb-button {
    background-color: #808080;
    float:right;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    cursor:pointer;
}

div.warenkorb-button:hover {
    background-color: #808080;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    text-decoration:underline;
    cursor:pointer;
}

div.warenkorb-adresseingabe {
	width: 588px;
	float:left;
	padding:15px;
	margin: 0 0 20px 0;
	border:1px solid #666;
}

div.warenkorb-adresseingabe input[type="text"].lang {
	width:350px;
}

div.warenkorb-adresseingabe input[type="text"].kurz {
	width:100px;
}

ul.titel-glossar {
    list-style:none;
    margin:0;
    padding-left:0;
}

ul.titel-glossar li{
    position: relative;
    margin-left: 0;
    padding: 5px 0 5px 20px;
    font-size: 16px;
    line-height: 24px;
}

ul.titel-glossar li::before {
    content: "·";
    position: absolute;
    left: 0;
    font-size: 30px;
    vertical-align: middle;
    line-height: 24px;
}

ul.titel-glossar li a {
    color: #363636;
}

#2content_left table {
    width:620px;
    /*
    font-size:12.8px;
    font-family:Arial, Helvetica, sans-serif;
    */
    font-weight:normal;
    /* line-height:16px; */
    /* color:#515151; */
    border:1px solid #EEE;
    border-collapse: collapse;
    border-spacing: 0;
}

#content_left table tr {
    vertical-align: top;
}

#content_left table tr.hell {
    /* background-color: #E7E7E7; */
    vertical-align: top;
}

#content_left table tr.dunkel {
    /* background-color: #D6D7D6; */
    vertical-align: top;
}

#content_left table td {
    /*
    font-size:12.8px;
    font-family:Arial, Helvetica, sans-serif;
    */
    font-weight:normal;
    /* line-height:16px; */
    padding:4px 8px;
    border: 1px solid #EEE;
    text-align:left;
    /* color:#666666; */
}

#content_left table td font.headline_m {
    /*
    font-size:12.8px !important;
    font-family:Arial, Helvetica, sans-serif;
    */
    font-weight:bold;
    /* line-height:16px !important; */
    /* color:#666666; */
}

#content_left table td font.fliesstext_m{
    /*
    font-size:100% !important;
    font-family:Arial, Helvetica, sans-serif;
    */
    font-weight:normal;
    /* line-height:16px !important; */
    /* color:#666666; */
}



#content_left table td.hellgrau {
    /*
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    */
    font-weight:bold;
    /* line-height:16px; */
    /* background-color:#E5E5E5; */
    /* color:#961734; */
    padding:2px;
    border-left:1px solid #EEE;
    text-align:right;
}

#content_left table td.hellgraukopf {
    /*
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    */
    font-weight:bold;
    /* line-height:16px; */
    /* background-color:#E5E5E5; */
    /* color:#961734; */
    padding:2px;
    border-left:1px solid #EEE;
}

#content_left table td.dunkelgrau {
    /*
     font-size:10px;
     font-family:Arial, Helvetica, sans-serif;
     */
     font-weight:bold;
     /* line-height:16px; */
     /* background-color:#ccc; */
     /* color:#961734; */
     padding:2px;
}

#children-list {
    border:0;
}

#children-list tr {
    background-color: #EEE !important;
    border-bottom: 1px solid #CCC !important;
    padding: 0.1em 0.6em !important;
}

#children-list tr td {
    border:2px !important;
    padding:2px !important;
}

div.tabs {
    height:9px;
}

#content_left table.shop {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    padding:0;
    margin:0;
}


#content_left table.shop tr{
    border-collapse:separate;
    border: 0;
    height: 30px;
    padding:0;
    margin:0;
}

#content_left table.shop td {
    border-collapse:separate;
    border: 0;
    height: 30px;
    padding:0;
    margin:0;
}

#content_left table.shop td.spacer {
    width: 15px;
    padding:0;
    margin:0;
}

#content_left table.shop td.right {
    border-collapse:separate;
    border: 0;
    text-align: right;
    width:150px;
    padding:3px 0 0 0;
    margin:0;
}

#content_left table.noborder {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    padding:0;
    margin:0;
}

#content_left table.noborder tr {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    padding:0;
    margin:0;
}

#content_left table.noborder td {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    padding:0;
    margin:0;
}

.fancybox-title-inside center{
    font-family:Arial, Helvetica, sans-serif !important;
}

#fancybox-title center {
    font-family:Arial, Helvetica, sans-serif !important;
}

/*
    Zitate-Zahlen
*/

.zahlen { overflow: hidden; position: relative; height: 100%}
.zahlen > div { padding: 35px 50px 20px; position: absolute; width: 520px; left: 0; top:0}
.zahl { font-size: 80px; color: #ccc; text-align: center; display: block; line-height: 1; font-weight: 600; }
.zahlen p { color: #B5123E; font-size: 20px; font-weight: 400; line-height: 1.4; position: relative; }
.reflected {
    position: relative;
}
.reflected:before, .reflected:after {
    display: block;
    position: absolute;
    bottom: -.72em; /* You should change this value to fit your font */
    left: 0;
    right: 0;
}
.reflected:before {
    content: attr(data-title);
    opacity: .4;
    /* This is how the text is flipped vertically */
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    }
.reflected:after {
    /* Fading using CSS gradient */
    /* Don't forget to change the colors to your background color */
    content: " ";
    height: 1em;
    background: -webkit-gradient(linear, left top, left center, from(rgba(255,255,255,0)), to(rgb(255,255,255)));
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
    background: linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
    /* I left out the `filter` property,
    because IE doesn't know `:before` and `:after` pseudo-elements anyway */
}

.quote { font-size: 18px; font-weight: 400; line-height: 1.5; font-style: normal; padding: 35px 50px 20px; background: #ccc; margin: 20px 0 }

/*
    .author { font-style: normal; font-weight: 600; display: block; padding: 10px 0 0; color: #B5123E }
*/

/*
    Update 2013-03-20
    deaktiviert

.quotes { font-size: 18px; font-weight: 100; line-height: 1.5; font-style: normal; padding: 35px 50px 20px; background: #ccc; margin: 20px 0 }
.author { font-style: normal; font-weight: 600; display: block; padding: 10px 0 0; color: #B5123E }

#quotes { padding: 25px; background: #ccc; margin-bottom: 30px;}
.bjqs { font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: lighter; line-height: 1.5; font-style: normal; float:left;}
.bjqs p {padding: 0 10px 0 10px;}
.author { font-style: normal; font-weight: 600; display: block; padding: 10px 0 0 10px; color: #B5123E }
.bjqs-prev {border:0; position:absolute; top:-40px; left:-5%;}
.bjqs-next {border:0; position:absolute; top:-40px; left:105%;}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; position: relative; top: 40px;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
*/
/*
    Update 10.4.2013 Zitateblaettern im Text
*/
.quotes { font-size: 18px; font-weight: 100; line-height: 1.8; font-style: normal; padding: 35px 50px 20px; background: #ccc; margin: 20px 0; }
.author { font-style: normal; font-weight: 500; display: block; padding: 15px 0 0 2px; color: #B5123E; }
.author_info {font-size: 10px; display: block; padding: 0 15px 0 2px; color:#000;}

#quotes { padding: 0 25px 0 25px; background: url(../images/quote_left.png) no-repeat; background-position: 15px -5px; background-color: #eee; margin-bottom: 10px; height:360px; margin-top: 15px;}
#quotes_right {background: url(../images/quote_right.png) no-repeat; background-position: 477px 330px; position:absolute; height:385px;}
.quote_content {height: 295px; vertical-align: middle; display: table-cell;}
.quote_content2 {min-height: 100px;}
.bjqs {font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: lighter; line-height: 1.4; float:left;}
.bjqs li {height:385px;}
.bjqs li img {padding:5px 15px 15px 0; float:left; vertical-align: bottom;}
.bjqs p {padding: 0 18px 0 0; font-style: italic;}
.bjqs a {color:#B5123E;}
.headline {font-style: normal; font-weight: 600; font-size: 17px; display: block; padding-left:0; padding-bottom: 20px; color: #B5123E; letter-spacing: 0.7px;}

.bjqs-prev {position:absolute; top:-40px; left:-4%;}
.bjqs-next {position:absolute; top:-40px; left:104%;}
ul.bjqs{position:relative; list-style:none;padding:21px 0 0 0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; position: relative; top: 85px;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/*
    SOSI / Dossier Gesundheitspolitik
*/

#sosioverlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	text-align:center;
}

#sosicontent {
	display: none;
	position: absolute;
	right:150px;
	width: 582px;
	height:472px;
	padding: 0;
	border:none;
	background-color: #fff;
	-moz-opacity: 1.0 !important;
	opacity:1.0 !important;
	filter: alpha(opacity=100) !important;
	z-index:1002;
	overflow:hidden;
}

#sosiajax {
    width: 580px;
	border: 1px solid #0f77ae;
	font-size:120%;
	overflow:hidden;
}


#sosiclose {
	background-color: black;
	border:none;
	width:582px;
	height:30px;
	text-align:right;
	z-index:1002;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

span.commentquote {
    border:1px solid #aaaaaa;
    display:block;
    padding:5px;
    margin:5px 10px 5px 5px;
    background-color: #eeeeee;
}

div.videomosaik {
    clear: both;
    width:602px;
    padding:16px 0 0 16px;
    border:1px solid #000;
    background-color: #eaeaea;
    margin:10px 0;
}

div.videomosaik-element {
    float:left;
    margin-right:16px;
    margin-bottom:20px;
}


/* GLAMUS  BEGIN */


.orange_bg_grad,
.grey_bg_grad  {
    background-size: contain;
}

#article_teaser.zf h1 {
    padding: 2px 0 3px;
}

#article_teaser h2 {
    padding: 2px 0 3px;
}

.author-zitat {
    font-style: normal;
    font-weight: 500;
    display: block;
    padding: 15px 0 0 2px;
    color: #B5123E;
}

ul.bjqs-controls.v-centered li a {
    height: 50px;
    width: 50px;
    top: calc(50% + 70px) !important;
}

ul.bjqs-controls.v-centered li a .shift-button {
    top: 10px !important;
}

ul.titel-glossar {
    clear: both;
}

#content_left table td {
    word-break: normal;
}


/* GLAMUS  END */