@charset "UTF-8";
/*
@import url("/themes/css/blocks/usmediateaser.css") screen;
@import url("/themes/css/blocks/usnews-simple.css") screen;
@import url("/themes/css/blocks/usevents-simple.css") screen;
@import url("/themes/css/blocks/usgallery-simple.css") screen;
@import url("/themes/css/blocks/usstripe.css") screen;
@import url("/themes/css/blocks/uslist-simple.css") screen;
@import url("/themes/css/blocks/locationfinder.css") screen;
@import url("/themes/css/blocks/uscontacts.css") screen;
@import url("/themes/css/blocks/usarchive.css") screen;
@import url("/themes/css/blocks/usiconslider.css") screen;*/
/*
Theme Name: DRG Forum CSS
Theme URI: https://www.drg.de
Description:  Forum CSS
Version: 1.0
Author:		urbanstudio / Oli Feiler
Author URI: https://www.urbanstudio.de
*/

.container{}

/* Block: Forum-Topic */
.forum-topic{}
.forum-topic .card{display:block;background:#FFFFFF;transition:var(--us-transition);margin:0!important;}
.forum-topic .card *{transition:var(--us-transition);}
.forum-topic .card .card-image{position:relative;display:block;height:auto;overflow:hidden !important;}
.forum-topic .card .card-image img{display:block;transition:var(--us-transition);width:100%;height:auto;}
.forum-topic .card .card-content{padding:16px;display:flex;flex-direction:column;}
.forum-topic .card .card-content hgroup{margin-bottom:0!important;}
.forum-topic .card .card-content h3{color: var(--us-primary-color)!important;
font-size: 1.375em!important;
font-weight: 400!important;
line-height: 1.33!important;
text-wrap:balance;}
.forum-topic .card .card-text{margin-top:16px;font-size:.9rem;color:#595959;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/*.forum-topic .card .card-meta{margin-top:12px;font-size:.8rem;color:#888888;}
	.forum-topic .card .card-meta div{display:flex;align-items:baseline;max-width:240px!important;}
	.forum-topic .card .card-meta > * + *{margin-top:4px;}
	.forum-topic .card .card-meta div > i{flex:0 1 16px;} .forum-topic .card .card-meta div > i + *{padding-left:8px;}
	.forum-topic .card .card-meta div > span{flex:1 0 auto;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;}
.forum-topic .card{container-type:inline-size;container-name:card;}
@container card (min-inline-size: 660px) {
	.forum-topic .card .card-meta div{display:inline-flex;}
	.forum-topic .card .card-meta > * + *{margin-top:0;margin-left:24px;}
	.forum-topic .card .card-meta div i + *{padding-left:12px;}
}*/

.forum-topic[class*="-grid"]{display:grid;align-items:stretch;grid-gap:var(--us-gap);grid-template-columns:1fr;}
.forum-topic.image-grid .card{position:relative;border-radius:var(--us-radius);box-shadow:var(--us-box-shadow);}
.forum-topic.image-grid .card .card-image{border-radius:var(--us-radius);}
.forum-topic.image-grid .card .card-content{position:absolute;bottom:0;left:0;right:0;display:block;padding:16px;color:#FFFFFF;font-weight:500;border-radius:0 0 var(--us-radius) var(--us-radius);text-shadow:0 1px 4px rgba(0,0,0,.4);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.44) 90%,rgba(0,0,0,0.44) 100%);z-index:5;}
.forum-topic.image-grid .card .card-content h3{color:#FFFFFF !important;}
.forum-topic.image-grid .card .card-text{display:none;}


.forum-topic.card-grid .card{display:flex;flex-direction:column;position:relative;border-radius:var(--us-radius);box-shadow:var(--us-box-shadow);}
.forum-topic.card-grid .card .card-image{border-radius:var(--us-radius) var(--us-radius) 0 0;}
.forum-topic.card-grid .card .card-image:after{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.1);content:'';height:1px;z-index:3;}


.forum-topic.card-list{display:grid;align-items:start;grid-gap:16px;grid-template-columns:1fr;}
.forum-topic.card-list .card{display:flex;flex-direction:column;position:relative;border-radius:var(--us-radius);box-shadow:var(--us-box-shadow);}
.forum-topic.card-list .card .card-image{border-radius:var(--us-radius) var(--us-radius) 0 0;}
.forum-topic.card-list .card .card-image:after{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.1);content:'';height:1px;z-index:3;}


@media only screen and (min-width:660px){
	/*.forum-topic .card .card-meta{flex-direction:row;gap:24px;}*/

	.forum-topic[class*="-grid"]{grid-template-columns:1fr 1fr;}

	.forum-topic.card-list .card{flex-direction:row;position:relative;border-radius:var(--us-radius);box-shadow:var(--us-box-shadow);}
	.forum-topic.card-list .card .card-image{border-radius:var(--us-radius) 0 0 var(--us-radius);flex:0 0 33%;align-self:stretch;}
	.forum-topic.card-list .card .card-image img{width:100%;height:100%;}
	.forum-topic.card-list .card .card-image:after{top:0;left:auto;right:0;height:100%;width:1px;}
	.forum-topic.card-list .card .card-content{align-self:center;}
	.forum-topic.card-list .card .card-text{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

}
@media only screen and (min-width:768px){
	.forum-topic.card-list .card .card-content{padding:32px;}
	.forum-topic.card-list .card .card-text{font-size:1rem;}
	.forum-topic.card-list .card .card-meta{font-size:.9rem;}
}
@media only screen and (min-width:900px){
	.forum-topic[class*="-grid"]{grid-template-columns:1fr 1fr 1fr;}
	.forum-topic.hoverzoom .card:hover{transform:scale(1.05);}

	.forum-topic.card-list{gap:24px;}
	.forum-topic.card-list .card .card-image{flex:0 0 30%;}
	.forum-topic.card-list.hoverzoom .card:hover{transform:scale(1.025);}
}
@media only screen and (min-width:1200px){
	.forum-topic[class*="-grid"]{grid-template-columns:1fr 1fr 1fr 1fr;}
	/*.forum-topic.card-list{grid-template-columns:1fr 1fr;}*/
}





*[class*="ar-"] img{object-fit:cover;object-position:50% 0;}
.ar-16-9 img{aspect-ratio:16/9 !important;}
.ar-16-10 img{aspect-ratio:16/10 !important;}
.ar-4-3 img{aspect-ratio:4/3 !important;}
.ar-2-1 img{aspect-ratio:2/1 !important;}
.ar-1-1 img, .ar-quad img{aspect-ratio:1/1 !important;}


.bg-gray{background:#EDEFF2!important;border-top:1px solid #D4DDE2;border-bottom:1px solid #D4DDE2;}
.bg-to-gray{background:linear-gradient(to bottom, #F9FAFB 0%, #EDEFF2 100%);}





body.forum .block:first-child .block-header{margin-top:calc(var(--us-block-gap,24px) * 1.618);margin-bottom:var(--us-block-gap);}
@media only screen and (min-width: 1280px) {
	body.forum main .block:first-child .block-header{margin-top:64px!important;margin-bottom:36px!important;}
	body.forum main .block.has-sidebar .block-header{margin-top:64px!important;margin-bottom:4px!important;}
}






.block header.block-header hgroup.main-headline > *.overtitle{opacity:.75!important;}



.card-forum{scroll-margin:calc( var(--us-header-height) + var(--us-gap) );}



.card .card-user{}


.card.card-forum .card-user .user-nav{margin:0 12px;}
.card.card-forum .card-user .user-name{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:inherit;width:100%;max-width:150px!important;}
.card.card-forum .card-user .user-status{font-size:80%;}
.card.card-forum .card-user .user-status .special-hide{display:none;}

.card.card-forum .card-header hgroup{padding-right:var(--us-gap);}
.card.card-forum .card-header hgroup h2,
.card.card-forum .card-content hgroup h2{color:var(--us-primary-color);font-size:1.375em!important;font-weight:400!important;line-height:1.33;text-wrap:balance;}
body.forum-single .card.card-forum .card-content .card-text{font-size:var(--us-text-font-size);}
.card.card-forum:not(.edit-mode) .card-header + *{padding-top:0;}

.card.card-forum .card-content .card-meta:first-child{margin-top:0;}

@media only screen and (min-width:375px){
	.card.card-forum .card-user .user-name{max-width:180px!important;}
	.card.card-forum .card-user .user-status .special-hide{display:inline;}
}
@media only screen and (min-width:410px){
	.card.card-forum .card-user .user-avatar,
	.card.card-forum .card-user .user-avatar:before,
	.card.card-forum .card-user .user-avatar .avatar-img,
	.card.card-forum .card-user .user-avatar .avatar-initial{width:50px;height:50px;line-height:50px;font-size:20px;}
	.card.card-forum .card-user .user-avatar:before{box-sizing:border-box;}
	.card.card-forum .card-user .user-name{max-width:240px!important;}
}
@media only screen and (min-width:450px){
	.card.card-forum .card-user .user-name{max-width:280px!important;}
}
@media only screen and (min-width:768px){
	.card.card-forum .card-user .user-nav{margin:0 16px;}

	.card.card-forum .card-user .user-name{max-width:480px!important;}
	.card.card-forum .card-header hgroup{padding:0 var(--us-gap) 0 66px;}
	.card.card-forum .card-content hgroup,
	.card.card-forum .card-content .card-text{padding:0 66px;}
	.card.card-forum .card-header + .card-content .card-meta:first-child{margin-top:-8px!important;}
}
@media only screen and (min-width:990px){
	.card.card-forum .card-content{padding-bottom:32px;}
}


.card.card-forum .card-footer .gallery{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:max-content;grid-gap:12px;width:100%;}
.card.card-forum .card-footer .gallery .dia{background:#FFFFFF;box-shadow:0 0 0 1px rgba(0,0,0,.1), 0 0 5px #FFF;transition:var(--us-transition);}
.card.card-forum .card-footer .gallery .dia:hover{background:#FFFFFF;box-shadow:0 0 0 1px var(--us-primary-color,rgba(0,0,0,.1)), 0 0 5px #FFF;}
@media only screen and (min-width:410px){
	.card.card-forum .card-footer .gallery{grid-template-columns:1fr 1fr 1fr 1fr;}
}
@media only screen and (min-width:480px){
	.card.card-forum .card-footer .gallery{grid-template-columns:repeat(auto-fit,minmax(50px,80px));grid-gap:16px;}
}
@media only screen and (min-width:768px){
	.card.card-forum .card-footer .gallery{padding:0 66px;}
	.card.card-forum .card-meta{padding:0 66px;}
}


/* card-file-list permanently moved to base.css */

@media only screen and (min-width:768px){
	.card.card-forum .card-files .list-item{padding:16px 24px 16px 90px;}
}


.card.card-forum .usstyles blockquote{font-style:normal;padding-top:8px;padding-bottom:8px;background:var(--us-form-highlight-10p);border-top-right-radius:var(--us-inner-radius);border-bottom-right-radius:var(--us-inner-radius);}

.forum-answers{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:var(--us-gap) 0;}
.forum-answers .forum-answer-counter{font-weight:500;flex:1 0 auto;}
.forum-answers .btn-holder select{max-width:150px;font-weight:400!important;}
@media only screen and (min-width:350px){
	.forum-answers .btn-holder select{max-width:175px;}
}
@media only screen and (min-width:375px){
	.forum-answers{padding:0 16px;}
	.forum-answers .btn-holder select{max-width:200px;}
}
@media only screen and (min-width:430px){
	.forum-answers .btn-holder select{max-width:inherit;}
}
@media only screen and (min-width:768px){
	.forum-answers{padding:0 24px;}
}



.card.card-forum.expert{position:relative;}
.card.card-forum.expert .card-user .user-name:after{content:'\0020 \2014 \0020 Expert:in';font-weight:400;color:var(--us-highlight-color);}
.card.card-forum.expert::before{position:absolute;top:24px;left:0;bottom:24px;width:2px;content:'';background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,132,195,1) 33%, rgba(255,255,255,0) 100%);pointer-events:none;}
.card.card-forum.expert::after{position:absolute;top:0;right:0;bottom:0;width:100%;border-radius:var(--us-radius);content:'';background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 22%, rgba(0,132,195,1) 50%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%);pointer-events:none;opacity:.066;}



/* edit mode */
.card-forum.edit-mode .card-header{border-bottom:1px solid rgba(0,0,0,.1) !important;}