@font-face {
  font-family: 'willow';
  src: url(https://fontane-place.de/scripte-extern/schriften/svg/willow.svg#willow) format('svg');
}

h3 {
	font-weight: normal;
}

h4 {
	font-size: 18px;
	display: initial;
}

h5 {
	font-size: 14px;
	display: initial;
	color: var(--blue);
	font-weight: normal;
}

h6 {
	font-size: 14px;
	display: initial;
	color: var(--blue);
	font-weight: bold;
	color: var(--main);
}

.attachment_info {
	margin: 0 auto;		
	width: fit-content;
	background-color: #fff;
	color: var(--blue);
	font-size: 14px;
	border-radius: 6px;
	padding: 2px 6px 3px 6px;
}
img.attachment {
	max-width: 100% !important;
	border-radius: 20px !important;
	border: 2px solid var(--main) !important;
	/*
	outline: 3px solid var(--main) !important;
	outline-offset: 4px !important;
	*/
}

.forum_wos {
	height: 30px;
	width: 30px;
	display: inline-block;
}

/* BB = PNG */
.forum_bb_on {
	background: url(../../../images/icons/forum_bb_on.png) no-repeat 0 0;
}
.forum_bb_off {
	background: url(../../../images/icons/forum_bb_off.png) no-repeat 0 0;
}
.forum_bb_close {
	background: url(../../../images/icons/forum_bb_close.png) no-repeat 0 0;
}
.forum_bb_link {
	background: url(../../../images/icons/forum_bb_link.png) no-repeat 0 0;
}

/* BB = GIF */
.forum_bb_gif_on {
	background: url(../../../images/icons/forum_bb_on.png) no-repeat 0 0;
}
.forum_bb_gif_off {
	background: url(../../../images/icons/forum_bb_off.gif) no-repeat 0 0;
}
.forum_bb_gif_close {
	background: url(../../../images/icons/forum_bb_close.png) no-repeat 0 0;
}
.forum_bb_gif_link {
	background: url(../../../images/icons/forum_bb_link.png) no-repeat 0 0;
}

/* YR = PNG */
.forum_yr_on {
	background: url(../../../images/icons/forum_yr_on.png) no-repeat 0 0;
}
.forum_yr_off {
	background: url(../../../images/icons/forum_yr_off.png) no-repeat 0 0;
}
.forum_yr_close {
	background: url(../../../images/icons/forum_yr_close.png) no-repeat 0 0;
}
.forum_yr_link {
	background: url(../../../images/icons/forum_yr_link.png) no-repeat 0 0;
}

/* YR = GIF */
.forum_yr_gif_on {
	background: url(../../../images/icons/forum_yr_on.png) no-repeat 0 0;
}
.forum_yr_gif_off {
	background: url(../../../images/icons/forum_yr_off.gif) no-repeat 0 0;
}
.forum_yr_gif_close {
	background: url(../../../images/icons/forum_yr_close.png) no-repeat 0 0;
}
.forum_yr_gif_link {
	background: url(../../../images/icons/forum_yr_link.png) no-repeat 0 0;
}

.lightbox .lb-image {
	border: 2px solid var(--main) !important;
	border-radius: 4px !important;
	outline: 4px solid var(--main);
	outline-offset: 2px;
}

/*
#logo_box {
	display: flex;
	margin: 1% 3% 2% 3%;
}

.left_div, .right_div {
	width: 38.5%;
}

.left_div {
	float:left;
}

.right_div {
	float:right;
}

.middle_div {
	width: 23%;
}

.logo_middle {
	width: 100%;
}

.logo_right, .logo_left {
	margin: 0 11%;
	border-radius: 20px;
	outline-offset: 4px;
	width: 380px;
	height: 220px;
}

.logo_left {
	outline: 4px solid #39D1FF;
}

.logo_right {
	outline: 4px solid #BC1854;
}

.logo_middle {
	margin: 5% auto;
}

*/
.red_alert {
	margin: -1% auto 0.5%;
	width: fit-content;
}

.header_forum {
	color: #fff;
	background-image: url(../../.././images/icons/people.png);
	background-repeat: no-repeat;
	background-position: left;
}

.tfoot_forums {
	background-image: repeating-linear-gradient(45deg, var(--main) 0%, var(--thead) 2%, var(--main) 4%);
	box-shadow: 0px 1px -8px var(--main) inset;
}

.info_testforum {
	font-size: 14px;
	color: #fff;
	background-color: #900;
	width: fit-content;
	height: fit-content;
	margin: 0% auto -0.8% auto;
	padding: 3px 6px;
	border-radius: 7px;
	outline: 2px solid #fff;
	outline-offset: 2px;
	position: sticky;
	font-weight: bold;
}

.avatar_rounded_memberprofil, .avatar_rounded_userlist, .avatar_rounded_postbit, .avatar_rounded_current {
	border-radius: 400px;
	transition: all 1s;
	text-align: center;
	border: 1px solid #fff;
	outline: 1px solid var(--main) !important;
	outline-offset: 1px;
}

.avatar_rounded_memberprofil {
	margin: 0px 20px;
	width: 80px;
	height: 80px;
}

.avatar_rounded_userlist {
	margin: 10px;
	width: 50px;
	height: 50px;
}

.avatar_rounded_postbit {
	margin: 10px 10px; 0px -10px;
	width: 50px;
	height: 50px;
}

#sondertexte {
	width: fit-content;
	max-width: 80%;
	color: #000;
	margin: 0% 0% 1% 1%;
	padding: 10px;
	border-radius: 20px;
	text-align: justify;
	hyphens: auto;
	height: fit-content;
	font-size: 14px;
}

.avatar_rounded_current {
	width: 80px;
	float: right;
	margin: 10px 10px;
	height: 80px;
}

.hosting {
	margin: 1% 0 0 0;
	width: fit-content;
	height: fit-content;
	padding: 5px 10px;
	font-size: 16px;
	color: #fff;
	background-image: repeating-linear-gradient(45deg, var(--main) 0%, var(--thead) 2%, var(--main) 4%);	
	border-radius: 7px;
	outline: 2px solid var(--main);
	outline-offset: 3Px;
	font-family: willow;
}

.container_count_folgen {
	position: relative;
	margin-left: 15px;
	float: right;
	background-image: repeating-linear-gradient(45deg, var(--main) 0%, var(--thead) 8%, var(--main) 12%);
	box-shadow: 0px 1px -8px var(--main) inset;
	outline: 2px solid var(--main);
	outline-offset: 3px;
	width: fit-content;
	height: fit-content;
	padding: 10px;
	border-radius: 7px;
	font-size: 14px;
	color: #fff;
	font-family: willow;
}

.count_folgen {
	float: right;
	background-image: repeating-linear-gradient(45deg, var(--main) 0%, var(--thead) 8%, var(--main) 12%);
	box-shadow: 0px 1px -8px var(--main) inset;
	outline: 2px solid var(--main);
	outline-offset: 3px;
	width: fit-content;
	height: fit-content;
	padding: 6px 10px;
	border-radius: 7px;
	font-size: 14px;
	margin: -47px 0% 1% 0%;
}

.counter_user_folgen {
	margin: -3% 0px 1.5% auto;
	background: #fff;
	width: fit-content;
	color: var(--white);
	padding: 0px 4px;
	border-radius: 5px;
	/* border: 2px solid var(--main); */
	text-align: center;
	/* outline: 2px solid #900; */
	/* outline-offset: 2px; */
	font-weight: bold;
}

.counter_admin_folgen {
	position: relative;
	float: right;
	background-image: repeating-linear-gradient(45deg, var(--main) 0%, var(--thead) 8%, var(--main) 16%);
	box-shadow: 0px 1px -8px var(--main) inset;
	width: fit-content;
	color: var(--white);
	padding: 5px 4px;
	border-radius: 10px;
	border: 2px solid var(--main);
	text-align: center;
	outline: 2px solid #900;
	outline-offset: 2px;
	font-weight: bold;
	font-family: willow;
}

.counter_folgen, .counter_folgen_portal {
	background: #fff;
	/* color: var(--main); */
	padding: 1px 4px;
	border-radius: 10px;
	/* border: 2px solid var(--main); */
}

.counter_folgen_portal {
	color: var(--main);
	border: 2px solid var(--main);
}

.hr_line, .hr_line_3px, .hr_line_5px, .hr_line_10px {
	margin: 0 auto;
	width: 80%;
	background: linear-gradient(90deg, transparent 0%, var(--main) 50%, transparent 100%);
	border: 0;
}

.hr_line_3px {
	height: 3px;
}

.hr_line_5px {
	height: 5px;
}

.hr_line_10px {
	height: 10px;
}

.video_show {
	height: max-content;
	border-radius: 10px;
	outline-offset: 2px;
	outline: 3px solid var(--green);
	margin-top: 14px;
}

/* Video Button Online */
@keyframes online_scroll {
	/* right to left */
	/* 0% {
 transform: translateX(0);
}

100% {
 transform: translateX(-100%);
}

*/
	
	/* left to right */
	0% {
 transform: translateX(-100%);
}

100% {
 transform: translateX(0);
}


}

.scrolling_video_online {
    width: 16px;
    height: 18px;
    position: relative;
    overflow: hidden;
}

.scrolling_video_online img {
    float: left;
    animation: online_scroll 60s linear infinite reverse;
}

.fa_offline {
	--fa-animation-duration: 2s;
}

/* PopUp Trailer */
a.fa-video:before {
	content: "\f03d";
	color: var(--main);
	font-family: FontAwesome;
}

/* Stile für das Modal */
.modal_popup {
	width: 0%;
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 50%;
	top: -5%;
	height: 100%;
	/* overflow: auto; */
	z-index: 1;
}

.modal_content {
	padding: 20px;
	max-width: 600px;
	margin: auto;
}

/* Schließen-Schaltfläche */
.modal_close {
    position: absolute;
    top: 230px; /* Anpassen des Abstands zum Video */
    right: -252px; /* Anpassen des Abstands zum Video */
    width: 30px; /* Größe des Schließsymbols */
    height: 30px; /* Größe des Schließsymbols */
    border: 2px solid #f00; /* Rahmen um das Symbol */
    border-radius: 50%; /* Abgerundete Ecken für einen Kreis */
    background-color: #fff; /* Hintergrundfarbe des Symbols */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	color: #f00;
	font-size: 32px;
	font-weight: bold;
    z-index: 2; /* Stellen Sie sicher, dass das Symbol über dem Video liegt */
}

.modal_close:hover,
.modal_close:focus {
	color: #008600;
	text-decoration: none;
	cursor: pointer;
	border: 2px solid #008600;
}

.selfpage {
	background: #f5f5f5;
	hyphens: auto;
	text-align: justify;
	padding: 15px 15px 15px 15px;
	border: 1px solid var(--main);
	border-radius: 10px;
	line-height: 1.4;
	font-family: 'verdana, droid sans',sans-serif;
	font-size: 14px;
}

/* Inlinetext */
.inlinetext {
	display: inline;
	padding: 1px 4px;
	background-color: var(--white);
	border: 1px solid var(--main);
	border-radius: 7px;
	color: var(--blue);
}
.signature {
	font-size: 16px;
	text-align: justify;
	hyphens: auto;
	font-family: willow;
}