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

.logo-intro {
    text-align: center;
    display: block;
}
.logo-intro svg, .logo-intro img {
    max-width: 100px;
   margin: 1em auto;
}

.epaper-login-page  h1 {line-height: 40px;}

.responsive-video 								{position: relative;	padding-bottom: 53.1%; padding-top: 30px; height: 0; overflow: hidden;}
.responsive-video iframe, 
.responsive-video object, .responsive-video embed 	{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.desktop-hide, .OUTBRAIN,.ad,.jKlfam, #TXdqdbB, #egvrAK, #cmpboc		{display:none!important}
.image-placeholder 								{border: 1px dotted; width: 100%; height: 150px; display: inline-block; position:relative;   text-align: center;}
.image-placeholder:before 						{content: "Image placeholder"; width: 100%; margin: 65px auto;  display: inline-block;  height: 100px;}

.content-double 								{float: left; display: block; width: 100%; margin-right: 0; clear: both;}
.content-double .content-double__column 			{float: left; display: block; margin-right: 2.35765%; width: 48.82117%;}
.content-double .content-double__column:last-child 	{margin-right: 0;}
.content-double__column ul.list.hook.left 			{margin: 0 0 0 1.5em;padding-left: 0; width: 100%;}
.content-double__column .list li:before 			{margin-left: -1.5em;}
.content-double__column .cta 						{margin: 0 0 0 -1.5em;}
.content-double.intro-slider						{border-radius: 15px; background: linear-gradient(45deg, rgb(104, 162, 91) 4%, rgb(232, 255, 227) 100%);padding:15px}
.content-double .intro-slider-list					{background:#fff;border-radius:15px;padding:1%;width:98%}
.content-double h1								{font-size:2em;line-height:1.2em}
.content-double .slider-outer						{padding:30px}
.content-double .bx-wrapper 						{border: none; background: transparent;}

@media screen and (max-width: 47.9375em) {
		.content-double 						{margin: 0 2%;width: 96%;}
		.content-double .content-double__column 	{float: none; margin: 0 1%;  width: 98%;}
		.content-double__column ul 				{width: initial!important;}
}



/* + + + + + + + + + + + + + + + + + + + + + + colorized - publication color  + + + + + + + + + + + + + + + + + + + + + + */
.bzv .bg, .bzv.bg, .bzv .cta a	{background:#09c;}

.outline 						{border: 1px solid #ccc; display: inline-block; padding: 1em; border-radius: 0.25em; margin:0 0.1em;}
.bzv .outline, .bzv.outline		{border: 1px solid #09c;}


.bzv .color,
.bzv .kombi-slider h1,
.bzv .info .info-container h2,
.bzv .akkordeon span:hover 		{color:#09c;}
 
.kombi-slider h1 {font-size: 1.6em;}


.ta .column__inner.bgcolor 		{background: transparent;}


/* + + + + + + + + + + + + + + + + + + + + + + hero-image & banner + + + + + + + + + + + + + + + + + + + + + + */
.hero-image, .banner 			{width: 100%; margin-bottom: 2em;}
.hero-image a, .banner  a		{display: inline-block;width: 100%;}
.hero-image img, .banner  img		{width: 100%;}

/* + + + + + + + + + + + + + + + + + + + + + + Info + + + + + + + + + + + + + + + + + + + + + + */

.info								{display: inline-block;	width:100%; float: none;}
.column-one, .column-two, .column-three		{float: left;}

.icon-only .column-one					{width: 15%; margin-right: 1.5%;}
.icon-only .column-two					{width: 73.5%;}

.info h2								{font-size: 1.5em; letter-spacing: 0.025em; line-height: 1.4em;}
.icon-left .column-one					{width: 15%; margin-right: 1.5%;}
.icon-left .column-two					{width: 47%; margin-right: 1.5%;}
.icon-left .column-three 				{width: 30%;}

.icon-right .column-one					{width: 30%; margin-right: 1.5%;}
.icon-right .column-two					{width: 47%; margin-right: 1.5%;}
.icon-right .column-three 				{width: 15%;}



/* + + + + + + + + + + + + + + + + + + + + + + call to action  + + + + + + + + + + + + + + + + + + + + + + */
.cta 						{float: none;width:100%;text-align:center; margin:10px 0; display:inline-block;}
.cta a 						{display: inline-block; margin: 0.5em; padding: 0.5em;text-align: center;font-weight: bold; color:#fff;text-decoration: none; border-radius: 0.25em;}
.cta-text-inline				{color: #fff; padding: 3px 7px; display: inline-block; border-radius: 3px;}
.cta-text-inline:hover			{color: #fff; font-weight:bold;}


/* + + + + + + + + + + + + + + + + + + + + + + Basics + + + + + + + + + + + + + + + + + + + + + + */
.centered, .full 				{width: 100%;}
.centered, .left, .right, .full 	{display: inline-block;}
.centered 					{text-align: center;}
.left						{text-align: left;}
.right						{text-align: right;}
.cta a.full 					{margin: 0.5em 0;}

 
/* + + + + + + + + + + + + + + + + + + + + + + Fonts + + + + + + + + + + + + + + + + + + + + + + */
.page-wrapper 					{line-height: 1.4em; font-family: 'Fira Sans', sans-serif;}


/* + + + + + + + + + + + + + + + + + + + + + + Header  + + + + + + + + + + + + + + + + + + + + + + */
.title-header {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666
}

.title-header::before,
.title-header::after {
	content: "";
	color: transparent;
	max-width: 50%;
	width: 50%;
	align-self: auto;
	display: block;
	border-bottom: 1px solid #666;
	vertical-align: middle;
}

.title-header h3 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding: 0 0.5em;
	text-transform: uppercase;
}

.hao .block-header,
.bmo .block-header				{border-bottom:none;display: inline-block;border-top: 1px solid #666;color: #666; margin-top: 2em; max-height: 41px; text-align: center;width: 100%;}

.hao .block-header__icon,
.bmo .block-header__icon 		{display: inline-block;background: #fff; font-size: 22px; font-weight: normal; letter-spacing: 0.1em; padding: 0 0.5em;  position: relative; text-transform: uppercase; top: -15px;}

.waz .block-header,
.nrz .block-header,
.ikz .block-header,
.wr .block-header,
.wp .block-header 				{display: inline-block;border-top: 1px solid #666;color: #666; margin-top: 2em; max-height: 41px; text-align: center;width: 100%;}

.waz .block-header__icon,
.nrz .block-header__icon,
.wp .block-header__icon,
.ikz .block-header__icon,
.wp .block-header__icon			 {display: inline-block;background: #fff;font-size: 22px;font-weight: normal;letter-spacing: 0.1em;padding: 0 0.5em;margin: 0 auto;text-transform: uppercase;top: -16px;font-family: FiraSansBold,Open Sans Bold,sans-serif;position: relative;float: none;}

.waz .block-header::after,
.nrz .block-header::after,
.ikz .block-header::after,
.wr .block-header::after,
.wp .block-header::after		{content: none;}




@media screen and (min-width: 48em) {
	.tlz  .content--teaser--container .block-header  		{display: inline-block; border-top: 1px solid #666; color: #666; margin-top: 2em; max-height: 41px; text-align: center; width: 100%; border-width: 1px 0 0 0;}
}
.tlz .content--teaser--container .block-header__icon 	{display: inline-block; background: #fff; letter-spacing: 0.1em; padding: 0 0.5em; position: relative; text-transform: uppercase; top: -35px; border: none; line-height: 40px;font-weight: bold; font-family: Open Sans Bold,sans-serif; font-size: 22px;}

@media screen and (max-width: 47.9375em) {
	.tlz .content--teaser--container .block-header__icon	{font-size: 16px; top: -32px;}
	.tlz .content--teaser--container .block-header		{border-width: 1px 0 0 0;}
}

/* + + + + + + + + + + + + + + + + + + + + + + Meistgelesen  + + + + + + + + + + + + + + + + + + + + + + */
.teaser--hero .teaser__header 	{margin: .67em 0;}
.teaser .teaser__headline 		{margin-bottom: 0;}
.teaser--hero .teaser__header, 
.teaser--hero .teaser__body 		{display: contents; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0;  padding-right: 0;}

/* *********  Anpassungen teaser ********* */
.ta .teaser, 
.otz .teaser,
.tlz .teaser,
.ikz .teaser,
.waz .teaser,
/*.nrz .teaser,*/
.wp .teaser,
.wr .teaser  
{margin: 0px 10%;    width: 70%;}


@media screen and (max-width: 47.9375em) {

/* + + + + + + + + + + + + + + + + + + + + + + lists  + + + + + + + + + + + + + + + + + + + + + + */
.list 						{display: inline-block; float: none;margin: 0 0 2em;}
.list p 						{font-weight: bold; font-size: 1.5em;letter-spacing: 0.025em;}
.list li 						{list-style: none; line-height: 1.4em;  margin: 0.5em 0 0.5em 0.5em;}
.list li:before 				{background-repeat: no-repeat; background-size: 1em; padding: 0px 0 0 1.5em;  content: "";}

/* list bzv */
.bzv .list.hook li:before  		{background-image: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-hk/media/svg/list-hook.svg);}
.bzv .list.hook-old li:before  	{background-image: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-bz/media/svg/list-hook-old.svg);}
.bzv .list.disc-ring li:before 	{background-image: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-bz/media/svg/list-disc-ring.svg);}
.bzv .list.disc li:before 		{background-image: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-bz/media/svg/list-disc.svg);}
.bzv .list.dot li:before 		{background-image: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-bz/media/svg/list-dot.svg);}
.bzv .list.plus li:before 		{background-image: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-bz/media/svg/list-plus.svg);}
.bzv .list.disc-thin li:before	{background-image: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-bz/media/svg/list-disc-thin.svg);}


/* + + + + + + + + + + + + + + + + + + + + + + slider + + + + + + + + + + + + + + + + + + + + + + */
.bx-wrapper 					{box-shadow: none;}
.slider  						{text-align: center;}
.kombi-slider .kombi-slider-img 	{width: 30%; display: inline-block; float: left; margin: 2em 5% 2em 10%;}
.kombi-slider-img img 			{width: 100%;}
.kombi-slider article			{width:50%; display: inline-block;  text-align: left;margin: 2em 5% 2em 0;}
.kombi-slider article h1			{font-size:2em;}
.kombi-slider article h1 > img	{width: 35px;  float: left; margin:-5px 10px 0 0;}
.bx-prev, .bx-next 				{color: transparent!important; text-shadow: 0 0 #000!important; font-size: 0;}



/* + + + + + + + + + + + + + + + + + + + + + + Acordeon + + + + + + + + + + + + + + + + + + + + + + */

.faq-b 						{margin-bottom: 2em;}
.faq-b .tab 					{position: relative;  width: 100%;  color: #333;  overflow: hidden; margin-bottom: 10px;}
.faq-b input 					{position: absolute;  opacity: 0;  z-index: -1;}
.faq-b label 					{position: relative; display: block; padding: 1em 3.5em 0 0; line-height: 25px; cursor: pointer; color: #333; font-weight: bold;  border-top: 1px solid #e4e4e4;}
.faq-b .tab-content 			{max-height: 0;  overflow: hidden;  background: #fff;  -webkit-transition: max-height .35s;  -o-transition: max-height .35s;  transition: max-height .35s;}
.faq-b .tab-content p 			{margin: 1em 1em 2em;}

/* :checked */
.faq-b input:checked ~ .tab-content{max-height: 10em;}

/* Icon */
.faq-b label::after 			{position: absolute;  right: 0;  top: 0;  display: block;  width: 20px;  height: 50px;  line-height: 3;  text-align: center;  -webkit-transition: all .35s;  -o-transition: all .35s;  transition: all .35s;}


.faq-b input[type=radio]:checked + label::after {transform: rotate(90deg);}
.bzv .faq-b input[type=radio] + label::after {content: " ";  background: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-bz/media/svg/arrow-right.svg) no-repeat right center;  margin-right:20px;}
.hk .faq-b input[type=radio] + label::after {content: " ";  background: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-bz/media/svg/arrow-right.svg) no-repeat right center;  margin-right:20px;}

.info 						{margin: 75px 0 0;  display: inline-block;}
.info.left .info-container		{text-align:left}
.info.right .info-container		{text-align:right}
.info.right .info-packshot 		{float: left; width: 65%; margin: -100px 0 0 -25%;}
.info.left .info-packshot 		{float: right; width: 65%; margin: -100px -25% 0 0;}
.info .info-packshot img 		{width: 100%;}
.info .info-container 			{width: 60%; float: left;}
.info .info-container h2 		{display: inline-block; margin: 0;}
.info .info-container h2 img		{width: 35px; margin: 0 10px 0 0 ;float: left;}

.ta .info .info-container h2 img,
.otz .info .info-container h2 img,
.tlz .info .info-container h2 img {margin: 0 7px 0 0;}


.full-width {width: 100%!important;}

/* + + + + + + + + + + + + + + + + + + + + + + SVG Filter + + + + + + + + + + + + + + + + + + + + + + */

.bzv .akkordeon input + label:after*,
.bzv .info .info-container h2 img {filter: invert(44%) sepia(93%) saturate(6988%) hue-rotate(-185deg) brightness(111%) contrast(132%);}


[class^="fa icon"], [class*="fa icon"]  {font-size: 6em; text-align: center;  width: 100%; display: inline-block;}


.teaser--large .teaser__img.teaser__img--left, 
.teaser--large .teaser__img.teaser__img--right, 
.teaser--large .teaser__img.teaser__img--left 	{margin: 0 3% 0px 12.5%;    width: 20%;}


.akkordeon						{margin: 0 0 3em 0;}
.akkordeon label                        {padding: 0.2em 1em; margin-bottom: 0.2em; position: relative; display: block; height: 1.5em;cursor: pointer; color: #333;margin: 10px 0;}
.akkordeon span					{font-weight: bold; margin-right: 20px; display: inline-block;}
.akkordeon input:checked + label,
.akkordeon input:checked + label:hover  {padding: 10px 6px 5px 10px; height: auto;}
.akkordeon input + label 			{transition: all 0.5s ease-in-out;padding: 10px 6px 10px 10px;  height: auto; border-radius: 5px; border-top: 1px solid #e4e4e4; margin: 0px 0 0;}
.akkordeon input + label:after          {float: right;content: "";  background: url(https://extracontent.braunschweiger-zeitung.de/nnc/bzv-hk/media/svg/arrow-right.svg) no-repeat right center;  margin: 0 0 0 10px; width: 20px; display: inline-block; height: 20px; position: absolute; right: 5px; top: 10px;}
.akkordeon input:checked + label:after 	{transform: rotate(90deg);}
.akkordeon input                        {display: none;}
.akkordeon .answer                      {overflow: hidden; height: 0; margin: 0; transition: all 0.5s ease-in-out;}
.akkordeon input:checked ~ .answer    	{height: auto; padding: 0px 15px 15px 10px;  margin: 0 0 10px 0;}


.title-header h4 					{margin: -40px 0 50px 0; display: block; text-align: center;  width: 100%;  float: none;}


.lp-contact						{text-align: center;    margin: 1em 0 2em 0;}
.lp-contact ul 					{display: inline-block; margin: 0 auto;  text-align: left;}
.lp-contact li 					{list-style: none; padding: 5px 0 0 40px; height: 45px;}

.lp-contact-website,
.lp-contact-email,
.lp-contact-phone 					{background-position: 0 0; background-size: 30px;background-repeat: no-repeat;}

.lp-contact-website					{background-image: url(/bin/src-228778783.png?1);}
.lp-contact-email					{background-image: url(/bin/src-228778799.png?1);}
.lp-contact-phone 					{background-image: url(/bin/src-228778783.png?1);}


.no-padding 						{padding-left: 0;padding-right: 0;}
.no-space 						{margin: 0; padding: 0;}

.align-left 						{float: left; display: inline-block; width: 100%; text-align: left;}
.align-right 						{float: right; display: inline-block; width: 100%; text-align: right;}






@media screen and (max-width: 47.9375em) {.no-padding {padding-left: 10px;padding-right: 10px;}}
	

@media screen and (min-width: 48em) {
		.teaser .teaser__img--vertical ~ .teaser__header, .teaser .teaser__img--vertical ~ .teaser__body, .teaser .teaser__img--vertical ~ .teaser__icons {padding-left: 0; padding-right: 0; min-height: 80px;}
}

/* + + + + + + + + + + + + + + + + + + + + + + Mobile + + + + + + + + + + + + + + + + + + + + + + */

@media screen and (max-width: 47.9375em) {
		.mobile-hide							{display:none!important}
		.desktop-hide							{display:initial!important}
		.main								{padding-top: 0;}
		.header								{margin-top: 44px;}
		.cta, 
		.list,
		.title-header,
		.teaser--hero,
		.info								{width: 96%; margin:0 2%;}
		.list 								{padding: 0;}
		.list li 								{padding-left: 25px;}
		.list li:before 						{margin-left: -25px;}
		.list p 								{font-size: 1.2em; width: 96%; margin: 0 2%;}
		.content--teaser--container li:last-child 	{border:none}
		.title-header							{margin-top:2em;}
		.title-header h3 						{font-size: 16px; top: -28px;} 
		.teaser .teaser__body__text				{display:none;}
		.teaser--hero .teaser__headline 			{font-size: 1em;}
		.teaser--hero .teaser__header 			{margin: 0;}
		.cta, .list, .title-header, .teaser--hero 	{padding: 0 0 0.5em;}

		.faq-b input:checked ~ .tab-content 		{max-height: auto;}

		.kombi-slider .kombi-slider-img			{width: 100%; margin: 0;  text-align: center;}
		.kombi-slider article					{width: 65%; margin: 0 5%;}
		.kombi-slider .kombi-slider-img img		{width: 65%; margin: 0 auto;}
		.kombi-slider article h1					{font-size:1.6em;}

		.info 								{margin: 0}
		.info.left .info-container,	
		.info.right .info-container,
		.info .info-container,
		section.info.right 						{width: 95%; float: none;text-align:left;  margin: 0 2.5%;}
		.info.right .info-packshot,
		.info.left .info-packshot 				{float: none; width: 125%; margin: 0px 0 0 -35%;}
		.teaser--large .teaser__img.teaser__img--left,
		.teaser--large .teaser__img.teaser__img--right, 
		.teaser--large .teaser__img.teaser__img--left {margin: 0 2.35765% 0 0; width: 31.76157%;}	


		.content-double 								{float: none; display: block; margin: 0 1%; width: 98%;}
		.content-double .content-double__column 			{float: none; display: block; margin: 1%; width: 98%;}

		.faq-b input:checked ~ .tab-content 		{max-height: 100em;}


}

/* + + + + + + + + + + + + + + + + + + + + + + Tabelle + + + + + + + + + + + + + + + + + + + + + + */
.ausverkauft .vorteile:before {content:"+++ DERZEIT NICHT VERFÜGBAR +++"; display: inline-block; width: 100%;color: #fff; font-weight: bold; background: red;}
.ausverkauft .price {text-decoration: line-through; color: #666;}
.column__inner.ausverkauft { opacity: 0.5;filter: grayscale(100%);}

.column__inner .cta {height: 50px;}

.vorteile {height: 45px;}
.column__inner hr {height: 1px;border: 1px solid #999; border-width: 0 0 1px 0;}
.price{size: 1em;}
.price span {padding: 0 5px; display: inline-block; overflow: hidden;}
.price strong {font-size: 1.8em;}

.clear { display: inline-block; width: 100%; height: 0; clear: left;}
.content-triple {float: none;}
.column__inner {padding: 0.5em; background: #e4e4e4; text-align:center;}
.column__inner img {width:100%;}


/* + + + + + + + + + + + + + + + + + + + + + + advantage + + + + + + + + + + + + + + + + + + + + + + */
.advantage 							{text-align: center; font-family: Arial,sans-serif; margin: 0 0 2em 0;  /*border: 2px dotted #4a7e3d*/; padding: 20px 10px; border-radius: 10px;}
.advantage strong						{margin:0.5em 0;  font-size: 1.4em;} 
.advantage svg, .advantage img 			{margin: 0 auto;  width: 50%;}
.advantage a.btn						{display:none; border: 1px solid #4a7e3e; color: #fff;background: #4a7e3e; font-weight: bold;}
.advantage a.btn:hover 					{background: #fff; color: #4a7e3e;}

.content-double__column .cta {margin: 0;}

.info .info-packshot img {width: 100%!important;}
.space-reset {margin-top:0;}
.info.right .info-packshot,
.info.left .info-packshot{
    text-align: center;
}


@media screen and (max-width: 47.9375em){.epaper-login-page .epaper-login-abo-form { display: inline-block;width: 100%;}}