#selfpage_portal {
	background: #f5f5f5;
	hyphens: auto;
	text-align: justify;
	padding: 15px 55px;
	
	font-size: 16px;
}

#selfpage_hr {
	border: 0;
	margin: 30px 0;
	height: 8px;
	border-radius: 7px;
	/* background: linear-gradient(90deg, #fff 0%, var(--color_main) 50%, #fff 100%); */
	background: linear-gradient(90deg, transparent 0%, var(--color_main) 50%, transparent 100%);
}

.logo_lyrik {
	width: 100%;
	margin-top: 1%;
	border-radius: 20px;
}

.portal_header {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 32px;
	font-style: oblique;
}

.portal_info {
	color: var(--color_main);
	text-shadow: #333 0.1em 0.1em 0.1em;
	
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 28px;
	font-style: oblique;
	font-weight: bold;
}

#coffee ul.menu li a {
	background-image: url(../../.././images/icons/coffee_fontane.png);
	background-repeat: no-repeat;
	background-position: left;
	margin: -8.8% 0% 0% 90.8%;
	position: relative;
	float: right;
}

.facebook_button {
	width: 100%;
	margin: 1% 0% -2.5% 0%;
	border: none;
	overflow: hidden;
	height: 20px;
}

.key_password {
	background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
	margin-top: 25px;
	margin-left: -5px;
	padding-left: 22px;
	
	font-weight: bold;
}

.field_icon_popup {
	float: right;
	margin-top: 0.2vw;
	margin-right: 2vw;
	position: relative;
	z-index: 2;
	cursor: pointer;
	
	color: var(--color_main);
}

#button_up {
	position: fixed;
	bottom: 60px;
	margin-left: 93%;
}

#button_up span {
width: 32px;
height: 32px;
display: block;
background: url(../../.././images/button_up.png);
}

#button_down {
	position: fixed;
	bottom: 95px;
	margin-left: 93%;
}

#button_down span {
width: 32px;
height: 32px;
display: block;
background: url(../../.././images/button_down.png);
}

.ring {
	color: #0000ff;
	animation: ring 2s 1s ease infinite;
	padding-top: 0px;
	
	font-size: 16px;
}

@keyframes ring {
	  0% {
	 transform: rotate(0);
}

1% {
	 transform: rotate(25deg);
}

3% {
	 transform: rotate(-23deg);
}

5% {
	 transform: rotate(29deg);
}

7% {
	 transform: rotate(-27deg);
}

9% {
	 transform: rotate(25deg);
}

11% {
	 transform: rotate(-23deg);
}

13% {
	 transform: rotate(21deg);
}

15% {
	 transform: rotate(-19deg);
}

17% {
	 transform: rotate(17deg);
}

19% {
	 transform: rotate(-15deg);
}

21% {
	 transform: rotate(13deg);
}

23% {
	 transform: rotate(-11deg);
}

25% {
	 transform: rotate(9deg);
}

27% {
	 transform: rotate(-7deg);
}

29% {
	 transform: rotate(5deg);
}

31% {
	 transform: rotate(-3deg);
}

33% {
	 transform: rotate(1deg);
}

35% {
	 transform: rotate(0deg);
}

100% {
	 transform: rotate(0);
}


}