body {
	position: relative;
}

.roller
{
	position:absolute;
	right:0px;
	bottom:0px;
	width:300px;
	height:300px;
	overflow:hidden;
	pointer-events:none;
	z-index:100;
}

.roller .inner
{
	position:absolute;
	top:29%;
	left:29%;
	width:142%;
	height:142%;
	transform:rotate(-45deg);
	pointer-events:auto;
}

.roller .bg
{
	position:absolute;
	top:0px;
	right:0px;
	width:35%;
	height:100%;
	background:url(../images/riss_2022.png) top right/424px no-repeat;
	transition: 1s ease-out;
}

.roller.open .bg
{
	animation: rolleranimation 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

@keyframes rolleranimation {
	 
	 0%    {width: 35%;   }
  	 10%   {width: 35%;    }
	 20%   {width: 100%;    }
	 80%   {width: 100%;    }
	 90%   {width: 35%;    }
	 100%  {width: 35%;    }
}

.roller:hover .bg
{
	width:100%;
}

.roller .handle
{
	position:absolute;
	left:-42px;
	top:0px;
	height:100%;
	width:84px;
	background:url(../images/rolle.png) top right/100% no-repeat;
}


@media (max-width: 1025px)
{	
	.roller .bg
	{
		width:100%;
	}	
}


@media (max-width: 700px)
{	
	.roller
	{
		width:150px;
		height:150px;
	}
		
	.roller .bg
	{
		background:url(../images/riss_2022.png) top right/212px no-repeat;
	}
		
	.roller .handle
	{
		left:-21px;
		width:42px;
	}
	
}


.newsletter
{
	margin: 2em auto;
	background: #055A8D;
	padding: 1.5em var(--content-padding);
	box-sizing: border-box;
	color: #FFFFFF;
}

.newsletter .wrapper {
	max-width: var(--content-width);
	margin: auto;
}

.newsletter h2
{
	color: #FFFFFF;
	margin-top: 0px;
}

.newsletter #mc_embed_signup form 
{
	display:block; 
	position:relative; 
	text-align:left; 
	padding: 0;
}

.newsletter #mc_embed_signup .mc-field-group 
{
	padding-bottom:0; 
	min-height: auto;
	width: 100%;
}

.newsletter #mc_embed_signup input
{
	background-color: transparent;
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #FFF !important;
}

.newsletter #mc_embed_signup input::placeholder {
	color: #cbdee7;
}

.newsletter #mc_embed_signup_scroll,
.newsletter .submitarea
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2em;
}

.newsletter #mc-embedded-subscribe
{
	background: rgba(255,255,255,0.1);
	padding: 8px;
	margin: 1.5em auto 0em auto;
	min-height: auto;
	text-align: center;
	border: 0px;
	font-weight: bold;
	border-bottom: 1px solid white;
	 border: 0px; 
	width: 100%;
	box-sizing: border-box;
	transition: all .25s ease-in-out;
}

.newsletter #mc-embedded-subscribe:hover
{
	background: rgba(255,255,255,0.2);
}

.newsletter #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error 
{
	border:0px;
}

.newsletter #mc_embed_signup div#mce-responses 
{
	float:none; 
	top: auto; 
	padding: 0; 
	overflow:hidden; 
	width: 100%; 
	margin: 0; 
	clear: both;
	background: white;
}

.newsletter #mc_embed_signup div.response 
{
	margin: 0; 
	padding:1em ; 
	font-weight:bold; 
	text-align: center;
	float:none; 
	top: auto; 
	z-index:1; 
	width: 100%;
	box-sizing: border-box;
	margin: 0 0; 
	border-top: 1em solid #055A8D;
}

footer
{
	text-align:center;
	padding:0;
	color:black;
	background: white;
}

footer .news {
	padding-top: 120px;
	padding-bottom: 260px;
}

footer .news > nav {
	margin-top: 1em;
	justify-content: center;
}

footer nav li::after 
{
	content: "|"; 
}

footer nav li:last-child::after
{
	display:none; 
}

footer address 
{
	font-style: normal;
}

footer .logo
{
	margin:1em;
	display:inline-block;
}

footer .logo img
{
	width:160px;
	height:106px;
}

footer nav li::after 
{
	content: "|"; 
}

footer nav li:last-child::after
{
	display:none; 
}

footer nav ul
{
	margin:0;
	padding:0;
}

footer nav li
{
	display:inline-block;
}

@media(max-width:800px) {
	footer .news {
		padding-top: 60px;
		padding-bottom: 120px;
	}
}