/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/open-sans-v28-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}


/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('https://jungefreiheit.de/relaunch/fonts/eb-garamond-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/eb-garamond-v26-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* eb-garamond-700 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('https://jungefreiheit.de/relaunch/fonts/eb-garamond-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/eb-garamond-v26-latin-700.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

/* eb-garamond-italic - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('https://jungefreiheit.de/relaunch/fonts/eb-garamond-v26-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/eb-garamond-v26-latin-italic.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

/* eb-garamond-700italic - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 700;
  src: url('https://jungefreiheit.de/relaunch/fonts/eb-garamond-v26-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://jungefreiheit.de/relaunch/fonts/eb-garamond-v26-latin-700italic.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

:root {
	--jfblau: #2a385f;
	--jfrot: #d50e3c;
	--jfserif: "EB Garamond", serif;
	--jfnonserif: "Open Sans", sans-serif;
}
.serif{
	font-family: var(--jfserif);
}
.headline-serif{
	font-size: 1.15em;
}

.paywall-teaser-box{
	position: relative;
	background-color:white;
	max-width: 775px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(120,120,120,1);
	-moz-box-shadow: 0px 0px 50px 0px rgba(120,120,120,1);
	box-shadow: 0px 0px 50px 0px rgba(120,120,120,1);
	margin-bottom: 20px;
}
.paywall-teaser-content{
	padding: 30px 45px;
}
.paywall-teaser-overline{
	color: var(--jfrot);
	font-weight: 800;
	letter-spacing: 0.1em;
	margin-top: 0;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.paywall-teaser-headline{
	font-size: 2.5em;
	margin-top:0;
	line-height: 1em;
	margin-bottom: 2.5rem;
	max-width: 65%;
}
.bold{
	font-weight: 800;
}
.jfplus-logo{
	position: absolute;
	right: 35px;
	top: -23px;
}
.jfplus-logo img{
	width: 100px;
}
.pbull{
	font-size: 1.5em;
	line-height: normal;
	max-width: 60%;
  /*list-style-image: url('haken3.png');*/
}

.pbullli{
	list-style-type: none;
	position: relative;
	padding-left: 0.6em;
	margin-bottom: 0.5em;
}
.pbullli::before {
	content: '';
	position: absolute;
	width: 2em;
	height: 100%;
	top: 7px;
	left: -55px;
	background-image: url('https://jungefreiheit.de/relaunch/haken.png');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: top;
	font-size: 1.5em;
}
.paywall-teaser-login{
	margin-bottom: 0;
	margin-top: 25px;
}
.paywall-teaser-login a{
	text-decoration: none;
	color: var(--jfrot);
}
.paywall-teaser-login span{
	font-size: 1.25em;
}
.paywall-teaser-button{
	text-align: center;
	margin-top: 30px;
}
.paywall-teaser-action{
	background-color: var(--jfrot);
	color: white;
	border: none;
	padding: 15px 30px;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	line-height: 1.2em;
	z-index: 10;
	position: relative;
	transition: all .2s ease-in-out;
}
.paywall-teaser-action:hover{
	color: white !important;
	transform: scale(1.1);
}
.paywall-teaser-packshot{
	position: absolute;
	top: 150px;
	right: 0;
	z-index: 1;
}
.paywall-teaser-packshot-mobile{
	display: none;
}
.paywall-teaser-packshot img{
	width: 320px;
}
@media screen and (max-width:1000px) {
	.jfplus-logo{
		right:15px;
		top: -23px;
	}
	
	.paywall-teaser-box{
		width:100%;
		left:0;
	}
	
	.paywall-teaser-content{
		padding: 30px 45px;
	}
	
	.paywall-teaser-overline{
		font-size: 0.9em;
	}
	
	.paywall-teaser-headline{
		font-size: 2.2em;
		margin-bottom: 1.5rem;
		max-width: 100%;
	}
	
	.paywall-teaser-packshot{
		display: none;
	}
	
	.paywall-teaser-packshot-mobile{
		display: block;
		position: relative;
		top: 0;
		text-align: center;
	}
	
	.paywall-teaser-packshot-mobile img{
		width: 250px;
	}
	
	.pbull{
		font-size: 1.25em;
		max-width: 100%;
	}
	
	.paywall-teaser-action{
		padding: 20px;
	}
	
	.paywall-teaser-login span{
		font-size: 1.2em;
	}
	.paywall-teaser-button{
		margin-top:30px;
	}
}
@media screen and (max-width:650px) {
	.jfplus-logo{
		right:15px;
		top: -23px;
	}
	
	.paywall-teaser-box{
		width:100%;
		left:0;
	}
	
	.paywall-teaser-content{
		padding: 30px;
	}
	
	.paywall-teaser-overline{
		font-size: 0.9em;
	}
	
	.paywall-teaser-headline{
		font-size: 1.9em;
		margin-bottom: 1.5rem;
	}
	
	.paywall-teaser-packshot{
		display: none;
	}
	
	.paywall-teaser-packshot-mobile{
		display: block;
		position: relative;
		top: 0;
		text-align: right;
	}
	
	.paywall-teaser-packshot-mobile img{
		width: 250px;
	}
	
	.pbull{
		font-size: 1.25em;
		max-width: 100%;
	}
	
	.paywall-teaser-action{
		padding: 20px;
	}
	
	.paywall-teaser-login span{
		font-size: 1.2em;
	}
	.paywall-teaser-button{
		margin-top:30px;
	}
}
@media screen and (max-width:410px) {
	.jfplus-logo{
		right:35px;
		top: -23px;
	}
	
	.paywall-teaser-box{
		width:125%;
		left:-30px;
	}
	
	.paywall-teaser-box2{
		width:100%;
		left:0px;
	}
	
	.jfplus-logo2{
		right:10px;
		top: -23px;
	}
	
	.paywall-teaser-content{
		padding: 30px;
	}
	
	.paywall-teaser-overline{
		font-size: 0.9em;
	}
	
	.paywall-teaser-headline{
		font-size: 1.9em;
		margin-bottom: 1.5rem;
	}
	
	.paywall-teaser-packshot{
		display: none;
	}
	
	.paywall-teaser-packshot-mobile{
		display: block;
		position: relative;
		top: 0;
		text-align: right;
	}
	
	.paywall-teaser-packshot-mobile img{
		width: 250px;
	}
	
	.pbull{
		font-size: 1.25em;
		max-width: 100%;
	}
	
	.paywall-teaser-action{
		padding: 20px;
	}
	
	.paywall-teaser-login span{
		font-size: 1.2em;
	}
	.paywall-teaser-button{
		margin-top:30px;
	}
}
@media screen and (max-width:350px) {
	.jfplus-logo{
		right:15px;
		top: -55px;
	}
	
	.paywall-teaser-box{
		width:125%;
		left:-30px;
	}
	
	.paywall-teaser-content{
		padding: 30px;
	}
	
	.paywall-teaser-overline{
		font-size: 0.9em;
	}
	
	.paywall-teaser-headline{
		font-size: 1.8em;
		margin-bottom: 1.5rem;
	}
	
	.paywall-teaser-packshot{
		display: none;
	}
	
	.paywall-teaser-packshot-mobile{
		display: block;
		position: relative;
		top: 0;
		text-align: right;
	}
	
	.paywall-teaser-packshot-mobile img{
		width: 250px;
	}
	
	.pbull{
		font-size: 1.15em;
	}
	
	.paywall-teaser-action{
		padding: 20px;
	}
	
	.paywall-teaser-login span{
		font-size: 1.2em;
	}
}