@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');
@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');

/* Abo Slider */
.switch { position: relative; width: 37px; height: 20px}.switch input { display: none}.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s}.slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: #fff; -webkit-transition: .4s; transition: .4s}input:checked+.slider { background-color: #5cb85c}input:focus+.slider { box-shadow: 0 0 1px #5cb85c}input:checked+.slider:before { -webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px)}.slider.round { border-radius: 34px}.slider.round:before { border-radius: 50%}#labelText{margin-right: .3em;font-size: .9em;font-weight: bold;font-family: 'Open Sans';}

/* Pagination */
.overview_pagination{font-family: 'Open Sans';padding: .5em 0em;display:block;text-align:center;background:#fff;}.overview_pagination ul{margin: 0;padding: 0;list-style-type: none;}.overview_pagination a{display: inline-block;color: #222;}.p9 a{width: 30px;height: 30px;line-height: 23px;margin-right: 3px;padding: 0;text-align: center;text-decoration: none;}.p9 a.is-active{width: 30px;height: 30px;line-height: 23px;margin: 0px 5px;border: 3px solid #2c3e50;border-radius: 100%;}.p9 a:hover{border-radius: 100%;background-color: #2c3e50;color: white;font-weight: bold;}i.fas.fa-angle-right {font-size: 15px;color: gray;margin: 0px 10px;}i.fas.fa-angle-right:hover {color: black;cursor: pointer;}i.fas.fa-angle-left {color: gray;margin: 0px 10px;}i.fas.fa-angle-left:hover {color: black;cursor: pointer;}i.fas.fa-angle-double-right {color: gray;margin: 0px 10px;}i.fas.fa-angle-double-right:hover {color: black;cursor: pointer;}i.fas.fa-angle-double-left {color: gray;margin: 0px 10px;}i.fas.fa-angle-double-left:hover {color: black;cursor: pointer;}li.pagiList {margin: 2px 2px 0px 2px;}a.arrow:hover{background-color: transparent;}    

/* Breadcrump */
.breadcrump-scroller {position: relative;z-index: 2;height: 2.75rem;overflow-y: hidden;display: inline-block;}
.breadcrump-scroller .nav {display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding-bottom: 1rem;margin-top: -1px;overflow-x: auto;text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.breadcrumb {padding-left: 0;background: transparent;line-height: 1.2em;font-size: 1.2em;font-family: 'Open Sans';}
.breadcrump_link:visited{color: #336699 !important;}

/* Suche */ 
input[type=search] {cursor: pointer;border-radius: 2em;font-family: 'Open Sans';font-size: 100%;float: right;background: url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) 9px center no-repeat #eeeeee;border: 1px solid lightgray;padding: .5em 1.3em;width: 0;transition: all .5s;}
input[type=search]:focus {padding-left: 2.5em;outline: none;width: 200px;background-color: #fff;border-color: #369;clear: both;box-shadow: 0 0 5px rgb(109 207 246 / 50%);-webkit-box-shadow: 0 0 5px rgb(109 207 246 / 50%);-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);}
#txtHint{display: none;position: absolute;right: 0;max-width: 350px;margin-right: 3em;margin-top: -2em;z-index: 1000;background: #fff;border: 1px solid rgba(0,0,0,.15);border-radius: .25em;box-shadow: 0 6px 12px rgb(0 0 0 / 18%);-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);max-height: 376px;overflow: hidden scroll;}
.hint_link, .kein_hint{display: block;padding: .5em;border-bottom: 1px solid lightgray;font-family: 'Open Sans';}

/* Dropdown */
.dropdown-menu.community{margin-top: .4em;min-width: 300px;}
.dropdown-menu.option_community:nth-child(1){border-bottom: 1px solid lightgray;}
.option_community{padding: 1em .5em;}
.option_community:hover{background: #ececec;}
.option_link{cursor: pointer;color: #333;font-weight: 500;text-decoration: none;}
.option_link:hover{color: #333;text-decoration: none;}
.option_explanation{font-weight: 300;color: grey;font-size: .9em;}
#dropdown_options_community{cursor:pointer;font-weight: 500;font-size: 18px;}

/* Flexbox */
.flexcontainer-overview {display: flex;flex-wrap: wrap;align-content: space-around;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;}
.flexcontainer-overview > .flexchild-overview:nth-child(1) {flex: 3;border: 1px solid lightgray;border-radius: 1em;overflow: auto;margin: 0em 1em;height: 100%;position: -webkit-sticky;position: sticky;top: -1em;}
.flexcontainer-overview > .flexchild-overview:nth-child(1)::-webkit-scrollbar {width: 0px;}
.flexcontainer-overview > .flexchild-overview:nth-child(2) {flex: 8;border: 1px solid lightgray;margin: 0em .5em !important;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;background: #ffffff;border-radius: 1em;height: 100%;margin: 0px auto;}
.flexcontainer-overview:last-child {border-bottom: none !important;border-bottom-right-radius: 1em;border-bottom-left-radius: 1em;}
.flexcontainer-overview:last-child > .flexchild-overview-liste:first-child{border-bottom-left-radius: 1em;}
.flexcontainer-overview:last-child > .flexchild-overview-liste:last-child{border-bottom-right-radius: 1em;}

.list-group-item.overview{display: flex;border: 1px solid lightgray;padding:.5em;}
.list-group-item.overview:first-child{border-top-left-radius: 1em;border-top-right-radius: 1em;}
.list-group-item.overview:last-child{border-bottom-right-radius: 1em;border-bottom-left-radius: 1em;}
.list-group-item.overview.active{background: #92bcec;}
.list-group-item.overview.active > a {color: #fff !important;}
.list-group-item.overview.active > a > svg{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.badge.overview{position: relative;top: 15px;background:#92bcec;}

.flexchild-overview-liste{padding: .5em 1em;border-bottom: 1px solid lightgray;}
.flexchild-overview-liste:nth-child(1){flex: 7;background: #fafafa;border-right: 1px solid lightgray;}
.flexchild-overview-liste:nth-child(2){flex: 1.2;background: #fff;border-right: 1px solid lightgray;text-align: center;font-weight: 500;}
.flexchild-overview-liste:nth-child(3){flex: 2.3;background: #fff;text-align: center;display: grid;}
.flexchild-overview-liste>img {border-radius: .5em;}
.flexBildersatz{font-weight: 300;color: grey;margin-bottom: .2em;padding: .2em .5em;background: white;border: 1px solid lightgray;border-radius: 1em;}
.hide_on_homepage_form{display: inline;float: right;}
.hide_on_homepage_btn{border: 1px solid lightgray;outline: none;background: white;border-radius: .5em;}
.hide_on_homepage_btn:hover{background: #fafafa;color: #369;border: 1px solid;}
.alert-success{font-weight: bold;font-family: 'Open Sans';font-size: 1.1em;}

.forum_ueberschrift{padding: .5em;background: #eee;border-bottom: 1px solid lightgray;border-top-right-radius: .4em;border-top-left-radius: .4em;margin-bottom: 0;}
.neues_thema{font-size: 1.2em;text-align: center;margin-bottom: 1.75em;display: inline-block;font-family: 'Open Sans';min-width: 250px;padding: 1em;color: #369;border: 1px solid #369;background: white;border-radius: 2em;font-weight: 500;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.neues_thema:hover{background: #296394 !important;border: 1px solid #296394;color: white;text-decoration: none;}
.alles_gelesen{padding-top: .75em;display: block;color: #333;}
.toggle_btn{background: transparent;border: none;padding: 0;}
.toggle_btn:focus{outline:0;}
.link_subject, .link_subject:visited{color:#369;font-size:1.1em;}
.platzierung{font-weight: bold;font-size: 1.3em;padding-right: .5em; }
.platzierung_link{color: #369;padding-top: .3em;}
.platzierung_link span{text-decoration:none !important;}
.platzierung_link:hover span{text-decoration:none !important;}
.letzter_beitrag_headline{text-decoration:none !important;color: #333;}
.letzter_beitrag_headline:hover{font-weight: bold;}
.letzter_beitrag_headline:visited{color:#333;}
.platzierung_anz{display: block;color: grey;font-weight: 400;}
.c100{margin-right: 0 !important;}
.bold{font-weight: bold;}
.fw-500{font-weight: 500 !important;}
.border-bottom{border-bottom: 1px solid lightgray;}
.zeit_overview{display: block;word-break: break-word;}
.author_overview{word-break: break-word;}
.pencil_wrapper{display: inline-block;border: 1px solid lightgray;outline: none;background: white;border-radius: .5em;padding: 0em .3em;float: right;margin-left: .5em;}

/* Mobile Styles */
@media (max-width: 382px) {
   input[type=search]{float:none}
}

@media only screen and (max-device-width: 425px) { /* <= Mobile L */
   .flexchild-overview-liste{padding:.3em;} /* 5em .5em .3em .3em; */
}

@media only screen and (max-device-width: 560px) {
   a {word-break: break-word !important;}
}

@media (max-width: 767px) { /* <= Tablet */
   .breadcrumb.overview{margin: 0em 0em .5em 0em;padding: 0em 0em .7em 0em;border-bottom: 1px solid lightgray;border-radius: 0;font-size: 1.1em;}
   .breadcrump-scroller{height: 3.3rem;}
   /* .author_overview{display: none;} */
   .c100{margin-right:.3em !important;}
   .flexcontainer-overview > .flexchild-overview:nth-child(1) {flex: none; width: 100%;height: 100%;position: relative;top: 0;margin: 0;}
   .flexchild-overview-liste:nth-child(2) {display: none;}
   .first{border-right: 0 !important;}
   .abo_form_wrapper{float: none;font-size: 1.3em;font-family: 'Open Sans';padding-bottom: 1em;}
   a.anzeige-bearbeiten{margin: 0em 0em 1em 0em;font-size: 1.1em;line-height: 1em;padding-top: 0em;}
   .desktop{display: none !important;}
   button.navbar-toggle.rubrikentoggle{font-size:.9em;}
   h1{font-size:30px}
   .list-svg.headline{margin-right: 0em;bottom: -.2em;}
   .flexcontainer-overview:last-child > .flexchild-overview-liste:first-child{border-bottom-left-radius: 0;}
   .flexcontainer-overview:last-child > .flexchild-overview-liste:last-child{border-bottom-right-radius: 1em; border-bottom-left-radius: 1em;}
   .neues_thema{margin-bottom:1em;}
   .alles_gelesen{padding-top: .5em;}
}

@media (min-width: 768px) { /* >= Tablet */
   .flexcontainer-overview > .flexchild-overview:nth-child(1) {margin: 0 !important; padding: !important}
   .list-group.overview.toggle-biete {display: block;}
   .list-group.overview.toggle-suche {display: block;}
   .desktop{display: block;}
   .mobile{display: none;}
   svg.list-svg{display: none;}
   .abo_form_wrapper{float: right;font-size: 1.3em;font-family: 'Open Sans';}
   .badge.overview {top:0;}
   a.anzeige-bearbeiten{font-size: 1em;}
   button.navbar-toggle.rubrikentoggle{float: none;padding: 0;margin: 0;font-size: 1.1em;}
   h1{font-size:36px}
   .list-svg.headline{display: inline; position: relative;bottom: -.4em;margin-right: .5em;}
}

@media (min-width: 1200px) { /* >= großer Laptop  */
   .flexcontainer-overview > .flexchild-overview:nth-child(1) {flex: 2;overflow: auto;margin: 0em 1em;height: 100%;position: -webkit-sticky;position: sticky;top: -5em;}
   .flexcontainer-overview > .flexchild-overview:nth-child(2) {flex: 7;border: 1px solid lightgray;margin: 0em .5em !important;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;background: #ffffff;border-radius: 1em;height: 100%;margin: 0px auto;}
   svg.erglist-svg{position: relative;margin-bottom: -.85em;margin-right: -.2em;} /* SVGs in der Ergebnisliste */
   svg.list-svg{display: inline; position: relative;bottom: -.4em;margin-right: .5em;}   /* SVGs in den Rubriken */
   .badge.overview{position: relative;top: 15px;background:#92bcec;}
   a.anzeige-bearbeiten{font-size: 1.2em;text-align:center;margin: 1em 0em;display: block;padding: .5em 1em 1em 1em;color: #369;border: 1px solid #369;background: white;border-radius: 2em;font-weight: 500;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
   a.anzeige-bearbeiten:hover{background: #296394 !important;border: 1px solid #296394;color: white;text-decoration: none;}
   a.anzeige-bearbeiten:hover>svg{filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(296deg) brightness(108%) contrast(101%);} /* svg weiß*/
   li.list-group-item.overview{border: 1px solid lightgray;padding:0em 1em 1em 1em !important;}
   .list-group-item.overview:first-child{border-top-left-radius: 1em;border-top-right-radius: 1em;}
   .list-group-item.overview:last-child{border-bottom-right-radius: 1em;border-bottom-left-radius: 1em;}
   .list-group-item.overview.active{background: #92bcec;}
   .list-group-item.overview.active > a {color: #fff !important;}
   .list-group-item.overview.active > a > svg{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
}