/*nillacrossing&acmobile*/
/* Definitionen für Desktop- und Handystyle */

/*Generell*/
/*.Item-Body{overflow:hidden;}*/
.Activity .Excerpt p{display:block;}
dl.About dd.Name,dl.About dt.Name,dl.About dd.Visits,dl.About dt.Visits,.User-ShowEmail{display:none;}
:focus {outline:0;}
.userContent img{max-width:100%;max-height:100vh;object-fit:contain;}
/* Mit width im img-Tag gilt die Breite des Autors (höchstens die Spaltenbreite), die Höhe folgt dem Bild. */
.userContent img[width]{height:auto;max-height:none;}
.Gloss{display:block;padding-bottom:2px;}

/*Pager*/
.Pager{position:relative;}
.Pager a,.Pager span{color:#E2BBA0;border:1px solid #930;background:#B24C19;padding:4px 7px;font-weight:bold;margin:-4px 0 0 -1px;}
.Pager a{background:#c63;color:#fffcf2;text-shadow:0 -1px #930;text-decoration:none;box-shadow:inset 0 2px 0 #D9804D,inset 0 -2px 0 #B24C19;transition:background-color .2s;}
.Pager a:hover,.Pager a:focus{position:relative;background:#CC5F29;border-color:#600;text-shadow:0 -1px #600;color:#fff;box-shadow:inset 0 2px 0 #D9804D,inset 0 -2px 0 #B24C19,0 0 0 1px rgba(153,51,0,.3);}
.Pager a:active:focus,.Pager a.Highlight{position:relative;background:#CC5F29;border-color:#600;color:transparent;box-shadow:inset 0 1px 0 1px #B24C19;border-width:1px;text-shadow:0 1px #FAE9D5,0 0 #930;}
.Pager span:first-child,.Pager a:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px;}
.Pager span:last-child,.Pager a:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px;}

/*Tabellen*/
.Message table,.PageContent table{border-spacing:3px;}
.Message td,.Message th,.PageContent td,.PageContent th{padding:.3em .5em;background:#fff;border:1px solid rgba(102,0,0,.3);border-radius:3px;transition:background-color .4s;}
.Message th,.PageContent th{font-weight:bold;background:/*6*/url(thbg_neu.png)/*4*/ #FCD792;text-shadow:1px 1px #ffc;}
.Message tr:hover td,.PageContent tr:hover td{background-color:rgb(255,238,204);transition:none;}
.CenterTable table{margin:0 auto;}

/*atwho*/
.atwho-view {background:#fffadd;border:1px solid #930;box-shadow:0px 3px 10px -4px rgba(153,51,0,.7);}
.atwho-view .cur {background: #930;color:#fffadd;}
.atwho-view .cur small{color:#fffadd;}
.atwho-view strong {color:#720;}
.atwho-view .cur strong{color:#fff;font:bold;}

/*autocomplete*/
div.token-input-dropdown ul li.token-input-selected-dropdown-item{background:#feb;}
input#token-input-Form_To,input#token-input-Form_AddPeople,input#token-input-Form_UserSearch{background:none;}
div.token-input-dropdown{border-color:#930;background:#fff;text-shadow:none;}

/*Formulare*/
.EmbedCommentForm .TextBox{font-size:14px;}
#Form_StartConversation{float:left;margin-right:7px;}
#Form_User_Register a{text-decoration:underline;}

/*Suchformular*/
.SiteSearch .InputBox{border-color:#930;}
.SiteSearch .Button,.SiteSearch .Button:hover,body:not(.dataDriven) .SiteSearch .Button:focus{width:18px;height:18px;border:0;box-shadow:none;opacity:.75;margin-top:2px;border-radius:0;background:/*6*/url(lupe.png)/*4*/;}
.SiteSearch .Button:hover{opacity:1;}
.SearchForm .SiteSearch{max-width:98%;}
.SearchForm .SiteSearch .InputBox{padding:6px 3px;}
.SearchForm .SiteSearch .Button{right:5px;}

/*ButtonBar*/
.BodyBox{position:relative;}
.DiscussionForm textarea,#ConversationForm .TextBox{margin-bottom:0;}
div.acedit-bottombar{border-color:#930;background:#fffadd;}
.DiscussionForm div.acedit-bottombar,#ConversationForm div.acedit-bottombar{border-color:#fc9;}
.acedit-bottombar a.acedit-button{color:rgba(153,51,0,.75);}
a.acedit-button:hover{color:#600;background-color:rgba(153,51,0,.1);}
.acemoji-wrapper .acemoji-container:before{border-top-color:#720;}
.acemoji-wrapper .acemoji-container:after{border-top-color:#ffe;}
.emoji{width:initial;height:initial;}

/*SSO*/
.MultipleEntryMethods{padding:3px;}
.MultipleEntryMethods .Methods{margin-left:290px;}
.SocialIcon .Icon{display:none;}
.SocialIcon.HasText{font-size:0;min-width:0;}
.SocialIcon-Facebook,.SocialIcon-Facebook:hover{width:24px;height:24px;background:/*6*/url(fbsso.png)/*4*/;}
.SocialIcon-Google,.SocialIcon-Google:hover{width:24px;height:24px;background:/*6*/url(gpsso.png)/*4*/;}
.SocialIcon-Twitter,.SocialIcon-Twitter:hover{width:24px;height:24px;background:/*6*/url(twsso.png)/*4*/;}
.SocialIcon-Disqus,.SocialIcon-Disqus:hover{width:24px;height:24px;background:/*6*/url(dqsso.png)/*4*/;}
.SocialIcon-Facebook.HasText{width:154px;height:24px;background:/*6*/url(fbssol.png)/*4*/;}
.SocialIcon-Google.HasText{width:154px;height:24px;background:/*6*/url(gpssol.png)/*4*/;}
.SocialIcon-Twitter.HasText{width:154px;height:24px;background:/*6*/url(twssol.png)/*4*/;}
.SocialIcon-Disqus.HasText{width:154px;height:24px;background:/*6*/url(dqssol.png)/*4*/;}

.SocialIcon.SocialIcon-EmailSignIn,.SocialIcon.SocialIcon-EmailSignIn:hover{width:24px;height:24px;background:/*6*/url(emsso.png)/*4*/ !important;}
.SocialIcon.SocialIcon-EmailSignIn.HasText{width:154px;height:24px;background:/*6*/url(emssol.png)/*4*/ !important;}
.SocialIcon.SocialIcon-EmailSignIn .Icon{display:none;}

/*Reactions*/
.Reactions span.Count{background:#a43;vertical-align:baseline;}
span.ReactLabel{vertical-align:bottom;}
span.UserReactionWrap{vertical-align:bottom;padding-top:7px;}
.UserReactionWrap .ProfilePhotoSmall{vertical-align:middle;}
.UserReactionWrap .YagaReactSprite.Reaktol{right:-4px;bottom:0;}
.YagaReactSprite.MmLike{background-position:0 -24px;}
.YagaReactSprite.MmLol{background-position:-27px -24px;}
.YagaReactSprite.MmHilf{background-position:-54px -24px;}
.YagaReactSprite.MmWtf{background-position:-81px -24px;}
.UserReactionWrap .MmLike{background-position:0 0;}
.UserReactionWrap .MmLol{background-position:-27px 0;}
.UserReactionWrap .MmHilf{background-position:-54px 0;}
.UserReactionWrap .MmWtf{background-position:-81px 0;}
body.Profile.reactions .PagerWrap{margin:5px 0;}
body.Profile.reactions .DataList .AuthorWrap{display:none;}
img.BadgePhotoDisplay{max-width:100%;max-height:100vh;}

/*Vallery*/
.GalleryAlbum{border-color:transparent;opacity:.9;background:/*6*/url(thbg_neu.png)/*4*/ #FCD792;}
.GalleryAlbum:hover,.GalleryAlbum:focus{border-color:#C63;opacity:1;}
.GalleryAlbum:hover{box-shadow:0 0 0 3px rgba(153,51,0,.2);}
.GalleryAlbum:active {border-color:#C63;box-shadow:inset 0 0 0 3px rgba(153,51,0,.2);}
a.SubAlbum,a.Dissolve{display:none;}
.Tag{white-space:nowrap;}

/*DiscussionPolls*/
div.DP_AnswerForm,div.DP_ResultsForm{background:rgba(153,51,0,.1);border:0;}
li.DP_ResultQuestion>span:first-child,li.DP_AnswerQuestion>span{font-weight:bold}
.DP_Bar{border:1px solid rgba(51,0,0,.3);border-radius:3px;box-shadow:inset 0 2px rgba(255,255,255,.3),inset 0 -2px 1px rgba(0,0,0,.1),2px 3px rgba(153,51,0,.2)}
.DP_Bar:before{content:'\00a0\00a0';}
#DP_Tools li{display:none;}
#DP_Tools #DP_Remove{display:block;}
.Discussion #DP_Tools{display:none;}
.DP_ResultOption{padding:3px 0 7px 0;}
.DP_ResultOption:hover,.DP_AnswerOptions li:hover{background-color:rgba(153,51,0,.05);transition:background-color .4s;}
.DP_ResultOption img,.DP_AnswerOptions li img{max-height:80px;transition:max-height .4s ease .4s;vertical-align:middle;}
/*.DP_ResultOption:hover img,.DP_AnswerOptions li:hover img{max-height:400px;}*/

/*KatalogEmbed*/
.KatalogEmbed td {vertical-align:top;}
.KatalogEmbed img{max-height:60px}

/*ui*/
@keyframes huighlight{5%{background-color:#F7E3AB;}}
.highlight-effect{animation:huighlight 2s;}
.ItemComment.highlight-effect{animation:none;}

.ItemComment:target{background-color:#F7E3AB;}

/*registercta*/
.DismissMessage.CasualMessage.signup-cta{
    background:rgba(255,250,221,.85);
    color:#720;
    border:1px solid #720;
    border-radius:6px;
}

/*Spoiler*/
details.Spoiler{margin:4px -2px;padding:5px 8px;background-color:rgba(153,51,0,.1);border-radius:3px;}
.Spoiler summary{list-style: none}
.SpoiTitle{font-weight:bold;cursor:pointer;}
.SpoiTitle .Button{opacity:.5;}
.SpoiTitle .Button:hover{opacity:1;}
.Spoi{display:none;padding-top:5px;border:none;}
.Vanilla div.Spoiler{color:inherit;}

.Section-EditProfile label[for="Form_Email"]:after{content:'Deine E-Mail wird im Profil nur dir und dem Moderationsteam angezeigt.';display:block;font-size:.8em;font-weight:normal;}
label[for="Form_Discord"]:after{content:'Dieses Feld ist nur für die Verknüpfung mit unserem Discord-Server vorgesehen und wird nicht öffentlich im Profil angezeigt.';display:block;font-size:.8em;font-weight:normal;}
.About .ProfileDiscord{display:none;}

/**
 * Pure CSS implementation of increaseClickTargets jQuery plugin
 * Uses the semantic breakout button technique for accessible faux-nested interactive controls
 *
 * Makes entire list items/table rows clickable by extending the clickable area of links
 * while keeping other interactive elements (buttons, inputs, other links) clickable
 */

/* ==========================================================================
   Shared Base Styles
   ========================================================================== */

/* Container positioning context */
ul.DataList.Discussions,
ul.DataList.Conversations,
ul.DataList.CategoryList,
#Panel {
  position: relative;
}

/* Clickable containers - constrain breakout area */
ul.DataList.Discussions li.Item,
ul.DataList.Conversations li.Item,
ul.DataList.CategoryList li.Item,
table.DiscussionsTable tr.Item,
table.CategoryTable tbody td.CategoryName,
table.CategoryTable tbody td.LatestPost,
#Panel div.MeMenu li.Item:not(.Title) {
  position: relative;
}

ul.DataList.Discussions li.Item,
ul.DataList.Conversations li.Item,
ul.DataList.CategoryList li.Item,
table.DiscussionsTable tr.Item,
table.CategoryTable tbody td.CategoryName,
table.CategoryTable tbody td.LatestPost {
  cursor: pointer;
}

/* Primary action links - allow breakout */
ul.DataList.Discussions li.Item .Title a,
table.DiscussionsTable tr.Item a.Title,
ul.DataList.Conversations li.Item h3.Users > a,
ul.DataList.CategoryList li.Item a.Title,
table.CategoryTable tbody td.CategoryName h2 a,
table.CategoryTable tbody td.LatestPost a.BlockTitle,
#Panel div.MeMenu li.Item:not(.Title) a:last-child {
  position: static;
}

/* Extended clickable area via ::before pseudo-element */
ul.DataList.Discussions li.Item .Title a::before,
table.DiscussionsTable tr.Item a.Title::before,
ul.DataList.Conversations li.Item h3.Users > a::before,
ul.DataList.CategoryList li.Item a.Title::before,
table.CategoryTable tbody td.CategoryName h2 a::before,
table.CategoryTable tbody td.LatestPost a.BlockTitle::before,
#Panel div.MeMenu li.Item:not(.Title) a:last-of-type::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* Ensure secondary interactive elements remain clickable */
ul.DataList.Discussions li.Item span.OptionsTitle,
ul.DataList.Discussions li.Item a:not(.Title a),
ul.DataList.Discussions li.Item a.Bookmark,
ul.DataList.Discussions li.Item input,
table.DiscussionsTable tr.Item span.OptionsTitle,
table.DiscussionsTable tr.Item a:not(.Title),
table.DiscussionsTable tr.Item a.Bookmark,
table.DiscussionsTable tr.Item input,
ul.DataList.Conversations li.Item span.OptionsTitle,
ul.DataList.Conversations li.Item a:not(h3.Users > a),
ul.DataList.Conversations li.Item a.Bookmark,
ul.DataList.CategoryList li.Item span.OptionsTitle,
ul.DataList.CategoryList li.Item a:not(.Title),
ul.DataList.CategoryList li.Item input,
ul.PopList.Activities li.Item:not(.Title) a:not(:last-of-type),
table.CategoryTable tbody td.CategoryName span.OptionsTitle,
table.CategoryTable tbody td.CategoryName a:not(h2 a) {
  position: relative;
  z-index: 2;
}

/* MeMenu hover effect */
div.MeMenu li.Item:not(.Title):hover {
  cursor: pointer;
}