/* DeutschPorno layout core — lightweight Bootstrap replacement (~4KB vs ~190KB) */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;}
img,svg,video{max-width:100%;height:auto;vertical-align:middle;}
button,input{font:inherit;margin:0;}
button{cursor:pointer;}
a{text-decoration:none;}

.container{
  width:100%;
  max-width:1280px;
  margin-right:auto;
  margin-left:auto;
  padding-right:15px;
  padding-left:15px;
}
.row{
  display:flex;
  flex-wrap:wrap;
  margin-right:-12px;
  margin-left:-12px;
}
[class*="col-"]{
  position:relative;
  width:100%;
  max-width:100%;
  padding-right:12px;
  padding-left:12px;
}
@media (min-width:576px){
  .col-sm-3{flex:0 0 auto;width:25%;max-width:25%;}
  .col-sm-5{flex:0 0 auto;width:41.666667%;max-width:41.666667%;}
  .col-sm-6{flex:0 0 auto;width:50%;max-width:50%;}
  .col-sm-8{flex:0 0 auto;width:66.666667%;max-width:66.666667%;}
  .col-sm-12{flex:0 0 auto;width:100%;max-width:100%;}
}
@media (min-width:992px){
  .col-lg-3{flex:0 0 auto;width:25%;max-width:25%;}
  .col-lg-4{flex:0 0 auto;width:33.333333%;max-width:33.333333%;}
  .col-lg-8{flex:0 0 auto;width:66.666667%;max-width:66.666667%;}
  .col-lg-12{flex:0 0 auto;width:100%;max-width:100%;}
}
/* Video page: player + stats bar full width */
.dp-player-wrap,
.dp-player,
.video-bottom-content{
  width:100%;
  max-width:100%;
}

.card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  word-wrap:break-word;
}
.card-body{flex:1 1 auto;}
.card-img-top{width:100%;}

.input-group{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:100%;
}
.input-group > .form-control{
  position:relative;
  flex:1 1 auto;
  width:1%;
  min-width:0;
}
.input-group-append{display:flex;}
.input-group-append > .btn{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.form-control{
  display:block;
  width:100%;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  color:#212529;
  background-color:#fff;
  border:1px solid #ced4da;
  border-radius:.25rem;
  appearance:none;
}
.form-control:focus{
  outline:0;
  border-color:#9d174d;
  box-shadow:0 0 0 .15rem rgba(157,23,77,.2);
}
.btn{
  display:inline-block;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  text-align:center;
  vertical-align:middle;
  user-select:none;
  border:1px solid transparent;
  border-radius:.25rem;
  background-color:#e9ecef;
  color:#212529;
}
.btn-primary{
  color:#fff;
  background-color:#9d174d;
  border-color:#9d174d;
}
.btn-primary:hover{
  background-color:#db2777;
  border-color:#db2777;
}

.pagination{
  display:flex;
  flex-wrap:wrap;
  padding-left:0;
  list-style:none;
  margin:0 0 30px;
}
.justify-content-center{justify-content:center;}
.page-item{display:list-item;}
.page-link{
  position:relative;
  display:block;
  padding:.375rem .75rem;
  text-decoration:none;
}
.page-item.disabled .page-link{
  pointer-events:none;
  opacity:.65;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.text-center{text-align:center!important;}
.m-0{margin:0!important;}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important;}