/**
 * Teaser-CSS fuer bpb.de
 *
 * 1.2.0        2020-02-18 Ulrich Santo
 *              - teaser_content_shop-start-noheight h1 & h3
 * 1.1.0        2018-02-21  Nils Heldt
 *              - Vornehmen von Anpassungen fuer CSS-Rebrush
 * 1.0.0        2017-12-11  Nils Heldt
 *              - Einfuehren der Versionierung
 *              - Vornehmen von Anpassungen fuer CSS-Rebrush
 *
 * @package     Drupal-bpb
 * @subpackage  Frontend
 * @author      Nils Heldt
 */


.startpage-teaser {
	font-size:0.85em;
	width: 980px;
	height: 434px;
	float:left;
	padding:0;
	margin:0 0 20px 0;
	position:relative;
}

.teaser {
	font-size:0.85em;
	width:620px;
	height:275px;
	float:left;
	margin:0 0 30px 0;
	position:relative;
}

.teaserminheight {
	font-size:0.85em;
	width:620px;
	float:left;
	padding:0 0 15px 0;
	border-bottom:1px solid #000;
	margin:0 0 15px 0;
	position:relative;
}

.teaserminheightcontent {
	font-size:0.85em;
	width:620px;
	padding:0;
	border-bottom:none;
	margin:0;
}


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

.startpage-teaser ul,
.teaserminheightcontent ul,
.teaser ul {
	margin:0;
	padding:0;
}

.startpage-teaser li {
	float:left;
	height: 100%;
	position: relative;
	list-style-type:none;
	background-color: transparent;
}

.teaserminheightcontent li,
.teaser li {
	float:left;
	padding: 0 0 7px;
	list-style-type:none;
	background-color: transparent;
}

.teaser_nav li.selected a {
	background: #951632;
}

.startpage-teaser .teaser_nav li.selected:before {
	content: ' ';
	display: inline-block;
	position: absolute;
	top: -16px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid;
	border-color: transparent transparent #951632 transparent;
}

/*.teaser_nav li:hover,
.teaser_nav li.selected {
	background-image:url(../images/icon_master_teasernav-arrow.png);
	background-position: 50% 23px;
	background-repeat:no-repeat;
}

.teaser_nav li:hover.red_bg,
.teaser_nav li.selected.red_bg {
	background-position: 50% 23px;
}
.teaser_nav li:hover.grey_bg,
.teaser_nav li.selected.grey_bg {
	background-position: 50% 13px;
}
.teaser_nav li:hover.blue_bg,
.teaser_nav li.selected.blue_bg {
	background-position: 50% 3px;
}
.teaser_nav li:hover.green_bg,
.teaser_nav li.selected.green_bg {
	background-position: 50% -7px;
}
.teaser_nav li:hover.orange_bg,
.teaser_nav li.selected.orange_bg {
	background-position: 50% -17px;
}
.teaser_nav li:hover.black_bg,
.teaser_nav li.selected.black_bg {
	background-position: 50% -27px;
}
.teaser_nav li:hover.white_bg,
.teaser_nav li.selected.white_bg {
	background-position: 50% -37px;
}*/

.startpage-teaser li a {
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: block;
	padding: 7px 15px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 18px;
}

.teaserminheightcontent li a ,
.teaser li a {
	background-color: #222;
	color:#fff;
	display: block;
	padding: 3px 5px;
}

.teaserminheightcontent p,
.teaser p {
}

.teaserminheightcontent  a img,
.teaser a img {
    border: none;
}

a.teaser_head {
	font-size:0.8em;
	color:#fff;
	padding:5px;
	text-transform:uppercase;
}

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

.teaser_nav {
	top:0;
	left:0;
	position:absolute;
	z-index:1;
}

.startpage-teaser .teaser_nav {
	display: inline-block;
	position: relative;
}

ul.teaser_nav_green,
ul.teaser_nav_orange,
ul.teaser_nav_blue,
ul.teaser_nav_red {
	border-left:1px solid #666;
}

.teaser_nav_green,
.teaser_nav_orange,
.teaser_nav_blue,
.teaser_nav_red {
	top:10px;
	left:10px;
	position:absolute;
	font-weight:bold;
    z-index:1;
}

.teaser_nav_green li,
.teaser_nav_orange li,
.teaser_nav_blue li,
.teaser_nav_red li {
	background-color:#fff;
	padding:0;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}


.teaser_nav_blue li a,
.teaser_nav_green li a,
.teaser_nav_orange li a,
.teaser_nav_red li a {
	color:#5b5b5b;
	background-color:#fff;
}

.teaser_content {
	bottom:15px;
	left:45px;
	width:250px;
	position:absolute;
}

.startpage-teaser .teaser_content {
	bottom:90px;
	left:70px;
	width:400px;
	position:absolute;
}

.teaser_content_right {
	bottom:15px;
	left:260px;
	width:315px;
	position:absolute;
}

.startpage-teaser .teaser_content_right {
	bottom:90px;
	left: unset;
	right:70px;
	width:400px;
}

.teaser_content_events { /* STARTSITE */
	bottom:35px;
	left:45px;
	width:525px;
	position:absolute;
}

.teaser_events_content { /* EVENTS SITE */
	top:40px;
	left:45px;
	width:545px;
	position:absolute;
}

.teaser_learning_content { /* LERNING */
	top:40px;
	left:0px;
	width:620px;
	position:absolute;
}

.teaser_learning_content div.imageflow img {
    /*margin: 0 5px 0 5px;*/
    margin-right: 10px;
}


.teaser_learning_content div.imageflow {
    width: 620px;
}
.teaser_learning_content div.caption {
    font-weight: bold;
    font-size: 120%;
    color: #fff;
}

.teaser_content_shop {
	bottom:15px;
	left:45px;
	width:545px;
	position:absolute;
}

.startpage-teaser .teaser_content_shop {
	top: 70px;
	bottom: unset;
	left: 70px;
	width:800px;
}

#teaser_content_shop-start {
	width:580px;
	height:215px;
	padding:30px 20px;
}

#teaser_content_shop-start-noheight {
	width:580px;
	padding:30px 20px;
}

#teaser_content_shop-start img.one,
#teaser_content_shop-start img.two,
#teaser_content_shop-start img.three,
#teaser_content_shop-start-noheight img.one,
#teaser_content_shop-start-noheight img.two,
#teaser_content_shop-start-noheight img.three {
	-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;
	position:absolute;
}

#teaser_content_shop-start img.one,
#teaser_content_shop-start-noheight img.one {
	bottom:20px;
	left:340px;
}


#teaser_content_shop-start img.two,
#teaser_content_shop-start-noheight img.two {
	bottom:40px;
	left:370px;
}


#teaser_content_shop-start img.three,
#teaser_content_shop-start-noheight img.three {
	bottom:50px;
	left:400px;
}

#teaser_content_shop-start p,
#teaser_content_shop-start-noheight p {
	width:300px;
	color:#fff;
	font-size:120%;
}

#teaser_content_shop-start p a,
#teaser_content_shop-start-noheight p a{
	color:#ffffff;
}

#content_left #teaser_content_shop-start-noheight h3 {
    padding: 5px 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display:inline;
}

#content_left #teaser_content_shop-start-noheight h1 {
    font-size:19px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 5px;
}

#content_left #teaser_content_shop-start h1 {
	font-size:150%;
}

#content_left #teaser_content_shop-start h2,
#content_left #teaser_content_shop-start-noheight h2 {
	font-size:120%;
}

#content_left .teaser_content_calendar {
	top:40px;
	left:45px;
	width:545px;
	position:absolute;
}

#content_right .teaser_content_calendar {
    width: 300px;
    text-align: center;
    position: relative;
    padding-top: 5px;
    padding-bottom: 10px;
}

/*
#content_right .teaser_content_calendar #calendar-button-prev {
    display: block;
    width: 19px;
    height: 89px;
    position: absolute;
    top: 50px;
    left: 15px;
    cursor: pointer;
    background-image:url(../images/scroll_left.png);
}
#content_right .teaser_content_calendar #calendar-button-prev:hover {
    background-image:url(../images/scroll_left_hover.png);
}

#content_right .teaser_content_calendar #calendar-button-next {
	display: block;
    width: 19px;
    height: 89px;
    position: absolute;
    top: 50px;
    right: 15px;
    cursor: pointer;
    background: url(../images/scroll_right.png) no-repeat;
}
#content_right .teaser_content_calendar #calendar-button-next:hover {
    background: url(../images/scroll_right_hover.png) no-repeat;
}
*/

.teaser_calendar {
	width:200px;
	overflow:hidden;
	float:left;
	margin:0 20px 0 0;
	border-collapse: separate;
	font-size:0.85em;
}

#content_right table.teaser_calendar {
    float: none;
    margin: 0 auto 0 auto;
}

.teaser_content_calendar h4 {
    margin-bottom: 0;
}


#content_left table.teaser_calendar td,
#content_right table.teaser_calendar td {
    width: 25px;
    height: 25px;
    font-weight: bold;
    font-size:1.15em;
    text-align: center;
    vertical-align: middle;
    padding:0px;
}

.teaser_calendar td.white {
    background-color:#fff;
    color:#5b5b5b;
}
.teaser_calendar td.green {
    background-color:#259c2d;
    color:#fff;
}
.teaser_calendar td.red {
    background-color:#eb690b;
    color:#fff;
}
.teaser_calendar td.active {
    background-color:#000;
    color:#fff;
}
.teaser_calendar td.grey {
    background-color:#fff;
    color:#ababab;
}
.teaser_calendar td.green a,
.teaser_calendar td.red a,
.teaser_calendar td.active a {
    color:#fff;
}

.teaser_text {
	font-size:1.15em;
	padding:10px;
	background-color:#fff;
	margin:10px 0 0 0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.startpage-teaser .teaser_text {
	padding:10px;
	background: rgba(0, 0, 0, 0.7);
	margin:5px 0 0 0;
	opacity: 1;
}

.startpage-teaser .teaser_text_events_text,
.startpage-teaser .teaser_text_shop_text {
	width:600px;
	float:left;
}

.teaser_text_calendar_text {
	width:305px;
	float:left;
	color:#fff;
	font-size:1.15em;
}

.teaser_text_events,
.teaser_text_shop {
	color:#fff;
	font-size:1.15em;
	float:left;
	margin:10px 0 0 0;
}

.teaser_text_shop_text p {
	margin:0 0 10px 0;
}

.teaser_text_shop_text a {
	margin:0 10px 0 0;
}

.teaser_text_events a,
.teaser_text_calendar_text a {
	color:#fff;
}

.startpage-teaser .teaser_text h3 a {
	color: #fff;
}

.startpage-teaser .teaser_text p, .startpage-teaser .teaser_text_shop_text p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

#teaser_content_lexika-start {
	width:580px;
	height:215px;
	padding:30px 20px;
}

#teaser_content_lexika-start p {
	width:300px;
	color:#fff;
	font-size:120%;
}

#teaser_content_lexika-start p a{
	color:#ffffff;
}


#content_left #teaser_content_lexika-start h2 {
	font-size:150%;
}

#teaser_content_lexika-start input.suchwort {
    color:#666666;font-weight:bold;background-color:#ffffff;margin:0px;height:24px;width:391px;margin-top:5px;border:1px solid #666666;
}
#teaser_content_lexika-start input.checkbox-all {
    float:left;border:0px;padding:0px;margin-left:0px;margin-top:2px;margin-right:8px
}


#teaser_content_lexika-start div.lexika-typen {
    clear:both;margin-left:75px;
}

#teaser_content_lexika-start div.lexika-suchwort-div {
    float:left;margin-left:75px;
}

#teaser_content_lexika-start div.lexika-submit-div {
    float:left;
}

#teaser_content_lexika-start input.lexika-submit {
    margin-left:10px;background: transparent;
    background-image:url(../images/lexika_suche.gif);
    border:0px;
    padding:0px;
    width:35px;
    height:35px;
    margin-top:3px;
    color:transparent;
    font-size:0px;
    cursor: pointer;

}

input.mediathek-rechts-submit {
    margin-left:10px;background: transparent;
    background-image:url(../images/lupe_w.png);
    border:0px;
    padding:0px;
    width:27px;
    height:27px;
    margin-top:3px;
    color:transparent;
    font-size:0px;
    cursor: pointer;

}


#teaser_content_lexika-start div.lexika-typen-sub {
    clear:both;margin-left:22px;margin-top:3px;
}

#teaser_content_lexika-start div.lexika-typen-row {
    float:left;margin:0px;margin-top:4px;width:200px;
}

.portlet .suche-rechts-submit {
    height:27px;
    width: 27px;
    border:0px;
    padding:0px;
    margin-top:3px;
    float:right;
    font-size:0px;
    color:transparent;
    font-size:0px;
    cursor: pointer;
    background-image:url(../images/lupe.gif);
    background-color:#ffffff;
}


/*
    Lernen-Jahrestage
*/

#teaser_content_jahrestage-start {
	width:580px;
	height:215px;
	padding:30px 20px;
}

#teaser_content_jahrestage-start p {
	width:300px;
	color:#fff;
	font-size:120%;
}

#teaser_content_jahrestage-start p a{
	color:#ffffff;
}


#content_left #teaser_content_jahrestage-start h2 {
	font-size:150%;
}

/*
    Webriegel
*/

.teaser_web_riegel { /* LERNING */
	top:12px;
	left:0px;
	width:620px;
	position:absolute;
	color: #fff;
}

.teaser_web_riegel div.imageflow img {
    /*margin: 0 5px 0 5px;*/
    margin-right: 10px;
}


.teaser_web_riegel div.imageflow {
    width: 620px;
}
.teaser_web_riegel h3 {
    margin-bottom:5px;
    font-weight: bold;
    font-size: 125%;
    color: #fff;
}

a.publikation-versandkosten {
    color: #ffffff;
    text-decoration:underline;
    font-size:85%;
    margin:0px;
}

a.publikation-versandkosten:hover {
    text-decoration:none;
    font-size:85%;
    margin:0px;
}


a.publikation-lieferzeit {
    color:#ffffff;
    text-decoration:underline;
    margin:0px;
}

a.publikation-lieferzeit:hover {
    text-decoration:none;
    margin:0px;
}


/* GLAMUS BEGIN */


.shift-button#calendar-button-next {
    display: block;
}

.shift-button#calendar-button-prev {
    display: block;
}

.teaser_nav_green li.selected a {
	color:#fff;
	background-color: #259C2D;
}

.teaser_nav_orange li.selected a {
	color:#fff;
	background-color: #EB690B;
}

.teaser_nav_red li.selected a {
	color:#fff;
	background-color: #8E1331;
}

.teaser_nav_blue li.selected a {
	color:#fff;
	background-color: #005F85;
}

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

.teaserminheight h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 5px;
}

.teaserminheight h4 {
    font-size: 120%;
    font-weight: 700;
}

.teaserminheight .teaser_text_shop_text p {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    width: auto !important;
}

.teaser-webriegel {
    /* height: auto; */
    height: 158px;
}

.teaser_web_riegel {
    position: static;
    padding: 20px 50px;
    box-sizing: border-box;
}

#teaser_content_lexika-start {
    min-height: height: 215px;
    height: auto;
    background-size: contain;
}

.teaser_head.blue_bg {
    color: white !important;
    font-size: 1em;
}

.price-teaser.bordered > .sugg-price {
    position: relative;
    top: -4px;
}

.teaser#slider {
    font-size: 0.68em;
    line-height: 17.6px;
}

#teaser_content_shop-start {
    height: auto;
}

#teaser_content_shop-start p,
#teaser_content_shop-start-noheight p {
    font-size: 15px;
}

#teaser_content_shop-start img.three,
#teaser_content_shop-start-noheight img.three {
	top: 35px
}

#teaser_content_shop-start img.two,
#teaser_content_shop-start-noheight img.two {
    top: 55px
}

#teaser_content_shop-start img.one,
#teaser_content_shop-start-noheight img.one {
    top: 75px
}

/*GLAMUS END */