@charset "UTF-8";

/**
 * Basis-CSS fuer bpb.de
 *
 * 1.4.0    2017-12-11  Nils Heldt
 *          - Vornehmen von Anpassungen fuer CSS-Rebrush
 * 1.3.0    2017-08-28  Nils Heldt
 *          - Button: Bundestagswahl 2017
 * 1.2.0    2017-07-05  Nils Heldt
 *          - Verringern von Abstand zwischen Tabellen und Quellenangabe
 * 1.1.0    2017-03-10  Nils Heldt
 *          - Mediathek: Suchbox
 *          - Mediathek: Slider fuer Empfehlungen
 *          - Mediathek: Mitte - Mediathek - Slider-Multiple
 * 1.0.0    2016-11-04  Nils Heldt
 *          - Einfuehren der Versionierung
 *          - neues Icon fuer externe Links
 *
 * @package     Drupal-bpb
 * @subpackage  Frontend
 * @author      Nils Heldt
 */

/*Import Roboto Font*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/* CSS Document */


body {
	background-color:#b6043a;
	font-family: 'Roboto', sans-serif;
	font-size:100%;
	line-height:110%;
	/*color:#666;*/
	color:#000000;
	margin:0;
}

/* MAIN DEFINITIONS */

a {
	/*color:#000;*/
	color:#5b5b5b;
	text-decoration:none;
}

/* MAIN DEFINITIONS */

a.a-text-intern {
	/*color:#000;*/
	color:#951632;
	text-decoration:none;
}

/* MAIN DEFINITIONS */

a.a-text-shop {
	color:#005F85;;
	text-decoration:underline;
	margin:0 !important;
}

a.a-text-shop:hover {
	color:#005F85;;
	text-decoration:none;
	margin:0 !important;
}

a.a-shop-informationen {
	color:#005F85;;
	text-decoration:underline;
	margin:0 !important;
	background: url(../images/list-icon-shop.html) no-repeat 0px 4px;
	padding-left:20px;
}

a.a-shop-informationen:hover {
	color:#005F85;;
	text-decoration:none;
	margin:0 !important;
	padding-left:20px;
	background: url(../images/list-icon-shop.html) no-repeat 0px 4px
}

a.a-shop-leichtesprache {
	color:#005F85;;
	text-decoration:underline;
	margin:0 !important;
	padding-left:0;
}

a.a-shop-leichtesprache:hover {
	color:#005F85;;
	text-decoration:none;
	margin:0 !important;
	padding-left:0;
}

/* MAIN DEFINITIONS */

a.a-text-extern {
	/*color:#000;*/
	color:#951632;
	text-decoration:none;
}

a.a-text-lemmata {
	/*color:#000;*/
	color:#951632;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.icon:hover {
    text-decoration:none;
}

textarea, input  {
	font-family: 'Roboto', sans-serif;
}

input {
	background-color:#ccc;
	border:0 none;
	padding:3px 5px;
}

hr {
	border:1px solid #ccc;
	margin:15px 0;
	height:1px;
}

#raster {
	top:0;
	left:25px;
	width:940px;
	height:600px;
	position:absolute;
	z-index:990;
	background-image:url(../images/raster.html);
	background-repeat:repeat-y;
}

#container {
	margin: 36px auto 35px auto;
	width: 980px;
	position:relative;
	font-size:80%;
	background-color:#fff;
	/*-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;*/
	/*
	top:0;
    left:15px;
    float:left;
    */
}

#sitemap {
	padding:20px;
}

#sitemap a:hover {
	text-decoration:underline;
	color:#666;
}

/* HEADER */

#header {
	width:100%;
	float:left;
	padding:20px;
	margin:0;
	font-weight:bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#logo {
	width:190px;
	float:left;
}

.bpb_red {
	color: #B5123E !important;
}

#header_links {
	position: absolute;
	top: -26px;
	left: 0;
	width: 100%;
	text-align: right;
	font-size: 14px;
	letter-spacing: 0.5px;
}

#links_left {
	float:left;
	padding:0;
	margin:0;
	text-align:left;
}

#links_right {
	float:right;
	padding:0;
	margin:0;
}

#header_links a {
	color:#fff;
	font-weight:500;
	margin: 0 8px;
}

#header_links a:first-child {
	margin-left: 0;
}

#header_links a:last-child {
	margin-right: 0;
}

#header_links a:hover {
	text-decoration: underline;
}

#header .sidebar {
	position:absolute;
	right:-30px;
	top:10px;
}

#header .sidebar .sidebar-icon {
	margin-bottom: 10px;
	background: #777777;
}

#header .sidebar .sidebar-icon--on {
	background: #ffffff;
}

#toolbar-bpb {
	width:430px;
	float:left;
	padding:0 0 0 50px;
}

#toolbar-bpb ul {
	float:left;
	padding:0;
	margin:0;
	border-left:1px solid #666;
}

#toolbar-bpb li {
	float:left;
	list-style-type:none;
	padding:5px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
}

#toolbar-bpb li.active,
#toolbar-bpb li:hover {
	background-color:#B5123E;
	background-image:url(../images/bg_navi_active_pattern.png);
}

#toolbar-bpb li:hover a {
	color:#fff;
}

#toolbar-bpb li.active a {
	color:#fff;
}

#global_search {
	width:300px;
	margin-top: 20px;
	float:right;
}

#global_search form {
	width: 300px;
	padding: 0;
	margin: 0;
	border: 1px solid #777777;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#global_search input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#global_search input[type="text"] {
	width:262px;
	height: 36px;
	float:left;
	padding:10px;
	margin:0;
	background-color:#fff;
	border:none;
	font-size: 12px;
	letter-spacing: 0.5px;
}

#global_search input[type="submit"] {
	background: #777777 url(http://test123.linux8.3pc.de/bpb-de-frontend/images/search_icon.svg) no-repeat 9px 8px;
    border: none;
    width: 36px;
    height: 36px;
    cursor: pointer;
	color: transparent;
    margin: 0;
    padding: 0;
}

/* END HEADER */

/* NAVIGATION */

#navi {
	position: relative;
	width: 100%;
	float: left;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	z-index: 1000;
	border-bottom: 1px solid rgba(91, 91, 91, 0.4);
}

#navi a {
	color: #363636;
	font-size: 15px;
}

#navi > ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#navi > ul > li > a {
	padding: 9.5px 11.2px;
	float: left;
	font-weight: 700;
	letter-spacing: 0.5px;
}

#navi > ul > li > a:hover {
	text-decoration: none;
}

#navi li {
	float: left;
	list-style-type: none;
	background-color: #fff;
}

#navi > ul > li:last-child {
	float: right;
}

/* GLAMUS BEGINN */

/*
#navi li.active a,
#navi li.dossieractive a,
#navi li.shopactive a,
#navi li.lernenactive a,
#navi li.eventsactive a,
#navi li.mediathekactive a {
	color: #951632;
}

*/

#navi li.active a,
#navi li.dossieractive a {
    color: #951632;
}

#navi li.shopactive a {
    color: #005F85;
}

#navi li.lernenactive a {
    color: #EB690B;
}

#navi li.eventsactive a {
    color: #259C2D;
}


#navi li.mediathekactive a {
    color: #666;
}


/* GLAMUS ENDE */


#navi li:hover {
	background: #951632;
}

#navi li.events:hover {
	background: #259C2D;
}

#navi li.lernen:hover {
	background: #EB690B;
}

#navi li.mediathek:hover {
	background: #666;
}

#navi li.shop:hover {
	background: #005F85;
}

#navi li:hover a {
	color: #fff;
}

#navi ul.sub {
	display: none;
	width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 202;
}

#navi ul.sub li {
	width: 100%;
    padding: 0;
    border: none 0;
    background: none;
    z-index: 203;
    position: relative;
}

#navi ul li:hover ul {
	display: block;
}
#navi ul.sub li img {
    border: none 0;
}

#navi ul.sub a {
	display: block;
	padding: 10px;
	color: #363636;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.1px;
}

#subnavitest {
	display:none;
	float:left;
	margin:0 10px;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;

}

#subnavitest ul {
	margin:5px 10px;
	padding:0;
	float:left;
}

#subnavitest li {
	list-style-type:none;
}

#navi .subnavi {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	background-color: #fff;
	border-top: 3px solid #951632;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	z-index: 202;
	font-size:82%;
	line-height:130%;
}

#navi .events .subnavi {
	border-color: #259C2D;
}

#navi .lernen .subnavi {
	border-color: #eb690b;
}

#navi .mediathek .subnavi {
	border-color: #666;
}

#navi .shop .subnavi {
	border-color: #005F85;
}

#navi .subnavi ul {
	padding:0;
	margin:0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

#navi ul.sub div.s1 ul {
	width: 100%;
}

#navi ul.sub div.s4 ul {
	width: calc((100% - (3 * 15px))/4);
}

#navi ul.sub div.s5 ul {
	width: calc((100% - (4 * 15px))/5);
}

#navi ul.sub div.s6 ul {
	width: calc((100% - (5 * 15px))/6);
}

#navi .subnavi ul li {
	float:none;
	margin:0 0 5px 0;
}

#navi .subnavi ul li:last-child {
	margin: 0;
}

#navi .subnavi ul li.subnavi_heading a {
	color: #951632;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 18px;
}

#navi .events .subnavi ul li.subnavi_heading a {
	color: #259C2D;
}

#navi .lernen .subnavi ul li.subnavi_heading a {
	color: #eb690b;
}

#navi .mediathek .subnavi ul li.subnavi_heading a {
	color: #666;
}

#navi .shop .subnavi ul li.subnavi_heading a {
	color: #005F85;
}

#navi .subnavi a {
	color:#666;
}

#navi .subnavi a:hover {
	background: #eee;
	color: #951632;
	text-decoration: none;
}


/* GLAMUS BEGINN */


#navi li.shopactive .subnavi a:hover {
    color: #005F85;
}

#navi li.lernenactive .subnavi a:hover {
    color: #EB690B;
}

#navi li.eventsactive .subnavi a:hover {
    color: #259C2D;
}

#navi li.mediathekactive .subnavi a:hover {
    color: #666;
}

/* GLAMUS ENDE */


#navi .events .subnavi a:hover {
	color: #259C2D;
}

#navi .lernen .subnavi a:hover {
	color: #eb690b;
}

#navi .shop .subnavi a:hover {
	color: #005F85;
}

#breadcrumble {
	width: 100%;
	float: left;
	padding: 15px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #494949;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 0.5px;
}

#breadcrumble span.active_site {
	color: #363636;
	font-weight: 500;
}

#breadcrumble a {
	color: inherit;
}

#breadcrumble a:hover {
	color:#000;
}

/* END NAVIGATION */

/* CONTENT */

#content {
	width:100%;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	z-index:50;
}

#content_left {
	width: 635px;
	padding: 0 14px 30px 0;
	float:left;
	background-color:#fff;
	border-right: 1px solid #d2d0d2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content_right {
	width: 315px;
	padding: 0 0 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	font-style:normal;
}

#content li.contentelement {
	list-style-position: inside;
}
#content ul.contentlist {
    list-style: none;
    margin: 0;
    padding-left: 10px;
}

#content ol.contentlist,
#content ul.preparser,
#content ol.preparser {
	margin: 15px 2px 15px 20px;
	padding: 0;
}
#content ul.contentlist li {
    position: relative;
    margin-left: 0;
    padding: 5px 5px 5px 25px;
    font-size: 16px;
    line-height: 24px;
}

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

#content ol.contentlist li,
#content ul.preparser li,
#content ol.preparser li {
	list-style-position: outside !important;
	margin: 0;
	padding: 0;
}

.icon_rigth {
	display:none;
	top:100px;
	right:15px;
	width:20px;
	height:80px;
	position:absolute;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

/* PORTLET IMAGE-GALLERY */
#portlet_imagegallery {
	width:601px;
	float:left;
	padding: 9px;
	margin:0 10px 0 0;
	background: url(../images/bg_portlet-gallery-grey.html) repeat-x #5F5D60;
}

#portlet_imagegallery .fancybox {
	margin: 9px;
	display: inline-block;
}

#portlet_imagegallery h1 {
    background: url(../images/icon_gallery.html) no-repeat;
    height: 33px;
    padding: 10px 0 0 50px;
    margin: 0 0 0 5px;
}

/* PORTLET VIDEO */

/*
#portlet_video {
	width:920px;
	padding:10px 10px 15px 10px;
	margin:0 10px 20px 10px;
	float:left;
	background-image:url(../images/bg_portlet-video-grey.png);
	background-repeat:repeat;
}

#portlet_video p {
	color:#fff;
	margin:0 0 15px 0;
}

#portlet-video_left {
	width:620px;
	float:left;
	padding:0 9px 0 0;
	border-right:1px dotted #ccc;
	margin:0 10px 0 0;
}

#portlet-video_right {
	width:280px;
	padding:30px 0 0 0;
	float:left;
}

#portlet-video_right .prev {
	margin:0 0 30px 0;
	position:relative;
}

#portlet-video_right .prev p {
	margin:0 0 5px 0;
}

#portlet-video_right .prev img {
	float:left;
	margin:0 15px 0 0;
}
*/

/* PORTLET VIDEO PREVS*/

/*
#portlet-video_prevs_container {
	width:960px;
	margin:0 0 20px 0;
	float:left;
}

#portlet-video_prevs {
	width:880px;
	padding:20px 30px 15px 30px;
	margin:0 10px;
	float:left;
	background-image:url(../images/bg_portlet-video-grey.png);
	background-repeat:repeat;
	position:relative;
}

#portlet-video_prevs .item {
	width:128px;
	float:left;
	margin:0 9px;
	text-align:center;
	color:#fff;
	position:relative;
}

#portlet-video_prevs .item img {
	margin:0 0 15px 0;
}
*/

/* CONTENT VIDEO PREVS */

/*
.video-prevs {
	font-weight:bold;
	width:620px;
	float:left;
	padding:0 0 10px 0;
	border-bottom:1px dotted #666;
	margin:0 0 10px 0;
}

.video-prevs img {
	margin:0 0 10px 0;
}

.video-prev-one,
.video-prev-two,
.video-prev-three {
	width:140px;
	float:left;
	padding: 0 9px 0 0;
	border-right:1px dotted #666;
	margin:0 10px 0 0;
	position:relative;
}

.video-prev-four {
	width:140px;
	float:left;
	position:relative;
}
*/

/* DOSSIER SITE */

#dossier_teaser {
	width:100%;
	margin:0 0 20px 0;
	padding: 0 15px;
	box-sizing: border-box;
	float:left;
	position:relative;
}

.dossier_teaser_content {
	bottom:15px;
	left:30px;
	position:absolute;
}

.dossier_teaser_text {
	color:#fff;
	padding:5px 10px;
	margin:5px 0 0 0;
	background: rgba(0,0,0,0.7);
}

a.dossier_teaser_head {
	font-size:80%;
	color:#fff;
	padding:5px;
	text-transform:uppercase;
}

a.dossier_teaser_head_green {
	font-size:80%;
	color:#fff;
	background-color:#259C2D;
	padding:5px;
	text-transform:uppercase;
}

a.dossier_teaser_head_grey {
	font-size:80%;
	color:#fff;
	background-color:#666;
	padding:5px;
	text-transform:uppercase;
}

.text {
	width:620px;
	float:left;
	padding:10px 0 15px 0;
	border-bottom:1px dotted #666;
	margin:0 0 15px 0;
}
.text.full-width {
	width: 100%;
}

.text p {
	margin:0 0 15px 0;
}

/* END DOSSIER SITE */

/* ARTICLE SITE */

#article_teaser {
	width:100%;
	padding:0;
	margin:0 0 20px 0;
	float:left;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.article_teaser_content {
	bottom:5px;
	left:15px;
	position:absolute;
}

.article_teaser_content_events {
	bottom:5px;
	left:75px;
	position:absolute;
}

.article_teaser_text {
	margin:5px 0 0 0;
	background-color:rgba(0,0,0,0.7);
}

.article_teaser_head {
	padding: 5px 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

#article_site {
	width:620px;
	float:left;
	padding:0 0 10px 0;
	border-bottom:1px solid #666;
	margin:0 0 10px 0;
}

article .pub_date {
	display: inline-block;
	padding: 7px;
	margin-bottom: 8px;
	color: #363636;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

article .authors {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	margin-bottom: 25px;
}

article .author {
	display: inline-block;
	position: relative;
	padding: 10px 30px 10px 10px;
	border: 1px solid #d2d0d2;
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.5px;
	cursor: pointer;
}

article .authors a {
	display: inline-block;
	margin: 0 8px 8px 0;
}

article .authors a:hover {
	text-decoration: none;
}

article .author span {
	display: inline-block;
	color: #363636;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 569px;
}

article .author svg {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 10px;
	height: 12px;
	transform-origin: 5px 6px;
	transform: rotate(90deg);
}

article .author svg path {
	fill: none;
	stroke: #333;
	stroke-width: 2px;
}

article .author_img {
	float: left;
	margin-right: 20px;
}

article .author_description {
	float: left;
	width: 474px;
}

article .author_description p {
	font-size: 16px;
	line-height: 24px;
	color: #363636;
}

article .author_description h3 + p {
	font-weight: 500;
	color: #5b5b5b;
	margin-bottom: 10px;
}

article {
	color: #363636;
	font-size: 16px;
	line-height: 24px;
}

article section {
	margin-bottom: 25px;
}

article h1 {
	font-size: 26px;
	font-weight: 700;
	line-height: 33px;
	margin-bottom: 16px;
}

article h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 10px;
}

article h3 {
	color: #363636;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 10px;
}

article p {
	font-size: 15px;
	line-height: 23px;
}

article section > p:not(:last-child) {
	margin-bottom: 20px;
}

.article_image {
    font-size:90%;
    margin:8px 10px 5px 0;
    color:#000;
}

.article_image a{
    margin:0;
    padding:0;
    color:#000;
}

.article_image span{
    width:218px;
    display:block;
    padding:2px 3px 2px 3px ;
    background-color:#eeeeee;
}

/*
    Left 220px
*/
.article_image_left {
	width:220px;
	float:left;
	margin:8px 20px 5px 0;
	color:#000;
}


.article_image_left a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_left span {
	width: 220px;
	display: block;
	padding: 10px 0;
	color: #363636;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.1px;
}

.article_image_left img {
	margin:0;
}

/*
    Left 110px
*/
.article_image_left_110 {
	width:114px;
	float:left;
	font-size:90%;
	margin:8px 10px 5px 0;
	color:#000;
}


.article_image_left_110 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_left_110 span {
    width:108px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_left_110 img {
	margin:0;
}

/*
    Left 150px
*/
.article_image_left_150 {
	width:154px;
	float:left;
	font-size:90%;
	margin:8px 10px 5px 0;
	color:#000;
}


.article_image_left_150 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_left_150 span {
    width:148px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_left_150 img {
	margin:0;
}
/*
    Right 220px
*/

.article_image_right {
    width:220px;
	float:right;
	margin:8px 0 5px 20px;
	color:#000;

}

.article_image_right a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_right span {
    width: 220px;
	display: block;
	padding: 10px 0;
	color: #363636;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.1px;
}

.article_image_right img {
	margin:0;
}

/*
    Right 110px
*/

.article_image_right_110 {
	width:114px;
	float:right;
	font-size:90%;
	margin:8px 0 5px 10px;
	color:#000;
}

.article_image_right_110 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_right_110 span {
    width:108px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_right_110 img {
	margin:0;
}

/*
    Right 150px
*/

.article_image_right_150 {
	width:154px;
	float:right;
	font-size:90%;
	margin:8px 0 5px 10px;
	color:#000;
}

.article_image_right_150 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_right_150 span {
    width:148px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_right_150 img {
	margin:0;
}

/*
    340 Pixel Rechts
*/

.article_image_right_340 {
	width:344px;
	float:right;
	font-size:90%;
	margin:8px 0 5px 10px;
	color:#000;
}

.article_image_right_340 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_right_340 span {
    width:338px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_right_340 img {
	margin:0;
}

/*
    340 Pixel links
*/
.article_image_left_340 {
	width:344px;
	float:left;
	font-size:90%;
	margin:8px 10px 5px 0;
	color:#000;
}


.article_image_left_340 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_left_340 span {
    width:338px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_left_340 img {
	margin:0;
}


/* END ARTICLE SITE */

/* START NEWS */

.start_news,
.event,
.content_shop-article {
	width:100%;
	float:left;
	padding:0;
	margin:0 0 20px 0;
}

.start_news_img,
.event_img {
	width:140px;
	padding:0;
	margin:0 20px 0 0;
	float:left;
	position:relative;
}

.start_news .date,
.teaser_text_events .date {
	/*top:2px;*/
}

#article_teaser .date {
	top:10px;
	left:20px;
}

.date {
	width: 50px;
	height: 60px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	text-align: center;
	box-sizing: border-box;
}

.date h2 {
	font-size: 25px;
	margin: 2px 0 6px 0;
}

.start_news_text,
.event_text {
	/*width: calc(100% - 160px);*/
	float:left;
}

.start_news h3, .two_news h3, .three_news h3, .event h3 {
	color: #000000;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 0.5px;
	line-height: 16px;
	margin-bottom: 5px;
}

.start_news h2 a, .two_news h2 a, .three_news h2 a, .event h2 a {
	color: #363636;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}

.start_news p, .two_news p, .three_news p, .event p {
	color: #363636;
	font-size: 15px;
	line-height: 23px;
}

.start_news p.read_more,
.two_news p.read_more {
	margin-top: 15px;
}

.three_news p.read_more,
.event p.read_more,
.portlet_study_trip_content p.read_more {
	margin-top: 10px;
}

.portlet_tag_content p.read_more {
	margin-top: 12px;
}

p.read_more svg {
	width: 12px;
	height: 12px;
}

p.read_more svg path {
	fill: none;
	stroke: #951632;
	stroke-miterlimit: 50;
	stroke-width: 2;
}

p.read_more a {
	color: #951632;
	font-size: 15px;
	font-weight: 700;
}

.news_section_headline {
	color: #363636;
	font-size: 26px;
	font-weight: 700;
	line-height: 33px;
	text-align: center;
	margin: 20px 0 30px;
}

/* NEWS > LARGER IMAGE VIEW */

.news_big {
	width:620px;
	float:left;
	padding:0 0 10px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #666;
}

.news_big_img {
	width:220px;
	padding:2px 0 0 0;
	margin:0 20px 0 0;
	float:left;
}

.news_big_text {
	width:380px;
	float:left;
}

.subscription {
	width:328px;
	float:left;
	padding:15px;
	margin:0 20px 0 0;
	border:1px solid #666;
}

.subscription input[type="text"] {
	width:250px;
}

.infobox {
	width:210px;
	float:left;
	padding:15px;
	background-color:#ccc;
}

.infobox p {
	margin:0 0 15px 0;
}

/* TWO NEWS */

.two_news,
.three_news {
	width:100%;
	float:left;
	padding:0;
	margin:0 0 30px 0;
}

.two_news img,
.three_news img {
	margin:0 0 10px 0;
}

.two_news_left, .two_news_right {
	width: 294px;
	float: left;
	padding: 0;
	margin: 0;
}

.two_news_left {
	margin-right: 32px;
}

#two_news_text {
	width:300px;
	float:left;
}

/* THREE NEWS */

.three_news_content {
	width: 190px;
	float:left;
}

.three_news_content:not(:last-child) {
	padding-right: 25px;
}

/* Events */

h2.event_title {
	margin-bottom: 8px;
}

div.event_date {
	color: #363636;
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;  /* Text style for "20.–30.06." */
	letter-spacing: 0.5px;
	margin-bottom: 8px;
}

/* SHOP ARTICLE */

.content_shop-article-text {
	width:380px;
	float:left;
	margin:0 20px 0 0;
}

.content_shop-article-text p {
	margin:0 0 15px 0;
}

.content_shop-article-port {
	width:220px;
	float:left;
}

/* SHOP */

.shop-actions {
	width:620px;
	float:left;
	margin:15px 0 20px 0;
}

.cart-actions {
	right:0;
	bottom:35px;
	position:absolute;
}

.cart-actions a {
	margin:0 20px 0 0;
}

.cart-head {
	background-image:url(../images/cart.html);
	background-position:0 0;
	background-repeat:no-repeat;
}

.two_shop,
.shop_best_voted,
.shop_list {
	width:620px;
	float:left;
	padding:0 0 15px 0;
	border-bottom:1px dotted #666;
	margin:0 0 15px 0;
	position:relative;
}

.shop_list .price {
	float:right;
}

.two_news_text .price {
	float:right;
}

.shop_list_img,
.two_shop_img {
	width:140px;
	float:left;
	margin:0 15px 0 0;
}

.shop_list_img img,
.two_shop_img img,
.shop_best_voted img {
	border:1px solid #666;
	margin:0 0 20px 0;
}

.two_shop_left {
	width:300px;
	float:left;
	padding:0 9px 0 0;
	border-right:1px dotted #666;
	margin:0 10px 0 0;
}

.two_shop_right {
	width:300px;
	float:left;
}

#two_shop_text {
	width:300px;
	float:left;
}

.shop_list p,
.shop_best_voted p {
	margin:0 0 20px 0;
}

.shop_best_one,
.shop_best_two,
.shop_best_three {
	width:140px;
	float:left;
	padding: 0 9px 0 0;
	border-right:1px dotted #666;
	margin:0 10px 0 0;
	position:relative;
}

.shop_best_four {
	width:140px;
	float:left;
	position:relative;
}

.price-teaser {
	color:#005f85;
	background-color:#fff;
	float:left;
	padding:3px 10px;
	border: 0 solid #666;
	font-size:120%;
	margin:0 0 0.7em 0;
	font-weight:bold;
}

.price {
	color:#005f85;
	background-color:#fff;
	float:left;
	padding:5px 10px;
	border: 0 solid #666;
	font-size:120%;
	margin:0 0 0.7em 0;
	font-weight:bold;
}

/* bad construction!! better not to set border as default, and setting additional border separately */
.price_borderless {
	color:#005f85;
	font-size:120%;
	margin:0 0 0.7em 0;
	font-weight:bold;
}
/* like this */
.bordered {
	border-width: 1px;
}

.quantity {
	background-color:#ccc;
	padding:5px 10px;
}

a.price:hover,
a.price .blue:hover {
	color:#fff;
	background-color:#005f85;
	background-image:url(../images/bg_navi_blue_pattern.png);
	background-position:0 0;
	background-repeat:repeat-x;
}

.price img {
	border:0 none;
	margin:0 0 0 .7em;
}

.price img.blank {
	background-image:url(../images/cart_small_black.png);
    vertical-align: middle;
    width: 23px;
    height:16px;
}
.price:hover img.blank {
	background-image:url(../images/cart_small_white.html);
}


a.price-teaser:hover,
a.price-teaser .blue:hover {
	color:#fff;
	background-color:#005f85;
	background-image:url(../images/bg_navi_blue_pattern.png);
	background-position:0 0;
	background-repeat:repeat-x;
}

.price-teaser img {
	border:0 none;
	margin:0 0 0 .7em;
}

.price-teaser img.blank {
	background-image:url(../images/cart_small_black.png);
    vertical-align: middle;
    width: 23px;
    height:16px;
    margin-top:-3px;
}
.price-teaser:hover img.blank {
	background-image:url(../images/cart_small_white.html);
    margin-top:-3px;
}
/* END CONTENT */

/* cc-license */

.cc-license{
	margin-bottom: 20px;
}

.cc-license img {
    float: left;
    margin: 3px 10px 0 0;
}

.cc-license p {
    float: left;
    width: 513px;
    color: #363636;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.1px;
}

.cc-license p a {
    color: #363636;
}

/* FOOTER */

#footer {
	float: left;
	background-color: #fff;
	-webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
}

#footer_lists {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	float: left;
	border-bottom: 1px solid #fff;
	padding: 30px 20px;
	box-sizing: border-box;
}

#footer_lists ul {
	padding: 0;
	margin: 0;
}

#footer_lists li {
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: none;
	color: #494949;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.1px;
	line-height: 18px;
}

#footer_lists ul li:first-child {
	color: #363636;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 16px;
	margin-bottom: 15px;
}

#footer a {
	color: inherit;
}

.footer_links {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	height: 55px;
	padding: 19px 20px 20px;
	margin: 0;
	border: solid rgba(165, 165, 165, 0.5);
	border-width: 1px 0;
	box-sizing: border-box;
	color: #951632;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.1px;
	text-transform: uppercase;
}

#footer .socialmedia {
	float: left;
	display: inline-block;
	width: 200px;
	padding: 30px 30px 30px 20px;
}

#footer .socialmedia p, #footer .partners p {
	color: #363636;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 18px;
	margin-bottom: 15px;
}

#footer .socialmedia img {
	float: left;
	margin-right: 10px;
}

#footer .socialmedia a:last-child img {
	margin: 0;
}

#footer .partners {
	float: left;
	display: inline-block;
	width: 680px;
	padding: 30px 20px 30px 30px;
}

#footer .partners ul {
	display: inline-block;
	float: left;
	padding: 0;
	margin: 0 40px 0 0;
	list-style-type: none;
}

#footer .partners ul:last-child {
	margin: 0;
}

#footer .partners li:not(:last-child) {
	margin-bottom: 20px;
}

#footer .partners ul li a {
	color: #363636;
	font-size: 13px;
	letter-spacing: 0.1px;
}

#footer .demokratie {
	position: absolute;
	bottom: -26px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

/* END FOOTER */

/* CLASSES */

.button {
	color:#fff;
	font-weight:bold;
	padding:5px;
	background-color:#808080;
	border:0 none;
}

.shift-button {
}

.site-actions {
	margin-bottom: 20px;
}

.site-actions, .site-actions a {
	color: #363636;
	font-size: 15px;
	font-weight: 400;
}

.site-actions strong {
	color: #810626;
}

.site-actions a:hover {
	text-decoration: none;
}

.site-actions svg path {
	fill: none;
	stroke: #363636;
	stroke-width: 2px;
}

.site-actions svg {
	width: 6px;
	height: 10px;
	padding: 0 3px;
	opacity: 0.5;
}

.site-actions svg.left {
	transform: rotate(180deg);
}

.site-actions a svg {
	opacity: 1;
}

.sites > * {
    padding: 0 4px;
}

.site-actions > a {
    margin-left: 10px;
}

.toolbar-content {
	display: flex;
	margin-bottom: 20px;
}

.toolbar-content a:not(:last-child) {
	margin-right: 10px;
}

.toolbar-content > a * {
	float: left;
}

.toolbar-content > a > div {
	display: inline-block;
	height: 30px;
}

.toolbar-content img {
	position: relative;
	z-index: 1;
	width: 30px;
	height: 30px;
	background: #777777;
}

.toolbar-content > a > div > span, .slide-btn-textwrapper span {
	height: 30px;
	padding: 6px 7px 6px 8px;
	box-sizing: border-box;
	color: #363636;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.1px;
}

.toolbar-content .text-btn > span {
	border: solid #d2d0d2;
	border-width: 1px 1px 1px 0;
}

.toolbar-content .slide-btn {
	overflow: hidden;
}

.toolbar-content .slide-btn .slide-btn-textwrapper {
	position: relative;
	left: -1px;
	max-width: 0;
	overflow: hidden;
	border: solid #d2d0d2;
	border-width: 1px 1px 1px 0;
	transition: all .8s ease-in-out;
	z-index: 0;
}

.toolbar-content .slide-btn-textwrapper span {
	height: 28px;
}

.toolbar-content .slide-btn:hover .slide-btn-textwrapper {
	max-width: 300px;
}

.toolbar-content a:last-of-type div {
	margin: 0;
}

/* ICON sprite definitions */

div.footer-icons {
    display: block;
    border: 1px solid #666666;
    height: 23px;
}

.icon,
.icon-noborder {
	width:23px;
	height:23px;
	background-position:0 0;
	background-repeat:no-repeat;
	float: left;
}

.icon {
	background-image:url(../images/icon_master3860.gif?v=1);
}

.icon-noborder {
    background-image:url(../images/icon_master_noborder.gif);
    border-right: 1px solid #666666;
}

span.span-icon-close {
	display: block;
	float: left;
	width: 1px;
	height: 23px;
    margin-right: 5px;
    border-right: 1px solid #666666;
}

a.icon-mail {
	background-position:0 0;
}
a.icon-mail:hover {
	background-position:0 -25px;
}
a.icon-print {
	background-position:-25px 0;
}
a.icon-print:hover {
	background-position:-25px -25px;
}
a.icon-liste {
	background-position:-50px 0;
}
a.icon-liste:hover {
	background-position:-50px -25px;
}
a.icon-kommentar {
	background-position:-75px 0;
}
a.icon-kommentar:hover {
	background-position:-75px -25px;
}
a.icon-pdf {
	background-position:-100px 0;
}
a.icon-pdf:hover {
	background-position:-100px -25px;
}
a.icon-media {
	background-position:-125px 0;
}
a.icon-media:hover {
	background-position:-125px -25px;
}
a.icon-rss {
	background-position:-150px 0;
}
a.icon-rss:hover {
	background-position:-150px -25px;
}
a.icon-twitter {
	background-position:-175px 0;
}
a.icon-twitter:hover {
	background-position:-175px -25px;
}
a.icon-facebook {
	background-position:-200px 0;
}
a.icon-facebook:hover {
	background-position:-200px -25px;
}
a.icon-book {
	background-position:-225px 0;
}
a.icon-book:hover {
	background-position:-225px -25px;
}
a.icon-pdf-warenkorb-leer {
	background-position:-225px 0;
}
a.icon-pdf-warenkorb-leer:hover {
	background-position:-225px -25px;
}
a.icon-pdf-warenkorb-voll {
	background-position:-250px 0;
}
a.icon-pdf-warenkorb-voll:hover {
	background-position:-250px -25px;
}

a.icons:hover,
a.icon-noborder:hover {
	text-decoration:none;
}

/* ICON sprite definitions */
.icon-close {
	width:1px;
	height:23px;
	background-image:url(../images/icon_master3860.gif?v=1);
	background-position:0 0;
	background-repeat:no-repeat;
	float: left;
}

/**
 * Pdf-Warenkorb
 */
.pdf-warenkorb-down {
	width:24px;
	height:24px;
	background-image:url(../images/pdf-warenkorb-down.html);
	background-position:0 0;
	background-repeat:no-repeat;
	float: left;
	display:block;
	margin:3px;

}
.pdf-warenkorb-down:hover {
	background-image:url(../images/pdf-warenkorb-down-hover.html);
}

.pdf-warenkorb-up {
	width:24px;
	height:24px;
	margin:3px;
	background-image:url(../images/pdf-warenkorb-up.html);
	background-position:0 0;
	background-repeat:no-repeat;
	float: right;
	display:block;
}
.pdf-warenkorb-up:hover {
	background-image:url(../images/pdf-warenkorb-up-hover.html);
}

.pdf-warenkorb-delete {
	width:24px;
	height:24px;
	background-image:url(../images/pdf-warenkorb-delete.html);
	background-position:0 0;
	background-repeat:no-repeat;
	float: right;
	display:block;
	margin:3px;
}
.pdf-warenkorb-delete:hover {
	background-image:url(../images/pdf-warenkorb-delete-hover.html);
}

/**
 * Icons
 */
.icons {
	width:27px;
	height:25px;
	background-image:url(../images/icon_master2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float: left;
}

a.icons-pdf {
	width:25px;
	background-position:0 -600px;
	background-color:#ffffff;

}

a.icons-pdf:hover {
	background-position:0 -625px;
	background-color:#ffffff;
}

a.icons-list {
	width:25px;
	background-position:0 -650px;
	background-color:#ffffff;

}

a.icons-list:hover {
	background-position:0 -675px;
	background-color:#ffffff;
}

a.icons-media {
	width:25px;
	background-position:0 -700px;
	background-color:#ffffff;

}

a.icons-media:hover {
	background-position:0 -725px;
	background-color:#ffffff;
}

a.icons-book {
	width:25px;
	background-position:0 -550px;
	background-color:#ffffff;
}

a.icons-book:hover {
	background-position:0 -575px;
	background-color:#ffffff;
}

.textbutton {
	color:#fff;
	background-color:#666;
	padding:5px;
	border:0;
}

.view-actions {
	float:right;
	text-align:right;
}

.view-actions span { /* USE: CART */
	margin:0 0 0 10px;
}

.view-actions a {
	margin:0 0 0 7px;
}

a.list-view-blue,
a.list-view-orange,
a.list-view-grey,
a.list-view-green {
	width:30px;
	height:25px;
	float:left;
	background-image:url(../images/icon_master2.gif);
	background-repeat:no-repeat
}

a.list-view-blue {
	background-position:0 -50px;
}

a.list-view-orange {
	background-position:0 -150px;
}

a.list-view-green {
	background-position:0 -250px;
}
a.list-view-grey {
	background-position:0 -450px;
}

a.list-view-green-active,
a.list-view-blue-active,
a.list-view-grey-active,
a.list-view-orange-active {
	width:30px;
	height:25px;
	float:left;
	background-image:url(../images/icon_master2.gif);
	background-repeat:no-repeat
}

a.list-view-blue-active,
a.list-view-blue:hover {
	background-position:0 -75px;
}

a.list-view-orange-active,
a.list-view-orange:hover {
	background-position:0 -175px;
}

a.list-view-green-active,
a.list-view-green:hover {
	background-position:0 -275px;
}

a.list-view-grey-active,
a.list-view-grey:hover {
	background-position:0 -475px;
}

a.image-view-green,
a.image-view-green-active,
a.image-view-blue,
a.image-view-blue-active,
a.image-view-grey,
a.image-view-grey-active,
a.image-view-orange,
a.image-view-orange-active {
	width:30px;
	height:25px;
	float:left;
	background-image:url(../images/icon_master2.gif);
	background-repeat:no-repeat
}

a.image-view-blue {
	background-position:0 -100px;
}

a.image-view-orange {
	background-position:0 -200px;
}

a.image-view-green {
	background-position:0 -300px;
}

a.image-view-grey {
	background-position:0 -500px;
}

a.image-view-blue-active,
a.image-view-blue:hover {
	background-position:0 -125px;
}

a.image-view-orange-active,
a.image-view-orange:hover {
	background-position:0 -225px;
}

a.image-view-green-active,
a.image-view-green:hover {
	background-position:0 -325px;

}

a.image-view-grey-active,
a.image-view-grey:hover {
	background-position:0 -525px;

}

.marg_right {
	margin:0 10px 5px 0;
}

.marg_left {
	margin:0 0 5px 10px;
}

.play-video {
	top:15px;
	left:38px;
	position:absolute;
}

.bpbsourcecode {
	position: relative;
	width: 100%;
	background-color: #fff;
	border: 1px solid rgba(165, 165, 165, 0.6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.bpbsourcecode .redline {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: 5px;
	background: #951632;
}

.bpbsourcecode h4 {
	float: left;
	height: 50px;
	width: 50px;
	color: #951632;
	font-family: Arial, sans-serif;
	font-size: 100px;
	font-weight: 700;
	line-height: 112px;
	margin: 4px 0 0 10px;
	overflow: hidden;
}

.bpbsourcecode h4.infobox {
	background: #951632;
	color: #fff;
	border-radius: 100%;
	text-align: center;
	margin: 20px 0 0 10px;
	padding: 0;
	font-family: inherit;
	font-size: 40px;
	line-height: 50px;
	height: 50px;
}

.bpbsourcecode_text {
	padding: 20px 15px 20px 70px;
}

.bpbsourcecode span.bpbsourcecode_type {
	display: inline-block;
	margin: 0;
	color: #000000;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	letter-spacing: 0.5px;
}

.bpbsourcecode h2 {
	margin:10px 0;
}

.bpbsourcecode div.p {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 23px;
}

.bpbsourcecode p {
	margin: 12px 0 0 0;
}

.bpbsourcecode .bpbsourcecode-more {
	display: none;
}

.bpbsourcecode .bpbsourcecode-more-link,
.bpbsourcecode .bpbsourcecode-close-link {
	display: inline-block;
    cursor: pointer;
}

.bpbsourcecode a.arrow-down {
	color: #951632;
	font-size: 15px;
	font-weight: 700;
	margin-left: 10px;
}

.bpbsourcecode svg {
	width: 8px;
	height: 13px;
}

.bpbsourcecode .bpbsourcecode-more-link svg {
	transform: rotate(90deg);
}

.bpbsourcecode .bpbsourcecode-close-link svg {
	transform: rotate(-90deg);
}

.bpbsourcecode svg path {
	fill: none;
	stroke: #951632;
	stroke-width: 2px;
}


/*
    GLAMUS
*/


.article_image_full {
	width:100%;
	float:left;
	font-size:90%;
	margin:0 0 10px 0;
	color:#000;
}

.article_image_full a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_full span {
    width:614px;
    display:block;
	padding: 10px 0;
	color: #363636;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.1px;

}

.article_info_full {
	width:620px;
	background-color:#ccc;
	padding:0;
	margin:15px 0;
}

.article_info_full p {
	padding:0 0 0 0;
}

.article_info_full h2 {
	margin:10px 0 15px 0;
}

.article_info_full h4 {
	float:left;
	font-size:500%;
	margin:30px 0 0 0;
}


/*
    GLAMUS
*/


.article_image_full940 {
	width:940px;
	float:left;
	font-size:90%;
	margin:0;
	color:#000;
}

.article_image_full940 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_full940 span {
    width:940px;
    display:block;
	padding:0;
	background-color:#eeeeee;
}

.article_info_full940 {
	width:940px;
	background-color:#ccc;
	padding:0;
	margin:15px 0;
}

.article_info_full940 p {
	padding:0;
}

.article_info_full940 h2 {
	margin:10px 0 15px 0;
}

.article_info_full940 h4 {
	float:left;
	font-size:500%;
	margin:30px 0 0 0;
}




#coverslideshow {
    width: 620px;
    overflow-x: scroll;
}
#coverslideshow div {
    padding-left: 0;
    height: 180px;
}
#coverslideshow div img {
    cursor: pointer;
    float: left;
    margin: 20px 5px 0 5px;
}
.coverslideshow-caption {
    width: 620px;
    text-align: center;
    margin-top: 15px;
}

div.jw-border {
    border:1px solid #dddddd;
	padding:1px;
}



/* Newsletter */

.newsletter label {
    display: inline;
    margin-right: 8px;
    font-weight: normal;
}

.newsletter .newsletter_radio {
    margin-left: 135px;
}

.newsletter input[type="radio"]{
    background-color: #fff;
}

.newsletter .newsletter_email_text {
    padding-top: 2px;
    width: 110px;
    overflow: hidden;
    float: left;
}

.newsletter .newsletter_email_input {
    width: 700px;
}

.newsletter input[type="text"] {
    width: 230px;
}

.newsletter input[type="submit"] {
    margin-left: 25px;
    background-color: #808080;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
}

.newsletter div.clear {
    clear: both;
}

/*
    class="form-invisible"
*/

form.form-invisible {
    border:0;
    margin:0;
    padding:0;
}

/*
    Date Subform
*/
form.formular select.subformday {
    width:50px;
}

form.formular select.subformmonth {
    width:50px;
}

form.formular select.subformyear {
    width:70px;
}

/* Formular */

form {
	padding: 15px 5px 15px 15px;
    margin: 2px;
    border: 1px solid #666666;
}

form.formular .formelement {
    padding: 8px 0;
    height: auto;
    clear:both;
}

form.formular .formelement label {
    display: block;
    text-align: right;
    margin-top: 0;
    margin-right: 10px;
    float: left;
    width: 170px;
    font-weight: normal;
    overflow: hidden;
    min-height: 10px;
}

form.formular .formelement.checkboxleft input {
    float: left;
}

form.formular .formelement.checkboxleft label {
    text-align: left;
    float: right;
    width: 540px;
    margin-left: 20px;
}

form.formular .formelement div.description {
	display: block;
    text-align: right;
    margin-top: 0;
    margin-right: 10px;
    float: left;
    width: 170px;
    font-weight: normal;
    overflow: hidden;
    min-height: 10px;
}

#content_right form.formular .formelement label {
	width: 100px;
}

form.formular ul.errors {
    list-style-type: none;
    margin: 2px 0 2px 180px;
    padding: 3px 0;
    color: #B5123E;
    width: 300px;
}

form.formular .formelement.checkboxleft ul.errors {
	width: 540px;
	margin-left: 0;
}

form.formular input[type="text"] {
    width: 390px;
}

form.formular input[type="text"].short {
    width: 100px;
}

form.formular textarea input[type="text"]{
    width: 350px;
}

form.formular select {
    width: 390px;
}

#content_right form.formular input[type="text"] {
    width: 140px;
}

#content_right form.formular input[type="password"] {
    width: 140px;
}

#content_right form.formular textarea input[type="text"]{
    width: 140px;
}

#content_right form.formular select {
    width: 140px;
}


form.formular p {
    margin-left: 180px;
    font-weight: bold;
    padding-top: 10px;
    clear: both;
}
form.formular p.notbold {
	font-weight: normal;
}


form.formular .submit-button {
    background-color: #808080;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    width: auto;
}

form.formular input[type="checkbox"] {
    background-color: #fff;
}

form.formular input[type="radio"] {
    background-color: #fff;
}

form.formular div.submit-button-element {
    text-align: right;
    margin-right: 15px;
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
}

form.formular div.formelement textarea {
    border: 0;
    width: 398px;
    background: #CCCCCC;
    resize: vertical;
    padding: 3px 5px;
    font-size: 100%;
}

form.equalwidth div.formelement textarea {
    width: 390px;
}

form.formular label.multilabel{
    display: block;
    text-align: right;
    margin-bottom: 2px;
    margin-right: 10px;
    float: left;
    width: 170px;
    font-weight: normal;

}

form div.form {
    clear:both;
}

form.formular ul.multicheckbox{
    list-style-type: none;
    margin-left: 180px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    width: 200px;
}

form.formular .formelement ul li{
    margin-left: 0;
}


form.formular .formelement ul label {
    display: block;
    text-align: left;
    margin-top: 0;
    margin-right: 0;
    font-weight: normal;
    width: 400px;
    overflow: hidden;
    float: left;
}

form.formular fieldset {
    border: none;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}

#fieldset-zipcity ul,
.fieldset-zipcity ul {
    text-align: left;
    margin: 2px 0 2px 0;
}


#fieldset-zipcity,
.fieldset-zipcity {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}

#fieldset-zipcity .fieldset div.formelement,
.fieldset-zipcity div.formelement {
     float:left;
     width: 280px;
}

#fieldset-zipcity .fieldset input[type="text"],
.fieldset-zipcity input[type="text"] {
     width: 150px;
     margin-right: 10px;
}

#fieldset-zipcity,
.fieldset-zipcity {
     border: none;
}

#fieldset-zipcity .fieldset div.formelement-address .errors,
.fieldset-zipcity div.formelement-address .errors {
     margin-left: 180px;
}

#fieldset-zipcity .fieldset div.formelement-address,
.fieldset-zipcity div.formelement-address {
     float:left;
}

#fieldset-zipcity .fieldset div.formelement-address label,
.fieldset-zipcity div.formelement-address label {
     width: 170px;
     float: left;
     text-align: right;
     font-weight: normal;
     margin-right: 10px;
}

#fieldset-zipcity .fieldset div.formelement-address input,
.fieldset-zipcity div.formelement-address input {
     float:left;
     width: 270px;
}

#fieldset-zipcity .fieldset div.formelement-address input.short,
.fieldset-zipcity div.formelement-address input.short {
     float:left;
     width: 100px;
}

.methodenkoffer-alphabet{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    clear: both;
    height: 20px;
}

.methodenkoffer-alphabet-char{
    float: left;
    margin: 0 0 0 10.5px;
    font-size: 1.1em;
    color: #666666;
}

div.text table{
    width: 620px;
}

#recaptcha_widget_div {
    margin-left: 175px;
}

.text-image {
    float: left;
    padding: 0 8px 8px 0;
}


#edit-comment-body-und-0-format.filter-wrapper {
    display: none !important;
}

.rating {
    margin-bottom: 20px;
}

.rating span {
    float: left;
}

.rating span:first-child {
    color: #363636;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.5px;
    margin-right: 10px;
}

span.rating-star a {
	display: block;
	width: 15px;
	height: 20px;
	padding: 0 2px;
	margin: 0;
	float: left;
}

span.rating-star a svg {
	width: 16px;
	height: 16px;
}

span.rating-star a svg path {
	fill: #a5a5a5;
}

span.rating-star a.active svg path {
	fill: #951632;
}

#content_left .table-detail {
    border-collapse: collapse;
}

#fancybox-content ul.multicheckbox {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#fancybox-content ul.multicheckbox li {
    margin: 0;
    padding: 0;
}
#fancybox-content ul.multicheckbox li label {
    font-weight: normal;
}

#druckversionoverlay {
	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;
}

#druckversioncontent {
	display: none;
	position: absolute;
	/*right:150px;*/
	width: 962px;
	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;
}

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


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

/* START NEWS */

/*
    Mediathek-AZ-Liste
*/


#mediathek-az div.trenner {
    width:620px;
	border: 1px dotted #666666;
    margin: 0 0 10px 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

#mediathek-az div.mediathek-themen-teaser {
    width:620px;
	border: 1px dotted #666666;
    float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#mediathek-az ul.mediathek-themen {
    list-style-image: url("../images/list_punkt_red.html");
	margin: 0 0 0 2px;
    padding-left: 14px;
    width:610px;
}


#mediathek-az h3 {
    clear:both;
    display:inline;
    padding:0;
    margin:0;
    font-size: 13px;
    font-weight: bold;
}

#mediathek-az h4 {
    clear:both;
    display:inline;
    padding:0;
    margin:0;
    font-size: 12px;
    font-weight: normal;
}

#mediathek-az p {
    margin-left: 10px;
    margin-bottom: 4px;
    width:590px;
}

#mediathek-az p a {
    font-size: 11px;
    background: url(../images/list_punkt_red.html) 3px 5px no-repeat;
    padding-left:13px;

}

/*
    300 Pixel center
*/

.article_image_center_300 {
	width:300px;
	/*float:center;*/
	font-size:90%;
	margin:8px 0 5px 0;
	color:#000;
}

.article_image_center_300 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_center_300 span {
    width:294px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_right_300 img {
	margin:0;
}


/*
    300 Pixel left
*/

.article_image_left_300 {
	width:300px;
	float:left;
	font-size:90%;
	margin:8px 10px 5px 0;
	color:#000;
}

.article_image_left_300 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_left_300 span {
    width:294px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_left_300 img {
	margin:0;
}


/*
    300 Pixel right
*/

.article_image_right_300 {
	width:300px;
	float:right;
	font-size:90%;
	margin:8px 0 5px 10px;
	color:#000;
}

.article_image_right_300 a {
	margin:0;
	padding:0;
	color:#000;
}

.article_image_right_300 span {
    width:294px;
    display:block;
	padding:2px 3px 2px 3px ;
	background-color:#eeeeee;
}

.article_image_right_300 img {
	margin:0;
}

/**
 * Leichte Sprache Buttons im Warenkorb
 */
a.shop-leichtesprache {
	color:#005F85;;
	margin:0 !important;
	padding-top:3px;
	background: url(../images/bpb_sprachbuttons_leicht_off.jpg) no-repeat 0 0;
	padding-left:32px;
	text-decoration:underline;
}

a.shop-leichtesprache:hover {
    background: url(../images/bpb_sprachbuttons_leicht_on.html) no-repeat 0 0;
    text-decoration:none;
}

/**
 * Leichte Sprache Buttons im Warenkorb
 */
a.shop-gebaerde {
	color:#005F85;;
	margin:0 !important;
	padding-top:3px;
	background: url(../images/bpb_sprachbuttons_gebaerde_off.jpg) no-repeat 0 0;
	padding-left:32px;
	text-decoration:underline;
}

a.shop-gebaerde:hover {
    background: url(../images/bpb_sprachbuttons_gebaerde_on.jpg) no-repeat 0 0;
    text-decoration:none;
}

ul.verstaerker {
    list-style-image: url(../images/list_punkt_red.html);
    margin: 0;
    margin-left: 2px;
    padding-left: 14px;
}

/**
 * Zahlen und Fakten SVG-Block
 */

.zf-menuleiste {
height: 40px;
width: 620px;
background-color:red;
margin:0 0 20px 0;
padding:0;
}
.zf-menuleiste ul {
height: 40px;
width: 620px;
margin:0;
padding:0;
background:-moz-linear-gradient(bottom,#f0f0f0,#dcdcdc); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#dcdcdc)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='f0f0f0',endColorstr='#dcdcdc'); /* Internet Explorer */
background-image:linear-gradient(bottom,#f0f0f0,#dcdcdc); /* CSS3 */
}
.zf-menuleiste ul li {
list-style-type:none;
margin:0;
padding:0;
float:left;
}

.zf-menuleiste ul li {
    text-align: match-parent;
}

.zf-menuleiste ul li span {
    padding-left:3px;
    padding-right:3px;
    color:#000;
    text-decoration:none;
    position:absolute;
    background-color:#fff;
}

.zf-menuleiste ul li span:hover {
    text-decoration:none;
}


.zf-menuleiste ul li span {
display:none;
}
.zf-menuleiste ul li a {
display:block;
background-repeat:no-repeat;
height:27px;
}
a.zf-grafik:link, a.zf-grafik:visited {
background-image:url(../images/zahlenfakten.html);
background-position:0 0;
margin:7px 6px 6px 12px;
width:27px;
}
a.zf-grafik:hover, a.zf-grafik:active, a.zf-grafik:focus {
background-image:url(../images/zahlenfakten.html);
background-position:0 -27px;
margin:7px 6px 6px 12px;
width:27px;
}
a.zf-text:link, a.zf-text:visited {
background-image:url(../images/zahlenfakten.html);
background-position:-27px 0;
margin:7px 6px 6px 6px;
width:27px;
}
a.zf-text:hover, a.zf-text:active, a.zf-text:focus {
background-image:url(../images/zahlenfakten.html);
background-position:-27px -27px;
margin:7px 6px 6px 6px;
width:27px;
}
a.zf-tabelle:link, a.zf-tabelle:visited {
background-image:url(../images/zahlenfakten.html);
background-position:-54px 0;
margin:7px 6px 6px 6px;
width:27px;
}
a.zf-tabelle:hover, a.zf-tabelle:active, a.zf-tabelle:focus {
background-image:url(../images/zahlenfakten.html);
background-position:-54px -27px;
margin:7px 6px 6px 6px;
width:27px;
}
a.zf-standard:link, a.zf-standard:visited {
background-image:url(../images/zahlenfakten.html);
background-position:-81px 0;
margin:7px 6px 6px 404px;
width:30px;
}
a.zf-standard:hover, a.zf-standard:active, a.zf-standard:focus {
background-image:url(../images/zahlenfakten.html);
background-position:-81px -27px;
margin:7px 6px 6px 404px;
width:30px;
}
a.zf-detail:link, a.zf-detail:visited {
background-image:url(../images/zahlenfakten.html);
background-position:-111px 0;
margin:7px 6px 6px 6px;
width:40px;
}
a.zf-detail:hover, a.zf-detail:active, a.zf-detail:focus {
background-image:url(../images/zahlenfakten.html);
background-position:-111px -27px;
margin:7px 6px 6px 6px;
width:40px;
}
a.zf-standard-active {
background-image:url(../images/zahlenfakten.html);
background-position:-81px -27px;
margin:7px 6px 6px 403px;
width:30px;
}
a.zf-detail-active {
background-image:url(../images/zahlenfakten.html);
background-position:-111px -27px;
margin:7px 6px 6px 6px;
width:40px;
}

#article_teaser h1.zf {
    font-size: 18px;
    margin-top: 0;
    display: block;
    font-weight: bold;
    /*margin-block-end: 0.67em;
    margin-block-start: 0em;*/
}

.zf-svg-standard {
    width:620px;
    height:380px;
    margin:0;
}
.zf-svg-detail {
width:940px;
height:580px;
margin:0;
}

p.zf-quelle {
    margin:20px 0;
    color:#666666;
    font-size:11px;
    font-weight:normal;
    font-family:Arial, sans_serif;
    line-height:15px;
}

figure.tabelle {
    display: block;
    margin: 20px 0;
    padding: 0;
}

figure.tabelle figcaption {
    margin-top:8px;
    margin-bottom:15px;
}

figure.tabelle figcaption h2 {
    margin-left:0;
}

.tabelle {
	margin-right: 0;
	margin-left: 0;
}
.tabelle table {
	font-size: 13px;
	width: 620px;
	float: none;
	margin-bottom: 5px;
	border: none;
	border-spacing: 0;
}
.tabelle table.small {
	width: 400px;
}
.tabelle th,
.tabelle td {
	color: #000000 !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding: 6px 10px 6px 10px !important;
	border: 1px solid #ffffff !important;
}
.tabelle th {
	color: #b5123e !important;
}
.tabelle th.misc {
	font-weight: normal !important;
}
.tabelle th[scope='row'] {
	text-align: right !important;
}
.tabelle .sub {
	background-color: #f0f0f0;
	color: #5a5a5a !important;
}
.tabelle thead th {
	background-color: #e6e6e6;
}
.tabelle tfoot td {
	background-color: #e6e6e6;
}
.tabelle tbody tr:nth-child(odd) {
	background-color: #e6e6e6;
}
.tabelle sup {
	color: #b5123e;
	font-size: 10px;
	font-weight: bold;
}

@media print {
	.tabelle table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.tabelle th,
	.tabelle td {
		border: 1px solid #000 !important;
	}
	.tabelle th,
	.tabelle sup {
		color: #000 !important;
	}
	.tabelle th {
		text-align: left !important;
	}
}

#portlet_video .embed-download a {
	float:left;
	position:relative;
	color:#fff;
	font-weight:bold;
	margin:20px 20px 0 0;
	padding-left:30px;
	font-size:80%;
}

#portlet_video .embed-download a span {
	position:absolute;
	width:24px;
	height:24px;
	top:-2px;
	left:0;
}

#portlet_video .embed-download a.embed span {
	background: url("../images/icon_embed.html") no-repeat;
}

#portlet_video .embed-download a.download span {
	background: url("../images/icon_download.html") no-repeat;
}

/* POPUP EMBED */

.embed-download {
	position: relative;
}

.popup-content {
	color: #fff;
	position: relative;
	margin: 0 auto;
}

.popup-content header {
	width: 340px;
	height: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.popup-content header h4 {
	font-size: 110%;
	color: #000;
	margin: 0;
	padding: 8px;
}

.popup-inner {
	padding: 20px 15px;
}

#popup-embed .popup-inner input[type="text"] {
	width: 295px;
	height: 44px;
	background-color: #fff;
  	border: 1px solid #e5e5e5;
  	font-size: 110%;
  	padding: 3px 0 3px 10px;
}

#popup-embed .popup-inner input[type="text"]:focus {
	outline: 3px solid rgba(127, 172, 214, 1);
	cursor: text;
}

#popup-embed .popup-inner p {
	font-size: 110%;
	color: #000;
}

.popup-close {
	background: url('../images/icon_close.html') no-repeat;
	height: 12px;
	width: 12px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9999;
	cursor: pointer;
}

.popup-modal {
	display: none;
	position: absolute;
	top: 42px;
	left: -40px;
	width: 340px;
	height: 170px;
	z-index: 999;
	background: #fff;
	-webkit-box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	-ms-box-shadow: 0px 0px 20px #000;
	-o-box-shadow: 0 0 20px #000;
	box-shadow: 0 0 20px #000;
}

.popup-show {
	visibility: visible;
}

/* CONTENT VIDEO DETAIL */

#content .detail div:first-child {
	border:0 none;
	padding-left:0;
}

#content .detail-content {
	float:left;
	width:70%;
	margin-bottom:20px;
}

#content .detail-content p {
	margin-top:15px;
	padding-right:10px;
}

#content .detail-information {
	float:left;
	border-left:1px solid #ccc;
	padding-left:10px;
	margin-bottom:20px;
}

#content .detail-content + .detail-information {
	width:25%;
}

#content .detail-information ul {
	list-style:none;
	padding-left:0;
}

#content .detail-information ul li p span {
	font-weight:bold;
}

#content .detail-content-themen {
	clear:both;
}

#content .detail-content-themen ul {
	width: 100%;
	list-style-type: none;
	margin:0;
	padding:0;
}

#content .detail-content-themen ul li {
	float:left;
	margin-right:20px;
	color:#666;
}

#content .detail-content-cc {
	clear:both;
	padding:30px 0;
}

#content .detail-content-cc img {
	width:10%;
	float:left;
}

#content .detail-content-cc div {
	width:80%;
	float:left;
	margin-left:20px;
}

#content .detail-content-cc div p:first-child {
	color:#666;
}

#content .content-middle {
	margin: 0 auto;
	max-width: 600px;
	width: 100%;
}

#content .content-middle h2 {
	margin: 0.7em 0;
}

#content .content-middle table tr > td:first-of-type {
	width: 150px;
}

#content .dossier-slider {
    border-top: 3px dotted #979797;
    border-bottom: 3px dotted #979797;
    padding: 30px 0;
}

#content .dossier-slider > div {
    max-width: 600px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

#content .dossier-slider .dossier-item > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#content .dossier-item > div > div {
    width: 49%;
}

#content .dossier-item img {
    height: auto;
    width: 100%;
}
#content .dossier-item h2 {
    margin-top: 0.7em;
}
#content .dossier-item span,
#content .dossier-item p {
    color: #6e6e6e;
}
#content .dossier-slider .slick-prev {
    left: 0;
}
#content .dossier-slider .slick-next {
    right: 0;
}

.media {
	width:100%;
	float:left;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

.media.detail-media {
	width:920px;
	float:left;
	padding:0 0 15px 0;
	border:0 none;
	margin:0 0 15px 0;
}

#content_left > div.mitte_mediathek > div.mitte_mediathek_left > p > a {
    font-weight: bold;
    color: white;
}

a.a-text-extern {
    padding-right: 13px;
    background: url(../images/link-extern-icon.png) no-repeat right top;
}

/* News-Slider */

.news {
	margin-bottom: 50px;
}
.news > h2 {
	font-size: 18px;
	margin-top: 0.7em;
}
.news-slider {
	border: 1px solid #d4d4d4;
	padding: 35px 30px 70px;
	position: relative;
}
.news-slider.less-padding-bottom {
	padding: 35px 30px 50px;
}
.news-slider .news-item {
	padding: 0 10px;
}
.news-slider .news-item img {
	width: 100%;
}
.news-slider > a {
	background-color: #b5123e;
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 10px 50px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	width: 15em;
}
.news-slider .news-item h2 {
	margin: 1em 0;
}

.news-slider .news-item p {
    margin: 0 0 1em 0;
}

.news-slider .news-item a {
	display: block;
	position: relative;
}

/* Mediatheksuche */

ul.tabs_video {
	height: 28px;
}
.media-search {
	background-color: #ccc;
	float: right;
	height: 28px;
	margin: 0 10px 0 0;
	position: relative;
}
.media-search form > div {
	margin-top: 0 !important;
	display: inline-block;
}
.media-search form > div > input {
	background: none;
	margin-top: 0 !important;
	padding: 6px 5px;
	line-height: 1.4;
}
form input.mediathek-rechts-submit {
    background-image: url("http://test123.linux8.3pc.de/bpb-de-frontend/images/media-lupe.svg");
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 0;
    height: 27px;
    float: right;
}

/* PORTLET VIDEO */

#portlet_video {
	width:100%;
	background-color: #666;
	padding: 10px;
	margin:0 10px 20px 10px;
	float:left;
	background-repeat:repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Video in Content Grid */
#content #portlet_video {
	margin: 0 0 50px 0;
}

#portlet_video p {
	color:#fff;
	margin:0 0 15px 0;
}

#portlet-video_left {
	width:620px;
	float:left;
	padding:0 9px 0 0;
	border-right:1px dotted #ccc;
	margin:0 10px 0 0;
}

#portlet-video_right {
	width:280px;
	padding:30px 0 0 0;
	float:left;
}

#portlet-video_right .prev {
	margin:0 0 30px 0;
	position:relative;
}

#portlet-video_right .prev p {
	margin:0 0 5px 0;
}

#portlet-video_right .prev img {
	float:left;
	margin:0 15px 0 0;
}

/* PORTLET VIDEO PREVS*/

#portlet-video_prevs_container {
	width:960px;
	margin:0 0 20px 0;
	float:left;
}

#portlet-video_prevs {
	width:880px;
	padding:20px 30px 15px 30px;
	margin:0 10px;
	float:left;
	background-image:url(../images/bg_portlet-video-grey.png);
	background-repeat:repeat;
	position:relative;
}

#portlet-video_prevs .item {
	width:128px;
	float:left;
	margin:0 9px;
	text-align:center;
	color:#fff;
	position:relative;
}

#portlet-video_prevs .item img {
	margin:0 0 15px 0;
}

.video-slider .slide-item {
	position: relative;
}

.video-slider .slide-item > a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 50%;
    cursor: pointer;
    height: 84px;
    width: 84px;
    display: block;
    padding: 0;
    margin-left: -45px;
    margin-bottom: -38px;
    background: url(../projekktor/themes/maccaco/start.html) no-repeat left top transparent;
}

.video-slider .slide-item > a:hover:after {
    background: url(../projekktor/themes/maccaco/start.html) no-repeat left bottom transparent;
}

.video-slider .slide-item img {
	display: block;
	height: auto;
	width: 100%;
}

.video-slider .slide-item .video-title {
    background-color: #b5123e;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
}

.video-slider .slide-item .video-title h2 {
    font-size: 100%;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 6px 15px;
}

.video-slider .slide-item .description {
	position: absolute;
}

.video-slider .slide-item .content-box {
	bottom: 0;
	position: absolute;
	padding: 0 0 20px 50px;
}

#portlet_video .video-slider .slide-item .video-description {
	background-color: rgba(255, 255, 255, 0.7);
	color: #000;
	margin: 0 0 15px;
	padding: 15px;
	width: 480px;
}

#portlet_video .video-slider .slide-item .video-description h2 {
	color: #b5123e;
}

#portlet_video .video-slider .slide-item p {
	color: #000;
	margin: 0;
}

.video-slider .slick-prev::before,
.video-slider .slick-next::before,
.news-slider .slick-prev::before,
.news-slider .slick-next::before,
.dossier-slider .slick-prev::before,
.dossier-slider .slick-next::before {
	display: none;
}

.video-slider .slick-prev,
.video-slider .slick-next,
.news-slider .slick-prev,
.news-slider .slick-next,
.dossier-slider .slick-prev,
.dossier-slider .slick-next {
	background-color: rgba(255, 255, 255, 0.5);
	background-position: center center;
	background-repeat: no-repeat;
	height: 85px;
	width: 18px;
	z-index: 1;
}

.video-slider .slick-prev {
	left: 25px;
}

.video-slider .slick-next {
	right: 25px;
}

.video-slider .slick-prev,
.news-slider .slick-prev,
.dossier-slider .slick-prev {
	background-image: url("http://test123.linux8.3pc.de/bpb-de-frontend/images/arrow-slide-left.svg");
}

.video-slider .slick-next,
.news-slider .slick-next,
.dossier-slider .slick-next {
	background-image: url("http://test123.linux8.3pc.de/bpb-de-frontend/images/arrow-slide-right.svg");
}

.news-slider .slick-dots {
	bottom: -50px;
}

/* CONTENT VIDEO PREVS */

.video-prevs {
	font-weight:bold;
	width:620px;
	float:left;
	padding:0 0 10px 0;
	border-bottom:1px dotted #666;
	margin:0 0 10px 0;
}

.video-prevs img {
	margin:0 0 10px 0;
}

.video-prev-one,
.video-prev-two,
.video-prev-three {
	width:140px;
	float:left;
	padding: 0 9px 0 0;
	border-right:1px dotted #666;
	margin:0 10px 0 0;
	position:relative;
}

.video-prev-four {
	width:140px;
	float:left;
	position:relative;
}

.dossier-slider + .footer-icons {
    margin-top: 50px;
}

div.news-slider span.mediaicon.photo {
	background: url("../images/icon_photo.html") no-repeat;
}

div.news-slider span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie.html") no-repeat;
}

div.news-slider span.mediaicon.video {
	background: url("../images/icon_video.png") no-repeat;
}

div.news-slider span.mediaicon.audio {
	background: url("../images/icon_audio.html") no-repeat;
}

div.news-slider span.mediaicon.grafik {
	background: url("../images/icon_grafik.html") no-repeat;
}

div.news-slider span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 10px;
	width: 42px;
	height: 43px;
	font-size:0;
    right: 10px;
	z-index: 10;
}

.btw-button {
    float: left;
    font-size: 120%;
    margin: 0 10px 10px;
    padding: 5px 0;
    width: 939px;
}

.btw-button > a {
    background-color: #b5123e;
    box-shadow: 0 2px 6px rgb(170, 170, 170);
    padding: 6px 60px;
    height: 18px;
    display: block;
    text-align: center;
}

/* HELPERS */

.clr {
	clear: both;
}

.spacer {
	height: 30px;
}

.clearfix:after {
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/* COLOR */

.background--green {
	background-color: #579950 !important;
}

.background--lightgreen {
	background: #9ac295 !important;
}

.background--red {
	background-color: #b6043a !important;
}

.background--lightred {
	background: #d56688 !important;
}

.background--blue {
	background-color: #004b78 !important;
}

/* DEBATE NEWS */

.debate-news {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.debate-news-item.twonews {
	flex-basis: calc(50% - 10px);
	max-width: calc(50% - 10px);
}

.debate-news h2 {
	position: relative;
	z-index: 1;
	padding: 9px 14px;
	background: #951632;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
}

.debate-news-item.twonews h2 {
	margin: 0;
}

.debate-news h2:after {
	content: ' ';
	position: absolute;
	bottom: -18px;
	left: 25px;
	display: inline-block;
	width: 0;
	height: 0;
	border: 9px solid;
	transform: scaleX(1.5);
	border-color: #941633 transparent transparent transparent;
}

.debate-news-item.twonews .debate-news-img {
	height: 200px;
}

.debate-news-item.twonews .debate-news-img img {
	position: relative;
	transform: translateY(-35px);
	width: 100%;
	height: 200px;
}

.debate-news p {
	color: #363636;
	font-size: 15px;
	line-height: 23px;
}

.debate-news-item.twonews p {
	margin: 15px 0;
}

/* DEBATE PRO CONTRA */

.debate {
	display: flex;
	flex-flow: column;
	padding: 20px 10px;
	margin-bottom: 30px;
	background-color: #dedede;
}

.teaser-row {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.teaser-row:not(:last-child) {
	margin-bottom: 20px;
}

.debate-teaser {
	width: calc(50% - 10px);
	background: #fff;
}

.debate-teaser .teaser-header {
	position: relative;
	height: 60px;
	color: #fff;
}

.debate.pro-contra .teaser-row:first-child .teaser-header {
	height: 80px;
}

.debate-teaser .teaser-img {
	float: left;
}

.debate-teaser .teaser-img img {
	width: 60px;
	height: 60px;
}

.debate.pro-contra .teaser-row:first-child .teaser-img img {
	width: 80px;
	height: 80px;
}

.debate-teaser .teaser-side {
	position: absolute;
	left: 95px;
	top: 18px;
	display: none;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.debate.pro-contra .teaser-row:first-child .teaser-side {
	display: block;
}

.debate-teaser .teaser-author {
	position: relative;
	top: 50%;
	transform: translate(15px, -50%);
	display: inline-block;
	width: calc(100% - 85px);
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
	letter-spacing: 0.35px;
}

.debate.pro-contra .teaser-row:first-child .teaser-author {
	position: absolute;
	top: 55px;
	width: calc(100% - 105px);
}

.debate-teaser .teaser-content {
	padding: 20px;
	color: #000000;
}

.debate-teaser .teaser-title {
	margin-bottom: 11px;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
}

.debate-teaser .teaser-text {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

/* VIDEO TEASER */

.video-teaser {
	width: calc(50% - 10px);
}

.video-teaser--large {
	width: 100%;
}

.video-teaser .teaser-body {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

.video-teaser .teaser-body > .video {
	position: absolute;
	width: 100%;
	height: 100%;
}

.video-teaser .teaser-footer {
	padding: 14px 10px;
	background-color: #004b78;
}

.video-teaser .teaser-info {
	margin-bottom: 13px;
	color: #ffffff;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	letter-spacing: 0.26px;
}

.video-teaser .teaser-title {
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.5px;
}

/* DEBATE TEXT */

.debate-text-head {
	margin-bottom: 15px;
}

.debate-text-img {
	float: left;
	display: inline-block;
	margin-right: 20px;
}

.debate-text-img img {
	width: 140px;
	height: 140px;
}

.debate-text-title {
	display: inline-block;
	width: calc(100% - 160px);
	float: left;
}

p.debate-text-info {
	float: left;
	color: #000000;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	letter-spacing: 0.26px;
}

/* COMMENTS FORM */

.comment-form {
	margin-bottom: 30px;
}

.comment-form-title {
	position: relative;
	z-index: 1;
	padding: 9px 14px;
	margin-bottom: 25px;
	background: #34698b;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
}

.comment-form-title:after {
	content: ' ';
	position: absolute;
	bottom: -18px;
	left: 25px;
	display: inline-block;
	width: 0;
	height: 0;
	border: 9px solid;
	transform: scaleX(1.5);
	border-color: #34698b transparent transparent transparent;
}

.comment-form-headline {
	margin-bottom: 5px;
	line-height: 26px;
	font-size: 18px;
	font-weight: 700;
	color: #34698b;
}

.comment-form-info {
	margin-bottom: 50px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
}

.comment-form form {
	padding: 0;
	margin: 0;
	border: 0;
}

.comment-form .form-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 20px;
}

.comment-form .label-col {
	position: relative;
	width: 140px;
}

.comment-form label  {
	color: #000000;
	font-size: 14px;
}

.comment-form label + .label-info {
	margin-top: 5px;
	color: #494949;
	font-size: 11px;
	line-height: 14px;
}

.comment-form .input-col {
	width: 460px;
}

.comment-form .input-col input,
.comment-form .input-col textarea {
	width: 460px;
	padding: 9px;
	box-sizing: border-box;
	border: 0;
	font-size: 14px;
	line-height: 18px;
	background-color: rgba(222, 222, 222, 0.5);
}

.comment-form .input-col textarea {
	min-width: 460px;
	max-width: 460px;
	min-height: 120px;
}

.comment-form .input-col .captcha {
	width: 458px;
	height: 176px;
	margin-bottom:10px;
	border:1px solid #363636;
}

.comment-form input[type="submit"] {
	float: right;
	padding: 7px 12px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	background-color: #34698b;
	cursor: pointer;
}

/* COMMENTS */

.comments {
	margin-bottom: 30px;
}

.comments-head {
	padding: 0 0 17px;
	border-bottom: 1px solid #5b5b5b;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.3px;
}

.comment {
	padding: 20px 0 0 0;
	color: #363636;
}

.comment-info-wrapper {
	display: flex;
	margin-bottom: 15px;
}

.comment-info-wrapper img {
	width: 45px;
	height: 39px;
	margin-right: 10px;
}

.comment-info p {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #000000;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 0.3px;
}

.comment-title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

.comment-text {
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 15px;
	line-height: 23px;
	text-overflow: ellipsis;
}

.comment-show-more {
	color: #951632;
	font-size: 15px;
	font-weight: 700;
}

.comment-footer {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	border-top: 1px solid rgba(91, 91, 91, 0.3);
	border-bottom: 1px solid #5b5b5b;
	margin-top: 13px;
	padding: 8px 0;
}

.comment-reply-link {
	color: #004b78;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.3px;
}

.comment-show-replies {
	display: flex;
	visibility: hidden;
}

.comment-reply-count {
	color: #951632;
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
}

.comment-reply-icon {
	display: inline-block;
	background: url(http://test123.linux8.3pc.de/bpb-de-frontend/images/comment-icon.svg);
	width: 19px;
	height: 18px;
	margin-right: 5px;
}

.commentoc {
	display: block;
	margin-left: 25px;
}

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


/* GLAMUS BEGIN */


#overlay-container,
.overlay-modal-background,
.overlay-element {
  z-index: 1001;
}

.overlay-element {
  z-index: 1002;
}

html.overlay-open .displace-top,
html.overlay-open .displace-bottom {
  z-index: 1003;
}

.start_news_text,
.event_text {
	float:left;
}

.start_news_img + .start_news_text, .event_img + .event_text {
    width: calc(100% - 160px);
}

div.footer-icons {
    float: left;
}

.portlet .portlet_headline.green {
    color: #259C2D;
}

.portlet .teaser_content_calendar h3 {
    font-size: 16px;
}

#dossier_teaser img {
    width: 100%;
    height: auto;
}


/* SHARIFF BEGIN */


.shariff {
    flex: auto;
}

.shariff .orientation-horizontal {
    display: block;
}

.shariff li, .shariff li a {
    height: 30px;
}

.shariff .orientation-horizontal li {
    width: auto;
    margin-right: -5px;
    transition: margin-right .4s ease-in-out
}

.shariff .orientation-horizontal.col-3 li {
    max-width: none;
    min-width: 0;
}

.shariff .orientation-horizontal.col-3 li .share_text {
    display: block;
    position: relative;
    left: -16px;
    max-width: 0;
    overflow: hidden;
    border: solid #d2d0d2;
    border-width: 1px 1px 1px 0;
    transition: left .4s ease-in-out, max-width .4s ease-in-out;
    z-index: 0;
    float: left;
    background: white;
    box-sizing: border-box;
    height: 30px;
    padding: 6px 7px 6px 8px;
    text-indent: 0;
    color: #363636;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.1px;
}

.shariff > ul > li.shariff-button > a,
.shariff > ul > li.shariff-button > a:hover {
    background-color: transparent;
}

.shariff > ul > li.shariff-button > a > span.fa {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    background: #777777;
    float: left;
}

.shariff > ul > li.shariff-button > a > span.fa:before {
    display: none;
}

.shariff > ul > li.shariff-button > a > span.fa.fa-facebook {
    background-image: url(http://test123.linux8.3pc.de/bpb-de-frontend/images/facebook_icon.svg);
}

.shariff > ul > li.shariff-button > a > span.fa.fa-twitter {
    background-image: url(http://test123.linux8.3pc.de/bpb-de-frontend/images/twitter_icon.svg);
}

.shariff > ul > li.shariff-button > a > span.fa.fa-google-plus {
    background-color: #dd5044;
    background-image: url(http://test123.linux8.3pc.de/bpb-de-frontend/images/google.svg);
}

.shariff > ul > li.shariff-button.googleplus > a > span.share_count {
    display: none;
}

.shariff .orientation-horizontal li .share_count {
    position: static;
    float: left;
    height: 30px;
    line-height: 32px;
    margin-left: -16px;
    margin-right: 15px;
    transition: margin-left .4s ease-in-out, margin-right .4s ease-in-out;
}

.shariff .shariff-button:hover {
    margin-right: 10px;
}

.shariff .shariff-button:hover .share_text {
	max-width: 300px !important;
    left: 0 !important;
}

.shariff .shariff-button:hover .share_count {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.shariff .orientation-horizontal li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}


/* SHARIFF END */


#article_teaser img {
    width: 100%;
    height: auto;
}

.contentlist + h2 {
    margin-top: 25px;
}

#portlet_video {
    width: calc(100% - 20px);
}

.start_news .price {
    float: right;
}

#navi li.eventsactive:hover {
	background: #259C2D;
}

#navi li.lernenactive:hover {
	background: #EB690B;
}

#navi li.mediathekactive:hover {
	background: #666;
}

#navi li.shopactive:hover {
	background: #005F85;
}


#navi .eventsactive .subnavi {
	border-color: #259C2D;
}

#navi .lernenactive .subnavi {
	border-color: #eb690b;
}

#navi .mediathekactive .subnavi {
	border-color: #666;
}

#navi .shopactive .subnavi {
	border-color: #005F85;
}

#navi .eventsactive .subnavi ul li.subnavi_heading a {
	color: #259C2D;
}

#navi .lernenactive .subnavi ul li.subnavi_heading a {
	color: #eb690b;
}

#navi .mediathekactive .subnavi ul li.subnavi_heading a {
	color: #666;
}

#navi .shopactive .subnavi ul li.subnavi_heading a {
	color: #005F85;
}

article .dachzeile,
article .dachzeile a {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #363636;
}

article .dachzeile {
    margin-bottom: 25px;
}

.zahlen {
    width: 620px;
}

.start_news h2 a,
.two_news h2 a,
.three_news h2 a,
.event h2 a {
    overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
    display: inline-block;
}

.mitte_mediathek_header h2 {
    max-width: 50%;
}

article + h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 10px;
}

#content_left > h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 16px;
}

#content_left > h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 10px;
}

#content_left {
    color: #363636;
    font-size: 16px;
    line-height: 26px;
}

.start_news_text .kasten {
    width: auto;
}

#article_teaser.zf {
    padding: 0 15px;
}

.start_news > .jw-border {
    border: none;
    padding: 0;
    margin: 10px 24px 10px 0 !important;
}

.start_news > .jw-border > .video-js {
    width: 294px;
    height: 196px;
}

article {
    line-height: 26px;
}

dl dd {
    word-wrap: break-word;
}

a.a-shop-informationen {
    display: inline-block;
}

.price-teaser img.blank {
    vertical-align: text-top;
}

.news_section_headline {
    margin-bottom: 20px !important;
}

.ui-widget-content > span > a {
    color: #5b5b5b;
}

a.shop-gebaerde,
a.shop-leichtesprache {
    display: inline-block;
    min-height: 27px;
}

.bpbsourcecode div.p {
    color: #363636;
    font-size: 16px;
    line-height: 26px;
}

.dossier_teaser_content {
    max-width: calc(100% - 60px);
}


 #navi ul.sub a {
     padding: 10px 8px 10px 8px
 }

#navi .subnavi ul li {
    margin: 0;
}

.author-zitat {
    clear: both;
}

article p {
    font-size: 16px;
    line-height: 26px;
}


#content ul.contentlist {
    margin-bottom: 15px;
}

#navi .subnavi a {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#header .sidebar .sidebar-icon {
    width: 30px;
    height: 30px;
}



/* GLAMUS END */