:root{
  --ground:#ffffff;
  --panel:#f2fafc;
  --ink:#262626;
  --muted:#6b6b6b;
  --line:#dceef3;
  --accent:#1fb2d1;
  --accent-dark:#127187;
  --love:#e2231a;
  --radius:10px;
  --maxw:1080px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:Arial,Helvetica,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.55;
  color:var(--ink);
  background:var(--ground);
}
img{max-width:100%;height:auto;}
a{color:var(--accent-dark);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5{
  font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;
  font-weight:700;
  line-height:1.25;
  color:var(--ink);
  margin:0 0 .5em;
}
h1{font-size:1.5rem;}
h2{font-size:1.2rem;}
h3{font-size:1.05rem;}
p{margin:0 0 1em;}
ul,ol{margin:0 0 1em;padding-left:1.3em;}
table{border-collapse:collapse;width:100%;margin:0 0 1em;}
td,th{padding:6px 10px;font-size:.9rem;text-align:left;}
hr{border:none;border-top:1px solid var(--line);margin:1.2em 0;}
input,select,textarea{font:inherit;}
label{display:block;font-size:.8rem;color:var(--muted);margin-top:.6em;}
input[type="text"],input[type="email"],input[type="password"],textarea,select{
  width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;margin-top:4px;background:#fff;color:var(--ink);
}

#main{max-width:var(--maxw);margin:0 auto;padding:0 16px 40px;}

.header-holder{
  background:var(--panel);
  border-bottom:3px solid var(--accent);
  margin:0 -16px 16px;
  padding:0 16px;
}
#header{
  max-width:var(--maxw);
  margin:0 auto;
  padding:14px 0 10px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  position:relative;
}
#header img.south-carolina{display:none;}
strong.logo{display:block;font-weight:400;}
strong.logo a{display:block;}
strong.logo img{display:block;height:34px;width:auto;}
strong.logo h1{
  font-family:Arial,Helvetica,sans-serif;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.03em;
  color:var(--muted);
  margin:4px 0 0;
}
.header-holder .bg-l{display:none;}
#header form{width:100%;order:3;}
#header .top-nav ul{
  list-style:none;margin:6px 0 0;padding:10px 0 0;
  border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:14px;
  font-size:.75rem;color:var(--muted);
}
#header .top-nav li{list-style:none;}
#header .top-nav a{color:var(--muted);}

#menu{
  list-style:none;margin:0;padding:10px 0 0;width:100%;order:4;
  border-top:1px solid var(--line);
}
#menu > li{margin-bottom:2px;}
#menu > li > a,#menu > li > span{
  display:block;padding:9px 10px;border-radius:6px;font-weight:700;font-size:.85rem;color:var(--ink);
}
#menu > li > span{color:var(--muted);cursor:default;}
#menu > li > a:hover,#menu > li.active > a{background:var(--accent-dark);color:#fff;text-decoration:none;}
#menu li ul{list-style:none;margin:2px 0 6px;padding:0 0 0 16px;}
#menu li ul li{border-left:2px solid var(--line);}
#menu li ul a,#menu li ul span{display:block;padding:6px 10px;font-size:.8rem;}
#menu li ul span{color:var(--muted);}
#menu li ul a:hover{background:var(--panel);border-radius:6px;}

.login-block{
  background:var(--accent-dark);
  border-radius:var(--radius);
  color:#fff;
  padding:14px 16px;
  margin-bottom:18px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;
}
.login-block,.login-block *{color:#fff!important;}
.login-block{font-size:.85rem;}
.login-block h2{margin:0;font-size:1.05rem;}
.submit-holder .submit{
  display:inline-block;background:#fff;color:var(--accent-dark)!important;font-weight:700;
  padding:9px 22px;border-radius:999px;
}
.submit-holder .submit *{color:var(--accent-dark)!important;}
.submit-holder .submit:hover{background:var(--ink);color:#fff!important;text-decoration:none;}
.submit-holder .submit:hover *{color:#fff!important;}

#content{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;}
.content-text{min-width:0;}
.right-col{width:100%;}

.schnellsuche{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:18px;}
.schnellsuche h5,.schnellsuche h4{margin:0 0 10px;font-size:.85rem;display:flex;justify-content:space-between;}
.schnellsuche .button-open{display:none;}
.schnellsuche .box{display:block;}
.schnellsuche p{margin:0;}
.schnellsuche-search{display:block;}

.promo-holder{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:0 0 20px;}
.promo{display:flex;flex-wrap:wrap;gap:20px;}
.register{flex:1 1 260px;}
.regidterierung-info strong{display:block;font-size:1rem;margin-bottom:6px;}
.button-holder{margin-top:12px;}
.button-holder a{
  display:inline-block;background:var(--love);color:#fff;font-weight:700;padding:11px 24px;border-radius:999px;
}
.button-holder a:hover{background:#b8160f;color:#fff;text-decoration:none;}
.promo h5{font-size:.8rem;color:var(--muted);font-weight:600;margin-top:14px;}

a.number-button{
  display:inline-block;background:var(--accent-dark);color:#fff;font-weight:700;font-size:.75rem;
  padding:6px 14px;border-radius:999px;margin:2px 6px 6px 0;
}
a.number-button:hover{background:var(--accent-dark);color:#fff;text-decoration:none;}
span.number-button{
  display:inline-block;background:#eef3f4;color:var(--muted);font-weight:700;font-size:.75rem;
  padding:6px 14px;border-radius:999px;margin:2px 6px 6px 0;cursor:default;
}

.mainwindow,.defaultwindow{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;overflow:hidden;
}
.mainwindow > h3,.defaultwindow > h3{
  margin:0;background:var(--panel);padding:10px 16px;font-size:.95rem;border-bottom:1px solid var(--line);
}
.mainwindow .box,.defaultwindow .box{padding:16px;}
.bottom-bg,.top-bg{display:none;}
.search-results ul{list-style:none;padding:0;margin:0 0 10px;}
.search-results li{display:inline-block;margin-right:10px;}
table.list2 tr:nth-child(even){background:var(--panel);}

.modernbricksmenu2 ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:16px 0 10px;}
.modernbricksmenu2 a{display:block;padding:8px 16px;background:var(--panel);border-radius:999px;font-size:.8rem;font-weight:700;color:var(--ink);}
.modernbricksmenu2 a.selected,.modernbricksmenu2 a:hover{background:var(--accent-dark);color:#fff;text-decoration:none;}

#tab1,#tab2,#tab3,#tab4{display:none;}

.top-5-frauen,.top-5-manner{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:16px;}
.top-5-frauen h4,.top-5-manner h4{margin:0 0 10px;font-size:.85rem;}
.rows{display:flex;flex-wrap:wrap;gap:10px;}
.rows .photo-holder{width:72px;text-align:center;font-size:.7rem;}
.rows .photo-holder img:not(.flag){width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#fff;}
.rows .username{margin-top:4px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.left-column{display:flex;flex-direction:column;gap:16px;}

img.flag{vertical-align:middle;margin-right:4px;}
.holder.with-popup{
  display:inline-block;width:150px;vertical-align:top;margin:0 10px 18px 0;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.holder.with-popup .photo-holder{position:relative;padding:10px 10px 6px;text-align:center;}
.holder.with-popup .photo-holder img:not(.flag){width:88px;height:88px;object-fit:cover;border-radius:8px;}
.holder.with-popup .photo-holder .flag{position:absolute;top:8px;left:8px;margin:0;}
.holder.with-popup .username{font-weight:700;font-size:.8rem;margin-top:6px;}
.holder.with-popup .info{border-top:1px solid var(--line);padding:10px;font-size:.75rem;color:var(--muted);}
.holder.with-popup .info h5{display:none;}
.holder.with-popup .button-close{display:none;}
.holder.with-popup .info em{display:block;margin:6px 0;font-style:normal;}
.male{color:#1a6fa3;}
.female{color:#c2185b;}
.info .male,.info .female{font-weight:700;font-size:.8rem;}

.icon-new{display:inline-block;min-width:30px;height:14px;vertical-align:middle;}
.icon-new::before{content:"NEW";display:inline-block;background:var(--love);color:#fff;font-size:.6rem;line-height:14px;font-weight:700;padding:0 6px;border-radius:3px;}
.icon-photo{display:inline-block;background:var(--panel);color:var(--muted);font-size:.65rem;padding:1px 7px;border-radius:3px;text-transform:uppercase;}
.icon-chat{display:inline-block;background:var(--accent-dark);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;}
.online-on{display:inline-flex;align-items:center;gap:4px;font-size:0;}
.online-on::before{content:"";width:7px;height:7px;border-radius:50%;background:#2f9e5f;display:inline-block;}
.online-on::after{content:"online";font-size:.68rem;color:#2f9e5f;font-weight:700;}

.flirt-box-info,.dianas-profile,.tab{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px;}
.flirt-box-info h4,.flirt-box-info h5,.dianas-profile h5,.tab h5{margin:0 0 10px;font-size:.85rem;border-bottom:1px solid var(--line);padding-bottom:8px;}
.flirt-box-info-list{list-style:none;padding:0;margin:0;}
.flirt-box-info-list li{padding:4px 0;font-size:.8rem;}
.general ul{list-style:none;padding:0;margin:0;}
.general li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line);font-size:.8rem;}
.general li strong{color:var(--muted);font-weight:600;}
.cloudtext{display:inline-block;margin:2px 6px;color:var(--accent-dark);}
.botton-user-open{display:none;}

#footer{background:var(--panel);margin-top:30px;padding-top:24px;border-top:3px solid var(--accent);}
#footer .holder{display:flex;flex-wrap:wrap;gap:22px;padding-bottom:18px;}
#footer .holder > div{flex:1 1 160px;}
#footer h5{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 10px;}
#footer ul{list-style:none;margin:0;padding:0;}
#footer li{margin-bottom:6px;font-size:.8rem;}
#footer li span{color:var(--muted);}
.footer-nav{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin:0;padding:14px 0;border-top:1px solid var(--line);font-size:.72rem;}

@media (max-width:767px){
  #main [style*="margin-left:268px"],
  #main [style*="margin-left: 268px"]{margin-left:0!important;}
  #main [style*="margin-left:-268px"],
  #main [style*="margin-left: -268px"]{margin-left:0!important;width:auto!important;float:none!important;margin-top:14px!important;}
  #main [style*="float:left"],
  #main [style*="float: left"]{float:none!important;}
}

@media (min-width:768px){
  .header-holder{margin:0 -24px 20px;padding:0 24px;}
  #main{padding:0 24px 50px;}
  #header{padding:18px 0 12px;}
  #header img.south-carolina{display:block;height:88px;width:auto;}
  strong.logo img{height:46px;}
  #header .top-nav ul{justify-content:flex-end;border-top:none;padding-top:0;margin-top:0;}
  #header form{order:initial;}

  #menu{display:flex;flex-wrap:wrap;gap:2px;border-top:1px solid var(--line);padding-top:8px;}
  #menu > li{position:relative;margin-bottom:0;}
  #menu li ul{
    display:none;position:absolute;top:100%;left:0;margin:0;padding:8px;
    background:#fff;border:1px solid var(--line);border-radius:8px;min-width:220px;
    box-shadow:0 12px 26px rgba(0,0,0,.1);z-index:30;
  }
  #menu li ul li{border-left:none;white-space:nowrap;}
  #menu li:hover > ul,#menu li:focus-within > ul{display:block;}

  #content{flex-direction:row;align-items:flex-start;}
  .content-text{flex:1 1 auto;order:1;}
  .right-col{flex:0 0 250px;order:2;}

  .left-column{flex-direction:row;}
  .top-5-frauen,.top-5-manner{flex:1 1 0;}

  .promo h1{font-size:1.5rem;}
}