/* Customized CSS for Projekt: GLOBALforFUTURE (https://globalforfuture.org) * Copyright 2019 Quellcodekunst */ select{-webkit-appearance:none;} a[href="https://www.webEdition.org"], a[title="This page was created with webEdition CMS"]{display:none;font-size:0px;} // xs Extra small devices (portrait phones, less than 576px) @media (max-width: 575px) { ... } // sm Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767px) { ... } // md Medium devices (tablets, 768px and up) @media (min-width: 768px) and (max-width: 991px) { ... } // lg Large devices (desktops, 992px and up) @media (min-width: 992px) and (max-width: 1199px) { ... } // xl Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { ... } @charset "UTF-8"; @font-face {font-family: 'Advert';src: url('../fonts/advert/AdvertRegular.ttf') format('truetype');} @font-face {font-family: 'TastelessCandy';src: url('../fonts/tastelesscandy/TastelessCandy.ttf') format('truetype');} @font-face {font-family: 'Roboto-Regular';src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');} @font-face {font-family: 'Roboto-Bold';src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');} @font-face {font-family: 'Gotham-Light';src: url('../fonts/gotham/Gotham-Light.ttf') format('truetype');} @font-face {font-family: 'Gotham-Book';src: url('../fonts/gotham/Gotham-Book.ttf') format('truetype');} @font-face {font-family: 'Gotham-Medium';src: url('../fonts/gotham/Gotham-Medium.ttf') format('truetype');} @font-face {font-family: 'Gotham-Bold';src: url('../fonts/gotham/Gotham-Bold.ttf') format('truetype');} @font-face {font-family: 'Gotham-Black';src: url('../fonts/gotham/Gotham-Black.ttf') format('truetype');} /* COLORS CATEGORIES -------------------------------------------------- */ .border-64{border-color:#BD6505;} /* Umwelt/Erde */ .bg-64 {background-color:#BD6505;} .bg-64:hover{background-color:#BD6505;} .border-58{border-color:#7395AE;} /* Umwelt/Wasser */ .bg-58 {color: #fff;background-color:#7395AE;} .bg-58:hover{background-color: #7395AE;} .border-89{border-color:#7DAC12;} /* Umwelt/Allgemein */ .bg-89 {color: #fff;background-color:#7DAC12;} .bg-89:hover{background-color:#7DAC12;} .border-56{border-color:#FFB509;} /* Umwelt/Luft-Klima */ .bg-56 {color: #fff;background-color:#FFB509;} .bg-56:hover{background-color:#FFB509;} .border-98{border-color:#D59E06;} /* Politik */ .bg-98 {background-color:#D59E06;} .bg-98:hover{background-color:#D59E06;} .border-100{border-color:#46A29F;} /* Umwelt */ .bg-100 {background-color:#46A29F;} .bg-100:hover{background-color:#46A29F;} .border-99{border-color:#A36F9F;} /* Wirtschaft */ .bg-99 {background-color:#A36F9F;} .bg-99:hover{background-color:#A36F9F;} .border-49{border-color:#B0A295;} /* Aktionen */ .bg-49 {background-color:#B0A295;} .bg-49:hover{background-color:#B0A295;} .border-5{border-color:#7395AE;} /* Sonstiges */ .bg-5 {background-color:#7395AE;} .bg-5:hover{background-color:#7395AE;} .border-71{border-color:#999;} /* KAMPAGNENART */ .bg-71 {background-color:#999;} .bg-71:hover{background-color:#999;} .border-79{border-color:#999;} /* PROJEKTART */ .bg-79 {background-color:#999;} .bg-79:hover{background-color:#999;} /* ------------------------- COMMUNITY / UMWELT -------------------------------------------------------------- */ .bild.catid-6{background-image: url(../img/categories/essen_trinken.jpg);background-position: 50% -60px;} /* ------------------------- COMMUNITY / WIRTSCHAFT -------------------------------------------------------------- */ .bild.catid-101{background-image: url(../img/categories/green_washing.jpg);background-position: 50% -60px;} /* ------------------------- COMMUNITY / POLITIK -------------------------------------------------------------- */ .bild.catid-102{background-image: url(../img/categories/lobbyismus.jpg);background-position: 50% -60px;} /* ------------------------- AUSGEHEN -------------------------------------------------------------- */ .bild.catid-6{background-image: url(../img/categories/essen_trinken.jpg);background-position: 50% -60px;} .bild.catid-7{background-image: url(../img/categories/party.jpg);background-position: 50% 0px;} .bild.catid-50{background-image: url(../img/categories/billard_darts.jpg);background-position: 50% -55px;} .bild.catid-32{background-image: url(../img/categories/bowling_kegeln.jpg);background-position: 0% -30px;} .bild.catid-22{background-image: url(../img/categories/kino.jpg);background-position: 50% -30px;} .bild.catid-28{background-image: url(../img/categories/shopping.jpg);background-position: 50% 0px;} .bild.catid-35{background-image: url(../img/categories/sightseeing.jpg);background-position: 50% -30px;} .bild.catid-23{background-image: url(../img/categories/tanzen.jpg);background-position: 50% 0px;} .bild.catid-17{background-image: url(../img/categories/ausgehen_sonstiges.jpg);background-position: 50% -60px;} /* ------------------- SPORT -------------------------------------------------------------------- */ .bild.catid-13{background-image: url(../img/categories/wandern.jpg);background-position: 50% -30px;} .bild.catid-16{background-image: url(../img/categories/schwimmen.jpg);background-position: 50% -25px;} .bild.catid-15{background-image: url(../img/categories/rad_fahren.jpg);background-position: 50% -20px;} .bild.catid-14{background-image: url(../img/categories/laufen.jpg);background-position: 50% -5px;} .bild.catid-40{background-image: url(../img/categories/fitness.jpg);background-position: 50% -45px;} .bild.catid-42{background-image: url(../img/categories/fussball.jpg);background-position: 50% -20px;} .bild.catid-43{background-image: url(../img/categories/handball.jpg);background-position: 50% -30px;} .bild.catid-39{background-image: url(../img/categories/kampfsport.jpg);background-position: 50% -50px;} .bild.catid-46{background-image: url(../img/categories/klettern.jpg);background-position: 50% 0px;} .bild.catid-38{background-image: url(../img/categories/motorsport.jpg);background-position: 50% 0px;} .bild.catid-45{background-image: url(../img/categories/reiten.jpg);background-position: 50% 0px;} .bild.catid-44{background-image: url(../img/categories/schiesssport.jpg);background-position: 50% 0px;} .bild.catid-48{background-image: url(../img/categories/skaten_boarden.jpg);background-position: 50% -40px;} .bild.catid-47{background-image: url(../img/categories/tennis_co.jpg);background-position: 50% -50px;} .bild.catid-53{background-image: url(../img/categories/volleyball.jpg);background-position: 50% -20px;} .bild.catid-41{background-image: url(../img/categories/wintersport.jpg);background-position: 50% -35px;} .bild.catid-51{background-image: url(../img/categories/wassersport.jpg);background-position: 50% -30px;} .bild.catid-20{background-image: url(../img/categories/sport_sonstiges.jpg);background-position: 50% -50px;} /* ---------------------- ERHOLUNG ----------------------------------------------------------------- */ .bild.catid-9{background-image: url(../img/categories/ausfluege.jpg);background-position: 50% -10px;} .bild.catid-8{background-image: url(../img/categories/brettspiele.jpg);background-position: 50% -40px;} .bild.catid-31{background-image: url(../img/categories/computerspiele.jpg);background-position: 50% -60px;} .bild.catid-25{background-image: url(../img/categories/eltern_kind.jpg);background-position: 50% -10px;} .bild.catid-30{background-image: url(../img/categories/kartenspiele.jpg);background-position: 50% -50px;} .bild.catid-27{background-image: url(../img/categories/kochen.jpg);background-position: 50% -70px;} .bild.catid-29{background-image: url(../img/categories/meditation.jpg);background-position: 50% -30px;} .bild.catid-26{background-image: url(../img/categories/urlaub_reisen.jpg);background-position: 50% -10px;} .bild.catid-18{background-image: url(../img/categories/erholung_sonstiges.jpg);background-position: 50% -5px;} /* ---------------------------- KULTUR ----------------------------------------------------------- */ .bild.catid-11{background-image: url(../img/categories/musik_machen.jpg);background-position: 50% -45px;} .bild.catid-10{background-image: url(../img/categories/theater.jpg);background-position: 50% -30px;} .bild.catid-36{background-image: url(../img/categories/kunst.jpg);background-position: 50% -15px;} .bild.catid-33{background-image: url(../img/categories/konzerte.jpg);background-position: 50% -70px;} .bild.catid-34{background-image: url(../img/categories/ausstellungen.jpg);background-position: 50% -30px;} .bild.catid-19{background-image: url(../img/categories/kultur_sonstiges.jpg);background-position: 50% -140px;} /* -------------------------- SONSTIGES ------------------------------------------------------------- */ .bild.catid-12{background-image: url(../img/categories/gutes_tun.jpg);background-position: 50% -20px;} .bild.catid-21{background-image: url(../img/categories/hobbies.jpg);background-position: 50% 0px;} .bild.catid-37{background-image: url(../img/categories/neues_lernen.jpg);background-position: 50% -55px;} .bild.catid-49{background-image: url(../img/categories/aktionen.jpg);background-position: 50% -40px;} .bild.catid-52{background-image: url(../img/categories/tiere.jpg);background-position: 50% -40px;} /* ------------------------- UMWELT / Luft -------------------------------------------------------------- */ .bild.catid-76{background-image: url(../img/categories/luft-co2.jpg);background-position: 0 0;} .bild.catid-62{background-image: url(../img/categories/luft-feinstaub.jpg);background-position: 0 0;} .bild.catid-66{background-image: url(../img/categories/meer-eisbaer.jpg);background-position: 0 0;} .bild.catid-84{background-image: url(../img/categories/erde-artensterben.jpg);background-position: 0 0;} .bild.catid-77{background-image: url(../img/categories/luft-methan.jpg);background-position: 0 0;} .bild.catid-62{background-image: url(../img/categories/luft-ozon.jpg);background-position: 0 0;} /* ------------------------- UMWELT / Wasser -------------------------------------------------------------- */ .bild.catid-70{background-image: url(../img/categories/meer-plastikmuell.jpg);background-position: 0 0;} .bild.catid-85{background-image: url(../img/categories/meer-artensterben.jpg);background-position: 0 0;} .bild.catid-60{background-image: url(../img/categories/wasser-trinkwasser.jpg);background-position: 0 0;} .bild.catid-68{background-image: url(../img/categories/meer-eisbaer.jpg);background-position: 0 0;} .bild.catid-57{background-image: url(../img/categories/wasser-meere.jpg);background-position: 0 0;} /* ------------------------- UMWELT / Erde -------------------------------------------------------------- */ .bild.catid-61{background-image: url(../img/categories/lebensmittel.jpg);background-position: 0 0;} .bild.catid-69{background-image: url(../img/categories/erde-plastikmuell.jpg);background-position: 0 0;} .bild.catid-83{background-image: url(../img/categories/erde-artensterben.jpg);background-position: 0 0;} .bild.catid-78{background-image: url(../img/categories/erde-nitrat.jpg);background-position: 0 0;} .bild.catid-65{background-image: url(../img/categories/erde-glyphosat.jpg);background-position: 0 0;} .bild.catid-67{background-image: url(../img/categories/erde-sonstiges.jpg);background-position: 0 0;} /* ------------------------- UMWELT / Sonstiges -------------------------------------------------------------- */ .bild.catid-90{background-image: url(../img/categories/demo-fridaysforfuture.jpg);background-position: 0 0;} /* DRAGGABLE ON DESKTOP VERSION -------------------------------------------------- */ .draggable{position:absolute;overflow-y:scroll;cursor: move;box-shadow: -.3rem .3rem 1rem .3rem rgba(0,0,0,0.40);} .desktop .item .text{font-size:.8rem;} .desktop .item .btn-close{position:absolute;right:2.3rem;top:1.55rem;z-index:1;} .draggable.apple{top:6rem;left:7rem;width:21rem;padding:3.2rem .7rem 4rem .7rem;background:#111 url(/img/layout/background/frame-apple.png) no-repeat;background-size:contain;border-radius:2.2rem;} .draggable.apple .dragme .content{height:35rem;} .draggable.apple iframe{width:100%;height:35rem;border:0;} .draggable.samsung{top:5rem;left:39rem;width:21rem;padding:1rem .7rem 1.8rem .65rem;background:#111 url(/img/layout/background/frame-samsung.png) no-repeat;background-size:contain;border-radius:2.5rem;} .draggable.samsung .dragme .content{height:40.5rem;} .draggable.samsung iframe{width:100%;height:40.5rem;border:0;border-radius:1.5rem;} .draggable.huawei{top:8rem;left:58rem;width:21.7rem;padding:1.4rem 1rem 3rem .8rem;background:#111 url(/img/layout/background/frame-huawei.png) no-repeat;background-size:contain;border-radius:2.7rem;} .draggable.huawei .dragme .content{height:39.5rem;} .draggable.huawei iframe{width:100%;height:39.5rem;border:0;} /* GLOBALS -------------------------------------------------- */ html{min-height:100%;font-size:1rem;word-wrap: break-word;} html.desktop{background: url(/img/layout/background/bg-main.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} body{font-family: 'Helvetica';line-height:1.3;font-weight:500;font-style:normal;background-color:transparent;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/} header .container, footer .container{background:#fff;} .container-fluid, .container{padding:0;} main .container{padding-top:4rem;z-index:0;overflow: hidden;} .home main .container{margin-bottom: -1rem;} a, a:link, a:hover, a:focus, a:active{display:inline-block;text-decoration:none;color:#7DAC12;word-wrap: break-word;} a.btn, a.btn:link, a.btn:hover, a.btn:focus, a.btn:active{box-shadow:none;color:#FFF;} p{margin:0;padding:0;text-align: justify;} article p{line-height:1.4;font-size:1.1rem;} img{border:0;} img#kampagnenbild{width:100%;} form{} ul{padding:0;margin:0;list-style-type:none;width:100%;} .inner ul{list-style-type: circle;padding-left: 1.2rem;} .inner ul.nav.socialmedia{padding-left: 0;} .inner ul.gff{list-style-type: none;padding-left: 0;} ul.mainframe{padding-bottom:7rem;} ol{padding:0;margin:0;} textarea,input,select{padding:0;} abbr, acronym {border-bottom:1px dotted #000;cursor:default;} a.sr-only, legend{display:none} .hide{display:none} .clearfix:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} .clearfix[class] { /* ie6 hack */ display: block;overflow: hidden;} .floatTerminator{clear:both;} .floatLeft{float:left;} .floatRight{float:right;} .bold{font-weight:bold;} .italic{font-style:italic;} .trennlinie{height:1px;clear:both;border-top:1px solid #dcdde2;} .points{height:1px;clear:both;border-top:1px dotted #dcdde2;} .fullWidth{width: 100%;} a.displayNone, input.displayNone, .displayNone{display:none;} .shadow{box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;} .shadowInset{box-shadow:inset rgba(0,0,0,0.35) 2px 4px 8px;-webkit-box-shadow:inset rgba(0,0,0,0.35) 0 1px 8px; -moz-box-shadow:inset rgba(0,0,0,0.35) 0 1px 8px;} .radius{border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px;} .img-responsive{width:100%;height:auto;} .mand{font-weight:bold;color:#cc0000;} .noresult{font-weight:bold;} .text-center p{width:100%;} .btn{cursor:pointer;} .nopad{padding-left:0px;padding-right:0px;} .nopadtop{padding-top:0px;} .nopadleft{padding-left:0px;} .nopadright{padding-right:0px;} .pad5px{padding-left:5px;;padding-right:5px;} .pad7px{padding-left:7px;;padding-right:7px;} .pad10px{padding-left:10px;;padding-right:10px;} .pad15px{padding-left:15px;;padding-right:15px;} .flex-direction-row{flex-direction:row;} .inner{width:100%;} .row{margin:0;position:relative;} .on{display:inline-block;} .off{display:none;} .hint{font-size:.8em;line-height:1.3;color:#999;display:block;text-align:left;} .article.solo .hint{text-align:left;} .hint.title{font-weight:bold;padding:1rem .6rem;} .grayscale-100{ filter: grayscale(100%)} .grayscale-50{ filter: grayscale(50%)} .alert{color:#cc0000;margin:0;} .anleitung{color:#0000ff;} .greenglow{box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);-webkit-box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);-moz-box-shadow: 0px 0px 3px 3px RGBA(133, 205, 34, 0.20);} .redglow{box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);-webkit-box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);-moz-box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);} .bgdarkgrey{background:#333;color:#fff;} div.charleft{position:absolute;z-index:9;text-align:right; top:.9rem;right:.3rem;font-size:.7rem;color:#888;} .fixed{position:fixed;} .bottom{bottom:0;} .fixed.bottom{bottom:4rem;padding:1rem .6rem 0;margin-left: -.6rem;background:#111;text-align:center;z-index:99999;} .fixed.bottom .btn{width:100%;} .filter .fixed.bottom{margin-left:-.6rem;bottom:3.5rem;} .projects .listview .fixed.bottom, .campaign .article .fixed.bottom{margin-left:-.6rem;} .projects .inner p.fixed.bottom{margin-left:-.9rem;} .admin.alert{padding:0;margin:0;border:0;display:inline;} .fa-anker{position:relative;} .fa-anker .fa{position:absolute;top:1px;font-size:22px;color:#9ECB14;} .absolute{position:absolute;} .frame{border-width:1px;border-style:solid;} .absolute.bottom{border:1px solid red;bottom:4em;text-align:center;z-index:999;background:#fff;padding:0px 15px;margin-left:-15px;width:100%;} main .col-12{padding-left:.6rem;padding-right:.6rem;} nav{width:100%;} table{width: 100%;} .nummer{text-align:right;} .title{font-weight:bold;} .popup.textonly .solo{padding:4rem .6rem 7rem;} .bapfel{font-weight:bold;} .bapfel strong{font-weight:normal;font-size:.8em;font-style:italic;} .bapfel em{font-weight:normal;font-size: .75rem;} .item.half .bapfel{font-size:.85rem;line-height:1;} /* LOGINFORM -------------------------------------------------- */ .login.info{font-size:.8em;color:#999;margin-bottom:1rem;text-align:center;} body.dark .login.info{color:#fff;} .loginForm {max-width: 100%;padding: 0px;margin: 0px auto;} .loginForm .heading, .loginForm .checkbox {margin-bottom: 10px;} .loginForm .checkbox {font-weight: normal;} .loginForm .form-control {position: relative;font-size: 16px;height: auto;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .loginForm .form-control:focus {z-index: 2;} .loginForm input[type="text"] {margin-bottom: -1px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .loginForm input[type="password"] {border-top-left-radius: 0;border-top-right-radius: 0;margin-bottom:1.5rem;} .loginForm input[type="password"].error{margin-bottom:0;} .loginForm .btn-register, .loginForm .btn-link{width:100%;} .loginForm label{display:none;} .loginForm .item{padding:1em 0;} .loginForm .btn-login{width:100%;} .loginForm .btn-text, .loginForm a.btn-link{color:#999;text-align:left;padding-left:0;} .popup .loginForm {margin: 10px auto 0px auto;} .popup .loginForm .alert{margin-top:-30px;margin-bottom:0px;} /* USERICONS -------------------------------------------------- */ .usericon{border-radius:10rem;object-fit: cover;position:absolute;z-index:1;} .usericon.xxs{width:2.5rem;height:2.5rem;}/*** intern: messages listview, navmenu ***/ .usericon.xs{width:2.75rem;height:2.75rem;}/*** member-menu trigger ***/ .usericon.sm{width:55px;height:55px;}/*** web: kommentar schreiben, intern: message schreiben ***/ .usericon.md{width:4rem;height:4rem;}/*** web: listview ***/ .usericon.lg{width:5rem;height:5rem;}/*** intern: message lesen, ***/ .usericon.xl{width:6rem;height:6rem;}/*** web: artikel , web: profilview , member: profilset ***/ .usericon.xxl{width:120px;height:120px;}/*** ***/ .profil.set .usericon{right:0rem;top:-4rem;border-width:.5rem;border-style:solid;} .profil.set .btn.save{width:100%;} body.dark .profil.set .usericon {border-color: #333;} body.comic .profil.set .usericon {border-color: #DEDEDE;} /* HEADLINES -------------------------------------------------- */ h1, h2, .article.solo h1{color:#333;} h1, .h1{color:#333;text-transform:uppercase;font-weight:bold;font-size:1.4rem;line-height:1;margin-top:2rem;margin-bottom:0;padding:0 0 2rem;text-align:center;} .member .article h1{font-size:20px;font-weight:bold;margin:20px 0px 0px;padding:0px 0px;text-align:center;line-height:1.3;} .member h1{margin-top:1rem;} h1 em{font-size:1rem;font-weight:normal;text-transform:none;} h2, .h2{font-size:1.2rem;font-weight:bold;margin-bottom:1.1;text-transform:uppercase;text-align:center;} h2.untertitel, .h2untertitel{font-size:18px;font-weight:normal;font-style:italic;margin-bottom:1.1;color:#999;} h3, .h3{font-size:16px;font-weight:normal;font-style:italic;} h3.untertitel, .h3untertitel{} h4, .h4{} h4.untertitel, .h4untertitel{} h1 a, h2 a, h3 a, h4 a{text-decoration:none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{} /* BUTTONS -------------------------------------------------- */ .btn-inputstyle:link, .btn-inputstyle:hover, .btn-inputstyle:active, .btn-inputstyle:focus{color:inherit;} .btn-alert {color: red;background-color: transparent;border-color: transparent;width:100%;margin-bottom:10px;} .btn-alert:hover{background-color:transparent;} .btn-ok {color: RGBA(158, 203, 20, 1.00);background-color: transparent;border-color: transparent;width:100%;margin-bottom:10px;} .btn-ok .fa{margin-right:10px;} .btn-ok:hover{background-color:transparent;} .btn-new:hover{background-color:RGBA(158, 203, 20, 1.00);} a.active .btn-new{color: transparent;background-color: transparent;border-color: transparent;} a.btn-reply, .btn-reply {color: #fff;background-color: RGBA(218, 2, 136, 1.00);border-color: RGBA(0, 138, 210, 1.00);} .btn-reply:hover{background-color:RGBA(0, 138, 210, 1.00);} a.active .btn-forward{color: #fff;background-color: #fff;border-color: #fff;} .member .btn.save{display:none;} .button-cat-close{position: absolute;font-size: .7rem;right: -.3rem;top: -.5rem;border-radius: 1rem;width: 1rem;height: 1rem;background: red;} .btn.label{position:relative;margin:0 .3rem .5rem 0;color:#fff;} .btn-register {color: #fff;background-color: RGBA(153, 153, 153, 1.00);border-color: RGBA(153, 153, 153, 1.00);} .btn-register:hover{background-color:RRGBA(153, 153, 153, 1.00);border-color: RGBA(153, 153, 153, 1.00);} .btn-login {color: #fff;background-color: RGBA(135, 194, 50, 1.00);border-color: RGBA(135, 194, 50, 1.00);} .btn-login:hover{background-color:RGBA(135, 194, 50, 0.5);border-color: RGBA(135, 194, 50, 1.00);} .btn-new{color:#fff;background-color:#9ECB14;border-color:#9ECB14;} .btn-filter{color:#fff;background-color:#000;border-color:#000;} .btn-menu{color:#fff;background-color:#999;border-color:#999;} .btn-blue{color:#fff;background-color:#0A3A7A;border-color:#0A3A7A;} .btn-help{color:#FFF;border-color:#0A3A7A;background-color:#0A3A7A;} .btn-close {color: #fff;background-color: red;border-color: red;} .btn.trans{border-color:transparent;background-color:transparent;cursor:pointer;} .btn-back, .btn-next, .btn-historyback{min-width: 6.3rem;background-color: #ccc;border-color: #ccc;margin:0;} .community .solo .btn-historyback{margin-bottom:7rem;} .btn-historyback .fa{margin-right:.3rem} a.btn-back, a.btn-next, a.btn-historyback, .faq a.btn-historyback{color:#fff;margin-bottom:8rem;} .wiki .btn-historyback, .solo .btn-historyback{margin-bottom:0;} .btn-help{float:right;margin-top:-.6rem;margin-right:-.6rem;} header .btn-close{position:absolute;right:.6rem;top:1.1rem;display:none;z-index:9999;} header .btn-new{position: absolute;top:1.1rem;right:.6rem;width:auto;min-width: 6.3rem;} .navmenu .btn-close{position:absolute;right:.6rem;top:5.1rem;z-index:99999;} header .navmenu .btn-close{top:4.8rem;} .profil.set .btn-close{position:absolute;right:-0rem;top:-4rem;border-radius:10rem;z-index:1;width: 1.8rem;height: 1.8rem;} footer .btn-filter, footer .btn-menu{width:6.3rem;position:absolute;top:1.2rem;} footer .btn-filter{left:.6rem;} footer .btn-menu{right:.6rem;} footer .fa-user{font-size:1.7rem;padding-top:1.4rem;} footer .btn-user{margin-top:0;position:absolute;z-index:9999;top:0;left:50%;width:2.75rem;margin-left:-1.375rem;text-align:center;} footer a.btn-user{color: #999;} body.dark footer a.btn-user{color: #555;} footer .btn-user .usericon{position:relative;margin-top:.7rem;} .btn.fa-gff, .btn.fa-angle-up, .btn.fa-angle-down, .btn.fa-angle-left, .btn.fa-angle-right{border-color:#7DAC12;right:.3rem;font-size:1.2rem;width:1.6rem;height:1.6rem;line-height:1;padding:.15rem 0 0 .15rem;bottom:.5rem;position:absolute;border-radius:10rem;display:block;} .btn.fa-gff{right:.3rem;background-size:1.4rem;background-position: -.05rem 0;width:1.4rem;height:1.4rem;border-color:transparent;bottom:.2em;} .fa.plus{top: 0.2rem;position: absolute;left: .5rem;} .navmenu .btn.fa-angle-up, .navmenu .btn.fa-angle-down, .navmenu .btn.fa-angle-right, .navmenu .btn.fa-angle-left{right:.3rem;} .navmenu .btn.fa-angle-left{top:.3rem;font-size:1rem;} .btn.fa-gff{width:1.4rem;height:1.4rem;bottom:.2em;} .btn-forward{color: #BDBDBD;border-color: #BDBDBD;background:#FFF;position: absolute;left: auto;top: auto;right:.3em;bottom:1em;font-size: 1.2em;z-index: 99999;border-radius: 10em;width: 1.6em;height: 1.6em;padding: 0;} .btn-forward:hover{background-color:;} .cta{text-align:right;margin: 0;} .solo .cta{text-align:right;margin: 0;} .cta a.btn-new{margin:2rem 0 4em 0;} .btn-filter.submit{color: #fff;background-color: RGBA(0, 0, 0, 1.00);border-color: #fff;} .btn-filter.submit:hover{background-color:RGBA(153, 153, 153, 1.00);border-color:RGBA(153, 153, 153, 1.00);} .btn-logout {color: #fff;background-color: red;border-color: red;} .btn-logout:hover{background-color:red;} .site .btn-logout{position:absolute;right:0;top:0;width:auto;} .navmenu.user a.btn-logout{width:auto;} .dropup .dropdown-menu .btn.logout{color:#fff;position:absolute;z-index:99999;top:5.1rem;right:3.2rem;border:none;width:6.3rem;padding:.3rem .5rem;} .article.solo .btn.reply{width:100%;font-weight:bold;text-transform:uppercase;margin:1rem 0;} /* FA -------------------------------------------------- */ .navmenu .fa-heart, .navmenu .fa-thumbs-up, .navmenu .fa-user, .navmenu .fa-list, .navmenu .fa-lock, .navmenu .fa-envelope, .navmenu .fa-yin-yang, .navmenu .fa-image, .navmenu .fa-comment{display:inline-block;font-size:1rem;width:1.1rem;text-align:center;margin-right:.4rem;padding:0;} /* LOGO -------------------------------------------------- */ .logo{position:absolute;line-height:1;top:.5rem;left:.5rem;z-index:99999;} .navmenu .logo{top:4.5rem;} .popup .navmenu .logo{top:0;} header .navmenu .logo{top:3.9rem;} a.logo, a.logo:hover{color: #999;} .logo img{width:auto;height:2.75rem;float:left;position:absolute;top:0;left:0;} .logo div{float:left;padding-left:3.3rem;padding-top:.6rem;font-size:.9rem;font-weight:bold;color:#999;} .logo strong{display:block} .logo strong span{font-weight:normal;font-style:italic;font-size:.75rem} .brand{font-style:italic;display:inline-block;line-height:.5rem;font-weight:normal;font-size:.75rem;} /* INDEX -------------------------------------------------- */ .index{margin-left:-.6rem;overflow-y:scroll;overflow-x: hidden;position:absolute;width:100%;height:100%;background:url(../img/content/logo-globalforfuture-466x466-trans.png);background-position: 0 0;background-repeat:no-repeat;background-size:contain;} .index .btn.animated{margin-bottom:5rem;} .index .umfrage{position:absolute;top:0%;z-index:1;width: 100%;} .index .umfrage div{background:#FFF;padding:1.2rem .6rem 2rem;} .dark .index .umfrage div{background:#000;border-bottom: 1px solid #fff;} .index .umfrage div .hint{border-bottom:1px solid #dedede;text-transform:uppercase;padding-bottom:.2rem;margin-bottom:2rem;font-weight:bold;} .index .umfrage div.opaci{background:#fff;opacity:.7;padding-top:45%;border-top-right-radius:100rem;border-top-left-radius:100rem;border-bottom:0;} .dark .index .umfrage .opaci{background:#000;} .index .umfrage .frage{text-align:center;margin-bottom:1.7rem;} .index .umfrage .btn{min-width:6.3rem;} .index .umfrage .hero{display:block;width:100%;text-align:center;font-size:2rem;height:100%;margin-top:15%;} .index .inner{position:absolute;padding-top:100%;height:100%;} .index .content{margin-top:180%;padding-bottom:10rem;} .index .inner ul{list-style-type:none;padding:0;} .index li{position:relative;font-size:.9rem;background:#FFF;padding:.7rem .6rem .6rem;list-style-type:none;margin-left:0;border-bottom:1px solid #dedede;} .index li.item.half{border-bottom:0;} .dark .index li{background:#000;} .index .sectionlist li{margin-bottom:.8rem;} .index li.hint{text-transform:uppercase;margin-bottom:0;padding-bottom:.2rem;padding-top:1.2rem;font-size:.8rem;font-weight: bold;} .index li.text-right{margin:0;margin-bottom:50%;} .index li p.text-right{border-top: 1px solid #dedede;padding-top:.6rem;} .index li a .text{color:#333;} .dark .index li a .text{color:#fff;} .index li p.text-right{} .index li .btn-new{min-width:6.3rem;} .index .umfrage li .btn-new{margin-top:1rem;} .index .sectionlist{padding:0 .6rem;} .index .news .semi{width: 64%;display: block;float: right;overflow: auto;} .index .news .semi2{width: 33%;display: block;float: left;} .index .news .bild{width:100%;height:auto;} .index .news .semi h2 {text-align: left;font-size: .9rem;font-weight: bold;padding: 0;margin: 0;margin-bottom:.5rem;} .index .news .hint{margin-bottom:.5rem;} .index .news .progressbar.anzSoll{height:.9rem;margin-top:.5rem;font-size:.7rem;} .index .news .progressbar .anzIst{height:.8rem;} .listview .news .semi{width: 64%;display: block;float: right;overflow: auto;} .listview .news .semi2{width: 33%;display: block;float: left;} .listview .news .bild{width:100%;height:auto;} .listview .news .semi h2 {text-align: left;font-size: .9rem;font-weight: bold;padding: 0;margin: 0;margin-bottom:.5rem;} .listview .news .hint{margin-bottom:.5rem;} .listview .news a{color:#333;} .dark .listview .news a{color:#dedede;} .listview .news{border-top:1px solid #dedede;} .listview .news li{border-bottom:1px solid #dedede;padding:1rem 0;} .listview .news .text{line-height:1.1;font-size:.9rem;} .index .portraits a{display:block;position:relative;padding-left:3.3rem;color:#333;} .index .portraits .usericon{left:0;} .index .portraits .quote.comment{margin:0;background:#dfdfdf;display:inline-block;} .dark .index .portraits .quote.comment{background:#555;} .index .portraits .hint{margin-bottom:.5rem;} .index .shop .semi{width: 64%;display: block;float: right;overflow: auto;} .index .shop .semi2{width: 33%;display: block;float: left;} .index .shop .bild{width:100%;height:auto;} .index .shop .semi h2 {text-align: left;font-size: .9rem;font-weight: bold;padding: 0;margin: 0;margin-bottom:.5rem;} .index .shop .hint{margin-bottom:.5rem;} /* Umfrage -------------------------------------------------- */ .popup .umfrage .item{padding:1rem 1rem 2rem;} .popup .umfrage .ergebnis{background:url(/img/content/logo-globalforfuture-466x466-trans.png);background-repeat:no-repeat;background-size:cover;background-position:0rem 3rem ;} .popup .umfrage .frage{font-weight:bold;font-size:1.2rem;margin-top:40%;padding: 2rem .6rem 2rem .6rem;text-align:center;background:#fff;} .dark.popup .umfrage .frage{background:#000;} .popup .umfrage .progressbar{margin:0;} .popup .umfrage .cta{margin:3rem 0;} .popup .umfrage .cta .btn{width:100%;} .popup .umfrage .info{margin-top:2rem;line-height:1.5;} .popup .umfrage .info a{display:inline;font-weight:bold;} .popup .umfrage .info .title{text-align:center;margin: 1rem 0;font-size:1rem;} .popup .umfrage .info p{} .modul.kommentare h2{text-align:left;text-transform: none;} .modul.kommentare .quote.comment .usericon{left: -3.7rem;} .umfrage.listview{padding-bottom:7rem;} .umfrage.listview h1{margin-top:1rem;} .umfrage.listview li{padding:1.5rem 1rem;margin-bottom:1rem;} .umfrage.listview p.text-center{font-size:1.1rem;line-height:1.1;} .umfrage.listview li:nth-child(2n+1){border:1px solid #dedede;border-radius:.2rem;background:#efefef;} .dark .umfrage.listview li:nth-child(2n+1){border:1px solid #333;border-radius:.2rem;background:#333;} .umfrage.listview .hint{margin:1rem 0 .5rem;} .umfrage.listview .hint .datum{float:right;} .umfrage.listview li:nth-child(2n+1) .progressbar.anzSoll{background:#fff;} .umfrage.listview .progressbar{margin:0rem 0 .5rem;} /* FAQ -------------------------------------------------- */ .faq article{padding:0 0 3em 0;} /*.faq a{color:#fff;}*/ .faq.listview{padding-bottom:7rem} .faq.solo .text p{margin-bottom:2rem;} .faq.solo .text ul{list-style-type:circle;padding-left:1.2rem;} .faq.solo .text ul.sectionlist{list-style-type:none;padding-left:0;} .faq.solo .text ul.nav.socialmedia{padding-left:0;} .faq.solo .text ol{padding-left:1.2rem;} .faq.solo .text ul li, .faq.solo .text ol li{margin-bottom:1rem;} .faq.solo .nav.socialmedia {margin: 0 0 3rem;} .faq a.btn-historyback {margin-bottom: 5rem;} /* HEADER -------------------------------------------------- */ /* Header Hide & Show while scolling */ header.slide--reset{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} header.slide--up{-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%)} header.slide{transition: all 0.25s ease-in-out 0s;} header{position:fixed;top:0;right:0;left:0;z-index:1100;} .navbar{height:4rem;width:100%;border-bottom:0;padding:0;} /* DROPDOWN-TOGGLE -------------------------------------------------- */ .dropup .dropdown-toggle::after, .dropdown-toggle::after {display:none;} /* DROPDOWN-MENU -------------------------------------------------- */ .dropdown-menu{border:0;width:100%;margin:0;padding:0;border-radius:0;} header .dropdown-menu{margin-top:-3.7rem;} /* NAVMENU -------------------------------------------------- */ .navmenu{padding-top:8rem;overflow:hidden;position:relative;} .popup .sectionlist, .navmenu.sections {padding-top:1rem;} header .navmenu.sections{padding-top:8rem;} header .navmenu{padding-left:.6rem;padding-right:.6rem;} .popup .navmenu{padding-top:3rem;} .navmenu .scrollframe{padding:0 .6rem;height:20rem;overflow-x:hidden;overflow-y:auto;} .navmenu li{width:100%;float:left;} .navmenu a{border:none;width: 100%;} .site.navmenu{padding-top:0;} .member .site.navmenu{padding-top:2.7rem;padding-bottom:3rem;} .navmenu .scroll{display:inline-block;position:relative;max-height:120px;overflow-y:scroll;overflow-x:hidden;padding: .4rem .4rem 0 0;} .navmenu input.ort{margin-top:.4rem;} .navmenu li.semi2{width:34%;} .navmenu li.semi2 a{width:100%;padding:.73rem .5rem;text-align:left;} .navmenu.user a{width:100%;} .navmenu.user .set-layout{color:#888;} .navmenu.user .set-layout label{margin-bottom:0;} .navmenu.user .set-layout .radio{font-size:.3rem;margin:0 .3rem 0 .7rem;} /* ITEM -------------------------------------------------- */ .item{width:100%;padding:1em 2.5em .9em .6rem;line-height:1.1;margin-bottom:.8rem;font-size:.9rem;border-radius:.2rem;border:1px solid transparent;position:relative} #comment.item, .member .item, .loginhelp .item, .artikel.write .item, .faq.solo .item, .navmenu.filter .item{padding-right:.6rem;} .member .loginForm .item{padding-right:0;} .item.half{padding:.5em .6em .4em .6rem;width:48.5%;margin-right:0;} .item.half a{width:100%;} .navmenu .toggle_container .item.half{width:100%;} .item.semi{width:63%;margin-right:0;} .item.semi2{width:35%;margin-right:0;} /* FOOTER -------------------------------------------------- */ footer{position:fixed;bottom:0;right:0;left:0;width:100%;z-index:1000;} footer .container{height:4em;} /* FOOTER WEBUSER DROPUP-MENU -------------------------------------------------- */ .dropup{position:inherit;} .dropup .dropdown-menu{margin-bottom:0;width:100%;} /* ARTICLE & LISTVIEW -------------------------------------------------- */ article .bild{margin-bottom:0px;/*border-top-right-radius:5px;border-top-left-radius:5px;*/position:relative;width:100%;height:16em;background-size:cover;background-repeat: no-repeat;} .listview .article .frame{border-width:1px;border-style:solid;margin-bottom: 2.5em} .listview .article .usericon{border-width:.5rem;border-style:solid;top:8rem;} .listview .article a{display:block;border-radius:0px;text-decoration:none;} .community .listview .article a{color:#333;} .listview .article .btn.more{color:#fff;border-radius:0;border-top-left-radius:5px;margin:5px 0px 0px 0px;padding: .25rem 1.25rem 0.25rem;} .listview .article .hint{text-align:left;display:block;color:#999;font-size:.8rem;line-height:1.1;padding:.7rem;} .termine .listview .article .hint{padding-left:0;} .listview .fa{margin-right: .4rem;} .listview.faq .fa{margin-right: 0rem;} .listview.faq .btn-historyback .fa{margin-right:.3rem;} .listview .hint .ort, .listview .hint .datum, .listview .hint .nick, .listview .hint .rub{display:inline-block;margin-right:.7rem;} .listview .admin.hint{padding:0px;display:inline;} /* PROGRESSBAR -------------------------------------------------- */ .progressbar{margin:1rem 0 0;} .progressbar.anzSoll{width:100%;display:block;height:1.3rem;position:relative;color:#fff;font-size:.8rem;border-width:1px;border-style:solid;background:transparent url(../img/layout/background/bg_melgrey.jpg) top left repeat} .dark .progressbar.anzSoll{background:#555;} .progressbar.anzSoll{border-color:#9ECB14;} .progressbar .anzIst{color:#fff;display:inline-block;position:relative;padding-left:.4rem;height:1.2rem;background-color:#9ECB14;overflow: hidden;} .progressbar .absRight{position:absolute;right:.4rem;} .progressbar .absRight.grey{color:#999;} .progressbar .floatRight{display:none;color:#9ECB14;padding-right:.4rem} /* ACCORDEON HORIZONTAL -------------------------------------------------- */ .accordeon.horizontal{margin-bottom:0;} .accordeon.horizontal li{list-style-type:none;padding-left:.6rem;margin-left:auto;margin-bottom: .8rem;} .accordeon.horizontal a.trigger_active{} .accordeon.horizontal .trigger{display:block;} .accordeon.horizontal .item{max-height:none;padding-right:.6rem;} .accordeon.horizontal .item div{position:clear;} .accordeon.horizontal {margin:1rem 0 1.4rem;padding:0;border-radius:0;} .accordeon.horizontal .toggle_container{margin-top:.9rem;margin-bottom: 1.5rem;float:left;} .accordeon.horizontal .toggle_container li{list-style-type:circle;margin-left:1.5rem;} .accordeon.horizontal .toggle_container a{display:inline-block;width:100%;word-wrap: break-word;} .campaign .accordeon.horizontal .toggle_container a{width:auto;} .accordeon.horizontal .toggle_container a.uico{width:auto;float:left;} .accordeon.horizontal .toggle_container .hint{text-align:left;} .accordeon.horizontal .toggle_container .hint p{margin-bottom:1rem;} .accordeon.horizontal .toggle_container table{margin:.8rem 0;} .accordeon.horizontal .toggle_container table td{vertical-align:top;padding-right:.3rem;} .accordeon.horizontal .toggle_container .usericon{position:relative;border-width:1px;top:0;margin-right:.6em;} main .accordeon.horizontal .toggle_container {float:none;line-height:1.3;font-size:1rem;} .navmenu .accordeon.horizontal .toggle_container li{border-radius:.2rem;background:#dedede;padding:.8rem .6rem .7rem;margin-bottom: 2.5%;margin-left:0;position: relative;list-style-type:none;} .navmenu .accordeon.horizontal .toggle_container a{color:#333;} .navmenu.filter .accordeon.horizontal .toggle_container a{color:#fff;} /* FILTER -------------------------------------------------- */ .filter form{padding-bottom:4rem;} .filter .maincat.frame{border-radius:.2rem;margin-top:.6rem;margin-bottom:1rem;border-color:transparent;} .filter a{color:#fff;} .filter .frame .trigger{display:block;padding:.6rem;border-radius:.2rem;margin-top:.6rem;color:#FFF;} .filter .subcat.frame{border-width:1px;border-style:solid;border-color:transparent;padding:.4rem .3rem .1rem .3rem;margin-top:-.1rem;border-bottom-right-radius:.2rem;border-bottom-left-radius:.2rem;} .filter .btn-cat{font-size:.8rem;padding:.2rem .6rem;margin: 0 .3rem .3rem 0;color:#fff;} .filter .btn-cat.inactive{display:none;} .filter a.btn.btn-link{color:#7DAC12;margin-top:.5rem;} .member .filter .btn.on, .member .filter .btn.choose{width: 100%;} .member .filter .btn-sm.label {padding: .65rem 1rem;} .member .filter .btn.label {position:relative;margin-top:-4.4rem;} .member .filter .rubrik .btn.label {margin-top:-3rem;z-index:9;} .member .filter .subcat.frame{margin:0 .6rem;} .member .filter .frame .art.trigger{color:#999;} /* SOCIAL MEDIA BUTTONS -------------------------------------------------- */ .nav.socialmedia {margin:3rem 0;} .nav.socialmedia li{list-style-type:none;padding-left:0;margin:0;} .article.solo .nav.socialmedia {margin:35px 0px;} .popup .nav.socialmedia {margin-top:1rem;margin-bottom:7rem;} .nav.socialmedia a.fab, .nav.socialmedia a.fa{font-size:2.5rem;display:inline-block;margin:0 .6rem;} .nav.socialmedia .fa-facebook-square{color:RGBA(59, 89, 153, 1.00);} .nav.socialmedia .fa-twitter-square{color:RGBA(29, 161, 243, 1.00);} .nav.socialmedia .fa-xing-square{color:RGBA(18, 101, 103, 1.00);} .nav.socialmedia .fa-pinterest-square{color:RGBA(200, 35, 44, 1.00);} @media (max-width: 575px) { .nav.socialmedia li.whatsapp{padding:3px 10px 0px 10px;} } /* LISTVIEW BLÄTTERN -------------------------------------------------- */ .lv_status{position:relative;text-align:right;margin:1rem 0;} .lv_status .btn-back, .lv_status .btn-next{margin:0;color:#FFF;} .lv_status .btn-back{float:left;} .campaign .lv_status{margin-bottom:9rem;} /* ARTIKEL & KOMMENTARE -------------------------------------------------- */ .article.listview{padding:0 .6rem;} .artikel.write .usericon img, .profil .usericon img{position:absolute;top:19px;width:44px;height:44px;border-radius:100px;} .article .usericon img{position:absolute;z-index:99;top:-53px;left:0px;width:65px;height:65px;border-radius:100px;} .kampagnen .article img.usericon{float:left;position:relative;top:auto;left:auto;width:60px;height:60px;margin-top:5px;margin-right:10px;} .article.solo .usericon img{position:relative;width:95px;height:95px;border-radius:80px;top:-5px;} .article .quote .usericon img{top:128px;} .article.solo .comment img.usericon{top:0px;left:-56px;width:45px;height:45px;} .comment .usericon img{position:relative;margin:-19px 15px 15px 0px;float:left;} .comment .row, .article .row{margin-left:-0px;margin-right:-0px;} .article .hint.title{margin:0px 0px 20px 0px;width:100%;background:none;font-weight:bold;} .comment .hint{background:none;padding:0px 0px 10px 0px;} .no.comment .hint{padding:10px 0px 0px 0px;width:100%;} .article .hint .ort, .article .hint .datum, .article .hint .nick, .article .hint .rub{display:inline-block;} .article .hint .nick .surname {/*width: 14px;height:12px;display: inline-block;position: relative;overflow: hidden;line-height:1.1;white-space: nowrap;margin: 0px 0px -px 0px;padding: 0;*/} .article.solo .quote.hint .rub{padding:0px;} .article.solo .hint .datum{text-align:left;} .comment .hint .published, .article .hint .published, .comment .hint .notpublished, .article .hint .notpublished{display:inline-block;} .article .admin.hint, .comment .admin.hint{padding:0px;} .article a{text-decoration:none;} .quote.article .title{margin-left: auto;margin-right: auto;display: table;position:relative;width:100%;top:11.3rem;height:4.7rem;} .quote.article h2{display:table-cell;vertical-align:middle;color: #333;font-size:1rem;padding:.5rem;width:100%;line-height:1.1;margin:0;} .community .quote.article h2, .dark .quote.article h2{color: #fff;} .kampagnen .article h1{padding:0px;text-align:center;margin:25px 0px 20px 0px;} .article .titel{font-weight:bold;} .article .text{padding:0px 10px;margin:.6rem 0;} .quote.article .text{margin-bottom:0px;line-height:1.1;} .article .quote.comment .text {margin-bottom:0;} .article .punktvergabe, .comment .punktvergabe{margin-top:5px;} .article .punktvergabe .stars, .comment .punktvergabe .stars{margin-top:5px;} .comment .hashtag, .article .hashtag{margin-bottom:15px;margin-top:0px;line-height:1.2;white-space:nowrap;} .article .btn-new{width:auto;} .intern .article .btn-new{width:auto;} .article .btn span.icn{margin-right:7px;} .article.solo .text{line-height:1.4;font-size:1.1rem;padding:0px 0px;word-wrap: break-word;text-align: justify;} .article.solo .comment .text{font-size:14px;word-wrap: break-word;} .comment p.alert, .comment p.alert .btn{width:100%;} .quote .h2{padding-left:45px;} .quote .hashtag{margin-bottom:5px;} .intern .quote.article{margin-bottom:30px;} .quote.article .btn{border-radius:0;border-top-left-radius:5px;margin:5px 0px 0px 0px;} .intern .quote.article .btn{border-radius:0;margin:5px 0px 0px 0px;width:100%;} .intern .quote.article .delete .btn{border-radius:100px;width:30px;} .web .quote.article .btn.more .fa-angle-right{padding:0px;margin-top:-2px;} .popup .artikel.write.message img.usericon{margin:0;top:25px;left:11px;} .artikel.write.message .hint{padding:0px;} /* ARTIKEL SOLO -------------------------------------------------- */ .solo .bild{border-radius:0;height:13rem;background-position: center center;margin-bottom: 2.7rem;} .solo .kommentare{margin-top:4rem;} .article.solo .dates.hint, .article.solo .einladung.hint{padding:.6rem;font-size:90%;position:relative;width:100%;margin:2rem 0;line-height: 1.5rem;} .article.solo .dates.hint{background:#f2f2f2;border:1px solid #c8c8c8;} .article.solo article .dates.hint p{font-size:.9rem;} body.dark .article.solo .dates.hint{background:#111;border:1px solid #777;} .article.solo .dates.hint .fa{width:1em;text-align:left;margin-right:.5rem;} .article.solo .einladung.hint {border:1px solid RGBA(255, 204, 0, 1.00);background:RGBA(255, 204, 0, 0.2);} .article.solo .einladung.hint .fa{position:absolute;top:4px;right:5px;font-size:35px;color:RGBA(255, 204, 0, 1.00);} .article.quote{padding:0;background:inherit;} .article.quote:hover{cursor:pointer;} .quote.comment{background:#fff;color:#333;line-height:1.3;margin:.6rem 0 .6rem 3.4rem;position:relative;border-radius:.2rem;font-size:.9rem;border-color:transparent;border-width:1px;border-style:solid;} .quote.comment a{display:inline;} .btn.comment{margin:.6rem 0;} .article.solo .user{position:relative;padding-top:1rem;height:6.5rem;} .article.solo .user .usericon{top:.8rem;z-index:11;} .article.solo .user .btn{width:6.3rem;float:right;text-align:left;padding-left:0;} .article.solo .user .btn .fa{width:1.9rem;text-align:center;} /* ARTIKEL WRITE -------------------------------------------------- */ .artikel.write .item div{position:relative;margin-bottom: .6rem;} .artikel.write .item div div.charleft{position:absolute;top:-.8rem;z-index:-1;} .artikel.write.new div.charleft{top:auto;bottom:-.3rem;right:.6rem;position:absolute;} .artikel.write label.hint{font-size:1rem;padding: .5rem .75rem;} .artikel.write .h2{margin-top:2rem;} .artikel.write .article{background:#DEDEDE;padding:20px 10px 10px;} /*.artikel.write .article div,*/ .artikel.write .article div{position:relative;border-color:transparent;} .artikel.write .article div.charleft{position:absolute;top: -.7rem;height: .5rem;} .artikel.write h3{border:1px solid #ccc;background:#fff;color:#333;font-style:normal;border-radius:5px;padding:10px;margin:0px 0px 20px 65px;} .artikel.write.message h3{color:#333;font-style:normal;padding:0px;margin:0px;} .artikel.write .titel{width:100%;height:100%;font-weight:bold;} .artikel.write input, .artikel.write select{margin-bottom:10px;} .artikel.write .text{width:100%;height:90px;} .popup .artikel.write.comment{margin-top:0px;} .artikel.write.comment .text{padding:0px 15px 0px 80px;height:auto;} .artikel.write.comment .text textarea{min-height:100px;} .artikel.write.comment .hint{font-size:.8rem;display: inline-block;padding-left:65px;} .artikel.write .quote.comment .hint{padding-left:0;} .artikel.write .article .titel, .artikel.write .article .text{padding:10px;} .artikel.write .bild{width:100%;} .artikel.write.comment.message p.hint{font-weight:bold;text-align:center;margin-bottom:20px;margin-top:50px;} .artikel.write.comment.message p.hint.half{margin-top:20px;} .artikel.write.message .logo .brand{top:23px;} .artikel.write.comment.message p.title{color:#000;font-weight:bold;margin:10px 0px;} .artikel.write table.default{width:100%;} .artikel.write .sel1{margin-bottom:15px;} .artikel.write .sel2{margin-bottom:10px;} .artikel.write .hint a.rubrikvorschlag{display:inline-block;padding:0px 0px 5px 18px;} .artikel.write .hint a.rubrikvorschlag:hover{text-decoration:none;} .artikel.write .btn-new{width:100%;margin-top:1rem;margin-bottom:7rem;} .artikel.write .addimg .btn{margin:0px;color:#999;border-color:rgba(0,0,0,.15);} .artikel.write .article.addimg{padding:10px;position:relative;} .artikel.write a.editimage{width:100%;} .popup .artikel.write .btn{margin-bottom:15px;color:#fff;} .popup .artikel.write .btn.reply{font-weight: bold;text-transform: uppercase;} .artikel.write .btn-default{margin-top:15px;} .artikel.write p{width:100%;position:relative;} .artikel.write p.hashtag{margin-bottom:15px;} .artikel.write label.error{position:absolute;bottom:-8px;left:0px;width:100%;height:1rem;text-align:center;} .artikel.write .checkbox{text-align:left;} .artikel.write textarea, .artikel.write input[type=text]{width:100%;/*background:#fff*/;} .artikel.write .checkbox label.btn{position:relative;cursor:pointer;text-align:left;padding-left:35px} .artikel.write .checkbox input[type=checkbox]{width:auto;display:inline-block;margin:0px 5px 0px 0px;height:auto;} .artikel.write .checkbox.am{text-align:left;} .artikel.write .article.veroeffentlichen{padding:0px 0px;} .artikel.write .veroeffentlichen label.error{top:2.5rem;z-index:9;} .artikel.write .menu.veroeffentlichen .rubrik{padding:1rem .6rem;width:auto;} .artikel.write .clearfix.submit{padding:0px 15px;} .artikel.write .rubrikEintrag{position:absolute;z-index:-1;left:0;top:0;width:2rem;} .listview.artikel.edit{padding-bottom:5rem;} .ui-datepicker-calendar{left:0;} .ui-datepicker-calendar td span, .ui-datepicker-calendar td a{line-height:2;text-align:center;} .ui-widget-header .ui-icon {background-image:url(/img/layout/ui-icons_444444_256x240.png);} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:35px;height:35px;} .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{border:0;background:transparent;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{top:0;left:0;margin:0;} .ui-widget-header .ui-icon.ui-icon-circle-triangle-w {width:35px;height:35px;top:-2px;left:-1px;background-position: -0px -0px;} .ui-widget-header .ui-icon.ui-icon-circle-triangle-e {width:35px;height:35px;top:-2px;right:-37px;background-position: -35px -0px;} .delete.article{position:absolute;z-index:99;top:0;right:0;} .delete.article .btn{width:1.9rem;height:1.9rem;border-radius:10rem;} .artikel .delete.article{top:-1.3rem;right:0;} .artikel.write .btn.btn-delete{position:absolute;z-index:1;top:-.3rem;right:0;color: #fff;background-color: #d9534f;border-color: #d9534f;width:1.9rem;height:1.9rem;border-radius:10rem;margin: 0;} /* MESSAGES -------------------------------------------------- */ .messages.read{padding:.6rem;margin-top:2rem;} .messages.read .item{padding:3rem .6rem .6em .6rem;margin:0;} .messages.read .usericon.lg {top: -2.5rem;left: -.05rem;width: 5rem;height: 5rem;border-width: .4rem;border-style: solid;border-color: #dedede;} .quote{background:#fff;padding:.5rem;} .quote .hint{width:100%;margin-bottom:.2rem;padding:0} .messages a{color:#333;width:100%;} .popup .messages{padding:2rem 0 7rem;} .popup .messages .usericon{top:.2rem;left:.6rem;} .popup .messages img.my.usericon{top:1rem;} .popup .messages .btn.send{margin:1rem 0 11rem 0;} /* CONTAINER REGISTER -------------------------------------------------- */ .container-register{margin-left:-.6rem;margin-right:-.6rem;} .container-register .item{background:#dedede;padding:.5rem;margin:.6rem .6rem 1rem .6rem;position:relative;width:auto;} .container-register .nav-link{width: 100%;} .container-register .nav-item{width:50%;float:left;text-align:center;font-size:.8rem;} .container-register.active{background:#fff;padding:1.5rem 0 /*5rem*/ 0;} .container-register .item{background:#dedede;padding:.5rem;margin:.6rem .6rem 1rem .6rem;position:relative;width:auto;} .container-register .item .quote{background:#fff;padding:.3rem .5rem .3rem 3.6rem;margin:.5rem 0;border-radius:.2rem;line-height:1.1;min-height:3rem;} .container-register .item .usericon{top:auto;left:.3rem;bottom:-3.4rem;z-index:9;} .container-register .bild {height:auto;border-radius:0;width:100%;} .container-register .btn.edit{width:100%;border-radius:0;color:#fff;} .container-register .btn-new{float:right;margin-bottom:7rem;margin-right:.6rem;} .container-register .quote.article{position:relative;margin: 0 .6rem 4rem .6rem;} .container-register .quote.article h2{position:relative;} .container-register a{color:#333;} .container-register .semi{width: 73%;display: block;float: right;overflow: auto;} .container-register .semi2{width: 25%;display: block;float: left;} .container-register ul li a{width:100%;} .container-register a .semi p.text{color:#111;font-size:.8rem;padding:.3rem 0;} .dark .container-register a .semi p.text{color:#fff;} .container-register .semi p.title {text-align: left;font-size: 1rem;text-transform: none;font-weight: normal;padding: 0;margin: 0;} .container-register div.clearfix{border:1px solid #dedede;padding:.5rem;} /* TEILNEHMERLISTE -------------------------------------------------- */ .teilnehmerliste h2{margin:2rem 0 1rem;font-size:1rem;text-transform:none;} .teilnehmerliste .usericon.buddies{position:relative;margin-bottom:.3rem;} .teilnehmerliste .nav.socialmedia{margin-top:0rem;} /* KAMPAGNEN -------------------------------------------------- */ .campaign .btn.thanks{font-size:.9rem;line-height:1;} .campaign .listview .semi{width: 64%;display: block;float: right;overflow: auto;} .campaign .listview .semi2{width: 33%;display: block;float: left;} .campaign .listview .bild{width:100%;height:5rem;} .campaign .listview .floatLeft{width:100%;} .campaign .listview ul{border-top-width:1px;border-top-style: solid;border-color: #dedede;padding:.8rem 0;} .campaign .listview.teilnehmerliste ul{border-top:0;} .campaign .listview ul li{border-bottom-width:1px;border-bottom-style: solid;border-color: #dedede;margin-bottom:.8rem;padding-bottom:1rem;} .campaign .listview ul li a{width:100%;} .campaign .listview.teilnehmerliste ul li{border-bottom:0;} .campaign .listview .semi h2 {text-align: left;font-size: 1rem;text-transform: none;padding: 0;margin: 0;} .campaign .listview .hint{margin-bottom:.5rem;} .campaign .listview .progressbar.anzSoll{height:1rem;margin-top:.5rem;font-size:.7rem;} .campaign .listview .progressbar .anzIst{height:.9rem;} .campaign article .bild{height:auto;} /* PROJEKTE -------------------------------------------------- */ .projects .btn.thanks{font-size:.9rem;line-height:1;} .projects .listview .semi{width: 64%;display: block;float: right;overflow: auto;} .projects .listview .semi2{width: 33%;display: block;float: left;} .projects .listview .bild{width:100%;height:5rem;} .projects .listview .floatLeft{width:100%;} .wiki .listview ul, .projects .listview ul{border-top-width:1px;border-top-style:solid;border-color:#dedede;padding:.8rem 0;} .projects .listview.teilnehmerliste ul{border-top:0;} .wiki .listview ul li, .projects .listview ul li{border-bottom-width:1px;border-bottom-style:solid;border-color: #dedede;margin-bottom:.8rem;padding-bottom:1rem;} .projects .listview ul li a{width:100%;} .projects article ol{padding-left:1.7rem;} .projects article p{margin-bottom:1.7rem;} .projects article table img{width:100%;height:auto;} .projects article table td{width:50%;padding:.3rem;text-align:center;} .projects article .item table td{width:auto;padding:0;text-align:left;} .projects .listview.teilnehmerliste ul li{border-bottom:0;} .wiki .listview .semi h2, .projects .listview .semi h2{text-align: left;font-size: 1rem;text-transform: none;padding: 0;margin: 0;} .wiki .listview .hint, .projects .listview .hint{margin-bottom:.5rem;} .projects .listview .progressbar.anzSoll{height:1rem;margin-top:.5rem;font-size:.7rem;} .projects .listview .progressbar .anzIst{height:.9rem;} .projects .btn.thanks{font-size:.9rem;line-height:1;} .projects article .bild{height:auto;} .popup.projects .item{padding-right:.6rem;} /* TERMINE -------------------------------------------------- */ .termine .btn.thanks{font-size:.9rem;line-height:1;} .termine.listview .semi{width: 73%;display: block;float: right;overflow: auto;} .termine.listview .semi2{width: 25%;display: block;float: left;} .termine.listview .bild{width:100%;height:auto;} .termine.listview ul{border-top:1px solid #dedede;padding:.8rem 0;} .termine.listview ul li{border-bottom:1px solid #dedede;margin-bottom:.8rem;padding-bottom:1rem;} .termine.listview ul li a{width:100%;} .termine.listview a .semi p.text{color:#111;font-size:.8rem;padding:.3rem 0;} .dark .termine.listview a .semi p.text{color:#fff;} .termine.listview .semi h2 {text-align: left;font-size: 1rem;text-transform: none;padding: 0;margin: 0;} .termine.listview .hint{margin-bottom:.5rem;} .termine.listview .progressbar.anzSoll{height:1rem;margin-top:.5rem;font-size:.7rem;} .termine.listview .progressbar .anzIst{height:.9rem;} .member .termin.listview .quote.article h2{text-align:left;padding:0;} .member .termin.listview .hint{padding-left:0;} .cal{width:48%;text-align:center;float:left;} .cal.first{margin-right:4%;} .cal .year{background:red;color:#fff;font-size:.7rem;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;} .cal .day{background:#fff;;color:#111;border-right:1px solid #dedede;border-left:1px solid #dedede;} .cal .month{background:red;;color:#fff;font-size:.7rem;border-top-left-radius:.3rem;border-top-right-radius:.3rem;} /* EINZUGSERMÄCHTIGUNG -------------------------------------------------- */ .einzugsermaechtigung .item{padding:1rem;} .einzugsermaechtigung p{text-align:justify;} .einzugsermaechtigung{padding-bottom:9rem;} .einzugsermaechtigung form p{margin-bottom:.8rem;} .einzugsermaechtigung label{display:none;} .einzugsermaechtigung input{} .einzugsermaechtigung input.betrag{width:50%;float:left;} .einzugsermaechtigung input.vorname{width:49%;float:left;margin-right:1%;} .einzugsermaechtigung input.name{width:50%;} .einzugsermaechtigung input.strasse{width:79%;float:left;margin-right:1%;} .einzugsermaechtigung input.nr{width:20%;} .einzugsermaechtigung input.plz{width:24%;float:left;margin-right:1%;} .einzugsermaechtigung input.ort{width:75%;} .einzugsermaechtigung textarea{min-height:7rem;} .einzugsermaechtigung .btn.reply{width:100%;} /* LOGINHELP -------------------------------------------------- */ .loginhelp .btn{width:100%;margin:1rem 0 7rem 0;} /* FORMS FORM-CONTROL -------------------------------------------------- */ select.inactive, .form-control.inactive{background:#dedede;color:#888;} form label.error {color:#cc0000;font-weight:normal;font-size:80%;} .form-control.error:focus{background:RGBA(183, 88, 104, 0.1);} .form-control.error:focus, form input.error, form select.error{border:1px solid #cc0000;box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);-webkit-box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);-moz-box-shadow: 0px 0px 3px 3px RGBA(183, 88, 104, 0.20);} .form-control.valid:focus, form input.valid, form texarea.valid, form select.valid{border:#dedede;background:#dedede;} .form-control{color: #464a4c;background-color: #fff;outline: 0;box-shadow:none;transition:none;} .form-control:focus{color: #464a4c;background-color: #ededed;border-color: rgba(0,0,0,.15);outline: 0;box-shadow:none;transition:none;} form table select {color: #464a4c;background-color: #fff;outline: 0;display: block;width: 100%;padding: .5rem .75rem;font-size: 1rem;line-height: 1.25;border: 1px solid #ced4da;border-radius: .25rem;} body.dark .form-control{background: #555;color:#FFF;border-color:#9ECB14;} body.dark .form-control:focus{background: #333;border-color:#9ECB14;} body.dark .form-control.inactive, body.dark .form-control.inactive{background:#333;color:#888;;border: 1px solid #888;} .dark .form-control:focus{border-color:#9ECB14;} .dark .form-control.valid{border:#333;} .dark .form-control.valid:focus{border:#9ECB14;background:#999;} /* CSS Trick: Wenn der Placeholder nicht zu sehen sein soll, dann die font-color auf background-color setzen */ .form-control::-moz-placeholder{color:#aaa;} .form-control::-webkit-input-placeholder{color:#aaa;} .form-control:-moz-placeholder{color:#aaa;} .form-control:-ms-input-placeholder{color:#aaa;} .form-control.error:focus::-moz-placeholder{color:transparent;} .form-control.error:focus::-webkit-input-placeholder{color:transparent;} .form-control.error:focus:-moz-placeholder{color:transparent;} .form-control.error:focus:-ms-input-placeholder{color:transparent;} .form-control.error:focus::-moz-placeholder{background:transparent;} .form-control.error:focus::-webkit-input-placeholder{background:transparent;} .form-control.error:focus:-moz-placeholder{background:transparent;} .form-control.error:focus:-ms-input-placeholder{background:transparent;} /* REGISTER DYNAMISCH -------------------------------------------------- */ .registerForm.dyn{padding:.5rem 0 0 0;position:relative;float:left;} .registerForm.dyn p{min-width:14rem;} .registerForm.dyn .item div{position:static;} .registerForm.dyn label{} .registerForm.dyn .vertragsbedingungen label{display:block;} .registerForm.dyn .btn.fa-angle-right{bottom:1.2rem;right:.3rem;} .registerForm.dyn input[type=submit]{margin-bottom:7rem;} .registerForm.dyn label.error{position:relative;left:0;bottom:0;width:84%;} .registerForm.dyn span.btn.next{display:none;} .registerForm.dyn .name{z-index:1;} .registerForm.dyn #forename{max-width: 45%;float: left;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;} .registerForm.dyn #surname{width: 55%;border-top-left-radius:0;border-bottom-left-radius:0;} .registerForm.dyn #password, .registerForm.dyn #username{border-bottom-left-radius:0;border-bottom-right-radius:0;} .registerForm.dyn #password2, .registerForm.dyn #email{border-top-left-radius:0;border-top-right-radius:0;} .registerForm.dyn #plz{width: 29%;margin-right: 1%;float: left;} .registerForm.dyn #ort{width: 70%;} .registerForm.dyn .email label, .registerForm.dyn .password2 label{margin-top:.8rem;} .registerForm.dyn .vertragsbedingungen{padding-left:1.5rem;position:relative;margin-bottom: 2rem;} .registerForm.dyn .vertragsbedingungen input{width:auto;position: absolute;top:0;left: 0;} .registerForm.dyn .btn-login{width:100%;} /* PROFIL SET & PASSWORD SET -------------------------------------------------- */ .profil.set .item div{position:relative;} .profil.set .item div.charleft{position:absolute;} .profil.pass{padding:2rem 0 7rem;} .profil.set{padding:0 0 7rem;} .profil.set .checkbox label.hint {position: absolute;right:0;top:0;width:auto;padding-left:1.4rem;} .profil.set input[type="checkbox"]{position:absolute;top:-.3rem;left:0;width:auto;height:auto;} .profil.pass .label, .profil.pass label, .profil.set .label, .profil.set label{width:100%;display:inline-block;margin:.8rem 0 .6rem 0;font-size:.8rem;color:#999;} .profil.set table, .profil.set table tbody, .profil.set table tr, .profil.set table td{display:block;height:2.5rem;overflow:hidden;} .profil.set table{margin-top:.3rem;} .profil.pass .form-control, .profil.set .form-control{margin-top:.4rem;} /* sessionField Geburtsjahr auf Seite intern/Profil_einstellen */ .profil.set form table select{color: #464a4c;background-color: #fff;outline: 0;display: block;width: 100%;padding: .5rem .75rem;font-size: 1rem;line-height: 1.25;background-image: none;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;} .profil.set form table select:not([size]):not([multiple]) {height: calc(2.25rem + 2px);} .profil.set .starrating{margin-left: .6rem;margin-bottom: 1rem;} .profil.set .starrating .rating{font-size:1.5rem;width:4.7em} .profil.set .starrating .current-rating{background-size: 7.1rem 1.15rem;} .profil.set .starrating .count{font-size:.9rem;margin-top:1px;} /* PROFIL VIEW -------------------------------------------------- */ .profil.view{padding:1rem 0 7rem;} .profil.view .starrating{margin-left:1.2rem;} .profil.view .starrating .rating{font-size:1.5rem;width:4.7em} .profil.view .starrating .current-rating{background-size: 7.1rem 1.15rem;} .profil.view .starrating .count{font-size:.9rem;margin-top:1px;} .profil.view h2{padding-left:.5rem;margin-bottom:1rem;text-align: left;} .profil.view .item{padding-bottom:2rem;margin-top:1rem;} .profil.view .usericon{position:absolute;z-index:9;top:3.5rem;right:.9rem;border-width:.5rem;border-style:solid;border-color: transparent;} .profil.view div div{text-align:left;padding:0 0 .5rem 2.5rem;min-height:2rem;} .profil.view div div label{position:absolute;left:0;margin-top:0rem;display:inline-block;width:40px;text-align:right;} .profil.view div div label .fa{width:2rem;text-align:center;} .profil.view .btn.melden, .profil.view .btn.sperren{width:8rem;margin-bottom:7rem;} .profil.view .btn.melden{float:right;} .profil.view .btn-menu{width:100%;margin-bottom:1rem;} .popup .mitmachen .item{padding-right:.6rem} /* KONTAKTFORMULAR -------------------------------------------------- */ .kontaktform{font-size:1rem;} .kontaktform fieldset{background:#dedede;padding:.6rem;} .dark .kontaktform fieldset{background:none;padding:0;} .kontaktform label.error{width:100%;display:block;padding-left:0;} .kontaktform p.hint{font-size:90%;} .kontaktform p.captchahint{font-size:85%;} .kontaktform img#captcha{float:left;margin-right:15px;font-size:14px;font-weight:normal;border-radius:3px;background:RGBA(158, 203, 20, 1.00);border:1px solid RGBA(158, 203, 20, 1.00);} .kontaktform .resetCaptcha{height:30px;width:auto;} .kontaktform .resetCaptcha .fa-refresh{margin-top:3px;} .kontaktform label{display:none;} .kontaktform label.error{display:inline-block;} .kontaktform input, .kontaktform select, .kontaktform textarea{width:100%;} .kontaktform select{margin-bottom:2px;height:38px;} .kontaktform select {color:#aaa;} .kontaktform .clearfix{width:100%;;margin-top:10px;} .kontaktform input#PLZ {width: 25%;margin-right: 3%;} .kontaktform input#Ort {width: 72%;} .kontaktform input[type="submit"]{margin-top:1rem;margin-bottom:7rem;} /* ---------- MODUL: BEWERTUNG Anzeige --------------------------- */ .starrating{color:#999;display: inline-block;margin-top: .3rem;} .starrating .label{display:none;font-size:70%;float:left;width:100%;} .starrating .rating{font-size:1rem;display:inline-block;width: 4.5em;height: 0.75em;position:relative;z-index:0;float:left;} .starrating .rating .current-rating{position:absolute;z-index:1;float: left;/* width defined in html defined by rating */height: 100%;position: relative;z-index: 1;text-indent: -1000px;background-color: #fab100;background-image: url(/img/layout/cover-karmapunkte.png);background-position: 0px 0px;background-repeat:no-repeat;} .starrating .count{position:absolute;font-size:.7rem;float:left;text-align:right;margin-left:.3rem;} .starrating .hint{font-size:.7rem;display:none;font-size:70%;float:left;width:100%;margin-top:0px;} .starrating .rating .cover{position:absolute;z-index:2;left:0px;float:left;display: inline-block;width:100%;height:100%;} .bestratings .starrating{float:left;} /* ---------- MODUL: STARRATE mit Sternen ---------------------------------------------------------------------------------------------------- */ .starrate .star.bg{position:relative;z-index:0;} .starrate .star.one{position:absolute;z-index:5;left:0px;} .starrate .star.two{position:absolute;z-index:4;left:0px;} .starrate .star.three{position:absolute;z-index:3;left:0px;} .starrate .star.four{position:absolute;z-index:2;left:0px;} .starrate .star.five{position:absolute;z-index:1;left:0px;} .starrate .star.bg, .starrate .star.one, .starrate .star.two, .starrate .star.three, .starrate .star.four, .starrate .star.five{padding:0;} .starrate .label{padding:0px;font-size:100%;} .starrate .star{font-size:20px;} .starrate.small .star{font-size:16px;} .starrate.big .star{font-size:24px;} .starrate.xxl .star{font-size:28px;} /* ---------- MODUL: STARRATE BIG mit Sternen ---------------------------------------------------------------------------------------------------- */ .popup .starrate.big{text-align:center;} .popup .starrate.big .label{display:inline-block;margin-top:30px;margin-bottom:20px;} /* POPUP UPLOADS -------------------------------------------------- */ .uploads .item{overflow:hidden;margin-top:2rem;} .uploads ol{margin:0 1.5rem;} .uploads .btn.saveicon{display:none;width:100%;margin-top:2rem;} .uploads .filesearch{width:100%;} .uploads .alert{margin-bottom:0;padding-bottom:0;} /* ---------- MODUL: POPUP VOTEConfirm ---------------------------------------------------------------------------------------------------- */ .vote{text-align:center;width:220px;margin:0px auto 0 auto;padding-top:70px;} .vote p, .vote span{width:100%;} .vote a.btn{margin-top:20px;width:100%;} /***** ARTIKEL & KOMMENTARE (Colors) ************************************************************************************************************************/ .artikel.write .usericon img, .profil .usericon img, .comment .usericon img, .article .usericon img{background:#fff;} .comment .hint .published, .article .hint .published{background:RGBA(0, 255, 0, 0.1);} .comment .hint .notpublished, .article .hint .notpublished{background:RGBA(255, 0, 0, 0.1);} .comment .hashtag a, .article .hashtag a, .quote.comment .hashtag a, .quote.article .hashtag a, .comment .hashtag span, .article .hashtag span, .quote.comment .hashtag span, .quote.article .hashtag span{color:#999;} .quote.article.notpublished{background:RGBA(255, 0, 0, 0.1);} .quote.article.published{background:RGBA(0, 255, 0, 0.1);} .quote.article .hint a span{color:#999;} .quote.article .hint a span.count{color:#fab100;} .quote.comment .hint a span{color:#999;} .quote.comment .hint a span.count{color:#fab100;} .artikel.write table.default{background: transparent url(../img/layout/background/bg_melgrey.jpg) top left repeat;} .artikel.write .hint a.rubrikvorschlag{color:#999;} .artikel.write .hint a.rubrikvorschlag:hover{color:#555;} /* ---------- MESSAGES ----------------------------------------------------------------------------------------------------------- */ .messages .container.active{background:#fff;padding:20px 0px 75px 0px;margin-top:-14px;} .messages.solo .item .quote{padding:10px;} .messages .datum{float:right;display:inline-block;padding-top:4px;} .messages .delete.article{right:-10px;top:-13px;} .messages .titel{position:relative;padding-right:25px;line-height:1.1;} .messages .item a{display:inline;} .popup .comment.messages .mainframe{padding:40px 14px;} .popup .comment.messages .item {padding:.6rem;margin:0;} .popup .comment.messages textarea{padding:0;margin:0;border:0;line-height:1.3;} .popup .comment.messages .form-control::-moz-placeholder{font-size:75%;} .popup .comment.messages .form-control::-webkit-input-placeholder{font-size:75%;} .popup .comment.messages .form-control:-moz-placeholder{font-size:75%;} .popup .comment.messages .form-control:-ms-input-placeholder{font-size:75%;} .popup .comment.messages .hint.title{margin:0 0 1rem 0;text-align:center;font-weight:bold;} .popup .comment.messages .form-control:focus{background:none} .popup .comment.messages .saved{margin-top:50px;} /* ---------- KAMPAGNEN ----------------------------------------------------------------------------------------------------------- */ /* index.php -------------------------------------------------- */ .kampagnen .lv_status{margin-bottom:130px;margin-top:50px;} .kampagnen table{margin-bottom:10px;} .kampagnen .toggle_container img.usericon{position:relative;} .kampagnen .btn.thanks{line-height:1;font-size:14px;font-weight:bold;padding: .65rem 1.5rem;} .kampagnen .btn.thanks span{font-size:80%;font-weight:normal;} .kampagnen .nav.socialmedia{margin:40px 0px 0px 0px;} /* ---------- PORTRAITS ----------------------------------------------------------------------------------------------------------- */ /* index.php -------------------------------------------------- */ .navmenu.popup{padding-top:75px;} .portraits h1{padding-bottom:0px;margin-bottom:0;line-height:1;margin-top:1.5rem;} .portraits h2{margin-top:1rem;} .portraits .solo h2{text-align:center;margin:4rem 0 1rem 0;} .portraits .solo h1, .portraits .solo .untertitel{text-align:center;} .portraits .untertitel{margin-bottom:2rem;font-style:italic;font-size:14px;} .portraits .h2{margin-top:30px;font-weight:bold;display:block;} .portraits nav ul, .portraits ul.dropdown-menu{padding-bottom:0px;} .portraits .solo .fixed.bottom {margin-left:0;} .portraits .listview{padding-top:1.5rem;} .portraits .listview ul{border-top:1px solid #dedede;padding-top:1rem;} .portraits .listview li{list-style-type:none;margin-left:0;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #dedede;} .portraits .listview li a{display:block;position:relative;padding-left:3.3rem;color:#333;} .portraits .listview .usericon{left:0;} .portraits .submit a.btn-new{;margin-bottom:50px;} .portraits .artikel.write .article{margin:0px 0px 10px 0px;} .portraits .artikel.write .btn{margin-bottom:70px;} .portraits span.list-style-type{position:absolute;top:0px;left:-24px;} .portraits .artikel.write.comment img.usericon{margin-left:15px;} .portraits .solo{padding:0;} .portraits .solo .item{padding-right:.6rem;} /* ---------- WIKI ----------------------------------------------------------------------------------------------------------- */ /* index.php -------------------------------------------------- */ .wiki .listview .clearfix, .wiki .listview li a{width:100%;} .wiki .listview .semi{width: 74%;display: block;float: right;overflow: auto;} .wiki .listview .semi2{width: 20%;display: block;float: left;} .wiki .listview img{width:100%;height:auto;} .wiki .solo h1, .wiki .solo .untertitel{text-align:center;} .wiki .solo .item{padding-right:.6rem;} .wiki .solo .item a{word-wrap: break-word;} .wiki .untertitel{margin-bottom:20px;font-style:italic;font-size:14px;} .wiki .solo{padding:0;} .wiki .solo ol{padding-left:1.7rem;} .wiki h2{margin-top:3rem;} .wiki .h2{margin-top:30px;font-weight:bold;display:block;} .wiki nav ul, .wiki ul.dropdown-menu{padding-bottom:0;} .wiki .solo .fixed.bottom {margin-left:0;} .wiki .submit a.btn-new{;margin-bottom:50px;} .wiki .artikel.write .article{margin:0px 0px 10px 0px;} .wiki .artikel.write .btn{margin-bottom:70px;} .wiki span.list-style-type{display:none;} .popup.wiki #content{padding-top:75px;} .popup.wiki .logo .btn-new {width:100%;font-weight:bold;} /* ---------- TABLE ----------------------------------------------------------------------------------------------------------- */ .table .title td{font-weight:bold;} /* Navmenue: FILTER / INFO / USER -------------------------------------------------- */ .intern .navmenu{background: transparent url(../img/layout/background/bg_melgrey.jpg) top left repeat;} .navmenu li.btn{margin:10px 0px 0px;} .menu .fa.btn{width:35px;height:35px;border-radius:35px;display:block;} .navmenu .btn-filter.submit{width:100%;position:relative;left:0px;top:0px;} .messages .button-cat-close{color:#fff;padding:2px 0px 0px 5px;right:auto;left:6px;top:3px;} /* ---------- SHOP ----------------------------------------------------------------------------------------------------------- */ .shop .listview{padding-top:1rem;} .shop .listview img{width:100%;height:auto;} .shop .solo .animated h1, .shop .listview .semi h2{text-align:left;font-size:1rem;text-transform:none;font-weight:normal;padding:0;margin:0;} .shop .price{font-size:1.7rem;padding:.5rem .7rem .5rem 0;color:#333;position:relative;display: inline-block;} .dark .shop .price{color:#fff;} .shop .price span{font-size:.8rem;position: absolute;top: .7rem;right: 0;} .shop .listview li{border-bottom:1px solid #dedede;padding:1rem 0;} .shop .listview li:first-child{border-top:1px solid #dedede;} .shop .listview .semi {width:65%;display: block;float:right;overflow:auto;} .shop .listview .semi2{width:33%;display: block;float:left;} .shop .solo .animated.fadeInRight{-webkit-animation-duration: .5s;animation-duration: .5s;} .shop .solo .carousel{padding-bottom:1rem;} .shop .solo .carousel-indicators li{background:#d5d5d5;width:.7rem;height:.7rem;border-radius:10rem;border:1px solid #999;margin-right:.5rem;margin-left:.5rem;} .shop .solo .carousel-indicators li.active{background:#999;} .shop .solo .carousel img{width: 100%;height: auto;} .shop .solo .hint{margin:1rem 0 .5rem 0;} .shop .solo em.hint{margin:0;} .shop .solo .hint.title{margin-bottom:0;margin-top:3rem;} .shop .solo .btn-historyback{margin:1rem 0 9rem 0;} .shop .solo .text{padding:2rem 0 1rem 0;border} .shop .solo .left{display:inline-block;float:left;} .shop .solo .left em{font-size:1rem;} .shop .solo .right{display:inline-block;padding-top:1.1rem;} .shop .solo .nav.socialmedia{margin-top:0;} .shop .solo .btn.reply{width:100%;margin-top:2rem;} .shop .system{padding:0 .6rem 7rem;} .shop.popup .system{padding:0;} .shop .system h1{margin-top:1rem;} .shop .system h2{font-size:1rem;text-align:left;text-transform:none;font-weight:normal;} .shop .system .semi2{width:30%;float:left;} .shop .system .semi{width:69%;float:right;} .shop .system .semi .hint{padding-bottom:.3rem;} .shop .system .semi .btn{border-radius:10rem;font-size: 1.2rem;width: 1.6rem;height: 1.6rem;line-height: 1;padding: .1rem 0;} .shop .system .total{font-weight:bold;} .shop .system form{border-top:1px solid #dedede;} .shop .system .frame{position:relative;float:left;padding:1rem 0;border:0;border-bottom:1px solid #dedede;} .shop .system .delete.article{top:.3rem;} .shop .system table{width:100%;margin:2rem 0;} .shop .system td.hint{width:auto;text-align:right;line-height:1.7rem;font-size:1rem;} .shop .system td.nummer{width:30%;} .shop .system .btn-back{margin-bottom:auto;} .shop .system .cta .btn-new{margin-top:auto;} .shop .system .einzugsermaechtigung form{border-top:0;} /* ---------- TAUSCHBOERSE ----------------------------------------------------------------------------------------------------------- */ .tausch .listview{padding-top:1rem;} .tausch .listview img{width:100%;height:auto;} .tausch .listview .semi h2, .tausch .price{color:#7DAC12;text-align:left;font-size:1.3rem;text-transform:none;font-weight:normal;padding:0;margin:0;} .tausch .price{font-size: 1rem;} .tausch .listview li{border-bottom:1px solid #dedede;padding:1rem 0;} .tausch .listview li a{width:100%;color:#333;} .tausch .listview .text{padding:.5rem 0;} .dark.tausch .listview .text{color: #dedede;} .tausch .listview li:first-child{border-top:1px solid #dedede;} .tausch .listview .semi {width:65%;display: block;float:right;overflow:auto;} .tausch .listview .semi2{width:33%;display: block;float:left;} .tausch .solo .animated.fadeInRight{-webkit-animation-duration: .5s;animation-duration: .5s;} .tausch .solo .carousel{padding-bottom:1rem;} .tausch .solo .carousel-indicators li{background:#d5d5d5;width:.7rem;height:.7rem;border-radius:10rem;border:1px solid #999;margin-right:.5rem;margin-left:.5rem;} .tausch .solo .carousel-indicators li.active{background:#999;} .tausch .solo .carousel img{width: 100%;height: auto;} .tausch .solo em.hint{margin:0;} .tausch .solo .hint.title{margin-bottom:0;margin-top:3rem;font-weight:bold;color:#7DAC12;} .tausch .solo .hint.title.top{margin:1rem 0 .7rem;padding:0;text-align:center;} .tausch .solo .btn-historyback{margin:1rem 0 9rem 0;} .tausch .solo h1{color:#7DAC12;font-weight:normal;margin-top:1rem;padding-bottom:1rem;} .tausch .solo h2{font-weight:normal;font-size:1rem;text-align:left;} .tausch .solo .text{padding:.5rem 0 .5rem 0;text-align:left;} .tausch .solo .text p{padding-bottom:1rem;} .tausch .solo .left{display:inline-block;float:left;} .tausch .solo .left em{font-size:1rem;} .tausch .solo .right{display:inline-block;padding-top:1.1rem;} .tausch .solo .nav.socialmedia{margin-top:0;} .tausch .solo .btn.reply{width:100%;margin-top:2rem;} /* COLOR SETS -------------------------------------------------- */ body.dark h1, body.dark h2, body.dark .article.solo h1{color:#FFF;} body.comic{color:#333;background:#FFF;} body.dark{color:#FFF;background:#111;} body.member.comic{background:transparent url(../img/layout/background/bg_melgrey.jpg) top left repeat;} body.member.comic header .container, body.member.comic main .container, body.member.comic footer .container{background: transparent url(../img/layout/background/bg_melgrey.jpg) top left repeat;} body.dark header .container, body.dark main .container, body.dark footer .container{background-color:#111;} body.comic header .container, body.comic main .container, body.comic footer .container{background-color:#FFF;} body.dark .dropdown-menu{background:#111;} body.comic .dropdown-menu{background:#FFF;} body.member.comic .dropdown-menu{background: transparent url(../img/layout/background/bg_melgrey.jpg) top left repeat;} body.dark .item{background:#333;color:#FFF;} body.comic .item{background:#DEDEDE;} body.dark .navmenu a.btn, body.comic .navmenu a.btn{color:#fff;} body.comic .navmenu a.btn-link{color:#888;} body.dark .sectionlist a, body.dark .navmenu a{color:#fff;} body.comic .sectionlist a, body.comic .navmenu a{color:#888;} body.dark .btn-menu{background-color:#555;border-color:#555;} body.dark .btn-filter{color:#fff;background-color:#999;border-color:#999;} body.dark .btn.trans{color:transparent;background-color:transparent;border-color:transparent;} body.dark .btn-filter.submit{color:#fff;background-color:#999;border-color:#999;} body.dark .btn-inputstyle{color:#7DAC12;background:#333;border-color:#7DAC12;} body.comic .btn-inputstyle{color:#BDBDBD;background:#FFF;border-color:#BDBDBD;} .body.dark .bapfel{color:#fff;} .body.comic .bapfel{color:#333;} body .btn-inputstyle.fa-gff{background:url(/favicon-32x32.png);border-color:transparent;background-size: 1.4rem;background-position: -.05rem -.07rem;} body.dark .navmenu .accordeon.horizontal .toggle_container li{background:#555;color:#FFF;} body.dark .navmenu .accordeon.horizontal .toggle_container a{color:#FFF;} body.dark .btn-forward {color: #fff;border-color: #fff;background:#333;} body.dark .listview .article a{color:#FFF;} body.dark .profil.view .usericon{border-color: #333;} body.comic .profil.view .usericon{border-color: #DEDEDE;} body.dark .container-register.active{background: #777;} body.dark .nav-tabs .nav-item.show .nav-link, body.dark .nav-tabs .nav-link.active{background: #777;border-color: #777;color:#FFF;} body.dark .container-register a{color:#FFF;} body.dark .quote{background: #777;} body.dark .quote.article{background: #111;} body.comic .quote.article{background: url(../img/layout/background/bg_melgrey.jpg) top left repeat;} body.dark .container-register .item .quote{background: #333;} body.dark .messages.read .usericon.lg{border-color: #333;} body.dark .artikel.write .article{background:#333;} body.dark form table select{color: #FFF;background-color: #555;border: 1px solid #FFF;} body.comic .quote.comment{border-color:#dedede;} body.dark .quote.comment{background:#555;color:#FFF;} body.comic .listview.faq a{color:#888;} body.comic .listview.faq a.btn{color:#FFF;} body.dark.shop .price{color:#fff;} body.dark.portraits .listview li a{color:#fff;} body.dark .starrating .rating .current-rating{background-image: url(/img/layout/cover-karmapunkte-bg-dark.png);} body.member .starrating .rating .current-rating{background-image: url(/img/layout/cover-karmapunkte-bg-melgrey.png);} .dark.campaign .listview ul li, .dark.campaign .listview ul, .dark.wiki .listview ul li, .dark.projects .listview ul li, .dark.wiki .listview ul, .dark.projects .listview ul{border-color:#9ECB14;}