/* @override 
	http://geburtshilfeforum.com/forum/themes/geburtshilfe/design/custom.css?*
	http://www.geburtshilfeforum.com/forum/themes/geburtshilfe/design/custom.css?* */

/* Gelb: rgb(251, 240, 108) */
.banner-top {text-align: center; max-width: 1070px; height: auto; margin: -30px auto 0;}
.bannerRight {}
.bannerTop {margin: -10px 0 25px 0; text-align: center; }
iframe {border: none;}

/* Static Banner */
.linkwrap {position:relative; display:inline-block;}
.blocker {position:absolute; height:100%; width:100%; z-index:1; background: transparent;}
.linkwrap iframe {z-index: 2; overflow:hidden; border: none; pointer-events: auto;}

* {margin: 0; padding: 0; box-sizing: border-box;}
body {margin: 0; font-family: asap, sans-serif; background: #FFF url(background.svg) no-repeat; background-size: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: asap, sans-serif;}
a:link, a:visited {animation: fadein 1s;}

.scrollToTop, .profileInHeader a {z-index: 1111; width: 30px; height: 30px; padding: 10px; border-radius: 100px; text-align: center; font-weight: 700; color: #FFF; text-decoration: none; position: fixed; bottom: 78px; right: 21px; display: none; border: 2px solid #8fbb98; background: #FFF url(../../_icons/arrowUpDark.svg) center center no-repeat; background-size: 16px !important;}
	.scrollToTop:hover {text-decoration:none;}
	.profileInHeader a {bottom: 35px; display: block;  background: #384167 url(/themes/_icons/SpNotifications.svg) 5px 5px no-repeat; background-size: 100%; display: none;}
	.profileInHeader a span {background: #80c990; left: 14px; top: -11px; border-radius: 300px; width: 25px; height: 25px; text-align: center; font-size: 0.7em; z-index: 10; position: absolute; padding: 2px 0;}


#Panel .roundpicture {margin-top: 10px; display: block;}
#Panel .roundpicture img {border-radius: 5px;}

/* mastermenu */

.mastermenu {position: relative; margin: 0 auto; height: 140px; white-space: nowrap;}
	.isUser .mastermenu {margin: 0px 0 30px 0;}
	.mastermenu ul {margin: 0 auto 0 auto; max-width: 1075px;}
	.mastermenu li { color: #FFF; margin: 0 1.7%; vertical-align: top; animation: fadein 1s; float: right; text-align: center; margin-top: 30px;}
	.mastermenu li a:link, .mastermenu li a:visited {width: 70px; height: 70px; border-radius: 300px; display: inline-block; display: table-cell; vertical-align: middle; color: #384167;}
	.mastermenu li a em {position: relative; top: 35px; font-style: normal; font-size: 0.95rem; padding-bottom: 6px;}
	.mastermenu li a:hover em {color: #80c990; padding-bottom: 6px;}

	.mastermenu li.community a:link, .mastermenu li.community a:visited {background: transparent url(/themes/_icons/navHome.svg) 8px 6px no-repeat; background-size: 55px;}
	.mastermenu li.blog a:link, .mastermenu li.blog a:visited {background: transparent url(/themes/_icons/navBlog.svg) 8px 6px no-repeat; background-size: 55px;}
	.mastermenu li.gruppen a:link, .mastermenu li.gruppen a:visited {background: transparent url(/themes/_icons/navGroups.svg) 8px 6px no-repeat; background-size: 55px;}
	.mastermenu li.galerie a:link, .mastermenu li.galerie a:visited {background: transparent url(/themes/_icons/navWall.svg) 8px 6px no-repeat; background-size: 55px;}
	.mastermenu li.kalender a:link, .mastermenu li.kalender a:visited {background: transparent url(/themes/_icons/navCalendar.svg) 8px 6px no-repeat; background-size: 55px;}
	.mastermenu li.marktplatz a:link, .mastermenu li.marktplatz a:visited {background: transparent url(/themes/_icons/navMarketplace.svg) 8px 6px no-repeat; background-size: 55px;}
	.mastermenu li.apps a:link, .mastermenu li.apps a:visited {background: transparent url(/themes/_icons/navApps.svg) 8px 6px no-repeat; background-size: 55px;}

.mastermenu li.headerLogo {z-index: 10; border: none; float: left; margin-top: 12px;} 
	.mastermenu li.headerLogo a {border: none;}
	.mastermenu li.headerlogo a img {width: 280px;}
	
.mastermenu ul li ul {display: flex; flex-wrap: wrap; width: 300px; justify-content: space-between; margin: 0; max-width: 300px; float: right;}	
	.mastermenu ul li ul li {margin: 0;}

/* */
body > #Frame > .Head {padding: 0; margin: 0; height: 0px;}

p, div {font-size: 1rem; font-style: normal; line-height: 1.6rem; color: #2b2e3d;}


#Body {margin-top: 15px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap;}
	.bodyInside {flex-grow: 8; max-width: 1075px; text-align: left; margin: 0 auto;}

#header {background: none;}
	#header .inside {max-width: 1085px; height: 5px; margin: 0 auto; padding: 0; position: relative;}

#Panel {float: right; min-width: 300px; max-width: 300px; margin-top: 5px;}
	#Content {float: left;}
	#Body .ContentColumn {margin-left: 0; width: 735px; margin-top: -40px;}

#vanilla_discussions_index #Body .ContentColumn {margin-top: -30px;}

h1 {font-family: Asap !important;}

.DataList.Discussions {width: 100%; clear: both; position: relative;}

.breadcrumbu {text-align: left;}
	.BreadcrumbsWrapper {margin: 0px auto 10px auto; text-align: center;}
	.breadcrumbu a {    color: #80c990;
    display: inline-block;
    margin-top: 38px;
    font-size: 0.8rem;
    letter-spacing: 0.03rem;}
	.breadcrumbu a:hover {color: #000;}
	.Crumb {color: rgba(128, 201, 144, 0.8); font-weight: 700; margin: 0 3px;}
	
#vanilla_discussions_index .breadcrumbu, #vanilla_categories_index .breadcrumbu, #basicpages_page_index .breadcrumbu {visibility: hidden; height: 30px;}
#vanilla_categories_index .breadcrumbu {height: 5px;}

#footer {}
	#footer .inside {max-width: 1085px; text-align: center; padding: 0px 0 50px; margin: 0 auto;}

.clear {clear: both; visibility: hidden; height: 0; border: none;}

a {color: #80c990;}
a:hover {color: #80c990;}
input, button {font-family: asap, sans-serif;}
input.submit {-webkit-appearance: none;}

.Box {margin: 0; font-size: 1rem;}
	.Box p {font-size: 1rem;}
	.Box h4 {font-size: 1.5rem; color: #384167; text-align: center; margin-bottom: 10px; padding-bottom: 10px; font-weight: 500; line-height: 2rem;}


h2.CommentHeading {text-align: left !important; margin-bottom: 20px !important; color: rgba(126, 150, 179, 0.75) !important;}

/* AdBoxes */
.adBox {margin-bottom: 30px; border-radius: 3px; text-align: center;}
	.adBox img {border-radius: 5px;}
	.adBox p {margin-bottom: 25px;}
	.adBox.Three {background: #EECA66;}

.visualBoxes {height: 50px; border-radius: 3px; text-align: center; background: rgba(52,152,219,.6); margin: 0 10px 20px 10px;}

/* Pagination */
.PageControls.Top {float: right;}

.Pager {margin-top: 5px; float: left;}
.PagerBefore {display: none;}
	.Pager a:link, .Pager a:visited {color: #7E96B3; border-radius: 3px; padding: 3px 9px 3px 9px; text-align: center; font-weight: 400; opacity: 1; margin: 0 1px; font-size: 0.8rem; background: #fff; margin: 0 4px;}
	.Pager a:hover {background: #7E96B3; color: #fff; opacity: 1; transition: background 0.2s; }
	.Pager a.Highlight {background: #7E96B3; color: #FFF;}
	.Pager a.Previous, .Pager a.Next {background: none;}
	.Pager a.Previous:hover, .Pager a.Next:hover {background: #FFF; color: #2b2e3d;}

#vanilla_discussions_index.Section-DiscussionList #PagerBefore {display: none;}

.PageControls .selectBox {display: none;}

/* OnTopBaby */

.SearchForm {background: #FFF; border-radius: 5px; padding: 20px 20px 10px 20px;}
.SearchForm .SiteSearch.InputAndButton {width: 95%;}

.SiteSearch {display: inline-block; height: 40px; position: relative;}
.SiteSearch .InputBox {padding-left: 12px;}

.DataList.DataList-Search .Item {padding: 15px;margin-bottom: 8px;background: #FFF;box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);border: 1px solid #fff;}
	.DataList.DataList-Search .Item  h3 a:link, .DataList.DataList-Search .Item  h3 a:visited {color: rgb(42, 53, 57); font-size: 1rem; font-weight: 500; line-height: 1.4rem;}
	.DataList.DataList-Search .Item  h3 a:hover {color: #FF5055;}
	.DataList.DataList-Search .Item .ProfilePhoto {display: none;}
	.DataList.DataList-Search .Item .Meta {font-size: 0.9rem;
    margin: 3px 0 10px;}
    .DataList.DataList-Search .Item .Media {margin-bottom: 0;}
	.DataList.DataList-Search .Item .Summary {font-size: 1rem;}

.SiteSearch input {border: none; border-radius: 3px; padding: 8px; background: #FFF; font-size: 1em; border: none; border-radius: 3px; padding: 8px; line-height: 28px; background: #FFF; font-size: 1em; }
	.SiteSearch input:active, .SiteSearch input:focus {background-color: #F3F2EE;}
.SiteSearch input#Form_Go.Button {margin: 8px 8px 0 0; height: 15px;}
	.SiteSearch input#Form_Go.Button:hover {margin: 8px 8px 0 0; height: 15px; border: none; background:  #DDD url(images/sprites.png) 0 -196px no-repeat; padding: 4px;}
.SiteSearch .InputBox {font-size: 1em;}

.SearchNachricht {color: #FFF; font-size: 1em; display: inline-block; float: right; background: rgba(0, 0, 0, 0.3); padding: 4px 8px; border-radius: 3px;}
	.SearchNachricht a:link, .SearchNachricht a:visited {padding: 3px 8px; color: #2b2e3d; background: #FFF; border-radius: 3px; }

/* Suchergebnisse */

.ContentColumn .SiteSearch {}
.DataList.SearchResults {margin-top: 50px;}
	.DataList.SearchResults .MItem {line-height: 1.3rem; white-space: normal;}

.somebox {display: inline-block; padding: 5px; color: #FFF; margin-left: 30px;}
.userMeModule {margin: 15px 0;}
#Panel .userMeModule .WhoIs a.Username {display: none;}

.MeBox {margin: 5px 0 0 0; z-index: 50; height: auto; width: 40px; border-radius: 3px; background: #fff;}
	.MeBox img {position: relative;}
	.MeBox .MeMenu {position: relative; margin-top: 3px; display: inline-block;}
	.MeBox .ProfilePhoto.ProfilePhotoMedium {width: 46px; height: 46px; border-radius: 3px 0 0 3px;}


a.MeButton.FlyoutButton, a.MeButton.FlyoutButton:visited {padding: 12px; background-position: center center;}
	a.MeButton.FlyoutButton:hover {background: #323A46;}
	a.MeButton.FlyoutButton.MeButton-user:hover {border-radius: 0 0 5px 5px;}

.WhoIs a.Username {font-size: 0.1em; font-weight: 400; display: inline-block; width: 46px; height: 46px; white-space: nowrap; max-width: 46px; margin-left: -46px; overflow: hidden; }
#Panel .WhoIs a.Username {max-width: 100px;}

.ToggleFlyout .MeButton .Alert { background: #80c990;left: 17px;top: 22px;border-radius: 300px;width: 25px;height: 25px;text-align: center;font-size: 0.7em;z-index: 10;position: absolute;padding: 8px 0;}


/* Flyout */

.Flyout.FlyoutMenu {box-shadow: 0 0 4px #777; border: none; border-radius: 5px; position: absolute; top: 0px; right: -190px; margin-left: 7px; left: 50px; animation: fadein 1s; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);}
.Flyout.FlyoutMenu a {color: #80c990;}

.PopList .Item {border-bottom: 1px solid #DDD;}
.PopList .ItemContent {margin: 0 48px 0 5px; white-space: normal; cursor: pointer;}
.PopList .Item:hover {background: #DDD;}
.PopList .Item .ProfilePhoto.ProfilePhotoMedium {border-radius: 50% !important; margin-left: 10px; margin-right: 10px; float: right;}
.PopList .Item.Title {font-size: 1.2em; padding: 5px;}
.PopList .Item.Title strong {font-weight: normal}
.PopList .Item .Author.Photo {float: right;}

.PopList .Item.Center {padding: 0 !important; border: none;}
	.PopList .Item.Center a:link, .PopList .Item.Center a:visited {background: #80c990; color: #FFF; width: 100%; border-radius: 0 0 5px 5px !important;}
	.PopList .Item.Center a:hover {background: #2b2e3d;}

.PopList.Activities .ItemContent, .PopList .Subject, .PopList .Excerpt, .PopList .Meta, .PopList a, .PopList p, .PopList div {font-size: 0.9rem;}

.Flyout.FlyoutMenu a {font-weight: 400;}

.Flyout:after {
    border-bottom: 9px solid #fff;
    top: 15px;
    transform: rotate(-90deg);
    left: -11px;
}
.Flyout:before, .Flyout:after {border-bottom: none;}
/* .PopList .Meta {display: none;} */

/* Discussion List */

h1.H {visibility: hidden; height: 0; width: 0; margin: 0; padding: 0; display: none; width: 100%; position: relative; left: -9999px;}
#vanilla_categories_index h1.H {display: block; visibility: visible; margin: 20px 0;}
#vanilla_categories_index .PageDescription { margin: -15px 0 50px 0;font-size: 0.9rem;background: #fff;padding: 0px;border-radius: 5px;line-height: 1.5rem;}
#vanilla_categories_index .PageControls.Top {top: -83px;}

#vanilla_categories_index #PagerBefore {position: relative; top: 45px;}


ul.DataList li.Item {padding: 15px; margin-bottom: 8px; background: #FFF; border: 1px solid #fff; border-radius: 8px; box-shadow: 0 5px 12px rgba(56, 65, 103, 0.1);}
/* ul.DataList li.Item:hover {background: #FFF;} */

ul.DataList li.Item.Announcement {background: rgba(255, 255, 255, 1);}

ul.DataList li.Item .Title {padding-left: 2px; margin-bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 80%;}
	ul.DataList li.Item .Title a {color: #384167; font-size: 1rem; line-height: 1.3em; font-family: asap, sans-serif; font-weight: 500; letter-spacing: 0.03rem;}
	ul.DataList li.Item .Title a:hover {color: #80c990;}
	ul.DataList li.Item.Read .Title a {color: rgba(126, 150, 179, 0.6);}
	ul.DataList li.Item.Read .Title a:hover {color: #80c990;}

ul.DataList li.Item.Read {background: rgba(255, 255, 255, 1);}
ul.DataList li.Item.Read h3 a, ul.DataList li.Item.Read .Excerpt a, ul.DataList li.Item.Read .Meta span {color: #fff;}
ul.DataList li.Item.Read .Meta span {color: rgba(126, 150, 179, 0.6);}
ul.DataList li.Item.Read .Meta span.DMarker {background: none; color: rgba(126, 150, 179, 0.6);}

ul.DataList li.Item.Read:hover {background: rgba(255, 255, 255, 1);}
ul.DataList li.Item.Read:hover .ItemContent.Discussion {opacity: 1;}

ul.DataList.Discussions li.Item.Mine, .CommentsWrap ul.DataList li.Item.Mine .Item-BodyWrap {background: url(discussionMine.svg) 5px 5px no-repeat; /* yellow */}
/* ul.DataList.Discussions li.Item.Bookmarked {border-left: 2px solid #d60a7b;} /* red */
ul.DataList.Discussions li.Item.Participated {background: url(discussionParticipated.svg) 5px 5px no-repeat;} /* green */
ul.DataList.Discussions li.Item.Mine {background: url(discussionMine.svg) 5px 5px no-repeat; /* yellow */}
ul.DataList.Discussions li.Item.Announcement {} /* blue */
ul.DataList.Discussions li.Item.Closed {background: url(discussionClosed.svg) 5px 5px no-repeat;} /* black */

.isOriginalPoster .Item-BodyWrap {border: 1px solid rgba(251,242,79,1); /* yellow */}

ul.DataList.Discussions li.Item.Announcement:last-child {margin-bottom: 100px;}

ul.DataList li.Item.Read .ItemContent.Discussion {width: 95%;}
ul.DataList li.Item.Read .StatsBox {opacity: 0.5;}
ul.DataList li.Item .StatsBox {text-align: center; position: absolute; right: 30px; top: 16px;     font-size: 0.8rem;}
ul.DataList li.Item .StatsBox.ViewsBox {right: 80px;}
ul.DataList li.Item .Bookmark {top: 3px;}

.Tag.Tag-Announcement, .Tag.Tag-Closed {color: #80c990; border-bottom: 1px solid #80c990; font-size: 0.8rem; padding: 4px 0 4px 0; letter-spacing: 0.6px; margin: 0 5px 0 0; border: none;}
.Tag.Tag-Announcement {    background: none;
    border-bottom: none;
    border-radius: 0;
    position: relative;
    display: block;
    width: 55px;
    float: left;
    height: 64px;
    background: #59accc;
    border-radius: 10px;
    top: -11px;
    left: -10px;
    position: absolute;
        text-indent: -9999px;     background: #59accc url(announcement.svg) center center no-repeat;}

li.Item .ItemContent {position: relative;}
li.Item.Announcement .Title, li.Item.Announcement .Meta {margin-left: 60px;}
    
.Tag.Tag-Closed {background: #FFF; color: #555; border-bottom: 1px solid #555; border-radius: 0;}
.Read .Tag.Tag-Announcement, .Read .Tag.Tag-Closed, ul.DataList li.Item.Read .ReactionCount  {color: rgba(126, 150, 179, 0.6) !important; border-color: rgba(126, 150, 179, 0.6);}
.Read .Tag.Tag-Announcement, .Read .Tag.Tag-Closed span, .Read .ReactionCount span {}
.Read .Tag {opacity: 0.6; color: #7E96B3;}

ul.DataList.Discussions .AdminCheck {position: absolute; top: 0px; right: 2px;}

.HasNew {margin-right: 5px; font-size: 0.7rem; padding: 3px 5px 3px 5px; font-weight: 400; background: #ffff75; color: #dea115;}
.HasNew .Number {position: relative; top: 0px;}
.ItemComment .AdminCheck {position: absolute; padding: 5px; right: 6px; top: 30px;}

.MItem {margin-left: 0; margin-right: 2%; color: #2b2e3d; color: rgba(126, 150, 179, 0.6); font-size: 0.8rem;}
.MItem span {opacity: 0.8;}
.MItem:hover {/* opacity: 1; */ }
.MItem a:link, .MItem a:visited {color: rgba(126, 150, 179, 0.6);}
.MItem a:hover {color: rgba(126, 150, 179, 1) !important; opacity: 1;}
.MItem.MCount.ViewCount {visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; position: absolute; right: 0;}

.ItemDiscussion .Meta, .DataList .Meta {font-size: 0.9rem; line-height: 1.2rem; color: #70727c;}



/* Options */

.Item .OptionsTitle, .OptionsTitle {visibility: visible;}
	.OptionsTitle {background: url(../../_icons/options.svg) center right no-repeat; background-size: 15px; opacity: 0.5;}    
	.OptionsTitle:hover {opacity: 1;}

ul.DataList li.Item .OptionsMenu {top: 0px; right: -9px;}

ul.DataList li.Item.ItemComment .OptionsMenu {right: 100px; top: 4px;}


.DataList.Discussions .Button-Options {position: relative; top: 25px; right:  -6px;}

.DataList.Discussions .OptionsMenu .Flyout {top: 47px; right: -17px;}


/* ul.DataList li.Item.Read .MItem {color: #BBB;} */

/* Discussion View */
.PageTitle h1 {}
.Discussion .PageTitle h1 {margin: 0 auto 50px auto; color: #384167; font-size: 2rem; line-height: 3rem; font-weight: 500; text-align: center; width: 75%;}

.MessageList.Discussion .Discussion {padding: 7px 15px 18px 15px; border-radius: 10px; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1); position: relative; background: #fff;}
.MessageList.Discussion .ItemDiscussion .Item-Body {padding: 0 8px;}
.Item-Header .ProfilePhoto.ProfilePhotoMedium, .Comments .Item-Header a img {border-radius: 200px;}
.Item-Header .Meta.DiscussionMeta {position: absolute; top: 4px; right: 52px; width: 30%; text-align: right;}
.Item-Header .Category, .MessageList.Discussion .ItemDiscussion .Item-Header .IPAddress {display: none;}
.Item-Header .DateCreated {position: absolute; top: 21px; font-size: 0.7rem;}

.Item-Body, .MessageList.DataList.Comments {background: none;}
.ItemDiscussion {padding: 0;}
.ItemDiscussion .Item-Body {padding: 0 15px 15px 15px;}
.ItemDiscussion .Item-Body .Message {font-size: 1rem; line-height: 1.5rem; margin-top: 20px;}
.ItemDiscussion .Item-Body .Message p {}
.Message {font-size: 0.9rem; line-height: 1.5rem;}
	.Message img {border-radius: 5px;}
	.Message a:link, .Message a:visited {color: #80c990; background: transparent; border-bottom: 1px solid rgba(128, 201, 144, 0.2); box-shadow: inset 0 -1px 0 rgba(128, 201, 144, 0.2); font-weight: 600;}
	.Message a:hover {color: #2b2e3d;}

.MessageList a.Bookmark, .MessageList a.Bookmarked, .MessageList a.Bookmarking {top: 0 !important; position: absolute;
right: 0px;}

.DataList .Item, .NarrowList .Item {background: transparent; border-radius: 3px; border: none;}

.Item.ItemDiscussion .Item-Header a.Username {}
.Item-Header a.Username {font-weight: 700; position: relative; top: 8px; left: 2px; font-size: 1rem; color: #323A46;}

blockquote {margin: 1em 0 1.2em 0; background: rgba(40, 94, 212, 0.16); padding: 6px 12px 6px 12px; border-radius: 3px;}
	blockquote.Quote {background: #F3F6F9; border-left: 3px solid #7E96B3; padding: 15px 20px; min-width: 200px; overflow-y: auto; margin: 0px;}
	blockquote.Quote br:first-child {display: none;}
	blockquote:before {content: "↳ "; float: left; margin-right: 4px;} 
	blockquote br:first-of-type, blockquote br:last-of-type {display:  none;}

.blockquote {border-left: 5px solid: 2px solid rgba(126, 150, 179, 0.3);}

/* Comments List */

.CommentsWrap ul.DataList li.Item {background: none; margin-bottom: 20px; border: none; padding: 0;}
.CommentsWrap ul.DataList li.Item:hover {margin-left: 0;}

.CommentHeader {background: none; /* float: right; background: rgb(42, 53, 57); width: 50px; */}
.Comments .Item-Header {padding: 4px 0;}
	.Item-Header a {color: rgba(126, 150, 179, 0.75);}
	 	.Item-Header a:hover {color: #80c990;}

/* .CommentsWrap ul.DataList li.Item.Mine .Item-BodyWrap {box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.3);} */

.Comments .AuthorWrap {display: inline-block;}
.Comments .Meta {display: inline-block; font-size: 0.8rem; }
.Item-Header .MItem {display: inline-block; top: 11px;}
.Comment .Options {display: inline-block; position: relative; top: 10px;}

.MItem.Category {display: none;}

.postcount {background: url(../../_icons/iconPostcount.svg) 0 2px no-repeat; background-size: 10px;}
.Item-Header p.postcount {color: rgba(126, 150, 179, 0.75);font-size: 0.7rem;padding: 0px 10px 0 17px;text-align: left;position: absolute;left: 55px;top: 21px; color: rgba(126, 150, 179, 0.75); padding: 0px 10px 0 17px; text-align: left; position: absolute; top: 10px;left: 271px; border-right: 0px solid #DDD; background-position: 0px 2px; font-size: 0.7rem;}

.ItemDiscussion .Item-Header {height: 50px; z-index: 1;}
.ItemDiscussion .Item-Header p.postcount {top: 19px;}

.Item-Header .MItem .DateUpdated {display: none;}
.Item-Header .MItem.CommentFlag {text-indent: -9999px;width: 20px;height: 20px; position: absolute; top: 13px; right: 65px;}

.Comments .Item-BodyWrap {display: inline-block; vertical-align: top; padding: 18px 23px 18px 23px; width: 100%; background: #FFF; border-radius: 10px;}
.Comments .MItem.IPAddress {display: none;}

.Comments .ProfilePhotoMedium {width: 35px; height: 35px;}
.Comments .Item .AuthorInfo img {width: 30px; top: 60px; right: -45px; position: absolute;}
.Comments .Item .Author {padding-top: 8px;}
	
.Item-Header .MItem.DateCreated {margin-right: 0;font-size: 0.7rem; position: absolute;  top: 15px; right: 120px; padding-left: 10px; border-left: 0px solid #DDD;}
.ItemDiscussion .Item-Header .MItem.DateCreated {top: 20px;}
.Item-Header .MItem.CommentFlag a {position: absolute; top: 0px; right: -2px; height: 20px; width: 20px; opacity: 0.5; color: #FFF; font-size: 0; background: url(../../_icons/flagging.svg) center right no-repeat; background-size: 15px;}	
	.Item-Header .MItem.CommentFlag a:hover {opacity: 1;}
	
	.Item-Header.DiscussionHeader .MItem.CommentFlag {right: 45px; top: 15px;}
		.MessageList.Discussion .OptionsMenu {right: 125px; top: 112px; z-index: 10;}
	
	.MessageList.Discussion .AdminCheck {position: relative; top: -28px; right: 5px;}
	
.Comments .userContent.Message {margin-top: 4px; font-size: 1rem; line-height: 1.6rem;}

.EditCommentForm .Buttons, .CommentForm .Buttons {padding: 0 8px 0 0;}
.editor-help-text {display: none;}

/* ChildCategories */

ul.DataList.ChildCategoryList li.Item {width: 49%; margin-right: 13px;}
ul.DataList.ChildCategoryList .Item:nth-child(even) {margin-right: 0;}
ul.DataList.ChildCategoryList li.Item h3 {float: left; padding-top: 5px;}
ul.DataList.ChildCategoryList li.Item .Meta span {opacity: 1;}
ul.DataList.ChildCategoryList li.Item .Meta.Hidden {display: inline-block; float: right; text-align: right; width: 115px;}
ul.DataList.ChildCategoryList li.Item .Meta.Hidden .MItem {width: auto; display: inline-block;}

ul.DataList.ChildCategoryList .ItemContent {padding: 0;}

h2.ChildCategories-Title.Hidden {display: none;}


ul.DataList.ChildCategoryList #Category_24 {width: 100%; margin-right: 0; display: block;}


/* Textfelder */

.bodybox-wrap {border: 1px solid rgba(126, 150, 179, 1); border-radius: 5px;}

/* Thema erstellen */

#vanilla_post_discussion .ContentColumn,
#dashboard_entry_register .ContentColumn,
#vanilla_post_editdiscussion .ContentColumn,
#dashboard_home_filenotfound .ContentColumn {width: 100%;}
#vanilla_post_discussion .Button {font-size: 1rem; width: auto; padding: 3px 7px; margin: 10px 5px 0 0;}

.DiscussionForm .Category, .DiscussionForm input.InputBox {border: none; border-radius: 3px;}
.DiscussionForm input.InputBox {border: 1px solid rgba(126, 150, 179, 1); border-radius: 5px; padding: 8px 12px;}

/* Beitrag erstellen Hashtags */
.DiscussionForm .Form-Tags.P {display: none;}
.InlineTags.Meta {display: none;}

.Box.Tags {margin-bottom: 55px; animation: fadein 1.5s;}
.Box.Tags .TagCloud li {border: none; margin-bottom: 5px; background: none;}
.Box.Tags .TagCloud li a:link, .Box.Tags .TagCloud li a:visited {border-radius: 3px; padding: 7px 9px; background: #fff; color: #384167; font-size: 0.9rem;}
.Box.Tags .TagCloud li a:hover {background: rgba(126, 150, 179, 0.1); color: #384167;}
.Box.Tags .TagCloud li .Count {position: relative; top: -1px; font-size: 0.6rem; font-weight: 400; padding: 2px 4px; margin-left: 4px; background: #384167; display: none;}
.Box.Tags .TagCloud li a:hover .Count {color: #384167; color: #FFF;}

.InlineTags ul, .InlineTags li {display: inline;}
.InlineTags li:after {content: ', ';}
.InlineTags li:last-child:after {content: '';}
.MessageList .Meta.InlineTags {min-height: 0;}

.TagCloud {padding: 0; list-style: none;}
.TagCloud li {display: inline-block; background: #F7F7F7; background: rgba(255, 255, 255, .5); padding: 3px; line-height: 100%; margin: 2px 0;}

.AvailableTag {padding: 2px 5px;}


.BarWrap {border: none; background: none;}

/* Write Comment */

.MessageForm.CommentForm.FormTitleWrapper {clear: both; margin-top: 50px;}
.Form-Body, .MessageForm, body.Profile.EditMode #Content form {}
.Popup.hasRichEditor .CommentForm .richEditor, body.hasRichEditor .CommentForm .richEditor {padding: 0;}
.Popup.hasRichEditor .CommentForm .Buttons, body.hasRichEditor .CommentForm .Buttons {padding-right: 0; margin-top: 10px;}
.richEditor .richEditor-frame {border-radius: 10px;}

h2.CommentHeading, h2.H {padding: 3px 2px; text-align: center; font-weight: 400; margin-top: 30px; font-size: 0.9rem; color: rgba(126, 150, 179, 0.75);}

h1 {margin: 20px 0 14px 0;}

.ProfilePhoto.ProfilePhotoMedium {border-radius: 100%;}

.EditCommentForm textarea.TextBox, .CommentForm textarea.TextBox {min-height: 160px; padding: 15px;}


.Form-Body .Buttons {font-size: 1em;}
.Form-Body .Buttons a {background: #16768D; padding: 3px 14px; border-radius: 3px;}
.Form-Body .Buttons a:hover {background: #FBF06C; color: rgb(42, 53, 57);}

.Form-Body .Buttons a.Cancel, .FormWrapper .Button.PreviewButton, .FormWrapper .Button.Cancel {background: none; border: none; padding: 5px; color: #2b2e3d; font-size: 0.9rem;}
.Form-Body .Buttons a.Cancel:hover, .FormWrapper .Button.PreviewButton:hover, .FormWrapper .Button.Cancel:hover {color: #80c990;}

.Form-Body .Buttons .Back {display: none;}
.Form-Body .Buttons .Back a {color: #FFF;}
.Form-Body .Buttons .Back a:hover {color: rgb(42, 53, 57);}
.Form-Body .Buttons a.PreviewButton {color: #FFF; width: auto;}
.Form-Body .Buttons a.DraftButton {color: #FFF; width: auto;}
.Form-Body .Buttons .CommentButton {color: #FFF; width: auto; padding: 3px 25px; }

.MessageForm .Button.PreviewButton:link, .MessageForm .Button.DraftButton:link,
.MessageForm .Button.PreviewButton:visited, .MessageForm .Button.DraftButton:visited, .MessageForm .Button.WriteButton:link, .MessageForm .Button.WriteButton:visited {background: none; border: none; color: #2b2e3d; font-size: 1.2em; padding: 0 10px;}
.MessageForm .Button.PreviewButton:hover, .MessageForm .Button.DraftButton:hover {color: #80c990;}
.MessageForm .Button.PreviewButton {padding-right: 0 !important;}
.MessageForm h2.H {}

.Button.Primary.CommentButton {font-weight: 400;
    color: #FFF;
    font-size: 1rem;
    padding: 6px 20px;
    background: #80c990;
    border-radius: 5px;margin-left: 15px;}
.Button.Primary.CommentButton:hover {color: #FFF;}

/* Profile Notifications */

#dashboard_profile_notifications .About,
#dashboard_profile_discussions .About,
#dashboard_profile_activity .About,
#dashboard_profile_comments .About,
#dashboard_profile_notifications .Yaga.ReactionsWrap,
#dashboard_profile_discussions .Yaga.ReactionsWrap,
#dashboard_profile_activity .Yaga.ReactionsWrap,
#dashboard_profile_comments .Yaga.ReactionsWrap {display: none;}

#dashboard_profile_comments .DataList.SearchResults {margin-top: 20px;}
#dashboard_profile_comments h2.H {margin-top: 13px;}

.FormWrapper-Condensed {margin-bottom: 20px;}
#Form_Share {font-size: 1rem;}

/* Add Pagespecific Fixes */

/* Neue Nachricht-Seite */

#conversations_messages_add #Body .ContentColumn {width: auto;}
#conversations_messages_add #Content {float: none;}

.Button.NewConversation, .Button.ClearConversation, .Button.Danger {width: 100%; font-weight: 400;}

.AddPeople form div {text-align: center;}
.token-input-token p {color: #FFF; display: inline-block;}
.token-input-token span {display: inline-block; background: rgba(255, 255, 255, 1); color: #000; width: 20px; border-radius: 200px; margin-left: 10px; cursor: pointer; font-weight: 700;}
.token-input-token span:hover {background: #80c990; color: #FFF;}
.token-input-input-token input {width: 100% !important; height: 40px; margin-bottom: 20px;}
#Form_AddPeople .Buttons input {width: 150px;}

div.AttachFileWrapper {margin: 0 0 0 -4px; padding: 5px; text-align: left;}
.AttachFileLink a {color: #FFF !important; background: #80c990 !important; padding: 5px 11px; border-radius: 3px; display: inline-block;}
.AttachFileLink a:hover {background: #444 !important; color: #FFF !important;}
.CurrentUploader {display: inline-block; padding: 10px 0 0 5px; height: 30px;}

/* Nachrichten Inbox */

#conversations_messages_inbox h1.H {text-align: center; height: auto; display: block; visibility: visible;}
	
.BoxButtons.BoxNewConversation	{display: table-cell;}

.DataList.Conversations {padding-bottom: 50px;}
	ul.DataList.Conversations li.Item h3 > a {color: #323A46; margin: 2px 0 3px; font-size: 1rem;}
	ul.DataList.Conversations .ProfilePhotoMedium {width: 30px; height: 30px; margin-top: 3px; }
	ul.DataList.Conversations .Meta {text-align: right; margin-top: 8px;}
	
	ul.DataList.Conversations li.Item.Read  {opacity: 0.6;}
	ul.DataList.Conversations li.Item.Read .ProfilePhotoMedium {filter: grayscale(100%);}
	ul.DataList.Conversations li.Item:hover a.Delete {visibility: visible; position: absolute; top: -50px; background: #DDD; width: 23px; height: 23px; border-radius: 100%; padding: 3px 3px 3px 4px; text-align: center;}
	
	.DataList.MessageList.Conversation .Item {padding: 5px 15px 15px 15px; margin: 0 12% 10px 0; border-radius: 10px; border-bottom: 0px; border: none;}
	.DataList.MessageList.Conversation .Item .Meta {position: relative; margin-bottom: 25px; font-size: 1rem;}
	.DataList.MessageList.Conversation .Item .Author a {font-weight: 500; position: relative; top: 11px; left: 2px; font-size: 1rem; color: #4C4E4D;}
	.DataList.MessageList.Conversation .Item .Meta .DateCreated {position: absolute; right: 0px;}
	.DataList.MessageList.Conversation .Item .ProfilePhotoMedium {width: 20px; height: 20px; margin-right: 0px;}
	.DataList.MessageList.Conversation .Item.Mine {margin: 0 0 10px 11%; background: rgba(126, 150, 179, 0.1);}
	#MessageForm .Author .PhotoWrap {display: none;}
	#MessageForm .FormWrapper .Buttons input {margin: 0 auto 10px;}
	#MessageForm .FormWrapper #Form_ConversationMessage {text-align: center;}
	
	
/* Signatur */

.UserSignature {font-size: 0.75rem; margin: 20px 0 25px; text-align: center; border: none;}
.UserSignature:hover {opacity: 1;}
.Comment .Message .UserSignature p {padding: 0px; margin: 2px 0px;}


/* Reactions */

.Reactions {position: relative; font-size: 0.9rem; line-height: 18px; margin-left: -10px; margin-top: 25px !important;}

.Item .Reactions > * {visibility: visible !important;}

.ReactButton.Quote {background: url(../../_icons/reactionQuote.svg) center left no-repeat; background-size: 13px; padding-left: 18px; font-size: 0.8rem; margin-right: 10px;}
	.ReactButton.Quote:hover {color: #80c990;}
.ReactMenu {margin-bottom: 5px;}
	.ReactLabel {font-size: 0.8rem; padding: 0 0 0 18px; margin-right: 10px;}
	.ReactMenu a:nth-child(1) {background: url(../../_icons/reactionLike.svg) center left no-repeat; background-size: 13px;}
	.ReactMenu a:nth-child(2) {background: url(../../_icons/reactionLaugh.svg) center left no-repeat; background-size: 13px;}
	.ReactMenu a:nth-child(3) {background: url(../../_icons/reactionHelpful.svg) center left no-repeat; background-size: 13px;}
	.ReactSprite {display: none !important;}
	.Reactions .Count {left: 18px; position: relative; top: 1px; padding-top: 2px; background: rgba(126, 150, 179, 1) !important;}

.UserReactionWrap .ReactSprite {position: relative; display: block !important; width: 20px; height: 20px; top: 13px; left: 15px; background-size: 13px; }
	.UserReactionWrap {animation: fadein 1s;}
	.UserReactionWrap .ReactSprite.ReactHeart {background: transparent url(../../_icons/reactionLike.svg) center left no-repeat; background-size: 13px;}
    .UserReactionWrap .ReactSprite.ReactHappy {background: transparent url(../../_icons/reactionLaugh.svg) center left no-repeat; background-size: 13px;}
    .UserReactionWrap .ReactSprite.ReactCheckmarkCircle {background: transparent url(../../_icons/reactionHelpful.svg) center left no-repeat; background-size: 13px;}

.ReactButton {margin: 0 14px 0 0;}

.ReactHeart {background: url(../../_icons/reactionLike.svg) center left no-repeat;}

.UserReactionWrap {margin: 10px 4px 0 0 !important;}
.UserReactionWrap .ProfilePhotoSmall {border-radius: 105px;}
.UserReactionWrap .ReactSprite {right: 0px !important; bottom: -6px !important;}

.ReactionRecord {margin: 15px 0; font-size: 0.8rem;}


/* Pockets */

ul.Discussions li .pocket {margin: 10px 8px 5px; display: flex;}
	ul.Discussions li .pocket a {display: block; width: 100%; height: auto;}
	ul.Discussions li .pocket img {width: 100%; height: auto;  border-radius: 5px;}

ul.Discussions li .pocket.aktionen {justify-content: space-between; margin: 15px 0 10px;}
	ul.Discussions li .pocket.aktionen a {width: 48.5%;}
	
ul.Discussions li .pocket.standards {justify-content: space-between; margin: 10px 0 0px; flex-wrap: wrap;}
	ul.Discussions li .pocket.standards a:link, 	ul.Discussions li .pocket.standards a:visited {width: 48.5%; background: #FFF; color: #323A46; display: block; padding: 10px; margin-bottom: 10px; border-radius: 4px;  box-shadow: 0 15px 35px 0 rgba(50,66,93,.1); border-right: 3px solid #80c990; font-size: 1rem;}	
	ul.Discussions li .pocket.standards a:hover {background: #FFF; color: #80c990;}

/* Module */

.moduleBildText a {position: relative; width: 100%; display: flex; justify-content: space-between; background: white; margin: 20px 0; overflow: hidden; border-radius: 4px;}
	.moduleBildText img, 	.moduleBildText div {width: 50%;}
		.moduleBildText div {padding: 35px 20px 20px 30px; position: relative;}
			.moduleBildText div .title {font-size: 1.8rem; line-height: 2.5rem; color: #323A46; display: block;}
			.moduleBildText div .title.headline {font-size: 1.2rem; line-height: 1.8rem; display: block; margin-bottom: 17px;}
			.moduleBildText div .title.bodycopy {font-size: 1rem; line-height: 1.5rem;}	
			.moduleBildText div .more {font-size: 0.9rem; color: rgba(126, 150, 179, 0.75); position: absolute; bottom: 30px; color: #80c990; background: transparent; border-bottom: 1px solid #ffe4e4; box-shadow: inset 0 -1px 0 #ffe4e4; font-weight: 600;}
				.moduleBildText div .more::after {content: "›"; padding-left: 5px;}
				.moduleBildText div .anzeige {font-size: 0.7rem; position: absolute; right: 10px; top: 10px; color: rgba(126, 150, 179, 0.5);}

/* Activities */

.TextBoxWrapper {border-radius: 3px; padding-right: 0;}
.TextBoxWrapper textarea, .TextBoxWrapper input {padding: 5px;  border: 1px solid rgba(126, 150, 179, 1); border-radius: 5px; border-radius: 5px;}

.DataList.Activities .Item {margin-bottom: 12px;}

.MItem a.CommentOption {background: #80c990; font-size: 1rem; line-height: 1.5em; padding: 4px 11px 4px 11px; border-radius: 3px; color: #fff;}
.MItem a.CommentOption:hover {background: #384167;}    
.DataList .Excerpt {font-size: 1rem;}
.CommentForm {background: none;}

.Excerpt {color: #FFF;}
.Flyout .Excerpt {color: #2b2e3d;}

.InformMessage .Excerpt {color: #384167;}

/* Buttons */

.Button {border: none; margin-bottom: 10px; background: #80c990; font-size: 1rem; line-height: 1.8rem; padding: 3px 15px 3px 15px; color: #FFF; border-radius: 3px; text-align: center; }
.Button a:visited, .Button a:link {font-weight: 400; color: #FFF;}
.Button:hover {background: #384167;  color: #FFF; transition: background 0.2s;}
/* #Panel .Button {width: auto; font-weight: 400;} */

/* New Discussion */

.BoxNewDiscussion {margin: 0; text-align: left; z-index: 20; color: #FFF; margin-bottom: 30px;}
.BoxNewDiscussion a.BigButton {background: #80c990; padding: 6px; border-radius: 5px; font-size: 1.1rem;
    line-height: 1.8rem;
    font-family: asap, sans-serif;
    font-weight: 500; color: #FFF;}
.BoxNewDiscussion a.BigButton:hover {background: #384167;  color: #FFF;}

p.neuesThemaButtonText, .GuestBox p:nth-child(2) {line-height: 1.5em; color: #2b2e3d; margin-bottom: 10px; position: relative; top: 0px; margin-bottom: 14px; border-radius: 3px; text-align: center; padding: 12px 12px 0 12px; font-size: 1.4em;     line-height: 2rem;}
.GuestBox p:nth-child(2) {font-size: 1rem;}

.GuestBox p .heart {color: #EE6F56; font-weight: 700;}
.GuestBox p:after {left: 178px;}

p.neuesThemaButtonText {left: 80px}

#FacebookAuth {text-align: center; margin-left: 30px; position: relative; top: 50px;}
#FacebookAuth:before {background: #DDD; border-right: 1px solid #FFF; border-radius: 5px 0 0 5px; width: 50px;}
#OpenIDAuth {display: none;}

/* Login & Registrieren */

.GuestBox h2, .GuestBox h4 {display: none;}

.GuestBox { margin: 0;text-align: left;background: #fff;margin-bottom: 25px;/* border-radius: 5px; */padding: 5px 15px 1px !important;box-shadow: 5px 5px 0px #80c990;position: fixed;bottom: 20px;left: 0;width: 34%;margin: 0 33%;color: #fff;text-align: center; animation: fadein 3s; z-index: 10000; border: 1px solid #384167; border-radius: 5px;}
	.GuestBox div.P {position: relative; color: #384167; text-align: center; margin: 20px 0 10px;}
	.GuestBox p {color: #384167; text-align: center; line-height: 1.7rem;}
	.GuestBox p:nth-child(2) {margin-bottom: 15px; color: #384167;}

.Button.Primary.SignInPopup {width: 127px; background: #80c990; margin-right: 11px; text-align: left; color: #FFF; font-weight: 400; font-size: 1.1rem; line-height: 1.8rem; box-shadow: none; text-align: center; }
	.Button.Primary.SignInPopup:hover {background: #384167;  color: #FFF;}
.Button.ApplyButton {width: 127px; background: #80c990;  color: #FFF; text-align: left; font-weight: 400; font-size: 1.1rem; line-height: 1.8rem; box-shadow: none; text-align: center;}
	.Button.ApplyButton:hover {background: #384167; color: #FFF; }

/* Login PopUp */

.FormTitleWrapper.AjaxForm .FormWrapper {padding: 15px;}

/* Registration Page */

#dashboard_entry_register .breadcrumbu, #dashboard_entry_signin .breadcrumbu {display: none;}
#dashboard_entry_register h1 {text-align: center; font-weight: 400;}
#dashboard_entry_register .Box {text-align: center; margin: 0 auto; padding: 15px 25px;}
#dashboard_entry_register label {font-size: 1rem; font-weight: 400; margin-bottom: 5px; line-height: 1.4em;}
#dashboard_entry_register .Buttons {text-align: center; margin-top: 25px;}
#dashboard_entry_register .Buttons .Button {font-size: 1.1rem; padding: 7px 28px 7px 28px;}

#dashboard_entry_register .FormWrapper {background: #FFF; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1); border-radius: 5px;}
#dashboard_entry_register .FormWrapper li {margin-bottom: 10px;}
#dashboard_entry_register .FormTitleWrapper {width: 400px; margin: 30px auto 0;}
#dashboard_entry_register .PasswordStrength {width: 300px;}
#dashboard_entry_register .small {display: block; font-size: 0.9em; color: gray; font-weight: 400; line-height: 1.4em; margin-top: 10px;}

#dashboard_entry_register .mastermenu {height: 160px;}
#dashboard_entry_register .categoriesHolder {display: none;}

#dashboard_entry_register .PasswordStrength .StrengthText {padding-top: 8px; font-size: 13px;}

#Form_User_Register .InputBox {width: 100%; padding: 8px 12px 10px; font-size: 0.9rem; 
    border: 1px solid rgba(126, 150, 179, 1);
    border-radius: 5px;}
#PasswordsDontMatch {font-size: 1.1rem; margin: 10px 0;}
.CaptchaInput {margin-top: 20px;}
#recaptcha_widget_div {margin-bottom: 15px; margin-left: 50px;}
#dashboard_entry_register #Form_SecretCode {width: 50px; text-align: center;}

li.Gender {display:none !important;}


/* TopMenu */

.categoriesHolder {text-align: center; margin: 0px auto 25px; position: relative; white-space: nowrap; animation: fadein 2.5s;}
.categoriesHolder ul {display: flex; justify-content: flex-end; flex-wrap: wrap; max-width: 1073px; margin: 0 auto;}
.categoriesHolder li {border: none;}
.categoriesHolder li a:link, .categoriesHolder li a:visited {border: none; margin-bottom: 4px; font-size: 0.9rem; padding: 12px 0px; text-align: center; font-weight: 400; color: #384167;     position: relative;
    top: 12px;
    margin-left: 20px;}
.categoriesHolder li a:hover {border-bottom: 3px solid #80c990; }

/* .categoriesHolder .schwangerAT:link, .categoriesHolder .schwangerAT:visited {border-bottom: 3px solid #ffe4e4; }
.categoriesHolder .schwangerAT:hover {border-bottom: 3px solid #80c990;} */

/* Categories */

.BoxCategories {margin-bottom: 70px;}
.PanelInfo.PanelCategories li {height: 35px; padding: 0 0.3%; border: none; padding-top: 5px;}
.PanelInfo.PanelCategories li a:link, .PanelInfo.PanelCategories li a:visited {margin-bottom: 4px; font-size: 0.95rem; line-height: 1.8em; padding: 6px 7px; text-align: center; font-weight: 400; color: #384167; border-radius: 3px; background: #FFF;}
.PanelInfo.PanelCategories li:hover {background: rgba(126, 150, 179, 0.1); color: #384167; border-radius: 3px; transition: background 0.2s; }
.PanelInfo.PanelCategories li:hover a {background: none; color: #384167;}
.PanelInfo.PanelCategories li:hover a .Count {background: none; color: #384167;}

.PanelCategories .Aside {text-align: center;}
.PanelCategories .Aside .Count {border-radius: 4px; width: 45px; height: 28px; display: inline-block; text-align: center; background: #FFF; color: #384167; font-weight: 700;}

.PanelInfo.PanelCategories li.Active {background: none;}
.PanelInfo.PanelCategories li.Active a:link, .PanelInfo.PanelCategories li.Active a:visited {background: #80c990; color: #FFF; border: 2px solid #80c990;}
.PanelInfo.PanelCategories li.Active a:hover {background: #384167; border: 2px solid #384167; color: #FFF;}

.PanelCategories li.Depth2 {display: none;}


/* In this discussion */

.BoxInThisDiscussion {margin-bottom: 70px;}

.PanelInfo.PanelInThisDiscussion {margin-bottom: 30px;}
	.PanelInfo.PanelInThisDiscussion li:hover {background: rgba(126, 150, 179, 0.1);
    color: #384167;
    border-radius: 3px;
    transition: background 0.2s; height: 35px;
    border: none;}
	.PanelInfo.PanelInThisDiscussion a:link, .PanelInfo.PanelInThisDiscussion a:visited {font-size: 0.95rem; color: #384167;}
	.PanelInfo.PanelInThisDiscussion a:hover {}



/* Yaga Page Leaderboard Module */

.Box.Leaderboard {margin-bottom: 45px;}
.Box.Leaderboard li {border: none; background: #FFF; border-radius: 3px; margin-bottom: 2px;}
.Box.Leaderboard li .Count {font-size: 100%; font-weight: 400; padding: 4px 5px;}

/* Draft Site */

#vanilla_drafts_index ul.DataList.Drafts li.Item .Title a {padding-left: 2px; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 72%;}
#vanilla_drafts_index ul.DataList.Drafts li.Item .Title {color: #323A46; font-size: 1.1rem; line-height: 1.3em; font-family: asap, sans-serif; font-weight: 500; letter-spacing: 0.03rem;}    
#vanilla_drafts_index ul.DataList.Drafts li.Item .Excerpt a {color: rgba(126, 150, 179, 0.75); font-size: 1rem; line-height: 1.6rem;}
#vanilla_drafts_index .DataList a.Delete {visibility: visible; font-family: asap, sans-serif; height: 21px; border-radius: 2px; color: #323A46;}
#vanilla_drafts_index .DataList a.Delete:hover {background: #323A46; color: #FFF;}

/* Profile Edits */
	
.Profile .FormTitleWrapper li input {border-radius: 3px; border: none;}
body.Profile.EditMode ul li label {margin-bottom: 3px;}
.Profile .FormTitleWrapper li .CheckBoxLabel {margin-bottom: 15px;}
.Profile .FormTitleWrapper li:last-child {margin-bottom: 25px;}


/* Profile Menu */

#Panel .FilterMenu {margin: 0 0 40px 0; background: #384167;}
#Panel .FilterMenu li, #Panel .FilterMenu li:first-child, .PanelInfo li:first-child {border: none;}
#dashboard_profile_edit #Panel .FilterMenu .Active, #dashboard_profile_edit .PanelInfo .Active {background: none;}
#Panel .FilterMenu li.Discussions {}

#Panel .BoxFilter li {display: inline-block;}
#Panel .FilterMenu li a:link, #Panel .FilterMenu li a:visited {font-size: 0.9rem;}
#Panel .FilterMenu li a:link, #Panel .FilterMenu li a:visited {width: 80px; height: 40px; border-radius: 4px; display: inline-block; display: table-cell; vertical-align: middle; color: #2A3539; z-index: 8; position: relative; text-align: center; text-indent: -9999px; font-weight: 400;}

#Panel .Photo.PhotoWrap.PhotoWrapLarge {text-align: center; float: none; margin-bottom: -12px; width: 100%;}
#Panel .Photo.PhotoWrap.PhotoWrapLarge img {width: 100%;}

#dashboard_profile_index #Panel .Photo {display: none;}

#Panel .FilterMenu li.Active {background: none;}
#Panel .FilterMenu li.Active a:link, #Panel .FilterMenu li.Active a:visited {background: #FFF; text-indent: 0;}
#Panel .FilterMenu li.Active a:link:hover {border: none;}

#Panel .FilterMenu li a .Aside {position: absolute; top: 0; right: 5px;}
#Panel .FilterMenu li a .Aside .Count {text-indent: 0px; display: table-cell; vertical-align: middle; background: #384167; left: 17px; top: -11px; border-radius: 300px; width: 30px; height: 30px; display: block; text-align: center; font-size: 0.9em; z-index: 10; position: relative; padding: 5px 0;}

#Panel .FilterMenu .AllCategories {display: none;}

#Panel .PanelInfo .PanelCategories li a {background: #80c990; text-align: center; display: block; color: #FFF; border-radius: 3px; font-size: 1rem; line-height: 2em;}


#Panel .BoxFilter.BoxDiscussionFilter {position: fixed; top: 0; left: 0; margin: 0px auto 0 auto; width: 100%; height: 40px; z-index: 1; display: none;}
	.isUser #Panel .BoxFilter.BoxDiscussionFilter {display: none;}
#Panel .BoxFilter.BoxDiscussionFilter ul.FilterMenu {background: #384167; border-radius: 0; box-shadow: 0 3px 0px 0 rgba(50,66,93,.1); display: none;}

#Panel .BoxFilter.BoxDiscussionFilter .FilterMenu li a:link, #Panel .BoxFilter.BoxDiscussionFilter .FilterMenu li a:visited {color: #FFF; padding: 9px 15px;}
	#Panel .BoxFilter.BoxDiscussionFilter .FilterMenu li a:hover {background: #323A46 !important;}
#Panel .BoxFilter.BoxDiscussionFilter li a .Aside {}
#Panel .BoxFilter.BoxDiscussionFilter li a .Aside .Count {text-indent: 0px;vertical-align: middle;background: #80c990;left: 10px;top: 24px;border-radius: 300px;width: 25px;height: 25px;display: block;text-align: center;font-size: 0.7em;z-index: 10;position: relative;padding: 2px 0;}
#Panel .BoxFilter ul.FilterMenu {}

.userMeModule {position: fixed; top: 0; z-index: 2; margin: 10px 0 0 0; border-radius: 5px; left: 10px; background: #7E96B3;}
	.MeBox {background: none; margin: 0; height: auto; text-align: center; border-radius: 5px; width: 42px;}
		.MeBox .ProfilePhoto.ProfilePhotoMedium {border-radius: 300px; width: 25px; width: 28px; margin-top: 5px;}
		.MeBox .ToggleFlyout {display: block;}

.Profile .MeBox {display: block;}

.Sprite16 {background-size: 100%; }
	.Sprite16.SpNotifications {background: url(../../_icons/SpNotifications.svg) center right no-repeat;background-size: 100%;}
	.Sprite16.SpInbox {background: url(../../_icons/SpInbox.svg) center right no-repeat;background-size: 100%;}
	.Sprite16.SpBookmarks {background: url(../../_icons/SpBookmarks.svg) center right no-repeat;background-size: 100%;}
	.Sprite16.SpOptions {background: url(../../_icons/SpOptions.svg) center right no-repeat;background-size: 100%;}
	.Sprite16:hover {}

.MenuItems {font-size: 0.9rem; border: none;}
	.MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active {padding: 6px 15px; color: #384167 !important;     font-size: 0.75rem;
    line-height: 0.9rem;}
	.MenuItems a:hover {background: #384167 !important; color: #FFF !important;}

.CategoryFilter {display: none;}

/* Panel Menü Buttons */

#Panel .FilterMenu li, .PanelInfo li {padding: 9px 6px;}
#Panel .FilterMenu li:nth-child(4), #Panel .FilterMenu li:nth-child(7) {padding-right: 0;}

/* New post */

.List.Inline {display: inline; line-height: 3rem; font-size: 0.9rem;}
.List.Inline b {margin-right: 20px;}

.Popup.hasRichEditor.Section-PostDiscussion #DiscussionForm .FormWrapper, body.hasRichEditor.Section-PostDiscussion #DiscussionForm .FormWrapper {padding: 0 10vw;}

/* THE BoxFilter Experiment */

#Panel .BoxFilter {}
#Panel .BoxFilter {margin: 0 0 50px 0 !important}
#dashboard_profile_best #Panel .FilterMenu {margin: 0 0 0 0; border-radius: 3px 0 0 0;}

#Panel .BoxFilter ul.FilterMenu {background: rgba(255,255,255,1); margin: 0 0 0px 0; border-bottom: 0; border-right: 0;}
#Panel .FilterMenu li {width: auto; padding: 0px !important;}
#Panel .FilterMenu li a:link, #Panel .FilterMenu li a:visited {display: inline-block; width: auto; white-space: nowrap; background: transparent !important; height: 40px; text-indent: 0px; padding: 11px 12px; color: #384167;}
#Panel .FilterMenu li a:hover {border: none; color: #80c990;  border-radius: 0;}
#Panel .FilterMenu li.Active a:link, #Panel .FilterMenu li.Active a:visited {background: none !important; color: #80c990; border-radius: 0;}
/* #Panel .FilterMenu li a:first-child {padding-left: 20px;}
#Panel .FilterMenu li a:last-child {padding-right: 20px;} */
#Panel .FilterMenu li a .Aside .Count {background: #80c990;}

#Panel .FilterMenu li a .Aside .Count {font-size: 0.8em; width: 27px; height: 26px; padding: 5px 0; left: 7px; top: -16px;}

#Panel .Photo.PhotoWrap.PhotoWrapLarge {margin-bottom: 38px;}
.BoxCategories {margin-top: 30px; animation: fadein 1s;}

/* Category Page Customized */

.categoryHeadline {display: inline-block; vertical-align: top; width: 20%; position: relative; top: 0px; width: 100%; height: 30px; text-align: right;}
.MItem.DiscussionText, .MItem.CommentText {width: 90px; display: inline-block; text-align: right;}

.categoryCounts {display: inline-block; float: right; vertical-align: top; width: 30%; clear: both;}
.categoryCounts.MItem.DiscussionCount {width: 100px; display: inline-block; text-align: right;}
.categoryCounts.MItem.CommentCount {width: 100px; display: inline-block; text-align: right;}

.categoryCounts .MItem {width: 75px; margin: 3px 0 10px 0; float: right; color: rgb(42, 53, 57); padding-top: 25px; font-weight: 400; font-size: 1em; line-height: 26px; text-align: center;}

.categoryCounts .MItem.DiscussionCount {background: transparent url(../../_icons/iconset.png) -471px -248px  no-repeat;}
.categoryCounts .MItem.CommentCount {background: transparent url(../../_icons/chat-25.png) center top no-repeat;}


#vanilla_categories_all .MItem a:link, #vanilla_categories_all .MItem a:visited {color: #FF3440; opacity: 1;}
#vanilla_categories_all .MItem a:hover {color: #80c990;}
#vanilla_categories_all .ItemContent.Category a.Title:link, #vanilla_categories_all .ItemContent.Category a.Title:visited {width: 67%;}

.Meta.Meta-Discussion .MItem.CommentCount {width: 100px; text-align: right; display: none;} /* Achtung unlcean Solution aus irgendeinem grund drin  */

.MItem.RSS {display: none;}

.ItemContent.Category a.Title:link, .ItemContent.Category a.Title:visited {color: rgb(42, 53, 57); font-size: 1.5em; line-height: 1.2em; font-weight: 400; margin-top: 3px; /* width: 67%; */ width: 100%;}
.ItemContent.Category a.Title:hover {color: #80c990 !important;}
.ItemContent.Category .CategoryDescription {margin: 20px 0 10px 2px; color: #2b2e3d; font-size: 0.9rem; border-bottom: none;}
    
.ItemContent.Category .MItem.DiscussionCount,
.ItemContent.Category .MItem.CommentCount,
.ItemContent.Category .MItem.LastCommentDate {display: none;}    

.ItemContent.Category .MItem.LastDiscussionTitle {display: block; white-space: normal; line-height: 1.2rem;}

.ChildCategories {margin-top: 15px; border: none; color: #FFF;}
.ChildCategories b {display: none;}
.ChildCategories a:link, .ChildCategories a:visited {background: #80c990; color: #fff; padding: 6px 11px; font-size: 1rem; border-radius: 2px; width: auto; display: inline-block; margin-bottom: 7px;}
.ChildCategories a:hover {background: #FBF06C; color: #2b2e3d;}

.DataList.CategoryList .ItemContent .ControlOptions, .DataList.CategoryList .ItemContent .Options {position: absolute !important; top: 10px !important; right: 20px !important;}

/* Private Categories */

.DataList.CategoryList .Item-category-private  {background: #7E96B3;}
	.DataList.CategoryList .Item-category-private a.Title:link,
	.DataList.CategoryList .Item-category-private a.Title:visited,
	.DataList.CategoryList .Item-category-private .CategoryDescription,
	.DataList.CategoryList .Item-category-private .MItem,
	.DataList.CategoryList .Item-category-private .MItem a {color: #FFF;}
	
.DataList.CategoryList .DMarker {background: #FFF; position: absolute; right: 40px; top: 0px; color: #2b2e3d; border-radius: 1px; padding: 11px 12px 4px 12px;}


/* My Search Module */

.mySearchModule {margin: 25px 0; border-radius: 3px; height: 44px; animation: fadein 0.5s;}
	.mySearchModule input.InputBox {display: inline-block; width: 80% !important; border-radius: 3px; margin-right: 2%; padding: 11px 15px; position: relative; border: none; border-bottom: 2px solid rgba(126, 150, 179, 0.3);
    border-radius: 0;}
	.mySearchModule #Form_Go {width: 18%; top: 0px; right: -2px; position: relative; background: #7E96B3; color: #fff; border-radius: 5px; padding: 6px;}
	.mySearchModule #Form_Go:hover {background: #80c990;}    
	#Panel input.InputBox, .AddPeople textarea.MultiComplete {background: none;}

/* User Page */

#Content .Profile {padding-top: 20px;}
.Profile .User {border-radius: 3px;}
	.Profile .User .Name {font-size: 1.6rem; margin: 20px 0 0; font-weight: 500;}
	.Profile .User .PhotoWrap {float: none; margin: 0;}
		.Profile .User .PhotoWrap .ProfilePhoto {width: 100px; height: auto;}	
	.Profile .User .About dd.Email {text-align: center; color: rgba(126, 150, 179, 0.75);}	
	
	.profilebox {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 20px 0%;}
		.profilebox .one {width: 33%; padding: 5%; text-align: center;}
		.profilebox .one dd {font-size: 1.1rem; line-height: 1.4rem;}
	
	.Profile .User #Status {background: #FFF; padding: 12px; border-radius: 3px; margin-bottom: 10px; color: #384167; font-size: 1rem; text-align: center; border: 1px dashed rgba(77, 91, 109, 0.5);}
	.Profile .User #Status span::before {background: transparent url(/themes/_icons/reactionQuote.svg) 50% 10% no-repeat;}
	.Profile .User .About.P {text-align: center; font-size: 1rem;}
	.Profile .User .About dt {color: #7E96B3; font-size: 0.9rem; margin-bottom: 10px;}
	.Profile .User .About dd {font-size: 1.1rem; line-height: 1.4rem;}
	.Profile .User .About dt.Roles {display: block;}
	.Profile .User .Hijack {background: #FFF; padding: 3px 7px; border-radius: 3px;}
	.Handle > .SpEditProfile, .NavButton > .SpEditProfile{background-position: -240px -24px; background-position: -247px -29px;}
	
	dl.About dt {background: none; padding-left: 0; float: none;}
	
	dl.About dt,dl.About dd{display: block; padding-bottom:3px;}
dl.About dt:after{content:'';}
dl.About{padding:10px;overflow:hidden;}		


.PhotoWrap {float: left; margin-right: 10px;}
.Photo.PhotoWrap.PhotoWrapLarge {text-align: center; background: #F1F2F4; border-radius: 3px;}
.ProfilePhotoLarge {border-radius: 5px;}

.ProfilePRTable td {background: rgb(42, 53, 57); border-radius: 30px; color: #FFF; width: 50px; height: 50px; vertical-align: middle; padding: 10px;}

.Profile .User .aboutLeft {width: 50%; display: inline-block; vertical-align: top; text-align: left;}
.Profile .User .aboutRight {width: 49%; display: inline-block;}

.Profile .User dt.Email {display: none;}
.Profile .User dt.MySymbol {display: none;}

.-EditProfile {margin: 8px 10px 0 0}

#Panel .BoxFilter.BoxProfileFilter {position: relative; display: block; margin: 0 !important; bottom: 0; right: 0; margin: 40px 0 !important; box-shadow: none; z-index: 0;}
	#Panel .BoxFilter.BoxProfileFilter ul {    margin: 0;
    background: rgba(126, 150, 179, 0.05);
    border-radius: 3px;
    padding: 2px 0;}
	 #Panel .BoxFilter.BoxProfileFilter li {display: block; height: 35px;padding: 0 0.3%;border: none;padding-top: 5px;}
	 #Panel .BoxFilter.BoxProfileFilter li:hover {background: rgba(126, 150, 179, 0.2);color: #384167;border-radius: 3px;transition: background 0.2s;}

	#Panel .BoxFilter.BoxProfileFilter li a:link, #dashboard_profile_index #Panel .BoxFilter.BoxProfileFilter li a:visited {text-align: left; width: 100%; padding: 7px 12px;}
	#Panel .BoxFilter.BoxProfileFilter li a:hover {color: #384167; }
	#Panel .BoxFilter.BoxProfileFilter li a.active {background: #80c990; color: #FFF; border: 2px solid #80c990;}
    
	#Panel .BoxFilter.BoxProfileFilter li a .Aside {float: right;}
	#Panel .BoxFilter.BoxProfileFilter li a .Aside .Count {border-radius: 4px;width: 45px;height: 28px;display: inline-block;text-align: center;font-weight: 700;    background: none;color: #384167; left: 0; top: 0;}

/* Profile Page Yaga */

.Yaga.ReactionsWrap {background: rgb(255, 255, 255); border-radius: 5px;}
#dashboard_profile_index h2, #dashboard_profile_reactions h2 {text-align: center;}
.Yaga.ReactionsWrap h2 {padding: 20px 2px 0; color: #2b2e3d;}
.Yaga.ReactionsWrap a.TextColor, .Yaga.ReactionsWrap a .TextColor {color: #2b2e3d;}
.Yaga.ReactionsWrap .DataCounts {margin: 5px 0; text-align: center; color: #2b2e3d; }
.Yaga.ReactionsWrap .CountItemWrap {width: 18%; margin: 0 3%; padding: 20px 0; color: #2b2e3d; border-radius: 5px;}

/* YAGA Besten Liste und Earned Badges */

.Badge-Details {text-align: center;}
.Badge-Details h1 {margin: 10px 0 24px 0;}

.Badge-Earned .EarnedThisBadge {background: #FFF; padding: 6px; border-radius: 4px; margin-bottom: 20px;}

.Badge-Earned .CellWrap {background: #FFF; padding: 6px; border-radius: 4px; margin: 0 1% 5px 0 !important; width: 32.5% !important;}
.Badge-Earned .CellWrap:nth-child(3n) {margin: 0 0% 5px 0 !important;}
.Badge-Earned .DateReceived {display: block;}
.Badge-Earned .PhotoWrap img {width: 35px; height: 35px;}

a.ReactButton {color: rgba(126, 150, 179, 1); opacity: 1; margin: 0 3px;}
a.ReactButton:hover .ReactLabel {color: #80c990;}

form.Activity {text-align: center;}
.Activity .TextBoxWrapper {padding: 4px;}

.DataList.Activities li.Item .Title {font-weight: 400;}
.DataList.Activities li.Item .Title a:link, .DataList.Activities li.Item .Title a:visited {font-size: 1em; font-weight: 400; color: #80c990;}
.DataList.Activities li.Item .Title a:hover {color: #2b2e3d;}
.Activities a.Title, .Activities .Title, .Activities .Title a {font-size: 1rem;}

#dashboard_profile_index .About {background: #FFF; border-radius: 5px; margin-bottom: 20px; padding: 10px;}

.Box.Badges {margin-bottom: 25px;}

/* Profile Options */

.ProfileOptions {float: none; text-align: center;}
	.ProfileOptions .SpEditProfile {display: none;}
	.ProfileOptions .Hidden {display: block; float: left; margin-right: 15px;}
	.ProfileOptions .NavButton {padding: 2px 15px;}
	
.NavButton { background: #80c990; text-shadow: none;font-weight: 400;color: #FFF;font-size: 1rem;top: 1px;width: fit-content;padding: 2px 25px;max-width: 200px;line-height: 1.8rem; border-radius: 3px; text-align: center;    border: none;box-shadow: none;}
.NavButton:hover {background: #80c990; color: #FFF; text-shadow: none;}    
.User-Name, .User-Email { margin-right: 30px; display: inline-block;}
.User-Name input, .User-Email input, input.CustomLabel, input.CustomValue {background: #FFF; border-radius: 3px; border: none; width: 250px; font-size: 1em; line-height: 1.3em;}

/* Editor */

.editor-file-preview {border: none; height: 35px; width: 250px;}
	.editor-file-preview .file-data {padding-top: 5px;}
	.editor-file-preview .file-data .filename {font-size: 0.9rem;}
	.editor-file-preview .file-preview.img {margin: 3px; border-radius: 2px;}
	div.allowToDelete span.delete:hover {color: #80c990;}

/* Errors */

.Errors ul, div.Popup .Errors ul {border: none !important; border-radius: 5px; background: #80c990 !important; font-size: 1rem;}
.Errors ul li {background: none !important;}
span.Incorrect {}

/* Stats Box */

a.Bookmark, a.Bookmarked, a.Bookmarking {position: relative; right: 3px; top: 5px; background: url(../../_icons/SpBookmarksDiscussions.svg) 0 0 no-repeat; background-size: 15px;}
a.Bookmark:hover, a.Bookmarked:hover, a.Bookmarking:hover {background: url(../../_icons/SpBookmarksDiscussionsHover.svg) 0 0 no-repeat; background-size: 15px;}
a.Bookmarked {background: url(../../_icons/SpBookmarksDiscussionsHover.svg) 0 0 no-repeat; background-size: 15px;}

.StatsBox {margin-top: 0px; width: 100px; float: right; font-weight: 400;}
	.StatsBox.ViewsBox, .StatsBox.AnswersBox {color: #7E96B3; width: 43px; padding-top: 23px; font-weight: 400; font-size: 0.8rem; line-height: 26px;}
	.StatsBox.ViewsBox {background: transparent url(/themes/_icons/itemViews.svg) 50% 10% no-repeat; opacity: 0.9; background-size: 55%;}
	.StatsBox.AnswersBox {background: transparent url(/themes/_icons/itemComments.svg) 50% 10% no-repeat; opacity: 0.8; background-size: 44%;}
	.StatsBox.ViewsBox span, .StatsBox.AnswersBox span {display: none;}

.VotesBox {visibility: hidden; width: 0;}
.FollowsBox {visibility: hidden; width: 0;}

ul.DataList div.Meta strong {box-shadow: none !important;}

.ControlOptions, .Options {position: relative; right: -8px;}

/* Symbold Edit */
img.SymbolDiscussionSize {height: auto; width: 40px; float: right; right: 8px; top: 8px;}


/* RSS */
#RSSFeed {clear: both;}
#Panel #RSSFeed.Box {margin-bottom: 60px;}

#RSSFeed.Box h4 a:link, #RSSFeed.Box h4 a:visited {color: #4C4E4D; font-weight: 400;}

#RSSFeed.Box .time {display: none;}
#RSSFeed.Box ul {border: none; border-radius: 3px;}
	#RSSFeed.Box ul li {background: none; border: none; margin-bottom: 7px; border-bottom: 1px solid #DDD;}
	#RSSFeed.Box ul li a {color: #2A3539; font-size: 1.3em; display: block; padding: 0 0 7px 0; text-align: center;}
	#RSSFeed.Box ul li a:hover {color: #80c990;}
	#RSSFeed.Box ul li:last-child {border:none;}

/* affects RSS */ .PanelActivity li {padding: 2px 0;}

/* Footer */

#footer {color: #FFF; margin: 90px 0 50px;}
	#footer div {text-align: left;}
	#footer h4 {font-size: 1rem; color: #384167; text-align: left; font-weight: 400; margin: 15px 0 -5px; padding: 10px 15px;}
	#footer p {padding: 10px 15px; font-size: 0.9rem; color: rgba(126, 150, 179, 1); line-height: 1.5rem;}

#footer div .flex {margin-bottom: 20px; display: flex; justify-content: space-between;}
	#footer div .flex div {width: 23%; padding: 8px; border-radius: 10px; background: #FFFFFF; }
	#footer div .flex div img {width: 100%; height: auto; border-radius: 8px;}

#one {text-align: left;}
	#one a:link, #karten a:visited {display: inline-block; border-radius: 3px; border: 1px solid #7E96B3; padding: 4px 7px; margin: 3px 3px 3px 0; background: #fff; color: #7E96B3; font-size: 1rem;}
	#one a:hover {background: #7E96B3; color: #FFF; transition: background 0.2s; }

#one .headline , #footer .headline {display: block; padding: 12px 0px; font-size: 1rem; color: #384167;}

#two {}
	#two a:link, 	#two a:visited {background: transparent url(/themes/_icons/navNewsletter.svg) 6px 0 no-repeat;
	    border: 1px solid #80c990; background-size: 75px; font-size: 1.1rem; border-radius: 3px; margin-top: 20px; padding: 33px 0px 26px 102px; display: block; text-align: left; text-indent: 0px; min-height: 60px; color: #323A46;}
	#two a:hover {color: rgb(42, 53, 57); background: #FBF06C url(/themes/_icons/navNewsletter.svg) 6px 0 no-repeat; background-size: 75px;}

	#three {}
		#three a:link, .gewinnspielDiv a:visited {    border: none; margin-bottom: 7px; padding: 5px 14px; background: #80c990; border-radius: 3px; font-weight: 400; display: table; color: #fff; margin-top: 0px; text-align: left;}
		#three a:hover {background: #7E96B3; color: #FFF; transition: background 0.2s; }
		
#four {}		

#footerNew {padding-bottom: 70px; margin-top: 0; padding-top: 70px; background: rgba(128, 201, 144, 0.1); font-size: 0.8em; position: relative; top: 0px;}

.card {box-shadow: 0 5px 12px rgba(56, 65, 103, 0.1);}

.cards div {width: 300px; padding: 8px; border-radius: 10px; background: #FFFFFF;}
	.cards div {padding: 8px; border-radius: 10px; background: #FFFFFF; margin-bottom: 30px;}
	.cards div img {width: 100%; height: auto; border-radius: 8px;}
	.cards h4 {font-size: 1rem; color: #384167; text-align: left; font-weight: 400; margin: 4px 0 0px; padding: 10px 15px;}


#footer div#share, #share {padding: 60px 15% 70px; text-align: center; background: #FFF;}
	#share p {margin-bottom: 15px;}
	#share a {width: 110px;height: 30px;display: inline-block;margin: 8px;border-radius: 3px;font-size: 1rem;color: #fff;transition: all 0.15s linear;background: #7E96B3;text-decoration: none;height: 40px;width: 125px;padding: 8px 6px 7px 33px;border: 1px solid #7E96B3;box-shadow: 0 0 10px rgba(62, 58, 95, 0.3);position: relative; } 
		#share a:hover {background: #80c990; color: #FFF; border: 1px solid #80c990;}
	#share i {position: absolute;top: 11px;left: 13px;} 


.copyright {font-size: 0.85rem; margin: 0; text-align: left; color: #fff; text-align: center; color: #8fbb98;}
    .copyright img {width: 250px; display: block; margin: 30px auto;}
	.copyright a:link, .copyright a:visited {color: #8fbb98; transition: all 0.3s ease; font-size: 0.8rem;}
	.copyright a:hover {color: #8fbb98;}
	
/* Socials */

#socials {color: #8fbb98; padding: 1px 0 65px; text-align: center; font-size: 0.85rem;}
	#socials a {width: 40px; height: 40px; display: inline-block; border-radius: 30px; margin: 8px 20px;}
	#socials a.apple {background: transparent url(/themes/_icons/socialApple.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a.play {background: transparent url(/themes/_icons/socialPlay.svg) 0 0 no-repeat; background-size: 100%;}	
	#socials a.facebook {background: transparent url(/themes/_icons/socialFacebook.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a.twitter {background: transparent url(/themes/_icons/socialTwitter.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a.pinterest {background: transparent url(/themes/_icons/socialPinterest.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a.instagram {background: transparent url(/themes/_icons/socialInstagram.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a:hover {opacity: 1;}

 
/* System Messages */

.Errors ul {border: none !important; padding: 12px;}
	.Errors ul li {line-height: 200%;}

/* Banner */

.superbanner {width: 100%; border-radius: 5px; margin: -8px 0 30px 0; text-align: center;}
	.superbanner a {cursor: pointer;}
.banner_farright {width: 100%; height: 200px; background: #EFEFEF;}

/* Discussion Marker */

.markergroup {background: #fff !important; display: inline-block; margin-right: 10px; border-bottom: 1px solid #81d0b1;}
.markergroup:empty {display: none;}
.DMarker {padding: 4px 0; letter-spacing: 0px; margin: 0 !important; background: none; display: inline-block; color: #81d0b1; font-size: 0.8rem;}
.DMarker:last-child {margin-left: 5px !important;}
li.Read .markergroup {color: rgba(126, 150, 179, 0.6) !important; border-color: rgba(126, 150, 179, 0.6); background: none;}

.DMarker.gray {padding: 3px 8px 3px 8px; border-radius: 10px 2px 10px 2px; background: #555; color: #FFF; display: inline-block; margin-left: 0 !important;}

.ReactionCount {margin-top: 0px; display: inline-block; margin-right: 10px; text-align: center; color: #80c990; height: 22px; position: relative; padding: 2px 0 2px 0; top: 0px; border-bottom: 1px solid #80c990;}
.ReactionCount span {opacity: 1; font-size: 0.8rem;}

/* Discussion Insert */

.DiscussionInsert {margin-top: 25px;}
.DiscussionInsert .Tools li {display: inline-block; margin-right: 10px;}

.DiscussionInsert div {border: 1px solid #DDD; border-radius: 3px; background: #FFF;}
.DiscussionInsert div.iwoman {padding: 15px}

/* Yaga Sites */

#yaga_badges_detail .Badge-Details {background: #FFF; padding: 25px 15px 15px 15px; text-align: center; border-radius: 3px 3px 0 0;}
#yaga_badges_detail .Badge-Details h1 {font-size: 1.7em; color: #4C4E4D; text-align: center; font-weight: 700; font-style: italic; border-bottom: none; margin-bottom: 20px; padding-bottom: 10px; font-weight: 400;}
#yaga_badges_detail .ContentColumn .ProfilePhotoMedium {width: 50px; height: 50px;}
#yaga_badges_detail .RecentRecipients .Cell {text-align: left;}

#yaga_badges_detail .EarnedThisBadge a.PhotoWrap {display: block; float: none; margin: 0;}

#yaga_badges_detail .Badge-Earned {font-size: 1rem; background: #FFF; padding: 15px 15px 15px 15px; text-align: center; border-radius: 0 0 3px 3px;}
#yaga_badges_detail .Badge-Earned h2 {font-size: 1.7em; color: #4C4E4D; text-align: center; font-weight: 700; font-style: italic;  margin: 50px 0 20px; padding-bottom: 10px; font-weight: 400;}
#yaga_badges_detail .Badge-Earned .DateReceived {margin-left: 0; display: block;}
#yaga_badges_detail .Badge-Earned p {font-size: 1rem;}

.PhotoGrid img {width: 42px; height: 42px; margin: 4px;}

.MItem.BadgePoints {float: left; display: inline-block; font-size: 1rem;}
.ItemContent.Badge .Title {padding: 0 !important;}
.ItemContent.Badge p {float: left; display: inline-block; margin-top: 0; font-size: 1rem;}


/* Conversation Fixes */

#conversations_messages_all .PageControls.Top, #conversations_messages_inbox .PageControls.Top {right: 0; top: 0px; float: left; width: 100%;}
#conversations_messages_all #Panel .NewConversation, #conversations_messages_inbox #Panel .NewConversation {display: none; float: left;}
#conversations_messages_all .PagerWrap, #conversations_messages_inbox .PagerWrap {float: right;}

#conversations_messages_all .DataListWrap, #conversations_messages_inbox .DataListWrap {margin-top: 75px;}

.Conversations .Excerpt a {color: #384167 !important;}

#conversations_messages_add #Body, #vanilla_post_discussion #Body {margin-top: 0;}

.FormWrapper label, #ConversationForm label {display: block; text-align: left; color: #2b2e3d; font-weight: 400; margin-bottom: 10px; font-size: 0.9rem;}
  .FormWrapper {background: none;}
  #dashboard_entry_signin .FormWrapper {}
  
#token-input-Form_To  {padding: 6px 3px; border-radius: 3px; width: 100%; border: none; background: #2b2e3d; padding: 5px 8px; border-radius: 5px;}

#ConversationForm #token-input-Form_To {background: #FFF;}
#ConversationForm .token-input-token p {color: #2b2e3d;}

.token-input-dropdown {background: #FFF; border-radius: 3px; box-shadow: 0 0 4px #777; padding: 8px; cursor: pointer;}

/* Login Popup */

div.Popup h1 {text-align: center; font-weight: 400; margin-top: 10px;}

#Form_User_SignIn .CreateAccount {text-align: center; margin-top: 30px;}
#Form_User_SignIn .CreateAccount a:link, #Form_User_SignIn .CreateAccount a:visited {border: none;
    margin-bottom: 10px;
    background: #80c990;
    font-size: 1rem;
    line-height: 1.8rem;
    padding: 3px 15px 3px 15px;
    color: #FFF;
    border-radius: 3px;
    text-align: center; margin-top: 11px; display: block;}
#Form_User_SignIn .CreateAccount a:hover {    background: #384167;
    color: #FFF;
    transition: background 0.2s;}

#Form_User_SignIn .MultipleEntryMethods .MainForm {text-align: center; padding: 0 0 12px 0;}

#Form_User_SignIn .MultipleEntryMethods .MainForm #Form_Email, #Form_User_SignIn .MultipleEntryMethods .MainForm #Form_Password {border: none; border-radius: 3px; width: 100%; border: 1px solid #7E96B3; padding: 5px 10px;}
#Form_User_SignIn label {margin-bottom: 10px; font-weight: 400; color: #2b2e3d;}
#Form_User_SignIn label.CheckBoxLabel {color: #2b2e3d; text-align: center;}
#Form_User_SignIn .ForgotPassword {position: relative; text-align: center; display: block; font-size: 0.9rem; margin: 10px 0;}
#Form_User_SignIn .ForgotPassword:hover {color: rgba(0, 0, 0, 0.9);}

#Form_User_SignIn .Button {width:100%;}
.MultipleEntryMethods .Methods {text-align: center; padding: 0;}

body#dashboard_entry_password #Content input.Password, body#dashboard_entry_signin #Content input.Password, body#dashboard_entry_index #Content input.Password, .SignInPopup input.Password, .MainForm .InputBox {width: 100%; max-width: none; border-radius: 5px;}

/* Warnings */

span.Warning, div.Warning {border-radius: 5px; padding: 10px;}

/* Login if page */

#dashboard_entry_signin #Body .ContentColumn {width: 1075px;}
#dashboard_entry_signin h1 {text-align: center; font-weight: 400; margin-top: 0;}
#dashboard_entry_signin #Form_User_SignIn {width: 340px; margin: 0 auto; background: #FFF; padding: 20px;     background: #FFF;
    border-radius: 3px;
    padding: 25px;
    margin: 0 auto;
    box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);}
#dashboard_entry_signin .MultipleEntryMethods .MainForm, #dashboard_entry_signin #Form_User_SignIn .MultipleEntryMethods .MainForm {float: none;}
#dashboard_entry_signin .MainForm li:nth-child(2) {margin-top: 10px;}
#dashboard_entry_signin .MultipleEntryMethods .Methods {margin: 10px 0 0 0; padding: 10px 17px 8px 17px; background: #2461a7; border-radius: 4px; color: #FFF;}
#dashboard_entry_signin .MultipleEntryMethods .Methods b {color: #FFF; font-weight: 400;}
#dashboard_entry_signin #Form_User_SignIn .Button {display: block;}
#dashboard_entry_signin #Form_User_SignIn .CreateAccount {margin-top: 20px;}

.Methods .Method {margin: 10px 0 0 0; padding: 10px 17px 8px 17px; background: #2461a7; border-radius: 4px; color: #FFF !important;}
.Methods .Method:hover {background: #2b2e3d;}
.Methods .Method .Text {color: #FFF; font-size: 1rem;}

/* Inform Messages */
.InformMessages .Title {color: #80c990;}
.InformMessages.InformMessage div {color: #80c990;}
.InformMessages .InformMessage a {color: #80c990;}


/* In this Conversation */
.Conversations #Panel .ClearConversation {margin-bottom: 40px;}
.Conversations #Panel .Box {margin-bottom: 40px;}
.Conversations #Panel .PanelInfo li {border: none; padding: 0;}

.Box.InThisConversation {margin-top: 40px;}
	.Box.InThisConversation ul.PanelInfo li {display: inline-block; margin-right: 5px; margin-bottom: 5px;}
	.Box.InThisConversation ul.PanelInfo li a {padding: 7px 10px 7px 0px; color: #2b2e3d;}
	.Box.InThisConversation ul.PanelInfo li a:hover {background: #DDD; color: #2b2e3d;} 
	.Box.InThisConversation ul.PanelInfo li a img {border-radius: 100%; width: 25px; height: 25px; margin: 8px 8px 0 0;}

.Box.AddPeople #Form_AddPeople {padding: 12px; border-radius: 3px;}
.Box.AddPeople #Form_AddPeople input#token-input-Form_AddPeople {background: #FFF; border-radius: 3px; padding: 3px 7px; border: none; float: left; width: 100px;}


/* Profil bearbeiten */

.EditMode .ProfileOptions {/* float: left; margin-top: 20px; */ float: none; margin: 20px 0 20px 0;}
	.EditMode .ProfileOptions a {padding: 8px 15px; border-radius: 3px; background: #80c990; font-weight: 400; color: #FFF; font-size: 1rem; top: 1px; width: fit-content;}
	.EditMode .ProfileOptions a:hover {background: #2b2e3d;}

#Panel .UserBox {text-align: center; background: #2b2e3d; float: none; margin-bottom: -12px; width: 100%; padding: 10px 0 0 10px; border-radius: 3px 3px 0 0;}
#Panel .WhoIs a.Username {font-size: 1rem; text-align: left;}
#Panel .Email {position: relative; left: 10px; top: -20px; color: #FFF;}
#Panel .PhotoWrap img {/*width: 100%;*/ height: auto; margin: 8px 8px 3px 8px;}
#Panel .EditMode .ProfileOptions {float: right; margin-top: 20px;}

.Box.Group.SideMenu {text-align: center; background: #2b2e3d; float: none; border-radius: 3px; width: 100%; padding: 10px 15px; margin-bottom: 35px;}
	.Box.Group.SideMenu ul li {border-bottom: 1px solid #FFF;}
	.Box.Group.SideMenu ul li:last-child {border: none;}

.Box.Group.SideMenu ul li.ThumbnailLink, .Box.Group.SideMenu ul li.RemovePictureLink, .Box.Group.SideMenu ul li.link-social {display: none;}

/* System Messages */

.InformMessages {}
	.InformMessages .InformMessage {background: rgba(255, 255, 255, 0.95) !important; box-shadow: 0 15px 35px 0 rgba(50,66,93,0.5);}
		.InformMessages .InformMessage:hover {background: rgba(255, 255, 255, 0.7) !important;}
	.InformMessageBody {text-shadow: none; color: #323A46;}
	.InformMessages .Actions a {color: #80c990; text-shadow: none;}
		.InformMessages .InformMessage a:hover {color: #80c990;}

/* Hide AdSPots */

.Dashboard.Profile.EditMode .adSpots,
#vanilla_discussions_bookmarked .adSpots,
#conversations_messages_index .adSpots,
#dashboard_profile_notifications .adSpots {display: none;}

/* New Style kill it if it crushes others */

.Box.Group.SideMenu ul li {border-bottom: 0px solid #FFF; padding: 4px 6px;}
	.Box.Group.SideMenu ul li.Active {background: #DDD; color: #2b2e3d;}
	.Box.Group.SideMenu ul li.Active a {font-weight: 400; background: #DDD !important;}  
	.Box.Group.SideMenu ul li a:link, .Box.Group.SideMenu ul li a:visited {padding: 6px 0; color: #2b2e3d; background: #FFF; border-radius: 4px; text-align: center !important; font-size: 1rem; display: block;}
	.Box.Group.SideMenu ul li a:hover {color: #2b2e3d; background: #DDD;}

table.PreferenceGroup {width: 100% !important;}
table.PreferenceGroup th, table.PreferenceGroup td, #Form_Invitation th, #Form_Invitation td {padding: 5px 6px;}
td.PrefCheckBox {width: 55px !important;}

#dashboard_profile_connections .ContentColumn .Button {width: 121px; font-size: 1.3em; margin-bottom: 0;}

#dashboard_profile_signature .FormTitleWrapper ul label:nth-child(2) {margin-bottom: 30px;}
#dashboard_profile_signature .FormTitleWrapper ul label:nth-child(3), #dashboard_profile_signature .FormTitleWrapper ul label:nth-child(4) {display: none;}

#dashboard_profile_signature .ContentColumn li:nth-child(1) {display: none;}

/* Suche */

#dashboard_search_index .DataList .Item {background: rgba(255, 255, 255, 1) !important; padding: 8px 8px; margin-bottom: 5px; border-radius: 3px;}

/* Discussion geschlossen */

.Foot.Closed {margin-top: 80px;}
.Note.Closed {display: block; clear: both; margin: 20px auto 20px auto; background: #2b2e3d; color: #FFF; padding: 7px 8px; border-radius: 3px; text-align: center;}


/* Sign in or register to comment */

.Note.Closed.SignInOrRegister {margin: 25px 0 0 0; display: block; clear: both; color: #384167 !important; padding: 20px 20px; border-radius: 3px; text-align: center; border-radius: 7px; background: #fff !important; font-size: 1rem !important; line-height: 1.7em;}
	.Note.Closed.SignInOrRegister span.heyhallo {font-size: 1.5em; display: block; float: left; transform:rotate(-15deg); font-weight: 700; position: relative; top: -5px; left: -5px;}
	.Note.Closed.SignInOrRegister a:link, .Note.Closed.SignInOrRegister a:visited {margin-top: 20px; background: #80c990; color: #FFF; padding: 5px 10px; margin: 5px auto 0; border-radius: 3px; display: block; max-width: 220px;}
	.Note.Closed.SignInOrRegister a:hover {background: #80c990;}


/* Activity Wall */
.DataList.ActivityComments {background: #EFEFEF; margin-top: 20px; border-radius: 5px;}

.ActivityComment {background: none !important; margin-bottom: 5px !important;}
.ActivityComment:hover {border: none !important; margin-left: 0px !important;}
.ActivityComment .Meta {float: right; position: absolute; top: 7px; right: 7px;}
.ActivityComment.CommentForm {background: none;}

.Activities .DataList li {background: none;}
.Activities a.CommentLink, .Activities a.CommentLink:hover {border: none !important; border-radius: 3px; color: #2b2e3d; font-size: 1em;}

.Item.Activity .Excerpt {color: #2b2e3d;}
	.Item.Activity .Excerpt img {max-width: 100%;}

/* online now */
#OnlineNow {background: #FFF; border-radius: 4px;}
.onimage {position: relative; top: 0; margin: 0; padding: 0; border: 0; width: 40px; height: 40px; border-radius: 100px !important; background: none !important;}
#OnlineNow.Box ul.PanelInfo {white-space: pre-line; border: 0 none; text-align: left; width: 100%; margin-bottom: 50px; min-height: 40px; white-space: pre-line; border: 0 none; text-align: left; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
#OnlineNow.Box ul.PanelInfo li {display: inline-block; width: 40px; height: 40px; padding: 0; border: 0 none; text-align: left; white-space: nowrap; padding: 0; box-shadow: none; background:transparent; margin: 0px 0px 40px 0px; width: 21%; text-align: center;}
#OnlineNow.Box ul.PanelInfo li a.PhotoWrap {padding: 0; float: none;}
#OnlineNow.Box ul.PanelInfo li div.Time {padding: 0; text-align: center; min-height: 20px; width: 100%; overflow: visible; font-size: 0.9em; color: #384167; overflow: hidden;    font-size: 0.7rem;
    margin-top: 5px;}
#OnlineNow.Box ul.PanelInfo li div.Time a.Popup.Name, #OnlineNow.Box ul.PanelInfo li div.Time a.Popup.Time {color: #fff; position: relative; left: 0; top: 0; padding:4px!important; min-width: 80px; text-align: center; min-height: 15px; width: 100%; background:rgba(0,0,0,.7); border: 1px solid #222; box-shadow: 1px 1px 6px 0 #000; display: inline; font-size:10px!important; z-index:99999!important;}


/* Baby Status */

.Comment .bistduschwanger-ich-moechte-schwanger-werden {background: url(/themes/_icons/baby-status/kinderwunsch.svg) no-repeat; background-position: 97% 11px; background-size: 30px;}
.Comment .bistduschwanger-ich-bin-schwanger {background: url(/themes/_icons/baby-status/schwangerNeutral.svg) no-repeat; background-position: 97% 11px; background-size: 30px;}
.Comment .bistduschwanger-ich-habe-einen-kinderwunsch  {background: url(/themes/_icons/baby-status/schwangerNeutral.svg) no-repeat; background-position: 97% 11px; background-size: 30px;}

.babystatus-1-maedchen .Item-Header {background: url(/themes/_icons/baby-status/1-maedchen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-2-maedchen .Item-Header {background: url(/themes/_icons/baby-status/2-maedchen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-1-neutral .Item-Header {background: url(/themes/_icons/baby-status/1-neutral.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-1-junge .Item-Header {background: url(/themes/_icons/baby-status/1-junge.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-2-jungen .Item-Header {background: url(/themes/_icons/baby-status/2-jungen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-2-neutral .Item-Header {background: url(/themes/_icons/baby-status/2-neutral.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-3-neutral .Item-Header {background: url(/themes/_icons/baby-status/3-neutral.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-3-maedchen .Item-Header {background: url(/themes/_icons/baby-status/3-maedchen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-3-jungen .Item-Header {background: url(/themes/_icons/baby-status/3-jungen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-4-neutral .Item-Header {background: url(/themes/_icons/baby-status/4-neutral.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-4-maedchen .Item-Header {background: url(/themes/_icons/baby-status/4-maedchen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-4-jungen .Item-Header {background: url(/themes/_icons/baby-status/4-jungen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-5-kinder .Item-Header {background: url(/themes/_icons/baby-status/5-kinder.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-1-maedchen-1-junge .Item-Header {background: url(/themes/_icons/baby-status/1-junge-1maedchen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-2-maedchen-1-junge .Item-Header {background: url(/themes/_icons/baby-status/1-junge-2maedchen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-2-jungen-1-maedchen .Item-Header {background: url(/themes/_icons/baby-status/2-jungen-1maedchen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}
.babystatus-2-maedchen-2-jungen .Item-Header {background: url(/themes/_icons/baby-status/2-jungen-2maedchen.svg) no-repeat; background-position: 100% 11px; background-size: 28px;}

.Item-Header.DiscussionHeader {background-position: 100% 1px; }


/* My Attachments */

#dashboard_profile_myattachments #Status, #dashboard_profile_myattachments .About, #dashboard_profile_myattachments .Yaga.ReactionsWrap {display: none;}

#dashboard_profile_myattachments .imagepair {display: inline-block; width: 30.4%; background: #fff; padding: 2%; margin: 1% 1% 2% 2%; border-radius: 5px; vertical-align: top; text-align: center; min-height: 181px;}
#dashboard_profile_myattachments .imagepair:nth-child(3n) {margin-right: 0%;}
#dashboard_profile_myattachments .imagepair .imagethumb > a {min-height: 133px; display: block;}
#dashboard_profile_myattachments .imagepair img {border-radius: 5px; max-width: 100%; height: auto;}
#dashboard_profile_myattachments .imagepair p.imagename {display: none;}
#dashboard_profile_myattachments .imagepair p.gotolink {margin: 0;}
#dashboard_profile_myattachments .PagerWrap {margin: 25px; display: block; height: 15px;}


/* Yaga Bestenliste */

#dashboard_profile_best .BlogList h3 {margin-bottom: 10px;}
#dashboard_profile_best .BlogList h3 a:link, #dashboard_profile_best .BlogList h3 a:visited {color: rgb(42, 53, 57); font-size: 1.3em; font-weight: 400;}
#dashboard_profile_best .BlogList .Item-Header {display: none;}

#dashboard_profile_best #Status, #dashboard_profile_best .About, #dashboard_profile_best .Yaga.ReactionsWrap {display: none;}

/* Error Messages */

#dashboard_home_error #Body .ContentColumn {width: 100%;}

/* Flagging Plugin */

ul li div.Warning {margin: 10px 0px;}
div.FlaggedContent {padding: 20px;}
div.FlaggedContent div.FlaggedItem {border-bottom: 1px solid #e0e0e0; padding: 10px 20px;}
div.FlaggedContent div.FlaggedItem div.FlaggedItemURL {font-weight: 700;}
div.FlaggedContent div.FlaggedItem div.FlaggedItemComment {font-style: italic;}
div.FlaggedContent div.FlaggedItem div.OtherComplaints {margin-top: 5px; padding-top: 5px; border-top: 1px solid #A5D0E7;}
div.FlaggedContent div.FlaggedItem div.OtherComplaints div.FlaggedOtherCell {margin-left: 20px; padding: 5px; background-color: #C2E7FC;}

/* Search Plus Plugin  */

body.Section-SearchResults .SearchForm .SiteSearch {max-width: 100% !important;}
body.Section-SearchResults .SearchForm .SiteSearch .Button {top: 16px; right: 15px;}

.SearchPlusForm {background: #FFF; font-size: 1em; margin-top: 15px;}
.SearchPlusForm label {display: block; margin-bottom: 6px; font-size: 1rem;  }
.SearchPlusForm select {margin-right: 10px; font-size: 0.9rem !important;}
.SearchPlusForm li {margin-bottom: 7px; vertical-align: top;}
.SearchPlusForm li:last-child {margin-bottom: 0;}
.SearchPlusForm input#token-input-Form_User {width: 180px !important; border: solid 1px #bbb; border-radius: .35ex; background: #FFF; padding: 4px 10px !important; font-size: 1rem; margin-top: -3px;}

.SearchPlusForm .token-input-input-token .token-input-focused {margin-bottom: 0;}
.SearchPlusForm .token-input-input-token {height: 23px;}
.SearchPlusCategory {display: inline-block; width: 36%; padding: 12px 0 15px 0;}
.SearchPlusCategory select {width: 80%;}
.SearchPlusUser {display: inline-block; width: 34%; padding: 12px 0 15px 0;}
	.SearchPlusUser ul.token-input-list {border: none; background: transparent; padding: 3px 0;}
	.SearchPlusUser ul.token-input-list p {color:#2b2e3d;}
.SearchPlusRecordType {display: inline-block; width: 29%; padding: 12px 0 15px 0;}
	.SearchPlusRecordType select {width: 80%;}
.SearchPlusPeriod .SearchPlusFrom {display: inline-block; width: 36%; padding: 12px 0 15px 0;}
.SearchPlusPeriod .SearchPlusTo {display: inline-block; width: 46%; padding: 12px 0 15px 0;}
.SearchPlusForm  #Form_NarrowSearch {margin-top: 10px; font-size: 1.4em; padding: 5px 5px;}
.SearchPlusForm li.flatpickr-listitem {margin:30px 0 0 0; height: 20px;}
.flatpickr-wrapper input {cursor: pointer; position: relative; z-index: 1; font-size: 1rem; padding: 9px 10px; border-radius: 3px; border: 1px solid #bbb;}

/* Gallery */

.GalleryAlbum .Thumbnail.Add {line-height: 75px;}

/* Basic Pages */

.PageContent {}
	.PageContent h1 {    margin: 0 auto 50px auto;
    color: #384167;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 500;
    text-align: center;
    width: 75%;}
	.PageContent h2 {margin: 25px 0 15px; font-weight: 500;}
	.PageContent p {margin-bottom: 20px;}	


/* NAV */

/* Flex */

.flex {display: flex; flex-wrap: wrap; justify-content: space-between;}
	/* .flex p {width: 47%; height: auto;} */

	#menuu ul {width: 47%;}

#toggle {position: fixed; width: 30px; height: 30px; top: 21px; left: 15px; z-index: 1000000; cursor: pointer;}
	#toggle span {display: block; height: 3px; width: 26px; border-radius: 4px; background: #000; transition: all 0.3s ease; cursor: pointer;}    
	#toggle span:nth-child(2), #toggle span:nth-child(3) {margin-top: 6px;}
		#toggle.active span:nth-child(1) {opacity: 0;}
		#toggle.active span:nth-child(2), #toggle.active span:nth-child(3) {margin-top: 6px; transform: rotate(45deg); position: relative; left: -1px; background: #FFF;}
		#toggle.active span:nth-child(3) {transform: rotate(-45deg); left: -1px; top: -9px;}

.registrieren, .hidden {display: none;}

	#menuuu {display: block; width: 100%; min-width: 100%; height: auto; position: fixed; top: 170px; left: 0; background: #fff; z-index: 1000; padding: 20px; box-shadow: 0 0 10px rgba(126, 150, 179, 0.3);}
		#menuuu .flex ul {margin-top: 50px; width: 15%; color: rgba(126, 150, 179, 08); margin-bottom: 25px;}
		#menuuu .flex ul li.menuuuName {border: none; text-indent: 2px; text-transform: uppercase; margin-bottom: 8px;}
		#menuuu .flex ul li {list-style: none; text-indent: 0px;}
			#menuuu .flex ul a:link, #menuuu .flex ul a:visited {padding: 3px; color: #384167; font-size: 0.85rem; border-bottom: 1px solid rgba(77, 91, 109, 0.1); margin-bottom: 5px; display: block; font-style: normal;}
			
	#menuuu .segment {width: 100%; text-align: center;}
		#menuuu .segment span {display: block; margin: 40px auto 10px; text-align: center; font-size: 1rem; color: #384167;}				
		
		
		.isadmin {display: none;}


/* Media Queries */

@media only screen and (min-width: 889px) and (max-width: 1024px) {
	#Body .ContentColumn {width: 62%;}
	ul.DataList li.Item .Title {width: 72%;}
}

@media only screen and (max-width: 1100px) {
	#Body {padding: 0 10px;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	#Body .ContentColumn {width: 65% !important;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	#Body .ContentColumn {width: 65% !important;}
}




/* CHROME AND SAFARI 1Pixel HACK */ @media screen and (-webkit-min-device-pixel-ratio:0) { .categoriesHolder {margin: 0 auto 0;} }

.editor-dd-emoji + .editor-insert-dialog {width: 410px !important;}
.editor-dd-emoji + .editor-insert-dialog .emoji-wrap {margin: 5px 0 !important;}

.BoxFilter.BoxDiscussionFilter .Best {display: none !important;}
#vanilla_discussions_index .P.PageDescription {display: none;}

	
		
		


input.DateBox, input.InputBox, input.SmallInput, textarea {border: 1px solid #7E96B3;}
input::placeholder {color: #7E96B3;}

.MessageForm .Button.PreviewButton:link, .MessageForm .Button.DraftButton:link, .MessageForm .Button.PreviewButton:visited, .MessageForm .Button.DraftButton:visited, .MessageForm .Button.WriteButton:link, .MessageForm .Button.WriteButton:visited {font-size: 0.9rem; padding: 10px 0; margin: 0 10px;}

@media screen and (min-width: 889px) {
	#toggle {display: none;}
}

@media screen and (max-width: 992px) {
	.categoriesHolder {display: none;}
	#vanilla_discussions_index.Section-DiscussionList .breadcrumbu {visibility: hidden; margin: 0;}
	}


	#vanilla_discussion_index ul.DataList li.Item, #vanilla_discussion_comment ul.DataList li.Item .Item-BodyWrap {box-shadow: none;}
	#vanilla_discussion_index ul.DataList li.Item .Item-BodyWrap, #vanilla_discussion_comment ul.DataList li.Item .Item-BodyWrap {box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);}

@media screen and (max-width: 888px) {
	
	input, button {-webkit-appearance: none;  font-family: asap, sans-serif;}
	.bodyleft, .bodyright {display: none;}
	
	.profileInHeader a {display: block;}
	
	.mastermenu {background: transparent; height: 10px;}
		.mastermenu li {display: none;}
			.mastermenu li.headerLogo {display: block; margin: -2px 0 0 58px; position: fixed; z-index: 1001; width: 80px;}
				.mastermenu li.headerLogo img {width: 80px; height: auto;}
		
	.Box.GuestBox	{position: fixed; top: -16px; z-index: 0; background: none; box-shadow: none; height: 30px;}
		.Box.GuestBox p, .Box.GuestBox h2 {display: none;}
		.GuestBox div.P {position: fixed; top: 10px; right: 10px; z-index: 0; margin: 0;}
		.Box.GuestBox div a.Button.Primary.SignInPopup, .Button.ApplyButton {font-size: 0.9rem; width: auto; padding: 1px 8px; margin-right: 3px; line-height: 1.7rem;}
	
	.BoxNewDiscussion {position: absolute; top: 10px; right: 8px; z-index: 0; background: none; width: auto; margin-right: 0.5%;  box-shadow: none; text-align: right;}	
		.BoxNewDiscussion a.BigButton {font-size: 1rem; width: auto; padding: 3px 8px; line-height: 1.7rem;}
	
	#Body {padding: 0 8px; display: block;}
		#Body .ContentColumn {width: 100%; margin-top: 0;}
	
	#Content {width: 100%; float: none;}
	#Panel {float: none; text-align: center; max-width:  none; min-width: none;}
	
	.breadcrumbu {text-align: center; margin-top: 70px;}
	.breadcrumbu a {font-size: 0.8rem; margin-top: 10px;}
		.Breadcrumbs {font-size: 0.7rem;}
	.PageControls.Top {top: -85px;}
	
	#Panel .BoxFilter.BoxDiscussionFilter {border-radius: 200px;}
		
	.Discussion .PageTitle {position: relative;}	
		.Discussion .PageTitle h1 {width: 90%; margin: 0 auto 35px; font-size: 1.6rem; letter-spacing: -1px; font-weight: 700; line-height: 2rem;}
		.PageTitle .Options {height: 10px;text-align: center;right: 0;top: 0;position: absolute;}
		.AdminCheck {position: absolute;right: 52px; padding: 0px;}
	
	ul.DataList li.Item {margin-bottom: 5px; padding: 6px 10px;}
	ul.DataList li.Item.Discussions {padding: 6px 10px 2px;}
	ul.DataList li.Item .Title {width: 90%; text-overflow: inherit; white-space: inherit; margin-bottom: 2px; padding-left: 0px;}
		ul.DataList li.Item .Title a {font-size: 1rem; letter-spacing: 0.01rem; line-height: 1.4rem; font-weight: 400;}
	ul.DataList li.Item.Read {border: none;}
		div.Meta.Meta-Discussion {overflow: scroll; white-space: nowrap; margin-bottom: 0px; -webkit-overflow-scrolling: touch; overflow: hidden; height: 24px;}

		ul.DataList.Discussions li.Item .Options {position: absolute; display: none;}
		
		ul.DataList li.Item .Tag {font-size: 0.7rem;}
		.ReactionCount {height: 20px; margin-right: 6px;}
				.ReactionCount span {font-size: 0.7rem;}
	
	.PagerNub {display: none;}
		.Pager {float: none; text-align: center; display: flex; justify-content: space-between;}
		.Pager a:link, .Pager a:visited {margin: 0;}
		
		h2.CommentHeading {visibility: hidden;}
			.BeforeCommentHeading {float: none;}		
	
	ul.DataList li.Item .StatsBox {top: 7px; font-size: 0.7rem;}
	.StatsBox.ViewsBox, .StatsBox.AnswersBox {width: 35px; font-size: 0.7rem; background-size: 40%; padding-top: 16px; color: rgba(126, 150, 179, 0.6);}
		ul.DataList li.Item .StatsBox.ViewsBox {display: none;}
			ul.DataList li.Item .StatsBox {right: 0px; font-size: 0.7rem;}
			.MItem.MCount.ViewCount {display: none;}
	
	.Item-Header {height: 50px;}
		.Item-Header .Meta.DiscussionMeta {width: 85%; line-height: 1.1rem;}
				.UserSignature img {max-width: 100%; height: auto;}
		
	ul.DataList.CategoryList li.Item .OptionsMenu {position: relative;}	
		
	.ItemDiscussion .Item-Header {height: 40px; margin: 9px 10px 0px;}		
.Item-Header a.Username {position: relative; top: -1px; color: #4C4E4D; font-size: 0.9rem;}				
.Item-Header p.postcount {color: rgba(126, 150, 179, 0.75); padding: 0px 10px 0 17px; text-align: left; position: absolute; top: 20px; left: 47px; border-right: 0px solid #DDD; background-position: 0px 2px;}
.ItemDiscussion .Item-Header .MItem.DateCreated {top: 32px; left: 140px; right: auto;}
.ItemDiscussion .Item-Header p.postcount {top: 32px; left: 72px;}
ul.DataList li.Item.ItemComment .OptionsMenu {right: 90px;}
.Item-Header .MItem.CommentFlag a {background-size: 12px;}
.Comments .Meta {margin-right: 100px; float: right;}		
.Item-Header .MItem.CommentFlag {text-indent: -9999px; width: 15px; height: 15px; position: relative; top: 18px; right: -12px;}		
		
	.MessageList.Discussion {}
	.MessageList.Discussion .Discussion {padding: 7px 10px 18px 10px;}
	.Item-Header .MItem.CommentFlag a {top: -1px;}	
	.MessageList.Discussion .OptionsMenu {top: 159px; right: 78px;}				
		
	.Item-Header a.Username {font-size: 0.9rem;}
	.Comments .Item-BodyWrap {padding: 10px 16px 10px 16px;}
		.Comments .Item .AuthorInfo img {width: 37px; top: 5px; right: 0;}
	.userContent.Message {margin-top: 0px;}	
	.DateUpdated {display: none;}
	.MessageForm.CommentForm.FormTitleWrapper {margin-top: 20px;}
	.MessageForm..CommentFormWrap .Author {display: none;}
	.MessageForm .Button.PreviewButton:link, .MessageForm .Button.DraftButton:link, .MessageForm .Button.PreviewButton:visited, .MessageForm .Button.DraftButton:visited, .MessageForm .Button.WriteButton:link, .MessageForm .Button.WriteButton:visited {margin: 0;}
	
	.Comment .OptionsTitle {position: relative; top: 9px; background-size: 13px;}

	.CommentForm .FormWrapper {padding: 10px;}
	.CommentForm .Buttons {display: flex; justify-content: space-between;}
	.CommentForm .TextBoxWrapper {padding: 0;}
	.Item-Header .MItem.DateCreated {margin-right: 0; font-size: 0.7rem; top: 24px; left: 120px; padding: 0; border: none;}
	.CommentForm .Form-Header .Author .PhotoWrap {display: none;}
	
	.ItemDiscussion .Meta, .DataList .Meta {font-size: 0.6rem;}
		
	#vanilla_post_discussion select {width: 100%;}	
		
	#dashboard_profile_edit input[type=text], #dashboard_profile_edit select, #dashboard_profile_edit input[type=textarea] {width: 100%;}
	
	#vanilla_categories_index .PageDescription {text-align: center; color: #323a46; font-family: asap; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02rem;}
	
	#dashboard_entry_register .FormTitleWrapper {width: auto; margin: 0;}
	#dashboard_entry_register .mastermenu {height: 60px;}
		
	#footer {padding: 0 10px; margin: 0;}
		#footer div .flex {flex-wrap: wrap;}
			#footer div .flex div {width: 100%;}
			#footer h4, #footer div {text-align: center;}
			#footer .flex > div {margin-bottom: 30px;}
			
	.gewinnspielDiv a:link, .gewinnspielDiv a:visited {margin: 0 auto 10px;}
	
	.moduleBildText a {display: block;}
		.moduleBildText img, 	.moduleBildText div {width: 100%; height: auto; display: block;}
		.moduleBildText div .more {bottom: auto; position: relative; margin: 15px 0 0; display: block;}
		
		
	.isUser #Panel .BoxFilter.BoxDiscussionFilter {display: none;}
	.userMeModule {display: none;}	
	.isUser .mastermenu {margin-top: 0;}	
		
	#menuuu {top: 0; padding: 0; animation: fadein 0.5s;}	
		.menuuuhead {background: #384167; position: relative;}
			.menuuuhead .userMeModule3 {display: flex; justify-content: space-between; flex-wrap: nowrap; padding: 10px 3% 0;}
				.menuuuhead .userMeModule3 .MeBox {margin-top: -10px; height: 45px; width: 55%;}
				.menuuuhead .userMeModule3 .MeBox .PhotoWrap {margin-right: -5px;}
					.menuuuhead a.MeButton.FlyoutButton, a.MeButton.FlyoutButton:visited {margin-right: 5px;}
				.menuuuhead .userMeModule3 .MeBox .ProfilePhoto.ProfilePhotoMedium {width: 28px; height: 28px;}
				.menuuuhead .userMeModule3 .Username {display: none;}
				.menuuuhead .userMeModule3 .themen {color: #FFF;font-size: 0.8rem; width: 20%; text-align: center;}
				.menuuuhead .userMeModule3 .kommentare {color: #FFF; font-size: 0.8rem; width: 25%; text-align: center;}
				.ToggleFlyout .MeButton .Alert {top: -8px;}

		#menuuu .flex {background: #384167; padding-top: 10px; height: 100%;}		
			#menuuu .flex ul {width: 46%; margin: 0 2% 20px;}
			#menuuu .flex ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
				#menuuu .flex ul li.noborder {border: none;}
			#menuuu .flex ul li a:link, #menuuu .flex ul li a:visited {color: #FFF; line-height: 1.65rem; margin-bottom: 0;}
		
	.FlyoutMenu {width: 270px;}	
	.Flyout.FlyoutMenu {}	
		
	.mySearchModule {display: none;}	
	.mySearchModule.searchMobile {padding: 14px 10px 4px 155px; margin-bottom: 0px; display: block; height: auto; border: none; margin-top: 0;}
		.mySearchModule input.InputBox {padding: 8px 15px; width: 75% !important;}	
		.mySearchModule #Form_Go1 {width: 23%;}
			.mySearchModule #Form_Go1:hover {background: #80c990; color: #FFF;}
	
	}

@media screen and (min-width: 576px)  and (max-width: 888px)  {
	
	.Box.BoxCategories, .Box.Tags {width: 49%; display: inline-block; vertical-align: top; margin-top: 40px;}
		.Box.BoxCategories ul, .Box.Tags ul {width: 95%; padding-left: 5%;}
		.Box.BoxCategories ul {padding-right: 5%;}
}


@media screen and (max-width: 575px) {
	ul.Discussions li .pocket	{display: block; flex-wrap: wrap;}
		ul.Discussions li .pocket.aktionen a	{width: 100%;}
}

ul.DataList li.Item.ItemComment {    box-shadow: none;}
.Comments .Item-BodyWrap {box-shadow: 0 0 35px rgba(50,66,93,.1);}
		

/* CSS Animations */
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
/* Firefox < 16 */
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }