.tranzparenz {
background:rgba(255,255,255,0);
}
/***** LAST MESSAGE *****/
.lastmessage {
text-align: center;
text-decoration: none;
font-family: montserrat;
font-size: 11px;
font-weight: light;
letter-spacing: 1px;
font-style: italic;
color: #c5a69ea6;
}
.lastmessage:hover {
text-shadow: 0px 0px 1px #c5a69ea6;
transition: all 0.5s ease 0s;
color: #c5a69ea6;
}
.lastmuser {
text-align: center;
font-family: montserrat;
font-size: 10px;
color: #c5a69ea6;
}
.lastmuser:hover {
text-shadow: 0px 0px 0.5px #c5a69ea6;
transition: all 0.5s ease 0s;
color: #c5a69ea6;
}
.messagecont div {
position: relative;
}
.messagetext {
margin-right: 425px;
margin-left: 2px;
margin-top: 15px;
margin-bottom: 20px;
}
/**************************************
.bottomtitelschrift {
font-family: 'montserrat',thin, serif;
font-size: 14px;
color: #c5a69ea6;
margin: 2px;
text-decoration: none !important;
display:inline;
}
.titelschrift:hover {
transition: all 1.2s;
text-decoration: none;
letter-spacing: 0px;
}
/******************* HEADER *******************/
.container {
position: relative;
float: center;
width: 105px;
height:105px;
}
.image {
display: block;
width: 105px;
height: 105px;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: 1s ease;
background-color: ;
}
.container:hover .overlay {
opacity: 100%;
}
/******************* TABELLE *******************/
#header {
width: 1170px;
background: #f0f0ef;
color: #000;
border: none;
}
.htitel {
font-size: 15px;
text-transform: uppercase;
text-align: center;
color: #000;
}
.hzelle {
padding-bottom: 2px;
padding-top: 2px;
}
.htext {
height: 110px;
margin-top:-4px;
padding-left: 4px;
padding-right: 4px;
font-size: 10px;
text-align: justify;
overflow: auto;
}
.alink1 a {
text-decoration: none;
text-transform: uppercase;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
.alink1 a:hover { color: #a9a9ab; }
.htext::-webkit-scrollbar {
width: 3px;
}
.headerlinkkasten {
margin-bottom: 3px;
text-align: center;
background-color: #e9e8f0;
border-radius : 3px 3px 3px 3px;
padding: 5px 10px 5px 10px;
color:#6E6B68;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
letter-spacing: 1px;
}
/******************* NAVI *******************/
.nav_n a {
background-color:#ffffffb0;
margin:-20px 7px 0px -5px;
list-style-type:none;
padding:11px 25px;
font-weight:700;
display:inline;
border-radius:5px 5px 5px 5px;
opacity:0.7;
text-align:center;
color:white;
font-family:montserrat;
font-size:12px;
text-shadow:1px 1px 1px #fff;
letter-spacing:1px;
text-transform:uppercase;
}
.nav_n {
margin:auto;
width:98%;
}
strong { font-weight:700;}
.tranzparenz { background:rgba(255,255,255,0);}
/************************************** BEITRÄGE & PROFIL***/
.hpm_spoiler_open{
background:url("//files.homepagemodules.de/b916765/a_104_f9039838.png") no-repeat scroll left center transparent;
padding-left:1px;
}
.hpm_spoiler_closed {
background:url("//files.homepagemodules.de/b916765/a_103_291433f2.png") no-repeat scroll left center transparent;
display:center;
padding-left:5px;
}
.hpm_spoiler_body {
background:none repeat scroll 0 0 #e9e8f0;
display: none;
border-style:solid;
border-width:0px 1px 1px 1px;
border-radius: 5px;
margin:0;
padding:0;
width:100%;
}
.hpm_spoiler {
margin:6px;
width:70%;
}
.hpm_spoiler_headinput {
border: none;
font: 10.5px montserrat;
font-weight: 580;
color: #626161;
padding:5px 14px 3px;
position:relative;
text-align:center;
text-transform:uppercase;
width:100%;
}
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0 #e9e8f0;
border:1px solid #e9e8f0;
border-radius: 5px;
height:30px;
padding:1px 0px;
width:100%;
}
/************************************** BEITRÄGE & PROFIL***/
.spoilerclear {
clear:both;
display:block !important;
}
.clear {
visibility:hidden;
display:block;
height:0;
clear:both;
}
.column { -webkit-column-count: 2; column-count:2;}
.ratingbutton {
font-size: 11px;
font-weight: 700;
color: #242323;
background-color: #ffffff70;
border-radius:12%;
background-color:#ffffff70;
border: 2px solid #ffffff70;
padding:5px;
cursor: pointer;
}
.tab-links1 {
border: 1px solid #9893af;
border-radius: 5px;
height: 30px;
width: 60px;
background-color: #eeedec;
color: #898989;
font-size: 11px;
}
/************************************** BODYFRONT ***/
.überschrift {
background-color:#d1cfcf;
padding:2px 8px 2px 8px;
font-size:10px;
font-weight:bold;
text-shadow:1px 1px 0px #e1e0e0;
color:#645451;
text-transform:uppercase;
margin-left:500px;
}
.xFeedContainer h2:first-child {
visibility:hidden;
line-height:0px;
}
.xFeedContainer h2:after {
visibility:visible;
content:url();
background-repeat:no-repeat;
}
/************************************** SCROLL ***/
html {
--scrollbarBG: #f0f0ef;
--thumbBG: #9893af;
}
::-webkit-scrollbar{ width:6px;height:6px;}
body{
scrollbar-width:thin;
scrollbar-color:var(--thumbBG) var(--scrollbarBG);
}
::-webkit-scrollbar-track{ background:var(--scrollbarBG);}
::-webkit-scrollbar-thumb{
background-color:var(--thumbBG) ;
border-radius:6px;
border:2px solid var(--scrollbarBG);
}
::selection { background:#c4b5b1;color:#000;}
a:link,a:visited,a:active {
color:#44403d;
font-weight:bold;
line-height:15px;
text-shadow:1px 1px 1px #fff;
}
:root {
--main-bg-color:#0d090a;
--sec-bg-color:#361f27;
--font1:#d9c4c1;
--font2:#e8d3d6;
--bars1:#521945;
--bars2:#912f56;
}
.lastactions li {
border-bottom:0px !important;
min-height:10px !important;
}
.forumtable {
border-collapse:separate;
border-spacing:3px;
width:1170px;
height:130px !important;
margin-left:7px;
margin-top:1px;
}
.forumtable .firsttd {
border-collapse:none;
padding:3px;
height:139px;
margin-right:-10px;
}
hr { display:none;}
.bereichtitel {
width:260px;
height:100px;
text-align:center;
padding:18px 0;
letter-spacing:2px;
border-radius:10px 10px 0 0;
font-size:10px;
font-weight:500;
text-transform:uppercase;
color:#000 !important;
}
/******************* INNENLEBEN *******************/
.upperforum {
font-family:'montserrat',serif;
font-size:25px;
font-weight:700;
color: #c5a69ea6;
padding-left:-100px;
margin-right:245px;
margin-top:8px;
margin-bottom:-13px;
border-bottom:8px solid #f3f3f1;
letter-spacing:-2px;
text-transform:lowercase;
text-decoration:none !important;
text-align:right;
}
.beschreibungstext { height:50px;
width:250px;
display:hidden;
float:left;
font-size:6.5px;
font-weight:600;
letter-spacing:0px;
margin-left:30px;
margin-top:15px;
line-height:12px;
color: #333333;
text-transform:uppercase;
overflow:auto;
}
/******************* ??? *******************/
span.tinybox:hover { color:#b58c81;
border:1px solid #efeeec;
transition:all 1.2s;
}
span.tinybox { width:90%;
color:#b58c81;
background-color:#efeeec;
font-size:10px;
text-transform:uppercase;
padding:3px 3px 3px 3px;
line-height:15px;
margin-bottom:-10px;
border:2px solid #efeeec;
text-align:center;
display:block;
}
a:link,a:visited { text-decoration:none;}
.button_reply {
width:150px;
margin-top:-15px;
font-size:11px;
color:#000;
text-transform:uppercase;
letter-spacing:0px;
font-weight:500;
}
.button_edit {
width:150px;
margin-right:60px;
margin-top:-15px;
font-size:11px;
color:#000;
text-transform:uppercase;
letter-spacing:0px;
font-weight:500;
}
.bottomtitelschrift {
font-family:'montserrat',serif;
font-size:11px;
font-weight:600;
color:#000;
margig:3px;
text-decoration:none !important;
display:inline;
}
.subforum,.subforum a {
text-align:center;
font-size:7.5px;
background-color:#f3f3f2;
color:#000;
font-family:'montserrat',cursive;
}
span.subforum {
width:70%;
padding:3px 3px 3px 3px;
line-height: 15px;
margin-bottom: -10px;
border: 1px solid #;
color: #000000b5;
text-align:center;
display:block;
margin-left:290px;
background-color:#f3f3f2;
text-decoration:none;
text-transform:uppercase;
transition-duration:0.5s;
transition-property:all;
transition-timing-function:ease;
-moz-transition-duration:0.5s;-o-transition- duration:0.5s;
-webkit-transition-duration:0.5s;
}
span.subforum:hover { color:#c5a69e;border:1px solid #0;transition:all 1.2s;}
span.subforum1 {
color:#c5a69e;
font-size:8px;
text-transform:uppercase;
width:50%;
padding:2px 2px 2px 2px;
padding-left:10px;
margin-bottom:-3px;
}
/***********************************TOOLS***/
{ height:125px;
width:245px;
width: 250px;
margin: auto;
padding: 10px;
box-sizing: border-box;
background: linear-gradient(0deg, #d3cac7, #d3cac7);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.newsbox_l {
height:195px;
width:325px;
padding:10px;
margin:auto;
box-sizing:border-box;
background:#c5a69e29;
-moz-border-radius:10px;
-webkit-border-radius:5px;
border-radius:5px;
}
.newsdatum_l {
box-sizing:border-box;
padding:5px;
margin:auto;
background:#6d554f73;
font-family:Oswald;
font-size:14px;
color:#000;
text-transform:uppercase;
font-style:italic;
text-align:center;
}
.newsinhalt_l {
height:125px;
padding:10px;
margin:auto;
box-sizing:border-box;
background:#ffffff52;
font-family:Calibri;
font-size:12px;
color:#141414;
text-align:justify;
line-height:1.0;
overflow:auto;
}
#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;}
.bubble1 {
width:300px;
margin-top:20px;
margin-left:0px;
background:#b79b94;
box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px;
border-radius:4px;
border:0px solid transparent;
padding:15px;
text-align:justify;
font-size:12px;
color:#000;
position:relative;
}
.bubble-arrow1:before {
content:"";
width:15px;
height:30px;
position:absolute;
border:0 solid transparent;
border-top:9px solid #b79b94;
border-radius:0 20px 0;
transform:rotate(37deg) scaleY(-1);
bottom:10px;
right:-18px;
}
.bubble2 {
width:300px;
margin-top:20px;
margin-left:0px;
background:#ffffff;
box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px;
border-radius:4px;
border:0px solid transparent;
padding:15px;
text-align:justify;
font-size:12px;
color:#000;
position:relative;
}
.bubble-arrow2:before {
content:"";
width:15px;
height:30px;
position:absolute;
border:0 solid transparent;
border-top:9px solid #ffffff;
border-radius:0 20px 0;
transform:rotate(145deg);
bottom:10px;
left:-18px;
}
/************************************** ICONBAR HACK ***/
.xob_subiconlist {
line-height: 32px;
display: none;
position: absolute;
top: 15px;
left: -240px;
width: 250px;
max-height: 200px;
overflow-y: scroll;
background-color: #f0f0ef;
border: 1px solid black;
z-index: 10;
padding: 1px;
text-align: center;
}
/*******************WHATSAPP*******************/
.bubble {
position: relative;
max-width: 30em;
background-color: #ffffff;
padding: 1.125em 1.5em;
font-size: 1em;
border-radius: 1rem;
}
.bubble::before {
content: '';
position: absolute;
width: 0;
height: 0;
bottom: 100%;
right:0.80em;
border: 0.75rem solid transparent;
border-top: none;
border-bottom-color: #ffffff;
}
.bubble2 {
position: relative;
max-width: 30em;
background-color: #9893af;
padding: 1.125em 1.5em;
font-size: 1em;
border-radius: 1rem;
}
.bubble2::before {
content: '';
position: absolute;
width: 0;
height: 0;
bottom: 100%;
right:0.80em;
border: 0.75rem solid transparent;
border-top: none;
border-bottom-color: #9893af;
}
/*******************POSTVORLAGEN*******************/
.verlinkung {
text-transform:uppercase;
font-size:9px;
text-align: center;
color: #9893af;
}
.zitat {
margin-bottom: -5px;
letter-spacing:2px;
font-size:9pt;
text-transform: uppercase;
color: #9893af;
font-family: notted;
padding-left: 100px;
}
.postvorlage1 {
display: block;
width: 500px;
background: #c5c7d2;
overflow:auto;
padding: 20px;
text-align: justify;
font-size: 11px;
}
.postvorlage2 {
display: block;
width: 500px;
border: 15px solid #c5c7d2;
background: #f0f0ef;
border-radius: 10px;
overflow: auto;
padding: 20px;
text-align: justify;
font-size: 11px;
}
.postvorlage3 {
display: block;
width: 500px;
border: 1px solid #9893af;
border-radius: 10px;
background: #f0f0ef;
overflow:auto;
padding: 20px;
text-align: justify;
font-size: 11px;
}
/******************* ADMINANTWORT *******************/
.adminantworttext {
display: block;
width: 400px;
height: auto;
overflow: auto;
text-align: justify;
font-size: 10px;
}
/********************* FRVORLAGE************************/
.frdoc {
width: 500px;
height: auto;
padding: 0px;
border: 15px solid #c5c7d2;
background: #c5c7d2;
border-radius: 10px;
margin-left: 100px; }
.frdocin {
width: 450px;
padding: 20px 25px 25px 25px;;
height: auto;
background: #f0f0ef;
border-radius: 10px;
height: auto;
text-align: justify}
.frdochead {
background: url(//files.homepagemodules.de/b916765/a_65_87ead65c.png) top center;
width: 500px;
margin: -25px 0 25px -25px;
padding: 30px 0;
border-radius: 10px 10px 0 0;
height: auto;
font: 30px notted;
color: #000;
text-align: center;}
.frbox {
padding: 20px;
background: #f0f0ef;
border: 1px solid #9893af;
border-radius: 5px;
}
/********************* VORLAGEN ************************/
.inouter {
width: 670px;
margin-left: 40px;
}
.inbody {
width: 300px;
height: auto;
padding: 0px;
border: 15px solid #c5c7d2;
background: #c5c7d2;
border-radius: 10px;
margin-left: 0px;
}
.ininner {
width: 250px;
padding: 20px 25px 25px 25px;;
height: auto;
background: #f0f0ef;
border-radius: 10px;
height: auto;
text-align: justify
}
.inhead {
background: url(//files.homepagemodules.de/b916765/a_65_87ead65c.png) top center;
width: 300px;
margin: -25px 0 25px -25px;
padding: 15px 0;
border-radius: 10px 10px 0 0;
height: auto;
text-align: center;
}
.inbox {
padding: 10px;
background: #f0f0ef;
border: 1px solid #9893af;
border-radius: 5px;
font-size:8pt;
}
/********************* VORLAGEN ************************/
.adminout {
width: 450px;
height: auto;
padding: 0px;
border: 15px solid #c5c7d2;
background: #c5c7d2;
border-radius: 10px;
margin-left: 0px;
}
.inadmin {
width: 400px;
padding: 20px 25px 25px 25px;;
height: auto;
background: #f0f0ef;
border-radius: 10px;
height: auto;
text-align: justify
}