/*--------------------------------------------+
| Dreamworld Theme                            |
|---------------------------------------------|
| author: Isabel                              |
| PHP-Fusion: 8.00.100                        |
+--------------------------------------------*/

* { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

body {
    background: #080314 url(images/background.gif) center top / cover fixed no-repeat;
    color: #eee5f7;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.45;
}

a { color: #d8b0ff; text-decoration: none; }
a:hover { color: #ffd98a; }
img { border: 0; max-width: 100%; }

.dw-page {
    width: 1200px;
    max-width: calc(100% - 20px);
    margin: 0 auto;
}

.dw-header {
    width: 100%;
    text-align: center;
    padding: 8px 0 0;
}

.dw-header-image {
    display: block;
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    border: 1px solid rgba(177,125,220,.7);
    border-radius: 14px 14px 0 0;
    box-shadow: 0 8px 28px rgba(0,0,0,.65);
}

.dw-navigation {
    min-height: 135px;
    margin: 0 0 16px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #7b5398;
    border-top: 0;
    border-radius: 0 0 14px 14px;
    background: #160822 url(images/nav_oben.png) center center / 100% 135px no-repeat;
    box-shadow: 0 7px 20px rgba(0,0,0,.55), inset 0 0 20px rgba(255,210,120,.08);
}

.dw-navigation > ul,
.dw-navigation ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
}

.dw-navigation li { display: block; margin: 0; padding: 0; }
.dw-navigation li.first-link .bullet { display: none; }
.dw-navigation li a,
.dw-navigation a.white {
    display: block;
    padding: 10px 13px;
    color: #fff2ff !important;
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 0;
    background: rgba(12,4,24,.20);
    box-shadow: none;
    text-shadow: 0 1px 3px #000;
}
.dw-navigation li a:hover,
.dw-navigation a.white:hover,
.dw-navigation li.active a,
.dw-navigation li a.active {
    color: #ffe3a1 !important;
    border-color: rgba(216,174,104,.72);
    background: rgba(55,20,72,.58);
    box-shadow: inset 0 0 12px rgba(255,215,140,.12), 0 0 10px rgba(190,125,226,.22);
    text-shadow: 0 0 7px rgba(255,217,138,.28);
}
.dw-nav-bullet { color: #e4bc70; margin-right: 4px; }

.dw-content {
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 0;
}
.dw-left, .dw-right { flex: 0 0 240px; width: 240px; }
.dw-center { flex: 1 1 auto; min-width: 0; }
.dw-left { padding-right: 10px; }
.dw-right { padding-left: 10px; }
.main-bg { background: transparent; color: #eee5f7; }
.side-border-left, .side-border-right { border: 0; background: transparent; }

.dw-table, .dw-news {
    width: 100%;
    margin: 0 0 16px;
    overflow: hidden;
    border: 1px solid #67447e;
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(33,16,53,.97), rgba(10,4,22,.97));
    box-shadow: 0 6px 20px rgba(0,0,0,.42), inset 0 0 18px rgba(181,117,228,.06);
}

.dw-table-title, .dw-news-title {
    position: relative;
    padding: 11px 15px;
    text-align: center;
    color: #f2d28b;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #67447e;
    background: linear-gradient(90deg, rgba(86,48,113,.35), rgba(30,13,48,.9), rgba(86,48,113,.35));
    text-shadow: 0 0 7px rgba(242,210,139,.15);
}
.dw-table-title:before, .dw-news-title:before { content: "✦ "; color: #d6a7ff; }
.dw-table-body, .dw-news-body { padding: 14px 16px; color: #eee5f7; }
.dw-table-footer { height: 7px; border-top: 1px solid #4a315e; }

.dw-news-meta {
    min-height: 28px;
    padding: 6px 12px;
    text-align: right;
    color: #ad98bb;
    font-size: 10px;
    background: rgba(9,3,19,.34);
    border-bottom: 1px solid rgba(94,62,117,.55);
}
.dw-news-meta a { color: #cda8ed; }
.dw-news-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 7px 12px;
    color: #9d88ab;
    font-size: 10px;
    border-top: 1px solid #49315c;
    background: rgba(7,3,16,.45);
}
.dw-news-stat { margin-left: auto; }

.dw-side {
    width: 100%;
    margin: 0 0 15px;
    overflow: hidden;
    border: 1px solid #63417b;
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(34,16,54,.97), rgba(9,3,20,.97));
    box-shadow: 0 5px 17px rgba(0,0,0,.42), inset 0 0 14px rgba(172,104,221,.06);
}
.dw-side-title {
    position: relative;
    min-height: 50px;
    padding: 15px 35px 12px 10px;
    text-align: center;
    color: #fff0bd;
    font-size: 14px;
    font-weight: bold;
    background: #241039 url(images/nav_oben.png) center / 100% 50px no-repeat;
    text-shadow: 0 1px 3px #000;
}
.dw-side-title:before { content: "✧ "; color: #e0b6ff; }
.dw-panel-button { position: absolute; right: 8px; top: 15px; }
.dw-side-body {
    padding: 10px;
    color: #eee5f7;
    background: rgba(12,5,25,.55) url(images/nav_mitte.png) center top / 100% auto repeat-y;
}
.dw-side-body a { color: #d7aff7; }
.dw-side-body a:hover { color: #ffd98a; }

.button, .btn, input[type=submit], input[type=button] {
    color: #fff5ff !important;
    background: linear-gradient(180deg, #654080, #2b153e) !important;
    border: 1px solid #9668b9 !important;
    border-radius: 6px !important;
    padding: 5px 10px;
}
.button:hover, .btn:hover, input[type=submit]:hover, input[type=button]:hover {
    color: #ffd98a !important;
    border-color: #d0a65c !important;
}
.textbox, textarea, select, input[type=text], input[type=password], input[type=email] {
    color: #f5ecff;
    background: #140821;
    border: 1px solid #65457d;
    border-radius: 5px;
}

.tbl-border { border: 1px solid #604078; border-radius: 7px; overflow: hidden; background: rgba(12,5,24,.7); }
.tbl, .tbl1, .tbl2 { color: #eee5f7; background: rgba(31,15,48,.78); padding: 5px; }
.tbl1 { background: rgba(51,26,70,.7); }
.tbl2 { background: rgba(17,8,29,.82); border-bottom: 1px solid #3d294e; }
.main-body { color: #eee5f7; background: transparent; padding: 4px; }
.news-title, .capmain, .scapmain { color: #f2d28b; font-weight: bold; }
.infobar, .small2, .side-small { color: #bca8c8; }
.small { color: #eee5f7; }
.alt { color: #bda3c8; }
.quote { color: #eadcf3; background: rgba(28,13,43,.82); border: 1px solid #68477f; border-radius: 7px; padding: 8px; }
.forum-caption { color: #fff0bd; background: #35104b; padding: 4px; font-weight: bold; }
.poll { height: 8px; border: 1px solid #d5aaff; background: #160b28; }
.comment-name, .shoutboxname { color: #d8b0ff; font-weight: bold; }
.shoutbox, td, pre { color: #eee5f7; }
.shoutboxdate { color: #baa6c5; font-size: 9px; text-align: right; }
.side-caption { color: #fff0bd; background: #241039; padding: 3px 5px; font-weight: bold; }

.bottom, .panel-unten { background-image: none; }
.content-icon { background: none; }
.ot-title, .ot-unten { background: none; height: auto; }

.dw-footer {
    position: relative;
    margin: 24px 0 12px;
    overflow: hidden;
    border: 1px solid #62417a;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(22,8,38,.98), rgba(7,2,15,.98));
    box-shadow: 0 6px 22px rgba(0,0,0,.55), inset 0 0 24px rgba(170,80,230,.08);
}
.dw-footer-image {
    width: 100%;
    line-height: 0;
    text-align: center;
    background: transparent;
}
.dw-footer-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 105px;
    object-fit: contain;
    margin: 0 auto;
}
.dw-copyright {
    position: relative;
    padding: 10px 14px 12px;
    color: #aa96b7;
    font-size: 10px;
    line-height: 1.6;
    text-align: center;
    border-top: 1px solid rgba(116,73,148,.55);
    background: linear-gradient(180deg, rgba(20,8,34,.75), rgba(5,2,12,.9));
    text-shadow: 0 1px 2px #000;
}
.dw-copyright a { color: #d1a8f0; }
.dw-copyright a:hover { color: #ffd98a; }
.dw-copyright a { color: #caa5e8; }
.dw-copyright a:hover { color: #ffd98a; }

form { margin: 8px 0; }
hr { border: 0; border-top: 1px solid #604078; }
hr.side-hr { border: 0; border-top: 1px solid #3e294d; }

@media (max-width: 1000px) {
    .dw-page { max-width: calc(100% - 12px); }
    .dw-content { display: block; }
    .dw-left, .dw-right, .dw-center { width: 100%; display: block; padding: 0; }
    .dw-left, .dw-right { margin-bottom: 10px; }
}

@media (max-width: 650px) {
    .dw-header-image { border-radius: 9px 9px 0 0; }
    .dw-navigation { min-height: 105px; background-size: cover; padding: 4px 8px; }
    .dw-navigation li a, .dw-navigation a.white { padding: 8px 6px; font-size: 11px; }
    .dw-news-body, .dw-table-body { padding: 11px; }
}

@media (max-width: 900px) { .dw-navigation { min-height:100px; background-size:auto 100px; } }