* {margin: 0px; padding:0px; font-family:Arial;}
.messagetext img {vertical-align: middle; max-width: px;}
.messagecont {padding: 0px 10px 0px 0px;}
.xembedded img,.xembedded video{max-width: 55%;}
body {
background-color: ;
text-align:left;
font-size: 16px !important;
color: #1f0000;
background-image: url(https://wallpaperdata.com/wp-content/uploads/data/2018/1/2/california-beach-wallpaper-1920x1080-for-samsung-WTG3024953.jpg);
background-position: top;
background-repeat: ;
background-attachment: fixed;

}
.content { padding: 0px 2px 0px 2px; width: 1200px; min-width: 600px; }
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color: #1f0000 !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid transparent; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: #1f0000;}
.bbcode_code_code {font-family: Courier !important; overflow: auto; position: relative;}
.bbcode_code *{font-family: Courier !important;}
.bbcode_code pre {overflow: auto; width: 700px; padding: 0px !important; position: relative;}
blockquote .bbcode_code, blockquote .bbcode_code_code, blockquote .bbcode_code pre {font-style: normal !important; color: #040405 !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color: #1f0000 !important; width: 700px; overflow: auto; position: relative;}
#tabs li {
display: inline;
padding: 5px 10px 3px 10px;
}
#tabs li a {text-decoration:none;}
.activetab { background-color: #A9A9A9; }
/*Navigation*/
.underdiv {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
right: -16px;
top: 20px;
position: absolute;
display: none;
background-color: #cccccc;
line-height: 20px;
z-index: 500;
-moz-opacity:0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
.navbar {
 background-color: #cccccc; padding-left: px !important;}
.navbar ul {list-style: none; list-style-image: none;}
/*Unterpunkte*/
.undernav li {padding: 6px 15px 6px 15px; border: none !important; width: 140px !important; text-align: left !important;}
.undernav li:hover {background-color:  !important;}
.navbar li {padding: 6px 15px 6px 15px;  float: left;}
.navbar a, .undernav a, .undernav li a {text-decoration: none !important; font-size: 12px; color: #000000 !important;}
.navbar a img, .navbar img, .undernav a img, .undernav img {border: none !important; vertical-align: middle !important; margin-right: 4px !important;}
/*Letzten User-Aktionen*/
.lastaction {padding: 2px 0px 2px 0px;}
.lastaction img {margin-right: 4px; vertical-align: middle;}
.lastaction a {text-decoration: none !important;}
.lastaction a img {border: none;}
/*Area beim Beitrag schreiben für die Integrationen*/
.integration_container {padding: 20px 0px 20px 0px;}
.back:hover {background-color: red; z-index: 9999;}
.para { position: relative; top: -20px; background-color: #f5f5f5; padding: 3px 10px 3px 0px; font-weight: bold;}
.grey {color: #040405; font-weight: normal;}
.contact {padding: 8px 0px 5px 0px; font-size: 14px; border-bottom: 1px solid transparent;}
.contact a {text-decoration: none;}
.int_content {padding: 15px 20px 15px 20px; background-color: #cccccc; margin: 5px 10px 5px 10px; font-size: 14px !important; display: none;}
.photolistitem {
position:relative;
display:block;
float:left;
list-style:none !important;
width:205px;
margin:0px 10px 10px 0px;
text-align:center;

height: 178px;
}
.droparea {
float:left;
background-color: #EFEFE0;
border: 1px solid #EFEFE0;
min-width:200px;
width:90%;
min-height: 200px;
}
.widget_add{background-color: #f5f5f5; z-index: 9999 !important; }
.cal_hover:hover {cursor: pointer !important;}
.photolistitem:hover {cursor: pointer !important;}
/* this is old but needed to make edited templates work */
#row_h:hover {background-color:  !important; cursor: pointer !important;}
#row_h:hover a {text-decoration: underline !important;}
/*Kategorie-Items der Bildergalerie*/
.cat_item_new {border: 1px solid red !important;}
.cat_item_content {width: 200px !important; height: 150px !important; overflow: hidden; position: relative;}
.cat_item {margin: 0px 10px 10px 0px; float: left; border: 1px solid transparent; width: 200px; height: 195px;}
.cat_item_link {text-align: center; border-top: 1px solid transparent; padding: 3px 0px 3px 0px; margin-top: 5px; }
.cat_item_description {height:150px;min-height:150px; position:absolute;width:200px; background-color: black; display: none; padding: 5px; color: white; overflow: hidden; -moz-opacity: 0.7; filter: alpha(opacity = 70); opacity: 0.70;}
.cat_item_description small {padding: 5px 8px 5px 5px;}
/*Bilder-Beschreibung anzeigen Höhen- und Breitenangaben richten sich nach .Photolistitem*/
.pic_item_description {position: absolute; width: 185px; height: 185px; background-color: black; display: none; padding: 5px; color: white; overflow: hidden; -moz-opacity: 0.7; filter: alpha(opacity = 70); opacity: 0.70;}
.pic_item_description small {padding: 5px 8px 5px 5px;}
.pic_new {border: 1px solid red !important;}
.view_table {border-collapse: collapse;}
.view_table tr, .view_table td {padding: 7px 10px 7px 0px; margin: 3px;}
.forumtable{width:100%; border-collapse: collapse; margin-bottom: -3px;}
.forumtable .firsttd{padding: 7px 10px 7px 0;}
.view_table .firsttd{border-top: 1px solid transparent; vertical-align:middle;padding: 0px 8px;text-align:center;}
.view_table .firsttd img{vertical-align:middle; text-align:center;}
table, tr, td {font-size: 16px !important;}
.error,a.abusemessage,strong.abusemessage {font-weight: normal; color: #a71111 !important;}
a {color: #1f0000 }
a:link { color: #1f0000 }
a:visited { color: #fdeef4 }
a:hover { color:  }
a:active { color: #1f0000 }
a img {border: none;}
.page /* Umgibt den Inhalt des Forums */
{
text-align:center;
margin: 0 auto;
color: #1f0000;
-moz-opacity: 1;
}
.page2 {border-right: 1px solid #000000; border-left: 1px solid #000000; background-color: #4e4e4e;  }
.inpage
/* Umschließt nur den änderbaren inhalt z.B. Kategorien, Foren, Threads */
{
text-align:left;
color: #1f0000;padding-top: 8px;
}
.table_bg {background-color: transparent !important;}
/* Forum Übersicht */
/*Runde Ecken des Headers*/
.c_r_top1_head {
background-size:100% 100%;
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderleft-color1_-color2_-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important;
}
.c_r_top1_head div {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderright-color1_-color2_-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;

}
/* 1. Hintergrund der Kategorien mit runden Ecken */
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2

{border-right: 1pt solid #1f0000; border-left: 1px solid #1f0000; background-color: #f5f5f5; padding: 5px 10px 5px 10px; margin-top: -1px; margin-bottom: -1px;}

.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderright-color1_1f0000-color2_f5f5f5-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;}

.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderleft-color1_1f0000-color2_f5f5f5-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important;background-size: cover;}

.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumfooterleft-color1_1f0000-color2_f5f5f5-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important; background-size: cover;}

.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumfooterright-color1_1f0000-color2_f5f5f5-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;}

.c_r_cont2, .c_r_cont1, .c_r_cont3 {z-index: 9 !important;}
/* Foren Ansicht */
.subforums2
{
margin: 0px auto;
font-weight: bold;
font-size: 16px;
color: #1f0000;
}
.subforums2 li span {
display: block;
}
.subforums2 ul {
margin: 0px;
padding: 0px;
}
.subforums2 li {
padding: 0px;
margin:2px;
margin-right: 10px;
margin-bottom: 15px;
width: 95%;
list-style-type:none;
min-height: 50px;
height: 50px;
height: auto !important;
display: block;
}
/* Tabellen */
/* Zeilen für die Themen */
.topiclist {
font-size: 16px;
padding: 2px;
}
/* Überschriften */
h2, h2 a, a h2, h3, h3 a, a h3 {
font-size:15px;
color: #000000 !important;
font-weight: bold;
padding: 5px 0px 3px 0px;
font-family: Arial !important;
padding-left: 0px !important;
}
h2 a, h2 a:link, h2 a:hover {
font-size:15px;
color: #000000 !important;
font-weight: bold;
text-decoration: none;
}
.headerlogo h2, .headerlogo h2 a, .headerlogo a h2, .headerlogo h3, .headerlogo h3 a, .headerlogo a h3{
color: #1f0000 !important;
}
small {
font-size: 14px;
}
dt {
float:left;
padding-right: 20px;
width:25%;
}
.option dd{float:left}
/* Trennstrich */
hr {
border-top: 1px solid transparent;
border-bottom: transparent;
height: 1px;
margin: 7px 0px 7px 0px;
}
/* Bereich in dem der Beitragstext steht */
.text
{
margin-top: 10px;
margin-left: 0px;
padding: 5px 0px 10px 0px;
}
blockquote {font-style: italic !important; padding: 5px 7px; color: #040405 !important; font-weight: normal !important;}
.text a {background-image: url(http://img.homepagemodules.de/ds/static/gaia/external-rtl.png); background-repeat: no-repeat; background-position: left center; padding-left: 14px; text-decoration: none !important;}
blockquote a {text-decoration: underline !important; color: #040405 !important; background-image: none !important; margin-left: -14px !important;}
/* Seitenansicht */
.pagination {
text-align: left;
padding: 2px;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong
/* Aktuelle Seite */
{
font-weight: normal;
color: #030308;
background-color: transparent;
border: 1px solid #030308;
font-size: 16px;
margin: 0px 2px;
padding: 2px 8px;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active
/* weitere Seiten */
{
font-weight: normal;
text-decoration: none;
color: ;
background-color: transparent;
border: 1px solid ;
font-size: 16px;
line-height: 1.5em;
margin: 8px 4px 10px 0px;
padding: 2px 8px;
}
.pagination span a:hover
/* Seiten beim Überfahren mit der Maus*/
{
background-color: transparent;
text-decoration: underline !important;
}
.pagination span.page-sep {
display: none;
}
/* Beitraginformationen, z.B. Name, Titel, Datum */
.post {
float:left;
padding-right:20px;
font-size:16px;
color: #1f0000;
}
.post li {
display: block;
}
.post ul {
padding: 0;
margin:0;
}
.post ul li {
float: left;
list-style-type:none;
margin: 0;
padding: 0 0 0 20px;
}
/* Schnelllogin */
.login {
font-size: 16px;
background-color: ;
margin: 0px 0px 3px 0px;
padding: 2px 20px 2px 20px;
max-height: 30px;
height: 30px;
}
.login h4
/* Schnelllogin Überschrift */
{
font-weight: bold;
padding: 0px;
margin-right: 30px;
}
.login label{
margin-right: 5px;
}
/* Suche */
.inputbox_search {
font-size: 14px;
background-color: #adadad;
border: 1px solid #3d3d3d;
color: #000642 !important;
padding: 2px 8px; margin: 0px;
}
/* Inputfelder */
.inputbox {
font-size: 16px;
background-color: #adadad;
border:1px solid #3d3d3d;
padding: 2px 5px 2px 5px;
margin: 3px 0px 3px 0px;
color: #000642 !important;
}
.button1, .widget_calendar_event input {
padding:5px 25px 5px 25px;
margin: 3px 5px 3px 0px;
background-color: ;
border: 1px solid #3d3d3d;
font-size: 16px;
font-weight: normal;
color: #1f0000;
}
.button1:hover {
background-color:;
border-color:;
}
/*Schnell-Login*/
.button_login{
padding:1px 3px 1px 3px;
margin-right: 5px;
background-color: ;
border: 1px solid #030308;
font-size: 14px;
font-weight: normal;
color: #1f0000;
}
.inputbox_small {padding: 1px 4px !important; margin-right: 3px; font-size: 14px;
background-color: #adadad;
border:1px solid #3d3d3d;
color: #000642 !important;}
.button_small:hover {
background-color:;
border-color:;
}
/* weitere Buttons z.B. Neues Thema, Antworten, Edit etc. */
strong {
font-weight:bold;
}
li {
float:left
}
.button_reply , .button_edit {overflow: hidden; white-space:nowrap; height: 37px; padding-left:22px; padding-top:13px; position: absolute; background-position: 0px 0px; float: left; background-repeat: no-repeat; bottom: -26px;}
.button_reply a, .button_edit a {font-size: 14px !important; text-decoration: none;}
.button_reply img, .button_edit img {margin-right: 3px; border: none; vertical-align: middle; max-width: 20px;}
.button_reply {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_1f0000-color2_-color3_1f0000.png);
width:110px;
left: -10px;
z-index: 500;
}
.button_reply:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_1f0000-color2_-color3_1f0000.png);
}
.button_edit {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_1f0000-color2_-color3_1f0000.png);
width:160px;
left: 108px;
z-index: 100;
}
.button_edit:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_1f0000-color2_-color3_1f0000.png);
}
.ifos {margin: 15px 0px 5px -20px; display: block !important;}
.cal_error {font-weight: bold; padding: 20px; margin: 0px 0px 10px 0px; color: red;}
.tabs {list-style: none;}
.tabs li {padding: 5px 15px 5px 15px; background-color: #D0D0D0; border-right: 1px solid transparent;}
.tabs #current { background-color: #A9A9A9; }
.calendar_header{
width: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.calendar_weeks{
border-collapse:collapse;
border:none;
padding: 0px;
font-size:2em;
font-weight:bold;
vertical-align: middle;
text-align:center;
background: #D0D0D0;
}
.calendar_add_event_link{
font-size:2em;
font-weight:bold;
text-align: center;
}
.calendar_day_link{
text-decoration: none;
font-weight: bold;
font-size: 17px;
color: #1f0000 !important;
}
.calendar_next_link{
text-decoration: none;
}
.calendar_days_header{
font-weight: bold;
background: #D0D0D0;
color: #1f0000
}
.calendar_days_body{
height:256px;
background:#4E4E4E;
vertical-align:top;
}
.calendar_H1 {
color:#000000;
font-weight:bold;
}
#day_view_table{
text-align:center;
width:50%;
border-collapse: collapse;
margin-left: 25%;
}
.calendar_nav_tabs{
margin-left: 25%;
}
.forumbg { padding: 5px 0px 3px 0px; }
.forumbg a {text-decoration: none;}
.forumbg a img {margin: 0px !important;}
.forumbg_light{
background:#D0D0D0 none repeat-x scroll 0 0;
margin-bottom:5px;
}
fieldset {border: none !important;}
/*WIDGET Einstellungen*/
.settingbox {margin: 5px 10px; padding: 2px 5px; border: 1px solid transparent; display: none;}
.settingbox input, settingbox select {font-size: 14px !important; border: 1px solid #3d3d3d; padding: 1px 5px;}
.message .messagehead h3 {font-size: 16px; display: inline; color: #1f0000 !important; font-family: Arial !important;}
.message .messagehead a {text-decoration: none; background-image: none;}
.message .messagehead img, .message .messagehead a img {border: none; vertical-align: middle; margin-right: 3px;}
.r {float:right;}
.c {clear: both;}
/*
iframe {border: none !important; width: 100% !important; overflow: auto; height: 700px !important;}
iframe body {border: none !important;}
*/
.message .messagehead ul {margin-left: 20px; float: none !important; display: block;}
.message .messagehead li {float: none; margin: 0px; padding: 0px; line-height: 100%;}
.message .messagehead ul li ul {padding-top: 0px;}
.warning {color: #e8a900; font-size: 14px;}
.okay {color: green; font-size: 14px;}
/*Seitenanzeige*/
.pagesBg {height: 24px; -moz-border-radius: 7px; margin: 10px 0px 0px 0px; width: px; background-image: url(http://img.homepagemodules.de/ds/cached/gradientplus-w_1-h_24-top_f9f9f9-bottom_e3e3e3-btop_f9f9f9.png);); border: 1px solid #c2c2c2;}
.pagesBg a {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #c2c2c2; height: 24px; font-size: 14px;}
.pagesBg a:hover {background-color: #f6f6f6; background-image: none; cursor: pointer;}
.pagesBg a.active {background-color: #f8f8f8; background-image: none;}
.pagesBg .pages, .mark_as_read {float: left; display: block; height: 24px; padding-right: 20px; padding-left: 10px; font-weight: bold; border-right: 1px solid #c2c2c2; line-height: 24px; font-size: 14px; color: #626262; }
.pagesBg a.inactive {color: #d6d6d6;}
.pagesBg a.inactive:hover {background-color: transparent; cursor: default;}
/*Neue CSS Update 11.02.10*/

.thrPag a {display: block; float: left; margin-right: 4px; font-size: 12px; border: 1px solid #1f0000; padding: 0px 4px; -moz-border-radius: 2px; border-radius: 2px;}
.thrPag {float: right; margin-right: 10px;}
.thrPag b {font-size: 12px; margin-right: 5px; float: left;}
.button_reply {margin-left:-1px;}
.onstat {font-size: 14px; white-space: nowrap; display: inline;}
.onstat span {text-transform: capitalize;}
.igmid {vertical-align: middle; margin-right: 3px; border: none;}
.row_h:hover {background-color:  !important; cursor: pointer !important;}
.row_h:hover a {text-decoration: underline !important;}
.jumpTo a {text-decoration: none; font-size: 14px; font-size: 14px; display: block; float: none; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -1px; padding: 5px 7px;}
.jumpTo a:hover {background-color:  !important; cursor: pointer;}
.jumpTo {width: 300px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; border: 2px solid transparent; background-color: #f5f5f5; font-weight: normal !important; z-index: 4000; line-height: 100% !important; text-align: left !important;}
.close:hover {cursor: pointer;}
.graph {position: relative;}
.graph div {font-size: 10px !important; width: 500px; color: white; height: 22px; display: block; float: none;}
.botop {border-top: 1px solid #dddddd;}
span.pageNow {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #c2c2c2; height: 24px; font-size: 14px; background-color: #f8f8f8; background-image: none;}
/*Neue CSS ENDE*/
/*Neue CSS Update 19.02.10*/
/*Spoiler-Design*/
.hpm_spoiler_open{
background:url("http://files.homepagemodules.de/b2001010/a_488.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
.hpm_spoiler_closed {
background:url("http://files.homepagemodules.de/b2001010/a_489.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
.hpm_spoiler_body {
background:none repeat scroll 0 0 ;
display: none;
border-color:transparent;
border-style:solid;
border-width:0 1px 1px 1px;
margin:0;
padding:0;
width:100%;
}
.hpm_spoiler_headinput {
border:0 none;
cursor:pointer;
font:bold 11px Verdana,Arial,sans-serif;
margin-bottom:0;
margin-left:6px;
margin-top:0;
padding:2px 14px 3px;
position:relative;
text-align:left;
width:100%;
}
.hpm_spoiler {
margin:6px;
width:60%;
}
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0 ;
border:1px solid transparent;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
/*Neue CSS ENDE*/
/*Added for new Code-Block*/
.codeblock{border:0px solid black;width: 640px;padding:0 5px 0px 5px; }
.codeheader{margin-left:0px; text-transform:capitalize; font: 100% courier,monospace;}
.codelines{
color: #1f0000;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid transparent;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #f5f5f5;
background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);
background-repeat:repeat;
width: 25px;
overflow: auto;
overflow-Y:hidden;}
.code pre{
font-size: 12px;
padding: 0;
margin: 0;
line-height: 20px;
background-color: #f5f5f5;
background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);
background-position: top;
background-repeat:repeat;
width: 600px;
overflow: auto;
overflow-Y:hidden;}
pre code {
font-size: 11px;
font-family: courier,monospace;
color: #1f0000;
margin: 0 0 0 15px;
padding: 0;
display: block;}
#fb_like {background-color: transparent; padding: 3px 3px 0px; }
.widget_calendar_integration {float: left; margin-right: 10px; padding: 0px;}
.widget_view {float: left;}
.widget_view input, .widget_calendar_integration input {background-color: transparent; border: none; color: #1f0000; font-size: 14px; text-decoration: underline;}
.widget_view_intext {display: block;}
.widget_view_intext input {clear: both;}
.widget_view_body div {float: left; margin-right: 5px;}
.widget_view_body_delete {display: block; clear: both;}
/*Kalender Widget*/
.widget_calendar_event {border-bottom: 1px solid transparent; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: 14px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid transparent;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid transparent; padding: 5px; text-align: justify; font-size: 14px; margin-bottom: 10px;}
.widget_calendar_integration_empty {width: 200px; height: 100px; background-image: url(http://files.homepagemodules.de/b2001010/a_43.png) !important; background-repeat: no-repeat; background-position: center;}
.widget_calendar_integration a {text-decoration: none; margin-bottom: 5px;}
/*Bilder Widget Integration*/
.widget_picture_integration .image {border: 1px solid transparent; position: relative; float: left; margin: 5px;}
.widget_picture_info {width: 150px; height:150px; background-color: black; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color: white;}
.widget_picture_info small {padding: 5px;}
.widget_picture_integration {float: left;}
.statimg{vertical-align:middle; padding-left: 2px; padding-top: 2px;}
.postbody h1,.postbody h2,.postbody h3{color:}
ul.postindex{margin-left:20px; list-style:none;}
ul.postindex li{float:none !important;line-height:30px;}
ul.postindex li.size_1{margin-top:5px;}
ul.postindex .size_1 a{font-size: large; }
ul.postindex .size_2 a{padding-left:10px;font-size: medium}
ul.postindex .size_3 a{padding-left:20px; font-size: small}
/*Ratings.start*/
.xratings{text-align:left;margin-right:10px;}
.r_type, .c_type,.c_id,.i_id,.xor_id{display:none;}
.ratingbutton{
padding:5px 15px 5px 15px;
margin: 3px 5px 3px 0px;
background-color: ;
border: 1px solid #3d3d3d;
font-size: 16px;
font-weight: normal;
color: #1f0000;
cursor:pointer;
display: inline-block;
}
.ratingbutton img{vertical-align:middle;}
.ratingbutton_text{margin-left:5px;}
.rating_table{width:100%;}
.ratinguser{display:inline-block; text-align:center; }
.ratingusers_temp{display:none;}
.ratinguser img{max-width:60px;}
.rating_header img{vertical-align:middle; margin-right:10px; 2px 0px 2px 5px;}
/*Ratings.end*/
/*Upload Progress Bar start*/
#progress {
width:300px;
text-align:left;
background: #f5f5f5;
border: 1px solid transparent;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #adadad bottom left repeat-x;
}
/*Upload Progress Bar end*/
/*Zitate*/
.savequot{padding-left:20px !important; background:url(http://files.homepagemodules.de/b2001010/a_277.png) no-repeat left center !important;}
.savequot.act{background:url(http://files.homepagemodules.de/b2001010/a_276.png) no-repeat left center !important;}
.nopad{margin: 0px !important; padding:0px !important;}
/*Spoiler wenn Avatare links*/
.avaleft .hpm_spoiler{float:left;}
.avaleft .spoilerclear{clear:both; display:block !important;}
/* Listen im Beitragstext */
.messagetext li,.text li {
display: list-item;
margin-left: 20px;
float: none;
}
.ForumRules li {
float:none;
margin-left: 20px;
}
/*Kalender*/
#calroot {
z-index:10000;
margin-top:-1px;
width:198px;
padding:2px;
background-color:#fff;
font-size:11px;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow: 0 0 15px #666;
-webkit-box-shadow: 0 0 15px #666;
}
#calhead {
padding:2px 0;
height:22px;
}
#caltitle {
font-size:14px;
color:#0150D1;
float:left;
text-align:center;
width:155px;
line-height:20px;
text-shadow:0 1px 0 #ddd;
}
#calnext {
display:block;
width:20px;
height:20px;
background:transparent url("http://files.homepagemodules.de/b2001010/a_491.png") no-repeat scroll center center;
float:left;
cursor:pointer;
color: red !important;
margin-top:1px;
}
#calprev {
display:block;
width:20px;
height:20px;
background:transparent url("http://files.homepagemodules.de/b2001010/a_492.png") no-repeat scroll center center;
float:left;
cursor:pointer;
color: red !important;
margin-top:1px;
}
#calprev.caldisabled, #calnext.caldisabled {
visibility:hidden;
}
#caltitle select {
font-size:10px;
}
#caldays {
height:14px;
border-bottom:1px solid #ddd;
}
#caldays span {
display:block;
float:left;
width:28px;
text-align:center;
}
#calweeks {
background-color:#fff;
margin-top:4px;
}
.calweek {
clear:left;
height:22px;
}
.calweek a {
display:block;
float:left;
width:27px;
height:20px;
text-decoration:none;
font-size:11px;
margin-left:1px;
text-align:center;
line-height:20px;
color:#666;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.calweek a:hover, .calfocus {
background-color:#ddd;
}
a.calsun {
color:red;
}
a.caloff {
color:#ccc;
}
a.caloff:hover {
background-color:rgb(245, 245, 250);
}
a.caldisabled {
background-color:#efefef !important;
color:#ccc !important;
cursor:default;
}
#calcurrent {
background-color:#498CE2;
color:#fff;
}
#caltoday {
background-color:#333;
color:#fff;
}
body.stop_scrolling
{
position: fixed;
overflow-y: scroll;
width: 100%;
}
.clear {
line-height:0;
height: 0;
font-size: 1px;
clear: both;
margin: 0;
padding: 0;
float:none !important;
border: none; }
.niceTitleBox {
visibility: hidden;
transition: 300ms;
opacity: 0;
position: absolute;
padding: 10px;
bottom: 100%;
left: 0px;
min-width: 200px;
max-width: 500px;
max-height: 300px;
font-size: 16px;
color: ;
background-color: ;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px transparent;
-webkit-box-shadow: -2px 4px 6px transparent;
box-shadow: -2px 4px 6px transparent;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid transparent;
}
.donationinfo{padding-left: 100px; background:url(http://img.homepagemodules.de/ds/static/iconset/basic/64/basic2-163_money_coin_euro.png) 20px center no-repeat; margin-bottom:10px;background-size:contain;}
.donationbox{max-width:500px;}
.donation_options{width:100%;}
.donation_options.vertical{max-width:150px;}
.donation_options td{text-align:center; padding: 10px; border: 1px solid;}
.donation_options td:hover{
cursor:pointer;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
}
.donation_goal{text-align:center; font-weight:bold;}
.donation_progress{border:1px solid; padding: 10px;text-align:center;position:relative;max-width:500px;height:20px;}
.donation_progress .peuro{height:20px; position:absolute; display: block; width: 100%; z-index:2;}
.donation_progress .ppercent{
max-width:100%; height:20px;
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
position:absolute; top:0px; left:0px; padding:10px 0; max-width:100% !important;}
.mfiles{max-width:45%;}
.hidden{display:none;}
.xquotecont{
font-size:smaller;
}
.email_confirm{display:none;}
img.xsmile[src$=".svg"], .xob_iconlist > .xob_icon_cont img[src$=".svg"] { max-height: 24px; }
#privacydiv h2{margin-top:12px;}
#privacydiv h3{margin-top:6px;}
#privacydiv h4{margin-top:6px;}
.fb_login_btn{float:right; margin: 0 0 0 0 !important;}
.google_login_btn{
width: 190px;
height: 45px;
float:right;
cursor:pointer;
background: url(//files.homepagemodules.de/b2001010/a_1756_953153e9.png) no-repeat white;
}
.google_login_btn:hover{
background: url(//files.homepagemodules.de/b2001010/a_1755_da2ccafa.png) no-repeat white;
}
.google_login_btn:active{
background: url(//files.homepagemodules.de/b2001010/a_1757_a059aae1.png) no-repeat white;
}
.postimage_cont{
display: inline-block;
width: auto;
text-align: center;
}
.postimage_cont span{
display: inline-block;
width: 100%;
margin:auto;
}
#input-group-cont{position:relative; }
#passwordunhider{position:absolute; right:4px; top:0px;}
#signup_form #input-group-cont, #login_form #input-group-cont{display:inline-block; }
#login_form #input-group-cont{width:100%; }
#signup_form #passwordunhider, #login_form #passwordunhider{top:8px;}
.boxcont #login_form #input-group-cont{display:inline; width:100%;}
.boxcont #login_form #passwordunhider{top:0px; right:5px;}
#passwordunhider .fa{display:inline-block; width:15px; height:15px;cursor:pointer;}
#passwordunhider .fa-eye{background: url(//files.homepagemodules.de/b2001010/a_1758_fd9e3d55.svg) no-repeat center center; }
#passwordunhider .fa-eye-slash{background: url(//files.homepagemodules.de/b2001010/a_1759_009f8ff4.svg) no-repeat center center; }
.blockpns p.text{
opacity: 0.6;
text-decoration: line-through;
}
.content {    background-color: #d9d8ce; none repeat scroll 0 0; opacity: 0.9; border-radius: -20px;       box-shadow: 10px 0 10px #000000, -10px 0 10px #000000 !important; color: #000000;     font-size: 16,5px;} 

/* Anfang -  HPM Spoiler Design */
 
.hpm_spoiler {
  display:inline-block; 
  width:auto; 
  max-width:98%;
}
.hpm_spoiler, .hpm_spoiler_headinput {
  border-radius:5px;
  outline:none; 
  color:#000;
}
.hpm_spoiler_body ul.xul {
  margin-left:0;
}
.hpm_spoiler_body {
  width:auto; 
  background-color:#fff; 
  color:#000000; 
  border-color:#383838; 
  border-style:double; 
  border-width:0 5px 5px 5px; 
  border-radius:0 0 5px 5px; 
  margin-left:5px;
}
.hpm_spoiler_headdiv, .hpm_spoiler_closebutton {
  background: 
 linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
  linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
  linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
  background-size: 110% 110%;
  box-shadow: 0px 0px 3px 1px #656565;
  animation: gradient6 10s ease infinite;
  animation-play-state: paused;
}
.hpm_spoiler:hover {
 animation-play-state: running;
}
.hpm_spoiler_headdiv input {
  position:relative; 
  color:#383838; 
  width:98%
}
.hpm_spoiler_headdiv:hover, .hpm_spoiler:hover, .hpm_spoiler_closebutton:hover {
  background-size: 400% 400%;
  animation: gradient6 10s ease infinite;
}
 
.hpm_spoiler_closebutton {
  font-style:italic; 
  border-top:1px solid #383838; 
  padding:2px 10px;
  cursor:pointer;
}
.hpm_spoiler_closebutton a {
  color:#000000 !important; 
}
.hpm_spoiler_closebutton a:-webkit-any-link:hover {
  display:block; 
  width:100%; 
  text-decoration:none !important; 
  color:#000000 !important;
}
 
@keyframes gradient6 {
  from {
    filter: hue-rotate(0);
    background-position: 0% 50%;
  }
  to {
    filter: hue-rotate(360deg);
    background-position: 50% 100%;
  }
}
 
 pre {background-color:#fdfdfd; width:auto; max-width: 65vw; min-width:10vw; box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4); display: inline-block; }
 
.codelines {background-color:#aaaaaa; color:#ffffff;}
 
.code {display:inline-block; max-width:auto; width:auto; }
 
 
.code pre {color:#000000; width:inherit; display: block;}
 
 pre code {background:transparent !important; padding:inherit !important; font-weight:bold; font-size:14px; overflow-x:auto; width:auto; max-width:100vw; margin-right: 15px;}
 
.hpm_spoiler  pre {max-width: 50vw; min-width:15vw;}
 
 
/* Anfang -  Xobor-Spoiler zusätzlich mit Grafik */
 
.hpm_spoiler4 .spoiler_bild  {
  object-fit: cover; 
  position:absolute; 
  margin:-27px 0 0 22px; 
  padding:2px 2px 4px 2px; 
  max-width:40px; 
  height:40px; 
  border:1px solid rgba(103,199,234,1) 0%; 
  background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
  animation: gradient3 5s ease infinite;
}
.hpm_spoiler4 .spoiler_bild_in {
  display:block;
  object-fit: cover; 
  max-width:100px; 
  max-height:100px; 
  margin:0 10px 10px 0;
}
.hpm_spoiler4 .hpm_spoiler_headinput {
  padding-left: 70px;
}
.hpm_spoiler4 .hpm_spoiler_headdiv {
  margin-top: 40px;
}
 
@keyframes gradient3 {
  from {
    filter: hue-rotate(0);
  }
  to {
    filter: hue-rotate(360deg);
  }
}
 
/* Ende -  Xobor-Spoiler mit Grafik */
 

.lastactions li {
border-bottom: 0px !important;
min-height: 13px !important;
}
 
#xActivityFeed {
/* Tabellenhintergrundfarbe */
background:#d9d8ce!important;

/* Schriftfarbe */
color:#000000 !important;

/* Schriftgröße */
font-size: 11px !important;

/* Schriftart */
font-family:lucida handwriting !important;
}

#xActivityFeed a {
/* Link-Farbe */
color:#000000 !important;

/* Link-Schriftgröße */
font-size: 11px !important;
}

#xActivityFeed a:hover {
/* Mouseover: Link-Farbe */
color:#000000 !important;

/* Mouseover: Schräge Schrift */
font-style: oblique !important;
}


#xActivityFeed a {
/* Hintergrundfarbe Link*/
background: #d8d7cf !important;

/* Abgerundete Ecken */
border-radius:6px;

/* Schlagschatten */
box-shadow:0px 0px 9px #000000;

/* Rahmen */
border:1px solid #000000;

/* Notwendig Einstellung für Linkformatierung */
padding:3px;
line-height:50px !important;
}




#brooklyn-sms-01 { margin: 0 auto; width: 250px; text-align: justify; font-family: 'Cousine'; font-size: 11px; color: #262626; line-height: 165%; } #brooklyn-sms-01 .bubble-white, #brooklyn-sms-01 .bubble-green { border-radius: 0.5em; padding: 15px; box-sizing: border-box; } #brooklyn-sms-01 .bubble-white b, #brooklyn-sms-01 .bubble-green b, #brooklyn-sms-01 .bubble-white b2, #brooklyn-sms-01 .bubble-green b2 { font-weight: 700; letter-spacing: 1px; font-size: 9px; color: #839496; } #brooklyn-sms-01 .bubble-white b:before, #brooklyn-sms-01 .bubble-green b:before { content: "\2713"; display: inline; font-size: 12px; margin-right: 3px; color: #4cd964; } #brooklyn-sms-01 .bubble-white b2:before, #brooklyn-sms-01 .bubble-green b2:before { content: "\2713"; display: inline; font-size: 12px; margin-right: 3px; color: #bdc3c7; } #brooklyn-sms-01 .bubble-white { background: #ffffff; } #brooklyn-sms-01 .bubble-green { background: #edecd1; }

/* Spender in Foren-Beiträgen */
.user-avatar-x {
  word-break: break-all; 
  display:inline-block;
  height: 420px;
  width: 350px;
  
  background-size: contain;
  border: 2px solid #0e0e10;
  cursor: pointer;
  margin:10px 10px 40px 10px;
  padding:10px;
}
.user-avatar-x:hover {
  border-radius: 5%;
}
.user-avatar-text, .user-avatar-hover {
  display: flex;
  justify-content: center;
  color: #000000 !important;
  font-family: sans-serif;
  font-weight: bold;
  background: #ffffff;
  padding: 5px;
  border: 2px solid #0e0e10;
  border-radius: 10px;
  text-align: center;
  margin-top:95%;
  z-index:99999;
}
.user-avatar-x:hover .user-avatar-text, .user-avatar-hover {
  display:none;
}
.user-avatar-x:hover .user-avatar-hover {
  display:flex;
}


.post-it {
background:#dedede;
padding:15px;
color: #000;
width:150px; 
margin-left: 20px;
margin-top: 25px;

-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);

box-shadow: 0px 4px 6px #333;
-moz-box-shadow: 0px 4px 6px #333;
-webkit-box-shadow: 0px 4px 6px #333;

}

.wr_progressbar3 {
  width: 500px;
  height: 20px;
  background: #dedede;
  margin-bottom: 20px;
}

.wr_progressbar-bar3 {
  height: 100%;
  background: repeating-linear-gradient(
  80deg,
  #dedede,
  #dedede 7px,
  rgba(000,000,000,0.0) 7px,
  rgba(000,000,000,0.0) 10px
);
}

.t_ppcode {background:#F8F8F8;color:#000000;font-family:Roboto;font-size:11px;margin:auto;width:500px;text-align:justify;line-height:170%;border: 5px inset #000000;} .t_ppue {font-family:Playfair Display;text-align:center;text-transform:uppercase;font-size:25px;color:#000000;margin-top:20px;line-height:110%;} .t_ppbox {float:left;width:30%;margin:10px;margin-right:0px;margin-bottom:0px;}.t_ppboxr {float:left;width:66%;margin:10px;margin-left:0px;margin-bottom:0px;} .t_pppic {border-radius:10%;margin:5px;width:124px;height:124px;border: 2px inset #c1d2a2;margin-top:0px;} .t_pplink {background:#8b8a84;padding:3px;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;} .t_pplink i {color:#000000;margin-right:5px;font-size:12px;} .t_pppost {padding:0px 15px 0px 15px;overflow:auto;height:476px;} .t_ppshort {margin-top:10px;border:1px solid #000000;padding:10px;} .t_ppshort b {color:#000000;text-transform:uppercase;} .t_pppost b, .t_pppost i {color:#000000;font-size:13px;} .t_ppquote {padding:10px 10px;border-top:1px solid #000000;border-bottom:1px solid #000000;margin:10px;font-size:9px;text-transform:uppercase;letter-spacing:1px;text-align:center;} .t_ppcredit {font-size:8px;text-align:center;text-transform:uppercase;margin-top:-10px;}


/***** SCROLLBAR *****/
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #396f5f #bebd60;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
height: 8px;
  }

  *::-webkit-scrollbar-track {
    background: #8800ff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #bebd60;
    border-radius: 0px;
    border: 3px solid #396f5f;
  }


/***** UNTERSTRICH DER LINKS  ENTFERNEN *****/
a:link, a:visited {
 text-decoration: none;
}

#nav_n li {
background: #F5f5f5;
padding: 11px 35px;
margin: 0 10px;
border-radius: 30px 30px 0px 0px;
border-style:3px solid;
border-color: #000000;
}

#nav_n li:hover {
background: #e0e0e0;
}



.unterkategorien  {
    display: inline-block;
    color: rgba(75, 75, 74, 0.7);
    background-color: #dedede;
    padding: 8px;
    font-size: 9px;
    font: Dosis
    font-weight: 300;
    text-transform: uppercase;
    line-height: 0.1;
    text-shadow: 0px 0px 1px rgba(75, 75, 74, 0.2);
    letter-spacing: 0.5px;
    margin-bottom: 3px;
    margin-left: -3px;
}


#nav_n li {
background: #F5f5f5;
padding: 9px 10px;
margin: 0 10px;
border-radius: 30px 30px 0px 0px;
border-style:3px solid;
border-color: #000000;
}

#nav_n li:hover {
background: #e0e0e0;
}


/* V1 - Standard */
.nnor p,  .xquoteable p, 
 
/* V2 - ProSilver*/
.post p,  .xquoteable p,
 
/* V3 - Gaia */
.text p, .xquoteable p,
 
/* V4 - Business */
.mtext p, .xquoteable p,
 
/* V6 Neues Xobor & Mobil */
.msg p, .new p,
 
/* V1-4 und V6 & Mobil */
.hpm_spoiler {display:inline-block !important; width:auto !important; padding-left:5px; vertical-align:middle;}
.hpm_spoiler_body div {background:#eeeeee; border:1px solid #cccccc;}
 
/* V3 - Gaia */
.messagecont div {
/* text-align: left; */
}
 


.scroll::-webkit-scrollbar-track{background:#fff;}
.scroll::-webkit-scrollbar{width:5px;background:transparent;}
.scroll::-webkit-scrollbar-thumb{background:#5CC6AB;border:2px solid #fff;border-radius:5px;}





#nav_n li {
background: #F5f5f5;
padding: 9px 10px;
margin: 0 10px;
border-radius: 30px 30px 0px 0px;
border-style:3px solid;
border-color: #000000;
}

#nav_n li:hover {
background: #e0e0e0;
}


h3 {
    display: block;
    margin: 0 auto 10px auto;
    text-rendering: optimizeSpeed;
    font-family: 'Teko', sans-serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: lowercase;
    text-align: left;
}
h3:after,
h3.sub span:before {
    display: block;
    content: '';
    padding: 2px;
    margin: 2px auto 5px auto;
    }

h3.sub span:before {
    margin: 5px auto 2px auto;
}
h3.sub:after {
    display: none;
}
h3.sub span {
    display: block;
    color: #000000;
    font-family: 'Teko', sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    text-align: right;
}


* {margin: 0px; padding:0px; font-family:Source Sans Pro;}
.messagetext img {vertical-align: middle; max-width: 1200px;}
.messagecont {padding: 0px 10px 0px 0px;}
body {
background-color: #4E4E4E;
text-align:left;
font-size: 13px !important;
color: #555;
background-image: url(//files.homepagemodules.de/b797197/a_155_23a3f949.jpg);
background-position: center;
background-repeat: repeat;
background-attachment: fixed;

}
.content { padding: 0px 2px 0px 2px; width: 1200px; min-width: 600px; }
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color: #555 !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid #777; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: #000000;}
.bbcode_code_code {font-family: Courier !important; overflow: auto; position: relative;}
.bbcode_code *{font-family: Courier !important;}
.bbcode_code pre {overflow: auto; width: 700px; padding: 0px !important; position: relative;}
blockquote .bbcode_code, blockquote .bbcode_code_code, blockquote .bbcode_code pre {font-style: normal !important; color: #999999 !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color: #555 !important; width: 700px; overflow: auto; position: relative;}
#tabs li {
display: inline;
padding: 5px 10px 3px 10px;
}
#tabs li a {text-decoration:none;}
.activetab { background-color: #242424; }
/*Navigation*/
.underdiv {
border-left: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
right: -16px;
top: 20px;
position: absolute;
display: none;
background-color: #242424;
line-height: 20px;
z-index: 500;
-moz-opacity:0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
.navbar {
 background-image: url(//files.homepagemodules.de/b797197/a_155_23a3f949.jpg); background-repeat: repeat-x; background-position: top;  background-color: #242424; padding-left: px !important;}
.navbar ul {list-style: none; list-style-image: none;}
/*Unterpunkte*/
.undernav li {padding: 6px 15px 6px 15px; border: none !important; width: 140px !important; text-align: left !important;}
.undernav li:hover {background-color: #333 !important;}
.navbar li {padding: 6px 15px 6px 15px;  float: left;}
.navbar a, .undernav a, .undernav li a {text-decoration: none !important; font-size: 11px; color: #DDDDDD !important;}
.navbar a img, .navbar img, .undernav a img, .undernav img {border: none !important; vertical-align: middle !important; margin-right: 4px !important;}
/*Letzten User-Aktionen*/
.lastaction {padding: 2px 0px 2px 0px;}
.lastaction img {margin-right: 4px; vertical-align: middle;}
.lastaction a {text-decoration: none !important;}
.lastaction a img {border: none;}
/*Area beim Beitrag schreiben für die Integrationen*/
.integration_container {padding: 20px 0px 20px 0px;}
.back:hover {background-color: red; z-index: 9999;}
.para { position: relative; top: -20px; background-color: #ccc; padding: 3px 10px 3px 0px; font-weight: bold;}
.grey {color: #999999; font-weight: normal;}
.contact {padding: 8px 0px 5px 0px; font-size: 11px; border-bottom: 1px solid #777;}
.contact a {text-decoration: none;}
.int_content {padding: 15px 20px 15px 20px; background-color: #d0d0d0; margin: 5px 10px 5px 10px; font-size: 11px !important; display: none;}
.photolistitem {
position:relative;
display:block;
float:left;
list-style:none !important;
width:205px;
margin:0px 10px 10px 0px;
text-align:center;

height: 178px;
}
.droparea {
float:left;
background-color: #EFEFE0;
border: 1px solid #EFEFE0;
min-width:200px;
width:90%;
min-height: 200px;
}
.widget_add{background-color: #ccc; z-index: 9999 !important; }
.cal_hover:hover {cursor: pointer !important;}
.photolistitem:hover {cursor: pointer !important;}
/* this is old but needed to make edited templates work */
#row_h:hover {background-color: #d2d2d2 !important; cursor: pointer !important;}
#row_h:hover a {text-decoration: underline !important;}
/*Kategorie-Items der Bildergalerie*/
.cat_item_new {border: 1px solid red !important;}
.cat_item_content {width: 200px !important; height: 150px !important; overflow: hidden; position: relative;}
.cat_item {margin: 0px 10px 10px 0px; float: left; border: 1px solid #777; width: 200px; height: 195px;}
.cat_item_link {text-align: center; border-top: 1px solid #777; padding: 3px 0px 3px 0px; margin-top: 5px; }
.cat_item_description {height:150px;min-height:150px; position:absolute;width:200px; background-color: black; display: none; padding: 5px; color: white; overflow: hidden; -moz-opacity: 0.7; filter: alpha(opacity = 70); opacity: 0.70;}
.cat_item_description small {padding: 5px 8px 5px 5px;}
/*Bilder-Beschreibung anzeigen Höhen- und Breitenangaben richten sich nach .Photolistitem*/
.pic_item_description {position: absolute; width: 185px; height: 185px; background-color: black; display: none; padding: 5px; color: white; overflow: hidden; -moz-opacity: 0.7; filter: alpha(opacity = 70); opacity: 0.70;}
.pic_item_description small {padding: 5px 8px 5px 5px;}
.pic_new {border: 1px solid red !important;}
.view_table {border-collapse: collapse;}
.view_table tr, .view_table td {padding: 7px 10px 7px 0px; margin: 3px;}
.forumtable{width:100%; border-collapse: collapse; margin-bottom: -3px;}
.forumtable .firsttd{padding: 7px 10px 7px 0;}
.view_table .firsttd{border-top: 1px solid #777; vertical-align:middle;padding: 0px 8px;text-align:center;}
.view_table .firsttd img{vertical-align:middle; text-align:center;}
table, tr, td {font-size: 13px !important;}
.error,a.abusemessage,strong.abusemessage {font-weight: normal; color: #a71111 !important;}
a {color: #555 }
a:link { color: #000000 }
a:visited { color: #000000 }
a:hover { color: #b79483 }
a:active { color: #000000 }
a img {border: none;transition: all .5s ease-in-out}
a img:hover {filter: grayscale(100%)}
.page /* Umgibt den Inhalt des Forums */
{
text-align:center;
margin: 0 auto;
color: #555;
-moz-opacity: 1;
}
.page2 {background-image: url(https://images2.alphacoders.com/718/718912.jpg); background-repeat: repeat-y; background-position: top left; }
.inpage
/* Umschließt nur den änderbaren inhalt z.B. Kategorien, Foren, Threads */
{
text-align:left;
color: #555;padding-top: 8px;
}
.table_bg {background-color: transparent !important;}
/* Forum Übersicht */
/*Runde Ecken des Headers*/
.c_r_top1_head {
background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_forumheaderleft-color1_-color2_-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important;
}
.c_r_top1_head div {
background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_forumheaderright-color1_-color2_-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;

}
/* 1. Hintergrund der Kategorien mit runden Ecken */
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2

{border-right: 1pt solid #ccc; border-left: 1px solid #ccc; background-color: #ccc; padding: 5px 10px 5px 10px; margin-top: -1px; margin-bottom: -1px;}

.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div

{ background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_forumheaderright-color1_ccc-color2_ccc-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important; }

.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2

{ background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_forumheaderleft-color1_ccc-color2_ccc-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important;background-size: cover;}

.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2

{ background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_forumfooterleft-color1_ccc-color2_ccc-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important; background-size: cover;}

.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div

{ background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_forumfooterright-color1_ccc-color2_ccc-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;}

.c_r_cont2, .c_r_cont1, .c_r_cont3 {z-index: 9 !important;}
/* Foren Ansicht */
.subforums2
{
margin: 0px auto;
font-weight: bold;
font-size: 13px;
color: #555;
}
.subforums2 li span {
display: block;
}
.subforums2 ul {
margin: 0px;
padding: 0px;
}
.subforums2 li {
padding: 0px;
margin:2px;
margin-right: 10px;
margin-bottom: 15px;
width: 95%;
list-style-type:none;
min-height: 50px;
height: 50px;
height: auto !important;
display: block;
}
/* Tabellen */
/* Zeilen für die Themen */
.topiclist {
font-size: 13px;
padding: 2px;
}
/* Überschriften */
h2 {
font-size:14px;
color: #999999 !important;
padding: 5px 0px 3px 0px;
font-family: playfair display !important;
padding-left: 0px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
letter-spacing: 2px !important;
}
h2 a, a h2, h3, h3 a, a h3 {
font-size:17px;
color: #999999 !important;
font-weight: bold;
padding: 5px 0px 3px 0px;
font-family: Georgia !important;
padding-left: 0px !important;
}
h2 a, h2 a:link, h2 a:hover {
font-size:17px;
color: #999999 !important;
font-weight: bold;
text-decoration: none;
}
.headerlogo h2, .headerlogo h2 a, .headerlogo a h2, .headerlogo h3, .headerlogo h3 a, .headerlogo a h3{
color: #555 !important;
}
small {
font-size: 11px;
}
dt {
float:left;
padding-right: 20px;
width:25%;
}
.option dd{float:left}
/* Trennstrich */
hr {
border-top: 1px solid #777;
border-bottom: transparent;
height: 1px;
margin: 7px 0px 7px 0px;
}
/* Bereich in dem der Beitragstext steht */
.text
{
margin-top: 10px;
margin-left: 0px;
padding: 5px 0px 10px 0px;
}
blockquote {font-style: italic !important; padding: 5px 7px; color: #999999 !important; font-weight: normal !important;}
.text a {background-image: url(https://img.homepagemodules.de/ds/static/gaia/external-rtl.png); background-repeat: no-repeat; background-position: left center; padding-left: 14px; text-decoration: none !important;}
blockquote a {text-decoration: underline !important; color: #999999 !important; background-image: none !important; margin-left: -14px !important;}
/* Seitenansicht */
.pagination {
text-align: left;
padding: 2px;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong
/* Aktuelle Seite */
{
font-weight: normal;
color: #000000;
background-color: transparent;
border: 1px solid #FFFFFF;
font-size: 13px;
margin: 0px 2px;
padding: 2px 8px;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active
/* weitere Seiten */
{
font-weight: normal;
text-decoration: none;
color: #000000;
background-color: transparent;
border: 1px solid #FFFFFF;
font-size: 13px;
line-height: 1.5em;
margin: 8px 4px 10px 0px;
padding: 2px 8px;
}
.pagination span a:hover
/* Seiten beim Überfahren mit der Maus*/
{
background-color: transparent;
text-decoration: underline !important;
}
.pagination span.page-sep {
display: none;
}
/* Beitraginformationen, z.B. Name, Titel, Datum */
.post {
float:left;
padding-right:20px;
font-size:13px;
color: #555;
}
.post li {
display: block;
}
.post ul {
padding: 0;
margin:0;
}
.post ul li {
float: left;
list-style-type:none;
margin: 0;
padding: 0 0 0 20px;
}
/* Schnelllogin */
.login {
font-size: 13px;
background-color: ;
margin: 0px 0px 3px 0px;
padding: 2px 20px 2px 20px;
max-height: 30px;
height: 30px;
}
.login h4
/* Schnelllogin Überschrift */
{
font-weight: bold;
padding: 0px;
margin-right: 30px;
}
.login label{
margin-right: 5px;
}
/* Suche */
.inputbox_search {
font-size: 11px;
background-color: #ddd;
border: 1px solid #aaa;
color: #555 !important;
padding: 2px 8px; margin: 0px;
}
/* Inputfelder */
.inputbox {
font-size: 13px;
background-color: #ddd;
border:1px solid #aaa;
padding: 2px 5px 2px 5px;
margin: 3px 0px 3px 0px;
color: #555 !important;
}
.button1, .widget_calendar_event input {
padding:5px 25px 5px 25px;
margin: 3px 5px 3px 0px;
background-color: #c1c1c1;
border: 1px solid #aaa;
font-size: 13px;
font-weight: normal;
color: #666;
}
.button1:hover {
background-color:#ddd;
border-color:#FFFFFF;
}
/*Schnell-Login*/
.button_login{
padding:1px 3px 1px 3px;
margin-right: 5px;
background-color: #c1c1c1;
border: 1px solid #FFFFFF;
font-size: 11px;
font-weight: normal;
color: #666;
}
.inputbox_small {padding: 1px 4px !important; margin-right: 3px; font-size: 11px;
background-color: #ddd;
border:1px solid #aaa;
color: #555 !important;}
.button_small:hover {
background-color:#ddd;
border-color:#FFFFFF;
}
/* weitere Buttons z.B. Neues Thema, Antworten, Edit etc. */
strong {
font-weight:bold;
}
li {
float:left
}
.button_reply , .button_edit {overflow: hidden; white-space:nowrap; height: 37px; padding-left:22px; padding-top:13px; position: absolute; background-position: 0px 0px; float: left; background-repeat: no-repeat; bottom: -26px;}
.button_reply a, .button_edit a {font-size: 11px !important; text-decoration: none;}
.button_reply img, .button_edit img {margin-right: 3px; border: none; vertical-align: middle; max-width: 20px;}
.button_reply {
background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_ccc-color2_c1c1c1-color3_ccc.png);
width:110px;
left: -10px;
z-index: 500;
}
.button_reply:hover {
background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_ccc-color2_ddd-color3_ccc.png);
}
.button_edit {
background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_ccc-color2_c1c1c1-color3_ccc.png);
width:160px;
left: 108px;
z-index: 100;
}
.button_edit:hover {
background-image: url(https://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_ccc-color2_ddd-color3_ccc.png);
}
.ifos {margin: 15px 0px 5px -20px; display: block !important;}
.cal_error {font-weight: bold; padding: 20px; margin: 0px 0px 10px 0px; color: red;}
.tabs {list-style: none;}
.tabs li {padding: 5px 15px 5px 15px; background-color: #D0D0D0; border-right: 1px solid #777;}
.tabs #current { background-color: #A9A9A9; }
.calendar_header{
width: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.calendar_weeks{
border-collapse:collapse;
border:none;
padding: 0px;
font-size:2em;
font-weight:bold;
vertical-align: middle;
text-align:center;
background: #D0D0D0;
}
.calendar_add_event_link{
font-size:2em;
font-weight:bold;
text-align: center;
}
.calendar_day_link{
text-decoration: none;
font-weight: bold;
font-size: 17px;
color: #555 !important;
}
.calendar_next_link{
text-decoration: none;
}
.calendar_days_header{
font-weight: bold;
background: #D0D0D0;
color: #666
}
.calendar_days_body{
height:256px;
background:#4E4E4E;
vertical-align:top;
}
.calendar_H1 {
color:#999999;
font-weight:bold;
}
#day_view_table{
text-align:center;
width:50%;
border-collapse: collapse;
margin-left: 25%;
}
.calendar_nav_tabs{
margin-left: 25%;
}
.forumbg { padding: 5px 0px 3px 0px; }
.forumbg a {text-decoration: none;}
.forumbg a img {margin: 0px !important;}
.forumbg_light{
background:#D0D0D0 none repeat-x scroll 0 0;
margin-bottom:5px;
}
fieldset {border: none !important;}
/*WIDGET Einstellungen*/
.settingbox {margin: 5px 10px; padding: 2px 5px; border: 1px solid #777; display: none;}
.settingbox input, settingbox select {font-size: 11px !important; border: 1px solid #aaa; padding: 1px 5px;}
.message .messagehead h3 {font-size: 13px; display: inline; color: #555 !important; font-family: Source Sans Pro !important;}
.message .messagehead a {text-decoration: none; background-image: none;}
.message .messagehead img, .message .messagehead a img {border: none; vertical-align: middle; margin-right: 3px;}
.r {float:right;}
.c {clear: both;}
/*
iframe {border: none !important; width: 100% !important; overflow: auto; height: 700px !important;}
iframe body {border: none !important;}
*/
.message .messagehead ul {margin-left: 20px; float: none !important; display: block;}
.message .messagehead li {float: none; margin: 0px; padding: 0px; line-height: 100%;}
.message .messagehead ul li ul {padding-top: 0px;}
.warning {color: #e8a900; font-size: 11px;}
.okay {color: green; font-size: 11px;}
/*Seitenanzeige*/
.pagesBg {height: 24px; -moz-border-radius: 7px; margin: 10px 0px 0px 0px; width: 1098px; background-image: url(https://img.homepagemodules.de/ds/cached/gradientplus-w_1-h_24-top_f9f9f9-bottom_e3e3e3-btop_f9f9f9.png);); border: 1px solid #c2c2c2;}
.pagesBg a {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #c2c2c2; height: 24px; font-size: 11px;}
.pagesBg a:hover {background-color: #f6f6f6; background-image: none; cursor: pointer;}
.pagesBg a.active {background-color: #f8f8f8; background-image: none;}
.pagesBg .pages, .mark_as_read {float: left; display: block; height: 24px; padding-right: 20px; padding-left: 10px; font-weight: bold; border-right: 1px solid #c2c2c2; line-height: 24px; font-size: 11px; color: #626262; }
.pagesBg a.inactive {color: #d6d6d6;}
.pagesBg a.inactive:hover {background-color: transparent; cursor: default;}
/*Neue CSS Update 11.02.10*/

.thrPag a {display: block; float: left; margin-right: 4px; font-size: 9px; border: 1px solid #7d8170; padding: 0px 4px; -moz-border-radius: 2px; border-radius: 2px;}
.thrPag {float: right; margin-right: 10px;}
.thrPag b {font-size: 9px; margin-right: 5px; float: left;}
.button_reply {margin-left:-1px;}
.onstat {font-size: 11px; white-space: nowrap; display: inline;}
.onstat span {text-transform: capitalize;}
.igmid {vertical-align: middle; margin-right: 3px; border: none;}
.row_h:hover {background-color: #d2d2d2 !important; cursor: pointer !important;}
.row_h:hover a {text-decoration: underline !important;}
.jumpTo a {text-decoration: none; font-size: 11px; font-size: 11px; display: block; float: none; border-top: 1px solid #777; border-bottom: 1px solid #777; margin-top: -1px; padding: 5px 7px;}
.jumpTo a:hover {background-color: #d2d2d2 !important; cursor: pointer;}
.jumpTo {width: 300px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; border: 2px solid #777; background-color: #ccc; font-weight: normal !important; z-index: 4000; line-height: 100% !important; text-align: left !important;}
.close:hover {cursor: pointer;}
.graph {position: relative;}
.graph div {font-size: 10px !important; width: 500px; color: white; height: 22px; display: block; float: none;}
.botop {border-top: 1px solid #dddddd;}
span.pageNow {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #c2c2c2; height: 24px; font-size: 11px; background-color: #f8f8f8; background-image: none;}
/*Neue CSS ENDE*/
/*Neue CSS Update 19.02.10*/
/*Spoiler-Design*/
.hpm_spoiler_open{
background:url("https://i.imgur.com/LUFMFz9.png") no-repeat scroll left center transparent;
display:block;
padding-left:25px;
}
.hpm_spoiler_closed {
background:url("https://i.imgur.com/58IuAyC.png") no-repeat scroll left center transparent;
display:block;
padding-left:25px;
}
.hpm_spoiler_body {
background:none repeat scroll 0 0 #ccc;
background-color: #d9d9d9;
display: none;
border-color:#bbb;
border-style:solid;
border-width:0 1px 1px 1px;
margin:0;
padding:0;
width:100%;
}
.hpm_spoiler_headinput {
border:0 none;
cursor:pointer;
font: bold 11px Source Sans Pro;
color: var(--primone);
margin-bottom:0;
margin-left:6px;
margin-top:1px;
padding:2px 24px 3px;
position:relative;
text-align:left;
text-transform: uppercase;
letter-spacing: 1px;
width:100%;
}
.hpm_spoiler {
margin:6px;
width:60%;
}
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0 #ccc;
background-color: #d9d9d9;
border:1px solid #bbb;
color: #999;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
/*Spoiler2-Design*/
.hpm_spoiler2_open{
display:block;
padding-left:25px;
text-align: center;
}
.hpm_spoiler2_closed {
display:block;
padding-left:25px;
text-align: center;
}
.hpm_spoiler2_body {
background-color: #ddd;
display: none;
margin:0;
padding:0px 3px;
width:440px;
}
.hpm_spoiler2_headinput {
background-color: #e5e5e5;
cursor:pointer;
font: 11px karla;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--primtwo);
margin-bottom:0;
margin-left:px;
margin-top:0;
text-align: center !important;
position:relative;
text-align:left;
width:445px !important;
padding: 3px 10px;
border: 1px solid #d5d5d5 !important; outline: 2px solid #ddd !important;
}
.hpm_spoiler2 {
margin:6px;
width:450px;
}
.hpm_spoiler2_headdiv {
background-color: #ddd;
color: #999;
height:20px;
margin:0;
padding:1px 0px;
width:445px !important;
}
/*Spoiler-Design 3*/
.hpm_spoiler3_open{
background:url("https://i.imgur.com/ARJoqbO.png") no-repeat scroll right center transparent;
display:block;
padding: 0 25px;
text-align: center;border-radius: 4px;
}
.hpm_spoiler3_closed {
background:url("https://i.imgur.com/IeMyEZt.png") no-repeat scroll right center transparent;
display:block;
padding: 0 25px;text-align: center;border-radius: 4px;
}
.hpm_spoiler3_body {
display: none;
margin:0;
padding:0px 10px;
width:100%;
}
.hpm_spoiler3_headinput {
background-color: #e5e5e5;
cursor:pointer;
font: 10px karla;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #333;
margin-bottom:0;
margin-left:px;
margin-top:0;
text-align: left !important;
position:relative;
text-align:left;
width:100% !important;
padding: 3px 10px;
border: 1px solid #e5e5e5 !important;
}
.hpm_spoiler3 {
margin:6px;
width:100%;
}
.hpm_spoiler3_headdiv {
background-color: #ddd;
color: #999;
height:20px;
margin:0;
padding:1px 0px;
width:100% !important;
border-radius: 4px;
}
/*SpoilerBW-Design*/
.hpm_spoilerbw_open{
display:block;
padding-left:25px;
text-align: center;
}
.hpm_spoilerbw_closed {
display:block;
padding-left:25px;
text-align: center;
}
.hpm_spoilerbw_body {
background-color: #d5d5d5;
outline: 2px solid #d5d5d5;
display: none;
margin:0;
padding:0px 3px;
width:255px;
}
.hpm_spoilerbw_headinput {
background-color: #e5e5e5;
cursor:pointer;
font: 11px karla;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--primtwo);
margin-bottom:0;
margin-left:px;
margin-top:0;
text-align: center !important;
position:relative;
text-align:left;
width:260px !important;
padding: 3px 10px;
border: 1px solid #d5d5d5 !important; outline: 2px solid #ddd !important;
}
.hpm_spoilerbw {
margin:6px;
width:260px;
}
.hpm_spoilerbw_headdiv {
background-color: #ddd;
color: #999;
height:20px;
margin:0;
padding:1px 0px;
width:260px !important;
}
/*Neue CSS ENDE*/
/*Added for new Code-Block*/
.codeblock{border:0px solid black;width: 640px;padding:0 5px 0px 5px; }
.codeheader{margin-left:0px; text-transform:capitalize; font: 100% courier,monospace;}
.codelines{
color: #555;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid #777;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #ccc;
background-image: url(https://files.homepagemodules.de/b2001010/a_675.png);
background-repeat:repeat;
width: 25px;
overflow: auto;
overflow-Y:hidden;}
.code pre{
font-size: 12px;
padding: 0;
margin: 0;
line-height: 20px;
background-color: #ccc;
background-image: url(https://files.homepagemodules.de/b2001010/a_675.png);
background-position: top;
background-repeat:repeat;
width: 600px;
overflow: auto;
overflow-Y:hidden;}
pre code {
font-size: 11px;
font-family: courier,monospace;
color: #555;
margin: 0 0 0 15px;
padding: 0;
display: block;}
#fb_like {background-color: transparent; padding: 3px 3px 0px; }
.widget_calendar_integration {float: left; margin-right: 10px; padding: 0px;}
.widget_view {float: left;}
.widget_view input, .widget_calendar_integration input {background-color: transparent; border: none; color: #7d8170; font-size: 11px; text-decoration: underline;}
.widget_view_intext {display: block;}
.widget_view_intext input {clear: both;}
.widget_view_body div {float: left; margin-right: 5px;}
.widget_view_body_delete {display: block; clear: both;}
/*Kalender Widget*/
.widget_calendar_event {border-bottom: 1px solid #777; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: 11px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid #777;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid #777; padding: 5px; text-align: justify; font-size: 11px; margin-bottom: 10px;}
.widget_calendar_integration_empty {width: 200px; height: 100px; background-image: url(//files.homepagemodules.de/b2001010/a_43.png) !important; background-repeat: no-repeat; background-position: center;}
.widget_calendar_integration a {text-decoration: none; margin-bottom: 5px;}
/*Bilder Widget Integration*/
.widget_picture_integration .image {border: 1px solid #777; position: relative; float: left; margin: 5px;}
.widget_picture_info {width: 150px; height:150px; background-color: black; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color: white;}
.widget_picture_info small {padding: 5px;}
.widget_picture_integration {float: left;}
.statimg{vertical-align:middle; padding-left: 2px; padding-top: 2px;}
.postbody h1,.postbody h2,.postbody h3{color:}
ul.postindex{margin-left:20px; list-style:none;}
ul.postindex li{float:none !important;line-height:30px;}
ul.postindex li.size_1{margin-top:5px;}
ul.postindex .size_1 a{font-size: large; }
ul.postindex .size_2 a{padding-left:10px;font-size: medium}
ul.postindex .size_3 a{padding-left:20px; font-size: small}
/*Ratings.start*/
.xratings{text-align:left;margin-right:10px;}
.r_type, .c_type,.c_id,.i_id,.xor_id{display:none;}
.ratingbutton{
padding:5px 15px 5px 15px;
margin: 3px 5px 3px 0px;
background-color: #c1c1c1;
border: 1px solid #aaa;
font-size: 13px;
font-weight: normal;
color: #666;
cursor:pointer;
display: inline-block;
}
.ratingbutton img{vertical-align:middle;}
.ratingbutton_text{margin-left:5px;}
.rating_table{width:100%;}
.ratinguser{display:inline-block; text-align:center; }
.ratingusers_temp{display:none;}
.ratinguser img{max-width:60px;}
.rating_header img{vertical-align:middle; margin-right:10px; 2px 0px 2px 5px;}
/*Ratings.end*/
/*Upload Progress Bar start*/
#progress {
width:300px;
text-align:left;
background: #ccc;
border: 1px solid #777;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #ddd bottom left repeat-x;
}
/*Upload Progress Bar end*/
/*Zitate*/
.savequot{padding-left:20px !important; background:url(//files.homepagemodules.de/b2001010/a_277.png) no-repeat left center !important;}
.savequot.act{background:url(//files.homepagemodules.de/b2001010/a_276.png) no-repeat left center !important;}
.nopad{margin: 0px !important; padding:0px !important;}
/*Spoiler wenn Avatare links*/
.avaleft .hpm_spoiler{float:left;}
.avaleft .spoilerclear{clear:both; display:block !important;}
/* Listen im Beitragstext */
.messagetext li,.text li {
display: list-item;
margin-left: 20px;
float: none;
}
.ForumRules li {
float:none;
margin-left: 20px;
}
/*Kalender*/
#calroot {
z-index:10000;
margin-top:-1px;
width:198px;
padding:2px;
background-color:#fff;
font-size:11px;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow: 0 0 15px #666;
-webkit-box-shadow: 0 0 15px #666;
}
#calhead {
padding:2px 0;
height:22px;
}
#caltitle {
font-size:14px;
color:#0150D1;
float:left;
text-align:center;
width:155px;
line-height:20px;
text-shadow:0 1px 0 #ddd;
}
#calnext {
display:block;
width:20px;
height:20px;
background:transparent url("https://files.homepagemodules.de/b2001010/a_491.png") no-repeat scroll center center;
float:left;
cursor:pointer;
color: red !important;
margin-top:1px;
}
#calprev {
display:block;
width:20px;
height:20px;
background:transparent url("https://files.homepagemodules.de/b2001010/a_492.png") no-repeat scroll center center;
float:left;
cursor:pointer;
color: red !important;
margin-top:1px;
}
#calprev.caldisabled, #calnext.caldisabled {
visibility:hidden;
}
#caltitle select {
font-size:10px;
}
#caldays {
height:14px;
border-bottom:1px solid #ddd;
}
#caldays span {
display:block;
float:left;
width:28px;
text-align:center;
}
#calweeks {
background-color:#fff;
margin-top:4px;
}
.calweek {
clear:left;
height:22px;
}
.calweek a {
display:block;
float:left;
width:27px;
height:20px;
text-decoration:none;
font-size:11px;
margin-left:1px;
text-align:center;
line-height:20px;
color:#666;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.calweek a:hover, .calfocus {
background-color:#ddd;
}
a.calsun {
color:red;
}
a.caloff {
color:#ccc;
}
a.caloff:hover {
background-color:rgb(245, 245, 250);
}
a.caldisabled {
background-color:#efefef !important;
color:#ccc !important;
cursor:default;
}
#calcurrent {
background-color:#498CE2;
color:#fff;
}
#caltoday {
background-color:#333;
color:#fff;
}
body.stop_scrolling
{
position: fixed;
overflow-y: scroll;
width: 100%;
}
.clear {
line-height:0;
height: 0;
font-size: 1px;
clear: both;
margin: 0;
padding: 0;
float:none !important;
border: none; }
.niceTitleBox {
visibility: hidden;
transition: 300ms;
opacity: 0;
position: absolute;
padding: 10px;
bottom: 100%;
left: 0px;
min-width: 200px;
max-width: 500px;
max-height: 300px;
font-size: 13px;
color: ;
background-color: #4E4E4E;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px #1b1b1b;
-webkit-box-shadow: -2px 4px 6px #1b1b1b;
box-shadow: -2px 4px 6px #1b1b1b;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid #444444;
}
.donationinfo{padding-left: 100px; background:url(https://img.homepagemodules.de/ds/static/iconset/basic/64/basic2-163_money_coin_euro.png) 20px center no-repeat; margin-bottom:10px;background-size:contain;}
.donationbox{max-width:500px;}
.donation_options{width:100%;}
.donation_options.vertical{max-width:150px;}
.donation_options td{text-align:center; padding: 10px; border: 1px solid;}
.donation_options td:hover{
cursor:pointer;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
}
.donation_goal{text-align:center; font-weight:bold;}
.donation_progress{border:1px solid; padding: 10px;text-align:center;position:relative;max-width:500px;height:20px;}
.donation_progress .peuro{height:20px; position:absolute; display: block; width: 100%; z-index:2;}
.donation_progress .ppercent{
max-width:100%; height:20px;
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
position:absolute; top:0px; left:0px; padding:10px 0; max-width:100% !important;}
.mfiles{max-width:45%;}
.hidden{display:none;}
.xquotecont{
font-size:smaller;
}
.email_confirm{display:none;}
img.xsmile[src$=".svg"], .xob_iconlist > .xob_icon_cont img[src$=".svg"] { max-height: 24px; }
/*NEUE Forenübersicht*/

.fu_maintitel {font: 12px poppins; font-weight: 300; color: #eee; border-bottom: 1px solid #ccc; float: right; text-transform: uppercase; letter-spacing: 5px; display: inline-block; padding-bottom: 3px; margin: 25px 30px 15px 0}
.fu_titel {font: 23px Bricklay; font-weight: 0; text-transform: uppercase; text-shadow: -2px 1px 0 #e5e5e5; color: var(--primtwo); transition: ease 0.9s; padding-top: 10px; width: 220px; height: 60px;box-shadow:inset 0 -10px 0 #ddd}
.fu_titel:hover {color: var(--primone); letter-spacing: 0.5px}
.fu_sub {font: 10px karla!important; text-transform: uppercase; letter-spacing: 1px; box-shadow:inset 0 -6px 0 #dfdfdf; display: inline-block; padding: 0 2px; transition: ease all .5s; color: var(--primone) !important}
.fu_sub a {color: var(--primone) !important;font: 10px karla!important;}
.fu_sub:hover {letter-spacing: 2px}
.fu_descr {border: 8px solid #ddd; background: #ddd;margin-left: 270px;margin-top: -65px;margin-bottom: 5px; width: 375px; border-radius: 5px;font-size: 11.5px;  height: 50px; overflow-y: auto; line-height: 110%; scrollbar-width: thin; padding-left: 0p; color: #999; padding-right: 5px; text-align: justify}
.fu_quote {font: 55px Bricklay; color: #ddd; letter-spacing: 3px; text-transform: uppercase; line-height: 100%; text-align: center; opacity: .1; position: absolute; margin-top: -70px;}
.fu_quote-af {font: 55px Bricklay; color: #ddd; letter-spacing: 3px; text-transform: uppercase; line-height: 100%; text-align: center; opacity: .1; position: absolute; margin-top: 32px;}
.fu_ansdescr {border: 8px solid #ddd; background: #ddd;margin-left: 270px;margin-top: -50px;margin-bottom: 5px; width: 370px; border-radius: 5px;font-size: 11.5px;  height: 30px; overflow-y: auto; line-height: 110%; scrollbar-width: thin; padding-left: 0p; color: #999; padding-right: 5px; text-align: justify}



/*Kopiervorlagen BW + Fragen*/
    .adm_hdbox {width: 350px; height: auto; background: #d5d5d5; padding: 10px 20px; text-align: center; border: 1px solid #ddd; outline: 10px solid #d5d5d5;}
.adm_box {width: 412px; height: auto; box-shadow: -2px 2px 5px #a9a29e;}
    .adm_hdbox titel {font: 25px wakile; color: #fff; text-transform: uppercase; letter-spacing: 2px;text-shadow: -1px 0px 2px #A9A29E; }
    .adm_hdbox pretitel {font: 10px karla; color: #fff; text-transform: uppercase}
    .adm_hdbox pretitel::before {content: '\0000A0\0000A0\0000A0\002014\002014\002014\002014\0000A0\0000A0\0000A0';letter-spacing: -1px;}
    .adm_hdbox pretitel::after {content: '\0000A0\0000A0\0000A0\002014\002014\002014\002014\0000A0\0000A0\0000A0';letter-spacing: -1px;}
    .adm_txtbox {width: 270px; background: #cfcfcf; padding: 20px 70px; text-align: justify; border: 1px solid #d5d5d5; font-size: 12px}
    
    .adm_orbarea {position: ;transform:rotate(0deg); margin-left: 0px; margin-top: 0px; }
    .adm_orb {height: 26px; width: 26px; border-radius: 13px; background: rgba(225,225,225,0.7); transition: ease .5s; text-align: center !important; overflow: hidden; margin: 0 10px; outline: 1px solid #ddd; outline-offset: 4px;}
    .adm_orb-text{font: italic 10px karla; text-transform: uppercase; color: #111; opacity: 0; transition: ease .5s; width: 100px; padding-top: 6px;text-align: center !important; }
    .adm_orb-t1{color: var(--primone);transition: ease all .5s; font-size: 15px; padding-top: px; transform:rotate(0deg); margin-top: 5px;}
    .adm_orb-t2{color: var(--primtwo);transition: ease all .5s; font-size: 15px; padding-top: px;transform:rotate(0deg);margin-top: 6px;}
    
    .adm_orb:hover {width: 105px; border-radius: 12px;text-align: center !important;}
    .adm_orb:hover > .adm_orb-text {opacity: 1}
    .adm_orb:hover > .adm_orb-t1 {display: none}
    .adm_orb:hover > .adm_orb-t2 {display: none}

/* Postformatierung */
.messagetext {overflow: auto;position: relative;padding: 0px 5px} 

/* Text markieren */
::-moz-selection {color: #555;background: rgba(152,157,137,0.5);}
::selection {color: #555;background: rgba(152,157,137,0.5);}

/* Scrollbars */
::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-track {background: #aaa; border: 3px solid #eee}
::-webkit-scrollbar-thumb {background:-webkit-linear-gradient(225deg, var(--primtwo) 0%, var(--primone) 80%)!important;border:2px solid #eee; border-radius: 3px !important}    
.body,html{scrollbar-width: thin!important;}

/* Links */
:link:hover {color: #ccaa99;-webkit-transition:0.7s;-moz-transition:0.7s;transition: ease 0.7s;text-decoration: none;}
a:link {text-decoration: none;}

/* Root Einstellungen */
:root {
--primone: #b76439; /*orange*/
--primtwo: #000000; /*grün*/
--primonelight: #c29883; /*hellorange*/
--primtwolight: #b2b5ab; /*hellgrün*/

--primonehighlight: #ccaa99; /*hellorange für Text FX*/
--primtwohighlight: #000000; /*hellgrün für Text FX*/
--fxfivelight: #caa18b; /*Text FX 5 orange hell*/
--fxfivedark: #b76439; /*Text FX 5 orange dunkel*/
--fxsixlight: #000000; /*Text FX 6 grün hell*/
--fxsixdark: #000000; /*Text FX 6 grün dunkel*/

--hexe: #7f906c;
--jager: #64788f;
--mensch: #937aa0;
--vampir: #98493e;
--wendigo: #B99d49;
--werwolf: #b98f69
}

/* Schriften */
@font-face{font-family:Tiffany;src:url(https://dl.dropbox.com/s/z5ae8b6dzysia09/TiffanyScript.otf);}
@font-face{font-family:Elmwood;src:url(https://dl.dropbox.com/s/lpet3954xg7cutu/Elmwood.ttf);}
@font-face{font-family: Harbour Regular;src:url(https://dl.dropbox.com/s/rwd4h6unewr9eco/harbour-regular.ttf);}
@font-face{font-family: Harbour;src:url(https://dl.dropbox.com/s/l19wmrtjkrr9q72/harbour-roughen.ttf);}
@font-face{font-family: Quentin;src:url("https://files.jcink.net/uploads2/moonrpg/Quentin.otf");}
@font-face{font-family: Bame;src: url(https://dl.dropbox.com/s/mxhrd5y8v5394d0/Bame.ttf);}
@font-face{font-family: Bricklay;src: url(https://dl.dropbox.com/s/hhu0qfnq60o9s3e/BricklayDemoRegular.ttf);}
@font-face{font-family: Wakile;src:url('https://files.jcink.net/uploads2/syan/fonts/wakile.otf')}

/* Überforen Titel */
.sta {width: 1100px; height: 70px;text-align: center; background: url(https://i.imgur.com/tAKzyK8.jpg) center fixed; margin-bottom: -3px; border-top: 2.5px solid var(--primtwolight);}
.stt {font: 10px karla !important; color: #fff;margin-top: 25px; text-transform: uppercase; letter-spacing: 3px; display: inline-block; background: rgba(0,0,0,0.2); padding: 5px 15px; border-radius: 4px; position: relative; z-index: 9999}
.stq {font: 80px harbour regular; color: #ddd; letter-spacing: 3px; text-transform: lowercase; line-height: 100%; text-align: center; opacity: .1; position: absolute; margin-top: -120px; z-index: 10}
.st-af {font: 80px harbour regular; color: #ddd; letter-spacing: 3px; text-transform: lowercase; line-height: 100%; text-align: center; opacity: .1; position: absolute; margin-top: -43px;}
.staa {width: 1060px;text-align: justify; background: url(https://i.imgur.com/tAKzyK8.jpg) center fixed; margin-bottom: -px; padding: 10px 20px; margin-top: 10px}
.staa-t {font: 11px karla; text-transform: uppercase; color: #eee !important; display: inline-block; letter-spacing: 1px;} 


/*Benutzerbild*/
.pc-e{transition: all 2s ease; position: sticky !important; display: flex;}
.pc-e:hover{filter: invert(100%) saturate(0%) contrast(150%);transform: scale(1.15) rotate(0deg)}

/* Activity Feed */
#xActivityFeed {max-height: 150px !important;scrollbar-width: thin!important;background-color: #d5d5d5 !important;}
.xFeedContainer h2:first-child {;width:1100px;height:75px;padding:0;text-align:center;z-index:1;position:flex;text-transform: lowercase;z-index:4;color: #fff !important;margin-top: 10px;text-transform: lowercase !important; border-top: 2.5px solid var(--primtwolight)}

/* Forentitel aktuell */
.title1 {font: 15px playfair display; font-weight: 800; text-transform: uppercase; text-shadow: -2px 1px 0 #e5e5e5; color: var(--primtwo); transition: ease 0.9s; padding-top: 3px}
.title1:hover {color: var(--primone); letter-spacing: 0.5px}

.subpart {padding: 3px 0px 3px 0px;}
.subpart a {background: linear-gradient(225deg, var(--primtwo) 20%, var(--primone) 100%); font: 8px karla; text-transform: uppercase; letter-spacing: 1px; padding: 2px 5px; color: #eee;transition: ease 0.9s}

.subpart a:hover {letter-spacing: 2px}

.sub2 {background: linear-gradient(225deg, var(--primtwo) 20%, var(--primone) 100%); font: 8px karla; text-transform: uppercase; letter-spacing: 1px; padding: 2px 5px; color: #eee;transition: ease 0.9s; border-radius: 4px;}
.sub2:hover {letter-spacing: 2px}
.sub2e {background-color: rgba(255,255,255,0.2); font: 8px karla; text-transform: uppercase; letter-spacing: 1px; padding: 2px 5px; color: #fff;transition: ease 0.9s; border: 1px solid #eee}
.sub2e:hover {letter-spacing: 2px}

/* Scrollbars */
.scroll {height: 340px;width: auto; overflow-y:scroll; padding: 5px; scrollbar-width:thin}
.scroll1 {height: 190px;width: auto; overflow-y:scroll; padding: 5px; scrollbar-width:thin}
.scroll2 {height: 140px;width: auto; overflow-y:scroll; padding: 5px; scrollbar-width:thin}
.scroll2center {height: 140px;width: auto; overflow-y:scroll; padding: 5px; text-align: center;scrollbar-width:thin}
.scroll3 {height: 90px;width: auto; overflow-y:scroll; padding: 5px; scrollbar-width:thin}
.wants-box {background-color: #282828;padding: 15px 0px;width: 550px;display:block;}
.wants-scroll {padding: 0px 5px; max-width: 420px;max-height: 100px;overflow-y: scroll;border-left: 1px solid #424242;text-align:justify;}

/* Special Lines */
.hr-new1 {border-top: 1px dashed #252525;}
.hr-new2 {border-top: 2px dotted #252525;}
.hr-new3 {border-top: 3px double #252525;}

/* Text Types */
.tx-type1 {font-size: 9px; text-transform: uppercase; color: var(--primtwo); font-weight:bold; letter-spacing: 1px}
.tx-type2 {font-size: 9px; text-transform: uppercase; color: var(--primone); font-weight:bold; letter-spacing: 1px}
.ic_tw {filter: blur(3px); transition: ease 0.8s}
.ic_tw:hover {filter: blur(0px)}

/* Thread Beschreibung */
.desc {color:#666; font-size: 11px; text-transform: ; margin-left: 20px; letter-spacing: px; margin-top: -5px; text-align: justify;width: 640px; background-color: #d5d5d5; padding: 5px 20px;}

/* Sonstiges - Theo GB */
.mheader {height: 70px; border-radius: 50%;transition: all .1s ease-in-out; }
.mheader:hover {filter: grayscale(100%)}

/* UNTERE LEISTE */
.ul-titel {background-color:#d5d5d5; text-align: center; text-transform: uppercase; font: 9px karla; letter-spacing: 1px; padding: 4px 0px; color:var(--primtwo); transition: 0.5s; border-radius: px; margin-top: -6px; border-top: 3px solid var(--primone)}
.ul-titel:hover{background-color: #d5d5d5; color: var(--primone);border-top: 3px solid var(--primtwo)}    
.ul-box {padding: 5px; background-color: #d2d2d2; height: 180px; border:5px solid #ccc; outline: 1px solid #ddd}
.ul-box2 {padding: 5px; height: 180px; border:5px solid #ccc; outline: 1px solid #ccc}
.ul-b1-links {font: 8px karla; text-transform: uppercase; letter-spacing: 1px; background-color: #d5d5d5; color: #fff !important; padding: 5px 10px; border: 1px solid #ddd; text-align: center; transition: .5s ease; margin-top: 5px;} 
.ul-b1-links:hover {border: 1px solid var(--primone)}   
.ul-scroll-on {height: 30px; overflow-y: auto; scrollbar-width: thin; padding: 0px 5px; text-align: justify}
.gr_box {font: 13px karla; text-transform: uppercase; width: 130px; height: 20px;text-align: right;}
.gr_text {padding: 0 15px 2px 0; font-size: 10px; letter-spacing: 1px}

/* Version 3 Profilvorlage */
#sthpn-app{width:600px;height:400px;position:relative;margin:20px 20px 20px 60px;background: var(--seite);overflow:hidden;line-height:130%;}
.sthpn-img{width:500px;height:400px;background-size:cover;
position:absolute;top:0px}
.quote{font: 10px karla;width: 250px; text-align: justify; text-transform: uppercase; padding: 5px; color: var(--quote-farbe)}
.name {font: 30px var(--font-three); text-align: center; padding-top: 130px; color: var(--name-farbe)}
.stcontainer{position:absolute;right:0;
height:410px;width:600px;top:-8px;overflow:hidden;z-index:3}
.stcontainer label{height:30px;width:30px;
margin:-5px 0 0;border-radius:100%;
background: var(--one);border:1px solid var(--two);
display:block;right:-535px;position:relative;cursor:crosshair; top: 70px;}
.stcontent{position:relative;background: var(--hintergrund);height:415px;
width:500px;left:0;top:160px;opacity:1;-webkit-transition:all 0.7s ease-in-out 0s
;-moz-transition:all 0.7s ease-in-out 0s;-o-transition:all 0.7s ease-in-out 0s;
transition:all 0.7s ease-in-out 0s}
#sthpn-app input:checked+label{background:#ff000}
.stcontainer input{display:none}
#stcontent2:checked ~ .stcontent{top:-256px!important}
#stcontent3:checked ~ .stcontent{top:-666px!important}
#stcontent4:checked ~ .stcontent{top:-1076px!important}
.stcontent text{display:block;width:450px;height:350px;position:relative;left:25px;top:25px;font-family:Arial;text-align:justify;color: var(--schriftfarbe);font-size:12px;overflow:auto;line-height:160%;padding-right:5px; scrollbar-width: thin}
.stcontent title{font-family:var(--font-one);color: var(--one);
text-align:centered;padding:5px 30px;font-size:40px;font-weight: 600;
text-align:right;display:block; margin-top: -15px}
.stcontent subtitle{font-family:var(--font-two);text-align:left;font-size:20px;color: var(--two);display:block;padding:5px 0; text-transform: uppercase; border-bottom: 1px solid #ccc; margin-top: -10px;}
.stcontent detail{font-family:karla;background: var(--three);color: var(--schriftfarbe);text-align:center;
padding:2px 4px;margin:5px 0;display:inline;font-size:12px;
text-transform: uppercase; margin-top:}
.stbar{background:#e5e5ec;position:absolute;z-index:2;
width:100px;height:100px;right:0;top:0}

/* Bewerbung Vorlage */
.bw_box_misc {background-color: #ddd; padding: 0px 20px; height: 50px; overflow-y: auto; text-align: center; border: 20px solid #ddd}
.bw_box_story {background-color: #ddd; padding: 10px 20px; height: 100px; overflow-y: auto; text-align: justify; border: 20px solid #ddd; scrollbar-width: thin}
.bw_box_storyline {background-color: #ddd; padding: 10px 20px; height: 150px; overflow-y: auto; text-align: justify; border: 20px solid #ddd; scrollbar-width: thin}
.bw_document {line-height: 130%; width: 550px; height: auto; padding: 10px; background-color: #d5d5d5; border: 1px solid #dfdfdf;box-shadow: -1px 1px 3px #a9a29e} 
.bw_dots {background-image:linear-gradient(225deg, var(--primone) 40%, var(--primtwo) 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 30px;padding-bottom: 5px;}
.bw_flexbtwncenter:hover .bw_img_left{width:50px; filter: grayscale(100%);}
.bw_flexbtwncenter{display:flex;align-items:center;justify-content:space-between; width: 550px; height: 300px;}
.bw_icon_box {width: 65px; text-align: center; scrollbar-width: thin}
.bw_icon_info {font: 9px karla; text-transform: uppercase; margin-top: 3px;}
.bw_icon_p {height: 15px; width: 15px; border-radius: 50%; background-color: var(--primtwo); font-size: 15px; text-align: center; color: #eee; padding: 10px;margin-left: 15px;}
.bw_icon_y {height: 15px; width: 15px; border-radius: 50%; background-color: var(--primone); font-size: 15px; text-align: center; color: #eee; padding: 10px;margin-left: 15px;}
.bw_img_left{width:200px;height:300px;object-fit:cover;transition: .5s; opacity: 1}
.bw_pic_tx .bw_desc{border-left:1px solid #eee;padding:5px 10px 5px 20px; background-color: #ddd;line-height: 130%}
.bw_pic_tx{padding:20px; background-color: #ddd}
.bw_titel {font: 10px karla; font-weight: 600; text-align: center; color: var(--primone); letter-spacing: 2px;box-shadow:inset 0 -1px 0 var(--primone);transition:all 1s; text-transform: uppercase; display: inline-block;}
.bw_titel:hover{box-shadow:inset 0 -7px 0 #eee;color: #666}
.bw_titel::before {content: "•• "}
.bw_titelname {font:italic 20px playfair display; background-image:linear-gradient(225deg, var(--primone) 20%, var(--primtwo) 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700}
.bw_pic_tx .bw_desci{border-right:1px solid #eee;padding:5px 20px 5px 5px; background-color: #ddd; text-align: justify; line-height: 130%}

/* Bewerbung Vorlage - klein */
.sm_flexbtwncenter {display:flex;align-items:center;justify-content:space-between; width: 550px; height: 150px; scrollbar-width: thin}
.sm_img_left {height:150px; width:150px; object-fit: cover;transition: .5s;}
.sm_flexbtwncenter:hover .sm_img_left {width:50px; filter: grayscale(100%)}
.sm_pic_tx {padding:20px; background-color: #ddd}
.sm_pic_tx .sm_desc {border-left:1px solid #eee;padding:5px 10px 5px 20px; background-color: #ddd; text-align: justify}
.sm_pic_tx .sm_desci {border-right:1px solid #eee;padding:5px 20px 5px 5px; background-color: #ddd; text-align: justify}

/* Kurzgesuch */
.ks-img-left {height: 70px; width: 70px; border-radius: 50%; border: 4px solid #eee; object-fit:cover; margin-right: -15px; margin-top: -25px;}
.ks-img-right {height: 70px; width: 70px; border-radius: 50%; border: 4px solid #eee; object-fit:cover; margin-left: -15px; margin-top: -25px;}
.ks-img-middle {width: 120px; height: 120px; border-radius: 50%; border: 5px solid #eee; object-fit: cover; position: relative; margin-top: -25px;}
.fakt-gelb {font: 10px karla; text-transform: uppercase; background-color: var(--primonehighlight); padding: 1px 5px; letter-spacing: 1px; border-radius: 4px; color: #eee}
.fakt-lila {font: 10px karla; text-transform: uppercase; background-color: var(--primtwohighlight); padding: 1px 5px; letter-spacing: 1px;border-radius: 4px; color: #eee}

/* Admin Kopiervorlage Fragen */
.fragen-icon[data-title]:hover:after {font:10px karla; font-weight:; content:attr(data-title); text-align: center;position:absolute; margin: 5px 0 0 -35px; background: rgba(221,221,221,0.4); border:1px solid #eee; color:#fff; padding:5px; z-index:9999; width:80px; text-transform: uppercase;}
.fragen-title {font: 54px harbour regular; color: transparent;-webkit-text-stroke: .8px #eaeaea; position: relative; transition: ease .5s}
.fragen-title:hover {letter-spacing: 3px}
.alldoc {width: calc(100% - 150px); height: auto; background-color: #ccc; border: 5px solid #d5d5d5; outline: 1px solid #ddd;padding: 20px 30px; box-shadow: -2px 2px 5px #a9a29e;}

/* OBERE LEISTE */
.sidebar {height: 100%;width: 0;position: fixed;z-index: 999;top: 0;left: 0;background: #d0d0d0;overflow-x: hidden;transition: 0.5s;padding-top: 60px;border-right: 1px solid #eee;}
.sidebar a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
.sidebar a:hover {color: #f1f1f1;}
.sidebar .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.openbtn {font-size: 15px;cursor: pointer;background-color: rgba(221,221,221,0.2);color: var(--primone);padding:12px;width: 35px;height: 35px;border: 1px solid rgba(221,221,221,0.5);float: left;position: absolute;transition: 0.3s ease;border-radius: 50%;line-height: 70%; top: 45px; left: 30px}
.openbtn:hover {background-color: rgba(203,165,74,0.4); border-radius: 40%;}
#main {transition: margin-left .5s;padding: 16px;}
@media screen and (max-height: 450px) {.sidebar {padding-top: 15px;}.sidebar a {font-size: 18px;}}
#editor {width: 200px;height: 100px;border: 1px solid #bbb;overflow-y: auto; text-align: left;background-color: rgba(250,250,250, 0.4); font-size: 13px; color: #222;margin-top: 5px;border-radius: 5px;}
.sb-hdr {font: 12px Playfair display; letter-spacing: 1px; color: #efefef; text-transform: uppercase; font-weight: } 
.sb-links {width: 85px;font: 10px karla; text-transform: uppercase; padding: 2px 0;background: linear-gradient(230deg, var(--primtwo) 0%, var(--primone) 100%); color: #eee; border-radius: 5px; text-align: center; margin-top: -12px; margin-left: -40px}
.sb-descri {font-size: 10px; width: 200px; text-align: justify; margin-left: 30px; line-height: 110%}

/* FOREN ÜBERSICHT */
.ol-box2-scroll2 {height: 70px; background-color: #d5d5d5; width: auto; margin-top: px; border-radius: 0 0 6px 6px}
.pa__compe{display:grid;grid-template:60px/repeat(2,1fr);grid-column-gap:10px}
.pa__houses{text-align:left; padding: 5px;}
.pa__house{display:flex;justify-content:space-between;align-items:center}
.pa__house>t9{white-space:nowrap}
.pa__jauge{height:2px;background-color:#e5e5e5;width:55%;text-align:left; margin-top: 8px;}
.pa__jauge>div{height:2px}
.pa__fnt {font: 9px karla; text-transform: uppercase; letter-spacing: 1px; margin-top: 8px;}
#ticker {height: 100px; width: 200px;overflow: hidden;border: 1px solid #d5d5d5;list-style-type: none;background-color: #cfcfcf;}
.ticker_box {width: 180px; height: 80px; overflow-y: auto; font: 10px karla; padding: 10px; text-align: justify;line-height: 110%; scrollbar-width: thin}
.ticker_box i {font-size: 20px; float: left; padding: 0 10px 0px 0; color: #eee}
.ticker-title {font: italic 11px karla; color: var(--primtwo); text-align: center; text-transform: uppercase; padding: 4px 0; font-weight: 600;margin-top: -4px;}
.ticker-title2 {font: italic 11px karla; color: var(--primone); text-align: center; text-transform: uppercase; padding: 4px 0; font-weight: 600;margin-top: -4px;}
.ticker-header {width: 202px; font: 11px karla; text-transform: uppercase; margin-top: 0px;background: #ddd; text-align: center; padding: 2px 0; border-radius: 0 0 0px 0px; color: #fff; letter-spacing: 1px;}
.ticker-sidepic {background: url(https://i.imgur.com/hz28iav.gif); width: 45px; height: 118px; position: ; margin-top: px; border-radius: 0 8px 8px 0; margin-left: -3px;}
.qeelimg {border: 2px solid #ddd; margin: -3px 5px 1px 5px}
.qeelimg1{background-image:url(https://i.imgur.com/fFQlKzv.png);background-position:center center;background-size:65px auto;height:40px;width:65px}
.qeelimg2{background-image:url(https://i.imgur.com/gnFkHqZ.png);background-position:center center;background-size:65px auto;height:40px;width:65px}
.qeelimg3{background-image:url(https://i.imgur.com/FrAJmQ8.png);background-position:center center;background-size:65px auto;height:40px;width:65px}
.qeelimg4{background-image:url(https://i.imgur.com/TtHkTQh.png);background-position:center center;background-size:65px auto;height:40px;width:65px}
.p-blocpa_co{;display:inline-block;font-family:'Source Sans Pro', sans-serif;font-size:12px;height:105px;line-height:14px;margin:;overflow:auto;padding:px;text-align:justify;width:300px}
.p-blocpa_co img{display:block;height:auto;width:100%}
.p-wrapper{margin:0 auto;overflow:hidden;position:relative;width:100%}
.p-blocpa_co img{display:block;height:auto;width:100%}
.p-wrapper:hover .p-overlay{height:100%}
.p-overlay{background-color:#d5d5d5;bottom:0;height:0;left:0;overflow:hidden auto;position:absolute;right:0;transition:.5s ease;width:100%; scrollbar-width: thin}
.p-content_pa{-ms-transform:translate(-50%,-50%);color:#5c5c5c;font-family:'Source Sans Pro', sans-serif;font-size:12px;height:auto;left:143px;line-height:14px;overflow:auto;padding:10px;position:absolute;top:145px;transform:translate(-50%,-50%);width:270px;}
.p-content_pa span{display:block;font-size:12px}
.wa_pic_a {height: 30px; width: 30px; border-radius: 50%; background-color: var(--primtwo)}
.wa_pic_b {height: 30px; width: 30px; border-radius: 50%; background-color: var(--primone)}
.wa_pic {height: 30px; width: 30px; border-radius: 50%; object-fit:cover;opacity:0.6;filter:grayscale(100)}
.wa_textbox {padding-left: 5px;  text-align: justify; line-height: 30%}
.wa_title_a {font: 10px karla; font-weight: bold; color: var(--primone)}
.wa_title_b {font: 10px karla; font-weight: bold; color: var(--primtwo)}
.wa_line {height: 1px; width: auto; background-color: #ddd; margin: 5px 0}

.hr_btn {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;grid-column-gap:0px;grid-row-gap: 0px;grid-area: 1 / 1 / 1 / 1; width: 200px; padding-top: 8px; background: ; text-align: center; height: 40px;}
.hr_btn i {font-size: 14px; background: #ddd; border-radius: 50%; padding: 10px;margin-left: 15px; color: var(--primone); border: 1px solid #eee;}
.hr_btn i:hover {animation: btnhv 2s ease infinite normal forwards}
.hr_btn a {height: 14px;width: 14px;object-fit: cover;grid-row-start: 1;grid-row-end: 1;transition: all 0.3s ease; padding-top: 10px; text-decoration: none}
 @keyframes btnhv {
0% {box-shadow: 0 0 10x 0px rgba(255,255,255, 0.4);}
50% {box-shadow: 0 0 10px 0px rgba(255,255,255, 0.8);}
100% {box-shadow: 0 0 10px 0px rgba(255,255,255, 0.4);}}


/* KOPFZEILE */
.title-eff {transition: ease 1s;}
.title-eff:hover {opacity: 0.2; transform: scale(1.2)}
.header-img {margin-top: 60px; transition: ease 0.5s; float:left}
.header-img:hover {transform: scale(1.05);}
.blee {margin-top: 00px; text-align: center; line-height: 100%}
.blee .nee1 {font: 140px Harbour; letter-spacing: -5px; color: rgba(0,0,0,0.8); margin-top: -168px; transition: 2s}
.blee .nee-small { font: 11px karla; text-transform: uppercase; font-weight: 500; letter-spacing: 8px; padding: 0px 0; margin-top: -10px; color: #aaa; margin-bottom: 40px; transition: 1s}
.nee1::before {font: 140px Harbour regular; letter-spacing: -5px; color: transparent;-webkit-text-stroke: 0.8px rgba(255,255,255,0.2);float: center; margin-left: 342px; position: relative; content: "underneath"; float: left; margin-bottom: -170px}
.blee:hover .nee1 {transform: scale(1.7);-webkit-transform: scale(1.7); filter: blur(10px); opacity: 0.2;}
.blee:hover .nee-small {opacity: 0}
.blee .bloo {font: 80px harbour; text-transform: lowercase; color: #111; text-align: center; transition: all 2.5s ease-in-out; opacity:0; margin-top: -110px;-webkit-background-clip: text;
 -webkit-text-fill-color: transparent;background-image: url(https://64.media.tumblr.com/c4cfcee632195202652c1f7d452f96b8/tumblr_nb5fncLJw51t5d5dyo1_500.gif); padding-bottom: 15px; line-height: 100%;text-shadow: 0 0 10px rgba(255,255,255,0.3);}
.blee:hover .bloo {opacity:.9}
.dot1 {height: 15px; width: 15px; border-radius: 50%; background-color: var(--primone); border: 1.5px solid #ccc; font: 10px karla; margin-top: -9px; position: relative}
.dot2 {height: 15px; width: 15px; border-radius: 50%; background-color: var(--primone); border: 1.5px solid #ccc; font: 10px karla; margin-top: -9px; position: relative}
.dot3 {height: 15px; width: 15px; border-radius: 50%; background-color: var(--primone); border: 1.5px solid #ccc; font: 10px karla; margin-top: -9px; position: relative}
.dot4 {height: 15px; width: 15px; border-radius: 50%; background-color: var(--primone); border: 1.5px solid #ccc; font: 10px karla; margin-top: -9px; position: relative}
.dot1[data-title]:hover:after, .dot2[data-title]:hover:after, .dot3[data-title]:hover:after,.dot4[data-title]:hover:after,.staff-img[data-title]:hover:after{font:11px karla; font-weight:; content:attr(data-title); text-align: center;position:absolute; margin: -40px 0 0 -75px; background: rgba(221,221,221,0.4); border:1px solid #eee; color:#fff; padding:5px; z-index:9999; min-width:150px; max-width:250px;text-transform: uppercase;}  
.staff-img {height: 35px; border-radius: 0%; padding: 3px; border: 1px solid #888; margin-left: 3px; margin-top: 10px; width: 35px; margin-bottom: 3px;}
.staff-name {font: 10px playfair display; font-weight: 800; text-transform: uppercase; text-shadow: -2px 1px 0 #ddd; color: var(--primtwo); letter-spacing: 1px; margin-left: -35px;}
.staff-job {font: 9px karla; text-transform: lowercase;margin-left: -35px;}
.staff-profil {font: italic 9px karla; color: var(--primone)}
.nbr {font: italic 9px playfair display; font-weight: 800; text-transform: lowercase; color: var(--primone)}
.lnk {width: 88px; font: 10px karla; text-transform: uppercase; text-align: center; padding: 5px 0; color: #ddd;transition:.5s ease; border-bottom: 1px solid rgba(69,81,54,0)}
.lnk:hover {border-bottom: 1px solid var(--primtwo)}


.hr_staff_team {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;grid-column-gap:12px;grid-row-gap: 0px;grid-area: 1 / 1 / 1; width: 175px; padding-top: 8px}
.hr_staff_team a {position: relative;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 auto;height: 100%;overflow: hidden;border-radius: 6px;transition: all 0.3s ease;}
.hr_staff_team a img {height: 100%;width: 100%;object-fit: cover;border-radius: 6px;grid-row-start: 1;grid-row-end: 1;transition: all 0.3s ease;}
.hr_staff_team span.hr_statut,.hr_staff_team name {position: absolute;z-index: 2;right: 0;top: 0;display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;color: white;transition: all 0.3s ease;}
.hr_staff_team name {right: -100%;    color: white; font: 10px karla; letter-spacing: 1px; text-transform: uppercase;}
.hr_staff_team span.hr_statut:before,
.hr_staff_team name:before {content: ""; width: 50%;position: absolute;height: 100%;display: block;z-index: -1;left: 0;opacity: 0.6;}
.hr_staff_team span.hr_statut.abs:before {background-color: #CF436B;}
.hr_staff_team span.pa_statut.pr:before {background-color: #d98ba0;}
.hr_staff_team name:before {background-color: var(--primtwolight);width: 100%;opacity:0.7}
.hr_staff_team a:hover span.pa_statut {right: 100px;}
.hr_staff_team a:hover name {right: 0;}

/*logo*/
.i_logo {display: grid;justify-items: center;gap: 0px;width: 630px;padding-top: 30px;margin-left: -370px;}
.i_logo::before {content: "";display: block;width: 80px;height: 1px;}
.i_logo > a {display: flex;align-items:flex-end;z-index: 1;}
.i_logo>a::before,.i_logo>a::after{content:'';display:block;width:93px;height:119px;background-size:90px;}
.i_logo>a::after{transform:rotateY(-190deg)}.i_logo>a>div {display: grid;grid-template: 1fr / 1fr;justify-items: center;align-items: center;}
.i_logo>a>div img {grid-row: 1;grid-column: 1;transition: all 0.5s;}
.i_logo-runes {width: 410px;animation:spin 100s linear infinite;}
@keyframes spin { 100% {transform: rotate(360deg); } }
#i_logo {width: 295px;height: 295px;object-fit: cover;box-sizing: border-box;border-radius: 50%;box-shadow: 0 0 20px rgb(255 255 255 / 5%);transform: scale(1);}
.i_logo .i_logi {height: 340px; border-radius: 50%;box-shadow: 0px 0px 20px rgba(0,0,0,0.3);transition: ease-in-out 1s;filter: invert(0%); margin-top: -375px}
.i_logo:hover .i_logi {transform: rotate(15deg)}

/* MITGLIEDER PROFIL */
.mitgliederprofiltitel {letter-spacing: 5px;position: relative;text-transform: uppercase;background: url(https://i.imgur.com/tAKzyK8.jpg) center fixed;width: 1100px;height: 20px;padding-top: 8px;text-align: center;color: #999; font: 11px karla; border-top: 2.5px solid var(--primtwolight);margin-top: 10px;transition: ease 1s}
.mitgliederprofiltitel:hover {border-top: 2.5px solid var(--primonelight)}

/* INFODOC */
.infodoc {width: 580px; height: auto; padding: 5px;box-shadow: -2px 2px 5px #a9a29e; background-color: #ddd;border: 5px solid #ccc; outline: 1px solid #ddd; outline-offset: px; border-radius: 25px 25px 0 0}
.header-story{width: 580px; height: 160px; object-fit: cover; padding: 40px 0 40px 0;border-radius: 15px 15px 0 0}
.infodoc .title {font: 30px wakile; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-top: 25px;text-shadow: 0px 0px 4px rgba(0,0,0,0.5);}
.infodoc .tbody {width: 560px; padding: 10px; background-color: #ccc}
.infodoc .subtit {background-color: #ddd; border: 1px solid #eee; padding: 5px 0; font: 9px karla; text-transform: uppercase; text-align: center;margin-bottom: 10px; color: #222; letter-spacing: 2px; border-radius: 4px}
.tbody cap {font: italic 45px playfair display; float: left;padding-right: 10px; color: var(--primone)}
.cad_col{column-count:2;column-gap:20px}
.arrow-l[data-title]:hover:after {font:10px karla; font-weight:; content:attr(data-title); text-align: left;position:absolute; margin: -2px 0 0 10px;color:#fff; padding:5px; z-index:9999; width:100px;text-transform: uppercase;}
.arrow-l {margin-top: 65px; margin-left: 20px;; color: #fff; font-size: 15px; position: absolute; background: rgba(225,225,225,0.2); padding: 10px 5px; border-radius: 3px;}
.arrow-r[data-title]:hover:after {font:10px karla; font-weight:; content:attr(data-title); text-align: right;position:absolute; margin: -2px 0 0 -130px;  color:#fff; padding:5px; z-index:9999; width:100px; text-transform: uppercase;}
.arrow-r {margin-top: 65px; margin-left: 540px; color: #fff; font-size: 15px; position: absolute; background: rgba(225,225,225,0.2); padding: 10px 5px; border-radius: 3px;}
.infodoc quote {font: 10px karla; text-transform: uppercase; color: #fff}
.infodoc quote::before {content: '\0000A0\0000A0\0000A0\002014\002014\002014\002014\0000A0\0000A0\0000A0';letter-spacing: -1px;}
.infodoc quote::after {content: '\0000A0\0000A0\0000A0\002014\002014\002014\002014\0000A0\0000A0\0000A0';letter-spacing: -1px;}
.infodoc i:hover {animation: arrow 7s ease 0s infinite normal forwards;}
.infodoc .orbout {height: 20px; width: 20px; border-radius: 50%; background-color: rgba(221,221,221,0.5); padding:10px; margin-top: 5px;font-size: 18px; color: #fff}
.infodoc .orbmid {height: 25px; width: 25px; border-radius: 50%; background-color: rgba(0,0,0,0.7); padding:10px; margin-top: 5px;font-size: 25px; color: #ddd}
.orbmid:hover {animation: arrow 7s ease 0s infinite normal forwards;}
@keyframes arrow {
	0%,100% {transform: rotate(0deg);transform-origin: 50% 50%;}
	10% {transform: rotate(8deg);}
	20%,40%,60% {transform: rotate(-10deg);}
	30%,50%,70% {transform: rotate(10deg);}
	80% {transform: rotate(-8deg);}
	90% {transform: rotate(8deg);}
}
.box1 {width: 182px; padding: 5px 0; background-color: #bbb; text-align: center; font: 10px karla; border-radius: 5px; color: #fff}
.box2 {width: 137px; padding: 5px 0; background-color: #bbb; text-align: center; font: 10px karla; border-radius: 5px;color: #fff}

/* BEWERBUNG + VORSTELLUNG VORLAGE */
.RP01 {background: #d5d5d5;width:560px;padding-bottom:45px;overflow:hidden;margin: 20px 0 20px 80px ;box-shadow: -2px 2px 5px #a9a29e; border-radius: 85px 0px 0px 0px;}
.RP01txt {width:395px;background: #ddd;margin:0 auto;padding:20px;font-size:12px;line-height:16px;text-align:justify;margin-top:-90px;position:relative;box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.15);border: 1px solid #aaa; outline: 15px solid #ddd;}
.BGrachel {background: url(https://i.imgur.com/ZIllydL.jpg)}
.BGrachelimg {border:15px solid rgba(225,225,225,0.5); margin: 20px 0px 0 0px; transition: ease all .5s}
.RP01txt:hover ~ .BGrachelimg {transform: rotate(-10.37deg)}
.RP01color {transform: rotate(-6.37deg);width:600px;height:250px;margin-top:-35px;margin-left:-30px;}
.RP01img {border-radius:100%;transform: rotate(6.37deg);width:130px;margin-left:38px;object-fit:cover;height: 130px}
.RP01title {transform: rotate(6.37deg);font-family: playfair display;font-size: 36px;color: #ddd;font-weight: 600;width: 483px;text-align:right;float:right;margin-right:55px;margin-top:-100px;line-height:30px;text-shadow: -1px 1px 1px #777; text-transform: uppercase}
.RP01feat {transform: rotate(6.37deg);font-family: karla;font-size: 12px;color: #eee;font-style: italic;font-weight: 500;width: 483px;text-align:right;float:right;margin-right:60px;margin-top:-50px;}
.rw-titel {font: 11px karla; background-color: #e5e5e5; text-transform: uppercase; padding: 3px 0; text-align: center; letter-spacing: 1.5px; border-top: 1px solid var(--primtwo); border-bottom: 1px solid var(--primtwo); color:#333;}

/* FORENANSICHT FLAT */
.miniprof-avcontain { max-width: 500px; max-height: 500px; overflow: hidden; position: relative; margin: 15px 0px; border-radius: px;box-shadow: -2px 2px 4px #999390; border: 1px solid #d5d5d5}
.miniprof-avcontain .avpicm {max-width: 500px; max-height: 500px; background-size: 200px; background-image:linear-gradient(rgba(191, 191, 191, 1), rgba(183,100,57,0.5)); transition: .5s ease-in-out;  }
.miniprof-avcontain .avpic2 {max-width: 500px; height: auto; background-size: 300px; mix-blend-mode: normal; transition: .5s ease-in-out; }
.miniprof-avcontain:hover .avpic2 {mix-blend-mode: multiply; transform: rotate(7deg) scale(1.3); filter: brightness(80%) blur(3px); transition: 1s ease-in-out; }
.miniprof-avcontain .box {max-width: 500px; max-height: 500px; position: absolute; color: #000; top:0px; opacity: 0; transition: .5s ease-in-out; text-align: left; border-radius: 5px;}
.miniprof-avcontain:hover .box { opacity:1; transition: .5s ease-in-out;  }
.miniprof-avcontain .contain {opacity: 0; transition: .5s ease-in-out; height: 100%; display: flex; align-items: center;vertical-align: middle; justify-content: center; text-align: left; flex-direction: column; margin: 70px 20px 20px 20px; border: transparent solid 10px; border-left: #ccc solid 1px; color: #bfbfbf;  background: rgba (0,0,0,0.2); max-width: 500px;}
.miniprof-avcontain:hover .contain { opacity: 1; transition-delay: .3s!important; transition: 1s ease-in-out; }
.miniprof-avcontain:hover .miniproficon { opacity: 1; transition-delay: .5s!important; transition: 1s ease-in-out; }
.miniprof-avcontain .text {width:80%; padding: 10px 10px 5px 10px; justify-content: center; display: flex; align-items: flex-start; flex-direction: column; font-family: karla; text-transform: uppercase; font-size: 8px; font-weight: 300; letter-spacing: 1.5px; line-height: 200%; border-radius: 5px; color: #fff !important;}
.miniprof-avcontain .text span { font-weight: 700; font-size: 12px; font-family: playfair display; padding-bottom: 20px; color: #fff !important}
.miniprof-avcontain .miniproficon {opacity: 0; font: 10px karla; color: #fff; letter-spacing: 2px; text-transform: uppercase;transition: .5s ease-in-out !important; display: inline-block; border: 1px solid #aaa; padding: 2px 5px}


/*ICONBAR*/
.tx1 {font: 10px Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #cbc5c2;}
.tx2 {font: 9px Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px 5px; border-radius: 2px; background: #cbc5c2;}
.tx3 {font: 10px Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #c1cac7;}
.tx4 {font: 9px Montserrat; background: #c1cac7; color: #fff; padding: 2px 5px; border-radius: 3px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold}
.bor1 {box-shadow: 2px 2px 3px rgba(0, 128, 128, 0.5);height: 150px; width: 268px}
.bor2 {box-shadow: 4px 4px 6px rgba(93, 101, 94, 1);height: 150px; width: 268px}
.bor3 {border:solid 2px #e4e3e2; border-radius: 0px; outline: 1px solid #3f2733; box-shadow: 2px 2px 6px #000000; height: 150px; width: 268px}
.bor4 {border:solid 2px #9a8b92;padding:2px;height: 150px; width: 268px}
.bor5 {border:solid 2px #65746d;height: 150px; width: 268px}
.bor6 {border:solid 2px #fff;height: 150px; width: 268px}
.bor7 {border:double 3px #f5ff00;padding:1px;height: 150px; width: 268px}
.bor8 {border-radius: 50%;border: 1px solid #7c0e18; padding: 2px; height: 130px; width: 130px; object-fit: cover}
.bor9 {border-radius: 50%; border-bottom: 4px outset #aaa;border-bottom: 4px outset #aaa; padding: 2px; height: 130px; width: 130px; object-fit: cover}
.bg1 {background: #d7d4d1}
.bg2 {background: #7a7b6d}
.bg3 {background: #b9b9a8}
.bg4 {background: #a2787a}
.bg5 {background: #74a6a6}
.bg6 {background: #ffab00}
.bg7 {background: #ff5400}
.bg8 {background: #d9d8ce}
.bg9 {background: #898389}
.bg10 {background: #d3cac6}
.scroll1 {height: 340px;width: auto; overflow-y:scroll; padding: 5px; scrollbar-width:thin}
.scroll2 {height: 190px;width: auto; overflow-y:scroll; padding: 5px; scrollbar-width:thin}
.scroll3 {height: 140px;width: auto; overflow-y:scroll; padding: 5px; scrollbar-width:thin}
.scroll4 {height: 90px;width: auto; overflow-y:scroll; padding: 5px; scrollbar-width:thin}
.ansdoc {width: 370px; height: auto; padding: 0px; border: 20px solid #f5f5f5; background: #f5f5f5; border-radius: 10px; text-align: justify}
.ansdocout {width: 410px; height: auto; padding: 15px; border: 1px solid #fff; border-radius: 10px;}