/* Customized CSS for Projekt: jointmarketing (https://jointmarketing.org) * Copyright 2019 - 2021 jointmarketing */ a[href="https://www.webEdition.org"], a[title="This page was created with webEdition CMS"]{display:none;font-size:0px;} /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXX SCROLLBAR ENTFERNEN XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ ::-webkit-scrollbar {display: none;} *, ::after, ::before {scrollbar-width: none;-ms-overflow-style: none;} /* WIRD NICHT VERWENDET - KANN GELÖSCHT WERDEN -------------------------------------------------- */ // 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) { ... } /* ENDE - WIRD NICHT VERWENDET - KANN GELÖSCHT WERDEN -------------------------------------------------- */ /* SCHRIFTSÄTZE IMPORTIEREN -------------------------------------------------- */ @charset "UTF-8"; @font-face {font-family: 'Roboto';src: url('../fonts/opensans/opensans-regular.ttf') format('truetype');} @font-face {font-family: 'Roboto-Bold';src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');} @font-face {font-family: 'NeueHaasUnicaPro';src: url('../fonts/neuehaasunicapro/NeueHaasUnicaPro-Regular.otf') format('truetype');} @font-face {font-family: 'ShadowsIntoLight';src: url('../fonts/ShadowsIntoLight-Regular.ttf') format('truetype');} /* MAIN -------------------------------------------------- */ html{min-height:100%;height:100%;overflow-y:scroll;overflow-x:hidden;word-wrap: break-word;} body.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{background:var(--color01);color:var(--color02);font-family:'Helvetica';font-weight:normal;font-style:normal;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/} h1.seo_sitetitle{display:none;} a{outline:none;} /* HEADLINES -------------------------------------------------- */ h1, .h1{border-radius:0;padding:.6rem 0 .6rem;font-size:.8rem;font-style: italic;font-weight:normal;margin:0;} .member li h1, .member li .h1{padding-left:0;} h1, .dark h1{border-top:0;} h1.alert, .h1.alert{padding:.6rem 0 .6rem;} h2, .h2{position:relative;font-size:1rem;font-weight:bold;padding:0;margin:0;text-transform:uppercase;overflow-wrap: break-word;} .alert h2, .alert .h2, .alert p, .alert .quote .sign{color:#CC0000;} .listview h2{font-size:.9rem;} .solo .h2, .solo h2{font-size:1.2rem;} .solo .quote .h2, .solo .quote h2{font-size:1rem;margin-bottom:0;} .popup .solo .quote .h2, .popup .solo .quote h2{margin-bottom:.6rem;} /* FALLBACKS -------------------------------------------------- */ a, a:link, a:hover, a:focus, a:active{display:inline-block;text-decoration:none;word-wrap: break-word;overflow-wrap: break-word;} .solo{padding-bottom:8rem;} /* Um Platz für den CTA zu lassen */ .solo.navmenu{padding: 0 .6rem 7rem;} .popup .uploads, .popup .comment.new, .popup .profil.view, .popup .loginForm {margin: 64px auto 0px auto;padding-left:.6rem;padding-right:.6rem;min-height:50rem;} @media (max-width: 575px) { .popup .profil.view{padding-left:0;padding-right:0;} .popup .profil.view h1{padding-left:.6rem;padding-right:.6rem;} } .popup .solo{padding-left:0;padding-right:0;} .popup .ansprache .scroll{height: 7rem;overflow-y: scroll;} .popup .comment.new div{/*position:relative;*/} p{margin:0;padding:0;} .row{margin:0;} ul, ul.row {padding:0;margin:0;list-style-type:none;width:100%;} .text ul{list-style-type:disc;} ol{padding:0;margin:0;} .popup ol{padding-left:1rem;} textarea,input,select{padding:0;cursor:text;} abbr, acronym {border-bottom:1px dotted #000;cursor:default;} a.sr-only, legend{display:none;} a.hide, a.btn.hide, .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;} .noheight{height:0;} .bold{font-weight:bold;} .italic{font-style:italic;} .row{margin:0;position:relative;} .on{display:inline-block;} .off{display:none;} .title{font-weight: bold;} .btn{cursor:pointer;} .nopad{padding-left:0px;padding-right:0px;} .nopadtop{padding-top:0px;} .nopadleft{padding-left:0px;} .nopadright{padding-right:0px;} .alert{padding:0;border:0;} .bild{border-radius:.2rem;width:100%;margin:0 0 1rem;} .adressblock .btn{margin-left:-.75rem;} .row .cell{display:table;} .row .cell-content{display:table-cell;vertical-align:middle;} select{-webkit-appearance:none;} p.alert-info{color:inherit;background:none; border:0;margin-bottom:1rem;} p.alert, .btn-alert .hint, .alert, .error, h1.alert, .h1.alert, .dark strong.alert{color: #cc0000;} .popup .btn-alert{padding:.375rem 0;} /*.mand{color:#CC0000;}*/ p.ok, .ok .hint, .dark .ok .hint, .btn.btn-ok, .btn.btn-ok:hover, .btn.btn-ok .fa, .ok{color:#9ECB14;} table{width: 100%;} td{vertical-align:top;} .nummer{text-align:right;} .img-responsive{width:100%;height:auto;} img{border:0;border-radius:.2rem;} img{transition: transform 1s ease-out;} img:hover{transform: scale(1.02);} .text{line-height:1.4;font-size:1.1rem;word-wrap:break-word;overflow-wrap: break-word;} .text p{margin-bottom:1.5rem;} .support.newsletter .hint.bottom{margin-top:1rem;} .support.newsletter .hint.bottom a{display:inline;} .hint.breaking-news{color:#0A3A7A;} .dark .hint.breaking-news{color:#F0D60A;} .ext-link{padding-left:1.5rem;margin:1.5rem 0;position:relative;word-wrap:break-word;overflow-wrap: break-word;} .ext-link span{position:absolute;left:0;top:.2rem;} .listview{padding:0 .6rem 5rem;} /* .member .listview{padding:0;} */ .trigger, .trigger_active{cursor:pointer;} #goup{border-radius:.2rem;position:fixed;z-index:1000;bottom:69px;left:50%;margin-left:-15.5px;width:31px;height:31px;opacity:1;background: url(/img/layout/btn-pfeil-hoch.png) center center no-repeat;background-size:22px 22px;display:block;} .schraegtext {display: inline-block;font-family: 'ShadowsIntoLight';font-style: italic;transform: rotate(-9deg);-webkit-transform: rotate(-9deg);-moz-transform: rotate(-9deg);-ms-transform: rotate(-9deg);-o-transform: rotate(-9deg);} @media (max-width: 575px) { .solo, .team .kontaktForm, .entscheidungsfinder.index, .listview li{padding-left:0;padding-right:0;} h1, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{padding-left:.6rem;padding-right:.6rem;} } .cta.bottom{text-align:center;position:relative;} .cta.bottom .btn{display:none;position:fixed;bottom:4.8rem;top:auto;left:50%;white-space:nowrap;border-radius:10rem;text-transform:uppercase;z-index:10000;box-shadow: 0px 0px 10px 5px RGBA(0, 0, 0, 0.15);} /* width wird über JS berechnet */ .cta.bottom .fa{margin-right:.6rem;} .cta.bottom .btn-tnx{font-size:80%;} .cta.bottom .socialbuttons p{display:none;} .cta.bottom .socialbuttons ul{margin:0;} .cta.bottom .btn-historyback{position:absolute;bottom:5.2rem;left:.6rem;} .dark .cta.bottom .btn-historyback{background:none;border:transparent;left:0;} /* 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:999;height: 64px;} header .btn-info{position:absolute;left:0;top:-3px;font-size:14px;} .header {height: 64px;width: 100%;border: 0;padding-left: 0.6rem;} .header a:hover{text-decoration:none;} .header .btn-historyback{z-index:99999;height:64px;width:1rem;float:left;} .header .btn-historyback .fa-angle-left{position:absolute;left:0;top:1rem;width:auto;} .sectiontitle{width:auto;padding-left:1.3rem;bottom:17px;right:2.5rem;position: absolute;font-style:italic;display:inline-block;line-height:.7rem;font-size:.75rem;} .sectiontitle div{color:#cc0000;position:relative;margin-left:-.7rem;padding-left:.7rem;} .sectiontitle span{position:absolute;left:0;} .popup .sectiontitle{display:none;} header .navmenu .btn-close{top: -2.4rem;position:absolute;right:.6rem;z-index:99999;width:22px;height:22px;} header .btn-bars{top: -2.3rem;position:absolute;right:.6rem;z-index:99999;width:17.8px;height:17.8px;} @media (max-width: 400px) { //header .btn-bars{top: -3.2rem;} } .btn-bars .fa.fa-bars{font-size:1.3rem;top:0px;left:0px;position:absolute;} header .btn-themes.trigger{position:absolute;z-index:99999;} /* LOGO & BRAND -------------------------------------------------- */ .logo{position:relative;z-index:1001;float:left;font-size:.9rem;line-height:1;padding:1.1rem 0 0 0;cursor:pointer;} .logo .icon{width: 1.7rem;height: 1.7rem;display:inline-block;border-radius:5rem;margin-right:.4rem;background: url(/img/layout/logo.png);background-size: 2.2rem;background-position: -.2rem -.2rem;background-repeat: no-repeat;} /* footer .navmenu .logo{padding:.6rem 0 0 0;} .dark footer .navmenu .logo{padding:.6rem 0 0 .6rem;} */ .logo img{width:auto;height:2.75rem;float:left;margin-right:.4rem;border-radius:50px;} .brand{top:-1px;position:relative;line-height:1;font-weight:bold;display:inline-block;} /*.brand em{font-size:85%;font-weight:normal;font-style:italic;}*/ .brand span{font-style:italic;font-weight:normal;display:inline-block;/*line-height:.5rem*/;font-size:.75rem;} .popup .logo{top:0;left:.6rem;position:absolute;} .popup .login .logo{top: -;left: .6rem;position: absolute;} .warenkorb.fadeInUp .logo, .comment.new.fadeInUp .logo {top: -4rem;left: .6rem;position: absolute;} .admin.userlist .usericon{position:relative;margin:0;width:3rem;height:3rem;} .admin.userlist td{border-bottom:1px solid;padding:.5rem .3rem .5rem 0;} .admin.userlist .accordeon td{border:0;padding:0;} .admin.userlist .fa-envelope{color:#fff;} /* MAIN -------------------------------------------------- */ main{padding:65px 0px;} .popup main{padding:0;} main .container{padding:0;z-index: 0;overflow:hidden;position:relative;} /* HEROES -------------------------------------------------- */ .hero{animation-duration: 10s;margin-bottom:3rem;margin-left: -.6rem;} .hero.fixed{position:absolute;margin-left:0;} .home .hero{background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .portraits .hero:hover{background:url(../img/categories/human-colored.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .presse .hero{background:url(../img/categories/hero-presse.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .projects .hero{background:url(../img/categories/hero-projects.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .termine .hero{background:url(../img/categories/kalender-alt.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .umfragen .hero{background:url(../img/categories/sculptures.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .wiki .hero{background:url(../img/categories/hero-wiki.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .shop .hero{background:url(../img/categories/hero-shop.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .tausch .hero{background:url(../img/categories/hero-tausch.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} .campaign .hero{background:url(../img/categories/teamwork.jpg);background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;} /* SUPERTITLE -------------------------------------------------- */ .solo .supertitle h2{letter-spacing:-.05rem;font-family:'Roboto';font-weight:normal;color:#F5581F;} .solo .supertitle .uicon{margin-bottom:0;} @media (max-width: 575px) { .solo .supertitle h2{font-size:1.2rem;} .solo .supertitle .cell{height:5rem;} } @media (min-width: 576px) and (max-width: 767px) { .solo .supertitle h2{font-size:2.2rem;} .solo .supertitle .cell{height:11rem;} } @media (min-width: 768px) { .solo .supertitle h2{font-size:3.6rem;} .solo .supertitle .cell{height:11rem;} } /* COL01 & COL02 -------------------------------------------------- */ .col01 a{width:100%;height:100%;} .listview .col00{/*overflow:hidden;*/text-align:left;line-height:1.1;font-size:.9rem;position:relative;overflow-wrap:break-word;} .listview .col00 .col01 .bild{padding:.2rem .5rem .3rem 0;} .listview .col01, .register .col01{width:18%;} .listview .col02, .register .col02{width:78%;} .newsletter .col01, .kontaktForm .col01, .listview .campaign .col01, .listview .wiki .col01{width:25%;} .newsletter .col02, .kontaktForm .col02, .listview .campaign .col02, .listview .wiki .col02{width:70%;} .listview .projects .col00 .col01, .listview .texte .col00 .col01{width:35%;} .listview .ref .col01{width:50%;} .listview .ref .col02{width:48%;} .solo .col01{width:27%;} .solo .col02{width:70%;} .solo .articlerate .col01{width:49%;} .solo .articlerate .col02{width:49%;} .solo aside .articlerate .col01, .solo aside .articlerate .col02{width:100%;} @media (max-width: 575px) { .solo .articlerate .col01, .solo .articlerate .col02{width:100%;} } .solo aside .btn-filter{margin-top:1rem;margin-bottom:3rem;} .solo .termine-per-user a{width:100%;} .solo aside .termine-per-user h2{font-size:1rem;} .solo .termine-per-user .fa{width:1.2rem;} .solo .termine-per-user a.btn-filter, .solo .termine-per-user .more .fa{width:auto;} .solo aside .btn-filter{float:right;} .popup .col01{width:14%;} .popup .col02{width:82%;} .termine .listview .col01{width:25%;} .termine .listview .col02{width:73%;} .team .col01{width:30%;} .team .col02{width:65%;} .termine .solo .col01a{width:14%;} .termine .solo .col01a .cal{width:100%;margin-bottom:1rem;} .termine .solo .col02a{width:80%;} .col02 .fa-chevron-right{margin:-.8rem 0 0;display:inline-block;float:right;} .col00 h2, .col02 h2{margin-bottom:.6rem} .listview .ref .col00 h2, .listview .ref .col00 .h2{margin-top:2.2rem} .col00 a, .col02 a{width:100%;} .umfragen .col00 a, .umfragen .col02 a{width:auto;} .modul.ansprache .col02 a{width:auto;color:#6d8198;font-size:1rem;} .comment.new .col02 a, .shop .col02 a, .listview .umfragen .col02 a{width:auto;} .col00 .hint.bottom, .col02 .hint.bottom{margin:.6rem 0 0;font-style:italic;} .col00 .hint.bottom .fa, .col02 .hint.bottom .fa{width:.7rem;margin:0 .4rem 0 0;} .col00 .hint.more, .col02 .hint.more{position:absolute;right:0;bottom:0;width:auto;margin:0;} .col00 .quote .hint.more, .col02 .quote .hint.more{right:0.6rem;bottom:.97rem;} .listview ul .col02 .bild.bg{height:12rem;} .listview .col02{/*overflow:hidden;*/text-align:left;line-height:1.1;font-size:.9rem;float:right;position:relative;overflow-wrap:break-word;} .listview .col02 img{margin:0 0 .6rem 0;} .listview .hint.bottom{width:93%;} .listview ul .col01{position:relative;display:block;float:left;} .listview ul .col01 .bild{margin:0;height:auto;} .listview .team a.btn{font-size:.9rem;} /* .loginhelp .intro .col01, .register .intro .col01, .messages.inbox .col01, #comment .col01{width:14%;} .loginhelp .intro .col02, .register .intro .col02, .messages.inbox .col02, #comment .col02{width:82%;} */ /* ITEMS -------------------------------------------------- */ .item{width:100%;padding:.6em;line-height:1;margin-bottom:.8rem;font-size:.9rem;border-radius:.2rem;position:relative;} .register .item, .dark .register .item{background:none;} .item.last{margin-bottom:0;} .faq .listview .item{padding:1rem .6rem .9rem;} .faq .listview .item a{width:95%;} .global .listview .item{padding:.6em .6em .5em .6rem;} .item a{width:100%;} .item a.btn{width:auto;} .modul.kommentare .item{padding:1rem .6rem;} /* GLOBALS -------------------------------------------------- */ textarea.form-control{min-height:6rem;} label.error {font-weight:normal;font-size:80%;} .hint{font-size:.8rem;display:block;padding:.6rem 0;} .dates{color:#999;font-size:85%;padding-bottom:1rem;} .artikel.write .dates{font-size:100%;padding-bottom:0;} .dates .fa{width:1.3rem;} /* EINLADUNG -------------------------------------------------- */ .einladung.hint{margin-bottom:1.5rem;padding:1rem 0;font-size:.9rem;border-radius:.4rem;border:1px solid #6d8198} .einladung .fa{font-size:1.3rem;margin:0 .5rem;} .einladung .title{text-align:center;margin-bottom:.4rem} .einladung p{text-align:center;} /* BUTTONS -------------------------------------------------- */ .btn-menu{position:relative;} .btn-tel, .btn-email{text-align:left;} .btn.btn-alert {color: #CC0000;background-color: transparent;border-color: transparent;width:100%;margin-bottom:10px;} .btn.btn-alert:hover{background-color:transparent;color:#CC0000;} .btn-ok {color: #9ECB14;background-color: transparent;border-color: transparent;width:100%;margin-bottom:10px;} .btn-ok:hover{background-color:transparent;color: #9ECB14;} .btn-ok.saved{position:absolute;left:0;top:-.1rem;} .popup .btn-ok.saved{position:relative;top:0;} .register .btn-ok.saved{position:relative;top:0;} .btn-cat-close{position: absolute;font-size: .7rem;right: -.3rem;top: -.5rem;border-radius: 1rem;width: 1.1rem;height: 1.1rem;background: red;} .navmenu.user .fa-envelope .btn-cat-close{color:#fff;top:-.6rem;right:0;font-weight:bold;padding:.2rem 0 0 0;text-align:center;} .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-logout{color: #fff;background-color: red;border-color: red;} .btn-logout:hover{background-color:red;} .btn-lila{color:#fff;background-color:#6464aa;border-color:#8471b3;} .btn-black{color:#fff;background-color:#333;border-color:#333;} .btn-stop{color: #fff;background-color: red;border-color: red;} /* .btn-user{color: #888;} .dark .btn-user{color: #555;} */ .btn-item{background-color: #666;} .dark .btn-item{background-color: #333;} .btn-help{color:#FFF;border-color:#0A3A7A;background-color:#0A3A7A;} .btn-close {color: #fff;background-color: red;border-color: red;} a.btn-back, a.btn-next{background-color: #999;border-color: #999;margin:0;color:#FFF} .btn-historyback{min-width:auto;width:1.9rem;height:1.9rem;position:relative;} .btn-historyback .fa{font-size:1.8rem;position:absolute;left:.6rem;top:.1rem;} .btn.trans{color:transparent;background-color:transparent;border-color:transparent;} .btn-new, .btn-back, .btn-next{min-width: 6.3rem;} .btn.fa-logo{border-radius:5em;width:1.3rem;height:1.3rem;background: url(/img/layout/logo-left.png );background-size:1.5rem;background-repeat:no-repeat;background-position: -.25rem -.07rem;display:inline-block;padding:0;border-color:transparent;} .themelist .btn.fa-logo, .sectionlist .btn.fa-logo{position:absolute;right:.3rem;top:.75em;} .btn-forward{color: #BDBDBD;border-color: #BDBDBD;background:#FFF;position: absolute;left: auto;top: auto;right:0em;bottom:.15rem;font-size: 1.2em;z-index: 99999;border-radius: 10em;width: 1.6em;height: 1.6em;padding: 0;} .btn-forward:hover{color: #BDBDBD;} .dark .btn-forward{color:#7DAC12;border-color:#7DAC12;background:#333;} .btn-inputstyle{position:absolute;right:0.27rem;bottom:0.27rem;font-size:1.2rem;width:1.7rem;height:1.7rem;line-height:1;border-radius:10rem;display:block;} .btn.label{position:relative;margin:.5rem .3rem 0 0;color:#fff;} .btn.label .fa{color:#fff;} .btn-cta{display:none;} .btn-cta{position:fixed;bottom:4.8rem;top:auto;left:50%;white-space:nowrap;border-radius:10rem;text-transform:uppercase;z-index:10000;box-shadow: 0px 0px 10px 5px RGBA(0, 0, 0, 0.15);} /* width wird über JS berechnet */ .btn-cta.social{background:var(--color01);border-color:transparent;} .comment .btn-cta, .registerForm .btn-cta, .kontaktForm .btn-cta{position:absolute;top:2rem;bottom: auto;} a.btn-tnx{display:none;} a.btn-tnx{bottom:4.8rem;position: fixed;left: 50%;z-index:10000;text-transform: none;white-space:nowrap;background:#999;border:.1rem solid #FFF;border-color:#999;font-weight:normal;font-size:.9rem;border-radius:10rem;box-shadow: 0px 0px 10px 5px RGBA(0, 0, 0, 0.15);} .loginForm button.btn-cta{position:relative;bottom:0;left:0;} .btn.bestellen{min-width: 18rem;margin:0 0 0 -9rem;bottom:4.6rem;} .delete.article .btn{width:1.9rem;height:1.9rem;border-radius:10rem;position:absolute;z-index:99;top:0;right:0;} .support.newsletter .btn.send{width:15rem;top:.2rem;} a.btn.rubrikvorschlag{color:#7DAC12;} .popup.projects .col02 .btn{margin-bottom:.6rem;} @media (max-width: 480px) { .popup.projects .col02 .btn{width:100%;} } /* RANGE -------------------------------------------------- */ .slider .values {padding: 0 6%;font-size: 60%;} .slider p{text-align:center;} .slider .h1{padding:.5rem 0;} .slider label.error{position:absolute;bottom:0;word-wrap:no-wrap;} input[type=range] {-webkit-appearance: none;width: 100%;background:none;cursor:pointer;margin:0;} input[type=range]:focus {outline: none;} input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 8.4px;cursor: pointer;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;border-radius: 1.3px;} input[type=range]::-webkit-slider-thumb {box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;height: 24px;width: 24px;border-radius: 50px;cursor: pointer;-webkit-appearance: none;margin-top: -8px;} input[type=range]::-moz-range-track {width: 100%;height: 8.4px;cursor: pointer;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;border-radius: 1.3px;} input[type=range]::-moz-range-thumb {box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;height: 24px;width: 24px;border-radius: 50px;cursor: pointer;} input[type=range]::-ms-track {width: 100%;height: 8.4px;cursor: pointer;background: transparent;border-color: transparent;color: transparent;} input[type=range]::-ms-fill-lower {border-radius: 2.6px;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;} input[type=range]::-ms-fill-upper {border-radius: 2.6px;box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;} input[type=range]::-ms-thumb {box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;height: 24px;width: 24px;border-radius: 50px;cursor: pointer;height: 8.4px;} /* FAs -------------------------------------------------- */ .btn .fa{margin:0;} .btn.btn-alert .fa{color:#CC0000;} /* COMMENTS -------------------------------------------------- */ .comment.new{min-height:50rem;} .comment.new .clearfix{position:relative;} .comment.new label.hint{margin-top: .7rem;} /* REFERENZEN -------------------------------------------------- */ .ref .col01, .ref .col02{width:100%;} /* ARTIKEL WRITE / EDIT -------------------------------------------------- */ .delete.article{position:absolute;z-index:99;top:-.8rem;right:-.6rem;} .deine h1{padding-left: .6rem;} .artikel.write{padding:0 .6rem;} .artikel.write textarea, .artikel.write input[type="text"]{width:100%;cursor:text;} .artikel.write select{width:100%;cursor:pointer;} .artikel.write label{color:#AAA;font-size:1rem;;margin:.5rem 0 0;display:inline-block;cursor:pointer;} .artikel.write input[type="text"].price{width:50%;} .artikel.write input[type="text"].mindestmenge{width:20%;} .artikel.write input[type="text"].mengeneinheit{width:78%;} .artikel.write .profil label{margin-bottom:.5rem;} .profil.set{margin-top:2rem;} .profil.set .usericon{position:absolute;right:0rem;top:-3.7rem;border-width:.1rem;border-style:solid;width:6rem;height:6rem;padding:.5rem} .profil.set .btn-close{position:absolute;right:0;top:-3.9rem;border-radius:10rem;z-index:1;width:1.8rem;height:1.8rem;} .profil.set div.checkbox{position:relative} .profil.set .checkbox label.hint {position:absolute;right:0;top:-.6rem;} .profil.set .checkbox.messages label.hint {position:relative;} .profil.pass .btn.form-control{text-align:left;cursor:default;} .artikel.write .checkbox input[type="checkbox"]{margin-top: .1rem;width:auto;display:inline-block;height:auto;float:left;} .artikel.write .checkbox .status{padding-left:.3rem;} .artikel.write 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;float:left;} .dark .artikel.write table select {color:#fff;background-color:#333;border-color:#7DAC12;} .artikel.write .menu.filter .btn.on, .artikel.write .menu.filter .btn.choose{width:100%;padding:.5rem .3rem .5rem 0;position:absolute;left:0;} .artikel.write .menu.filter .btn.on{z-index: 2;top:-.55rem;} .artikel.write .menu.filter .btn.choose{z-index: 1;border: 1px solid #ced4da;color:#ccc;padding:.3rem .75rem 0;text-align:left;} .dark .artikel.write .menu.filter .btn.choose{border-color:#7DAC12;} .artikel.write .menu.filter .art .maincat{padding:.6rem .6rem 0;} .artikel.write .rubrik .maincat{padding:2.4rem .6rem 0;} .artikel.write .item div{margin-bottom:.6rem;position: relative;} .artikel.write .item div.we_select{margin-bottom:-.4rem;} .artikel.write .item div.rubrik{min-height:2.4rem;} .artikel.write input.rubrikEintrag{position:absolute;z-index:0;top: .2rem;} .artikel.write div.charleft {position:absolute;top:.1rem;right:.3rem;height:0;color:#9ECB14;font-size:.8rem;text-align:right;} .artikel.write .addimg .btn#bearbeiten1{margin:0px;color:#CCC;border-color:#CCC;text-align:left;} .dark .artikel.write .addimg .btn#bearbeiten1{border-color:#7DAC12;} .dark .artikel.write .addimg .btn{margin:0px;color:#ccc;border-color:#7DAC12;} .artikel.write .article.addimg{position:relative;} .artikel.write a.editimage{width:100%;} .artikel.write .addimg .btn.btn-delete{position:absolute;z-index:1;top:-.3rem;right:-.4rem;color: #fff;background-color: #d9534f;border-color: #d9534f;width:1.9rem;height:1.9rem;border-radius:10rem;margin: 0;} /* CONTAINER REGISTER -------------------------------------------------- */ .container-register{position:absolute;z-index:1;top:2.1rem;padding-bottom:.1rem;margin-left:-1px;margin-right:-1px;width:100%;} .container-register ul.inner{padding-bottom:.7rem;} .container-register.active a.btn-new{width:auto;} .container-register.active{padding:2.2rem 0 0;position: absolute;z-index: 0;left: 0;right: 0;width: 100%;height: 100%;min-height:100%;overflow-y: scroll;overflow-x: hidden;/*border-top:0;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede*/;} .container-register .nav-link.active{background-color:transparent;border-bottom-color:transparent;} .container-register .nav-tabs{border-bottom:1px solid transparent;border-radius:0;} .container-register .nav-item{width:50%;float:left;text-align:center;font-size:.8rem;} .container-register .nav-link{width: 100%;background:none;border-radius:0;} .container-register.active li{position:relative;padding:1rem .6rem;border:1px solid transparent;margin:0;} .container-register.active li:hover{/*background:RGBA(155,155,155, 0.3)*/;} .messages.inbox .container-register.active li{padding-bottom:5rem;} .container-register.active form.edit{padding-bottom:3rem;} .container-register.active .btn-delete{color:#CC0000;background-color: transparent;border-color: transparent;position:absolute;width:auto;left:0rem;bottom:.9rem;} .container-register.active .btn-delete:hover{border-color:#CC0000;} .container-register.active .btn-delete .fa{color:#CC0000;} .container-register.active .btn-edit{color:#7DAC12;background-color: transparent;border-color: transparent;position:absolute;right:0rem;bottom:.9rem;} .container-register.active .btn-edit:hover{border-color: #7DAC12;} .container-register.active .btn-edit .fa{color:#7DAC12;} .container-register.active a.btn-new{width:auto;} .listview ul.container-register.green{border-color:#7DAC12;} .listview ul.container-register.red{border-color:#CC0000;} /* .container-register.active .col02 .bild{height:12rem;overflow:hidden;} .container-register.active .col02 h2{margin-bottom:-.3rem;} .container-register.active .col02 .h1{display:none;} .container-register.active .col02 .dates{padding-bottom:0;} */ .container-register.active li.notfound, .container-register.active li.notfound:hover{width:100%;background:inherit;border-color:transparent;} .container-register.active li:last-child{} .container-register .quote a.text{margin-top:-1.5rem;} .container-register .quote .usericon{top:.5rem;} /* QUOTE -------------------------------------------------- */ .quote-fa{padding:0 .6rem 0 2rem;} .quote-fa .fa{position:absolute;left:0.6rem;} .quote .usericon{top:0;left:0;} .quote.xs{padding-left:3.5rem;} .quote.sm{padding-left:4.1rem;} .quote{padding:1rem .5rem 1rem 2.5rem;border-radius:.7rem;position: relative;} .quote .sign{color:#aaa;font-size:3.5rem;position:absolute;left:.6rem;top:.8rem;font-family:'Georgia';line-height:1;} .modul.kommentare .quote .sign{left:.6rem;top:1rem;} .messages.inbox .quote .sign, .solo .quote .sign, .kontaktForm .quote .sign, .umfragen .listview .quote .sign, .portraits .listview .quote .sign{} .modul.kommentare .quote .sign{color:#333;} /* #comment .quote{border:1px solid #777;background:#555;color:#FFF;} */ .quote:after, .quote:before {content: '';display: block;position: absolute;z-index:1;left: -16px;width: 0;height: 0;border-style: solid;} .quote:after {bottom: 15px;border-color: transparent #dedede transparent transparent;border-width: 9px;} .quote:before {bottom: 16px;border-color: transparent #ccc transparent transparent;border-width: 8px;} .dark .quote:after{border-color: transparent #333 transparent transparent;} .dark .quote:before {border-color: transparent #666 transparent transparent;} /* #comment .quote:after{border-color: transparent #555 transparent transparent;} #comment .quote:before {border-color: transparent #777 transparent transparent;} */ .kontakt .quote, .index .umfrage .quote, .register .intro .quote, .loginhelp .intro .quote, .teilnehmer .quote, .support.newsletter .quote, .modul.kommentare .quote, .comment.new .quote{margin-bottom:1rem;} .quote h2, h2.quote{text-align: left;} .listview .community .quote{padding:0;} .listview .community .quote .content{padding:0 .5rem 1rem .5rem;} .listview .community .quote .bild, .listview .community .quote img{border-top-left-radius:.7rem;border-top-right-radius:.7rem;} .listview .projects .quote, h2.quote{padding-left:.5rem;} .portraits .listview .quote h2{padding-left:0rem;} .umfragen .solo h2.quote{padding-left:2.2rem;} /* LISTVIEW -------------------------------------------------- */ .listview.peruser{padding-bottom: 10rem;} .listview .notfound{text-align:center;} .member .listview a(float:left;) .messages.inbox .listview{padding:0;} @media (max-width: 575px) { .listview li{padding-left:0;padding-right:0;} } .faq .listview ul{border:0;} .listview.peruser ul{border:0;} .listview li{position: relative;padding-bottom:.7rem;margin-bottom:3rem;} .listview ul.nav.socialmedia li{border-bottom-width:0;} .listview li:nth-child(1) .h1{border-top:0;} .listview.teilnehmer ul li:last-child, .listview.peruser ul li:last-child{border-bottom:0;} .listview.teilnehmer{margin-bottom:1rem;} .listview.teilnehmer ul{margin-bottom:1rem;;} .listview.teilnehmer ul li{border-bottom-width:1px;border-bottom-style:solid;padding:.8rem 0 .4rem;margin-bottom:0;} .listview.teilnehmer ul li:last-child{margin-bottom:0;} /* SOLOS -------------------------------------------------- */ .solo .text p{width:100%;text-align:;font-weight:normal;font-size:1.1rem;padding:0 0rem;overflow-wrap: break-word;overflow:hidden;} .solo .bild{border-radius:.2rem;margin-bottom:2rem;width:100%;} .solo .bild.bg{height:16em;} .solo h1.titel{text-transform:uppercase;border:0;font-weight:bold;font-style:normal;font-size:1.5rem;line-height:1.1;text-align:justify;} .solo .hint div p{font-size:.9rem;} .solo .uicon, .solo .quote{margin-bottom:1.6rem} .solo .text ul, .solo .text ol{padding-left: 1.7rem;} .solo .btn-new.comment{margin-bottom:1.5rem;} .solo.faq a.join{position:relative;left:0;margin:0 0 2rem 0;bottom:auto;} .dark .solo.faq a.join strong{color:#fff;} .popup.textonly .solo{padding:4rem .6rem 7rem;} .popup.textonly .solo .bild.bg{height:0;} .solo .bild, .solo .bild, .solo .bild{height:auto;} .portraits .solo h1.titel{text-align:left;} /* TERMINE -------------------------------------------------- */ .cal{width:48%;text-align:center;float:left;} .cal.first{margin-right:4%;} .solo .cal.first{margin-bottom:1rem;} .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;} /* INDEX -------------------------------------------------- */ .home .listview{position:absolute;padding:0;z-index:1;left:0;right:0;width:100%;height:100%;overflow-y:scroll;overflow-x: hidden;} .index .h1{border:0;} .index.listview ul{border:0;height:30rem;margin-bottom:100%;} .index ul.last{padding-bottom: 15rem;} .index.listview li{padding:0rem .6rem 1.5rem;background:transparent url(../img/layout/background/bg_melgrey.jpg) top left repeat;} @media (max-width: 575px) { .index.listview li{padding-left:0;padding-right:0;} } .index li.content{display:inline-block;width:100%;} .dark .index li{background:#111;border-bottom: 1px solid #2F3336;} .index li.hint{text-transform:uppercase;font-style:normal;border-top:1px solid #dedede;border-bottom:1px solid #dedede;margin:0;padding-bottom:.2rem;padding-top:1.2rem;font-size:.8rem;font-weight: bold;} .dark .index li.hint{border-top: 1px solid #2F3336;border-bottom: 1px solid #2F3336;} .index p.hint{padding-top:.6rem;} .index li.text-right{border:0;background:none;margin-top:.6rem;} .index li.text-right:last-child{} .index li a .text{color:#333;} /* PROFIL NACHRICHTEN Trigger auf SOLO Seiten -------------------------------------------------- */ .modul-profil-nachricht {position: relative;margin-top: 1rem;padding-bottom: .6rem;} .modul-profil-nachricht .col02{text-align:right;display:table;vertical-align:middle;} .modul-profil-nachricht .a {display:table-row;} .modul-profil-nachricht .btn {width: 6.3rem;text-align: left;margin:.5rem 0;} .modul-profil-nachricht .uicon{margin-bottom:0;} .modul-profil-nachricht .fa{width:1.1rem;} /* SHOW KONTAKT Trigger auf SOLO Seiten -------------------------------------------------- */ .modul-show-kontakt {position: relative;margin-top: 1rem;padding-bottom: .6rem;} .modul-show-kontakt .row .cell{height:11rem;} .modul-show-kontakt .btn {text-align: left;margin:.5rem 0;} .modul-show-kontakt .btn .fa{width:1.5rem;} .modul-show-kontakt .uicon{margin-bottom:0;} .modul-show-kontakt .fa{width:1.1rem;} /* GOOGLE MAP -------------------------------------------------- */ .google_maps iframe{width:100%;height:20rem;} /* KOMMENTARE Anzeige auf SOLO Seiten -------------------------------------------------- */ .modul.kommentare .usericon{top:.6rem;} .modul.kommentare .hint.top{} .modul.kommentare .no.comment .hint{padding:0;} .modul.kommentare .text{font-size:1rem;line-height:1.2;} .modul.kommentare .blaettern.top{float:left;} .modul.kommentare .ext-link{font-size:80%; word-wrap: break-word;} .modul.kommentare ul{margin:.8rem 0;} /* .modul.kommentare li{color:#555;background:#dedede;border-top:1px solid #ccc;} .modul.kommentare li:last-child{border-bottom:1px solid #ccc;} /* .dark .modul.kommentare li{background:#555;color:#dedede;} */ /* .dark .modul.kommentare li{border-top:1px solid #2F3336;} .dark .modul.kommentare li:last-child{border-bottom:0;} */ /* REGISTER -------------------------------------------------- */ .register{padding-left:.6rem;padding-right:.6rem;} .register .intro.nosuccess li{list-style-type:bullet;font-size: .9rem;margin-bottom:.5rem;} .registerForm, .EintragForm{padding:0 0 10rem 0;} .registerForm label{cursor:pointer;} .registerForm div{margin-bottom:2rem;} .registerForm div div{position:relative;margin:0;} .registerForm .label-errorcorrect label.error{top:-.6rem;left:0;;} .registerForm .hint{margin:0;} .registerForm input[type=checkbox], .registerForm input[type=radio]{float: left;width: auto;margin:-.15rem .5rem 0 0;} .registerForm #plz.error, .registerForm #forename.error{border-right:.1rem solid #cc0000;} .registerForm #forename{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;} .registerForm #surname{border-top-left-radius:0;border-bottom-left-radius:0;} .registerForm #password, .registerForm #username{border-bottom-left-radius:0;border-bottom-right-radius:0;} .registerForm #password2, .registerForm #email{border-top:0;border-top-left-radius:0;border-top-right-radius:0;} .registerForm #plz{float: left;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;} .registerForm #ort{border-top-left-radius:0;border-bottom-left-radius:0;} .registerForm .vertragsbedingungen{padding-left:1.5rem;position:relative;margin-bottom: 2rem;} .registerForm .vertragsbedingungen input{width:auto;height:auto;position: absolute;top:.1rem;left: 0;} /* KONTAKT -------------------------------------------------- */ .kontaktForm{padding: 0 .6rem 12rem;} .kontaktForm div{position:relative;} .kontaktForm label{display:none;} .kontaktForm .clearfix{width:100%;margin-bottom:.6rem;} .kontaktForm img#captcha{/*color:#FFF;*/background:#9ECB14;border: .1rem solid #7DAC12;} /* EINZUGSERMÄCHTIGUNG -------------------------------------------------- */ .einzugsermaechtigung .item{padding:1rem;margin-bottom:1rem;} .einzugsermaechtigung p{text-align:justify;} .einzugsermaechtigung form div{margin-bottom:.3rem;} .einzugsermaechtigung form div div{position:relative;} .einzugsermaechtigung label{display:none;} .einzugsermaechtigung input{} .einzugsermaechtigung input.betrag{width:50%;float:left;} .einzugsermaechtigung input.vorname{width:97%;} .einzugsermaechtigung input.strasse{width:98%;} .einzugsermaechtigung input.plz{width:95%;} .einzugsermaechtigung textarea{min-height:7rem;} .einzugsermaechtigung .btn-text{color:#AAA;} .einzugsermaechtigung .betrag strong{font-size:1.3rem;} .dark .einzugsermaechtigung .betrag strong{color:#FFF;} .dark .einzugsermaechtigung .btn-text{color:#fff;} /* PROFIL VIEW -------------------------------------------------- */ /* .solo .profil.view{padding:0;} */ .profil.view{min-height:50rem;} .profil.view ul{margin-top:1rem;} .profil.view .fa-quote .fa{float:left;width:1.5rem;} .profil.view li{margin-bottom:1rem;position:relative;} .profil.view .btn.send{min-width:16rem;top.6rem;} .profil.view .btn-message{position:absolute;right:0;z-index:9;} .profil.view .fa-trophy{margin-top: .3rem;} .profil.view .accordeon .toggle_container{font-size:.8rem;padding:.6rem 1rem;margin-left:1.5rem;} .profil.view .accordeon {} .profil.view .usericon{position:absolute;border:.5rem solid #DEDEDE;right:-.5rem;top:-3rem;width:6rem;height:6rem;} /* SOCIAL MEDIA BUTTONS -------------------------------------------------- */ .listview ul.nav.socialmedia, .listview ul.nav.socialmedia li{border:0;padding:0;} nav.socialbuttons h1{margin-bottom:1rem;} .nav.socialmedia {margin:0 0 1.5rem 0;} .nav.socialmedia li{list-style-type:none;padding:0;margin:0;} .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: .4rem .6rem;background: #fff;height: 1.9rem;width:1.9rem;padding:0;line-height: 1.7rem;border-radius: .5rem;} .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);} .nav.socialmedia .fa-envelope-square{color:#555;} @media (max-width: 575px) { .nav.socialmedia li.whatsapp{margin:.2rem .3rem 0rem .5rem;} } /* ACCORDEON -------------------------------------------------- */ .accordeon{margin:1rem 0 0 0;border-radius:.2rem;} .solo .btn-menu .fa-angle-up{bottom:.3rem;} .solo .btn-menu .fa-angle-down{bottom:.1rem;} .userlist .accordeon, .umfragen .accordeon{margin:0;} .accordeon .h1{margin-bottom:.6rem;} .accordeon .toggle_container{line-height:1.3;border-radius: .25rem;padding:1rem .6rem;} .accordeon li {margin-bottom: 1rem;border-radius: .2rem;} .accordeon a.trigger_active{} .solo .accordeon .btn-menu{display:block;cursor:pointer;padding-right: 1.6rem;padding-left:.6rem;} .accordeon li{max-height:none;} .accordeon li div{position:clear;} .accordeon .btn-menu .fa-angle-down, .accordeon .btn-menu .fa-angle-up{right:.43rem;} .accordeon .toggle_container li{padding-left:1.5rem;font-size: 1rem;} .accordeon .toggle_container p{margin-bottom:1rem;font-size:1rem} .accordeon .toggle_container a{display:inline;width:100%;word-wrap: break-word;} .accordeon .toggle_container a{width:auto;} .accordeon .toggle_container a.btn{width:100%;display: inline-block;} .accordeon .toggle_container a.uico{width:auto;float:left;} .accordeon .toggle_container .hint{text-align:left;} .accordeon .toggle_container .hint p{margin-bottom:1rem;} .accordeon .toggle_container table{margin:.8rem 0;} .accordeon .toggle_container table td{vertical-align:top;padding-right:0rem;} .accordeon .toggle_container .usericon{width:3.7rem;height:3.7rem;position:relative;border-width:1px;margin-top:0rem;margin-right:.6rem;} .userlist .accordeon{font-size:.8rem;margin:0;} .userlist .accordeon.toggle_container, .userlist .accordeon li{margin:0;padding:0;} /* LISTVIEW BLÄTTERN -------------------------------------------------- */ .lv_status{position:relative;text-align:right;margin: 0;} .lv_status .btn-back, .lv_status .btn-next{margin:1rem 0 0 0;color:#FFF;} .lv_status .btn-back{float:left;} .lv_status.pagination{padding-bottom:3rem;} .lv_status.pagination .active{font-weight:bold;} .lv_status.pagination .lv_zurueck, .lv_status.pagination .lv_vor, .lv_status.pagination a{width:1rem;} .lv_status.pagination .lv_zurueck{text-align:left;} .lv_status.pagination .seitenzahlen{text-align:center;} .lv_status.pagination .lv_zurueck, .lv_status.pagination .lv_vor{font-size:1.8rem;} /* ---------- HEARTRATING --------------------------- */ .heartrate{position:relative;} #heartrate{position:absolute;margin-top:-3rem;} .heartrate a.fa-heart, .heartrate a.fa-heart-o{font-size:1.3rem;margin:0 .7rem;} .heartrate a.fa-heart-o{color: #777;} .heartrate a.fa-heart{color: #cc0000;} /* ---------- KARMAPUNKTE Anzeige --------------------------- */ .starrating{color:#999;display: inline-block;margin:.4rem 0 0;min-height:.75em;} .portraits .starrating{margin-top: .6rem;} .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{background-image: url(/img/layout/background/cover-karmapunkte-bg-FFFFFF.png);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-position: 0px 0px;background-repeat:no-repeat;} .item .starrating .rating .current-rating {background-image: url(/img/layout/background/cover-karmapunkte-bg-DEDEDE.png);} .dark .starrating .rating .current-rating {background-image: url(/img/layout/background/cover-karmapunkte-bg-111111.png);} .dark .item .starrating .rating .current-rating {background-image: url(/img/layout/background/cover-karmapunkte-bg-333333.png);} .starrating .count{position:absolute;font-size:.7rem;line-height: .8rem;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%;} /* ---------- STARRATING Set ---------------------------------------------------------------------------------------------------- */ .star-rating{float:left;margin: 0 auto;overflow:hidden;} .star-rating a{color:#fff;float:right;text-decoration: none;-webkit-transition: color .4s;-moz-transition: color .4s;-o-transition: color .4s;transition: color .4s;} .star-rating a:hover, .star-rating a:hover ~ a, .star-rating a:focus, .star-rating a:focus ~ a{color: gold;cursor: pointer;} .star-rating .fa:hover{color:gold} .current-rating{background:gold;height:5rem;} .star-rating .current-rating a{color:transparent;} .cta.footer .star-rating{font-size: 2rem;padding-top:.7rem;} @media (max-width: 575px) { .cta.footer .star-rating{font-size: 1.3rem;padding-top:1.2rem;} } .solo .quote .hint .star-rating .fa.fa-star{width:auto;font-size:2rem;} /* ---------- .modul-starrating ---------------------------------------------------------------------------------------------------- */ .modul-starrating{font-size: 1.4rem;margin-bottom:2rem;} @media (max-width: 575px) { .modul-starrating{font-size: 1.3rem;} } .modul-starrating .star-rating .fa{margin-right: 8px;color:inherit;} .modul-starrating .stars{--percent: calc(var(--rating) / 5 * 100%);--star-color: #fff;--star-background: gold;display: inline-block;line-height: 1;} .modul-starrating .stars::before{content: '★★★★★';letter-spacing:5px;background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .modul-starrating .label{font-size:.8rem;color:var(--color-dates);line-height: 1.3rem;} aside .modul-starrating .text{font-size:.9rem;} /* USERICONS -------------------------------------------------- */ .usericon{border-radius:10rem;object-fit: cover;z-index:1;} .uicon{background-position: 50% 50%;background-size: 110px 110px;background-repeat:no-repeat;border-radius:20rem;overflow:hidden;} @media (min-width: 320px) and (max-width: 500px) { .uicon{background-size: 80px 80px;} } /* UMFRAGEN -------------------------------------------------- */ .listview.umfrage li{padding-bottom:1.5rem;;} /*** .listview.umfrage li{padding:1.5rem .5rem;margin-bottom:2rem;} .listview.umfrage li{border:1px solid #dedede;border-radius:.2rem;background:#efefef;} .dark .listview.umfrage li{border:1px solid #333;border-radius:.2rem;background:#333;} ***/ .listview.umfrage li a{width:auto;} .listview.umfrage .progressbar{margin:0rem 0 .7rem;} .umfrage .ergebnis{margin-bottom:3rem;} .umfrage .item.text a{width:auto;word-wrap: break-word;display:inline;} .umfrage .item.text{padding:1rem;font-size:1rem;line-height:1.3;} .umfrage .cta{margin-bottom:1.5rem;} .umfrage {padding-right:0;} .umfrage .btn-alert{border:1px solid red;} .umfrage .btn-ok{border:1px solid RGBA(158, 203, 20, 1.00);} /* PROGRESSBAR -------------------------------------------------- */ .progressbar{margin:0rem 0 1.5rem 0;position:relative;} .progressbar.anzSoll{width:100%;text-align:left;display:block;height:1.5rem;line-height: 1.4rem;position:relative;color:#fff;font-size:.8rem;border-width:1px;border-style:solid;background:#dedede;} .dark .progressbar.anzSoll{background:#777;} .progressbar.anzSoll{border-color:#9ECB14;border-radius: .3rem;} .progressbar .number{color:#aaa;position: absolute;z-index: 1;left: -1rem;} .dark .progressbar .number{color:#fff;} .progressbar .antwort{padding-left:.5rem;position:absolute;z-index:1;width: 200%;display: block;} .progressbar .anzIst{border-top-left-radius: .2rem;border-bottom-left-radius: .2rem;color:#fff;display:inline-block;position:relative;padding-left:.4rem;height:1.4rem;background-color:#9ECB14;overflow: hidden;} .progressbar .absRight{position:absolute;right:.4rem;color:#FFF;z-index: 1;} .dark .progressbar .absRight{color:#fff;} .progressbar .absRight.grey{color:#999;} .progressbar .floatRight{display:none;color:#9ECB14;padding-right:.4rem} .dark .progressbar .absRight.grey, .dark .progressbar strong{color:#FFF;} /* DATEPICKER -------------------------------------------------- */ .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;} .faq .listview .item .fa-angle-right{position:absolute;right:.6rem;font-size:1.3rem;bottom:.3rem;} .faq .listview .item .fa-angle-right{bottom:.7rem;} /* SCROLLFRAME -------------------------------------------------- */ .scrollframe{padding:.7rem .6rem;overflow-x:hidden;overflow-y:auto;position:relative;width:100%;} /* DROPDOWN-MENU -------------------------------------------------- */ .dropup .dropdown-toggle::after, .dropdown-toggle::after{display:none;} .dropup .dropdown-menu{margin:0;} .dropdown, .dropup{height:0;} .dropdown-menu{border:0;width:100%;margin:0;padding:0;border-radius:0;} .header .dropdown{margin-left: -.6rem;} .header .dropdown-menu{padding-top:64px;} /* NAVMENU -------------------------------------------------- */ .navmenu .header{padding-left:0;margin-bottom: -9px;display: block;overflow: hidden;} .navmenu .btn-close{position:absolute;right:.6rem;top:1.45rem;z-index:99999;width:22px;height:22px;} .navmenu li{position:relative;width:100%;float:left;padding:.3rem 0;} .navmenu li.half{width:48.5%;line-height: 1;border-radius:.2rem;margin-bottom: .8rem;} .navmenu.user .btn-menu .fa{width:1.5rem;} .navmenu.user .fa.fa-angle-right{width:auto;} .navmenu.user .fa-envelope{position:relative;} .navmenu.user .btn-new{text-align:left;position:relative;top:0;left:0;min-width:auto;} .navmenu.user .semi2{width:27%;} .navmenu.user .semi{width:70%;} .navmenu.user .semi2 a, .navmenu.user .semi a{width:100%;} .navmenu a{width:100%;} .navmenu a.btn-info, .navmenu a.logo, .navmenu a.btn-sort{width:auto;} .navmenu.filter .btn-inputstyle{bottom:-.6rem;right:0rem;} .navmenu.filter .fa-angle-up{position:absolute;top:0.07rem;left:.42rem;} .navmenu.filter .fa-angle-up span{position:absolute;top:0.3rem;right:1.6rem;font-size:.8rem;font-family:'Helvetica';} .navmenu.filter .fa.plus{position:absolute;top:0.055rem;left:.43rem;} .navmenu.filter .scroll{width:95%;} .navmenu.filter input.ort{margin-top:.4rem;} .navmenu.filter .set-theme span{float:left;} .navmenu.filter .set-theme label{margin-bottom:0;cursor:pointer;} .navmenu.filter .set-theme .radio{margin:0 .3rem 0 .7rem;float:left;} .navmenu.filter a.btn-sort{min-width:8.5rem;} .navmenu.filter a.btn-sort{margin-top:.3rem;} @media (max-width: 480px) { .navmenu.filter a.btn-sort{width:48%;} } .navmenu .accordeon{margin:.3rem 0 0 0;} .navmenu .accordeon .toggle_container li {margin-bottom: 0;} .navmenu .accordeon .toggle_container{padding:.3rem 0 0 0;} .navmenu .btn-logout{width:auto;} .navmenu .themelist li, .navmenu .sectionlist li{padding:.4em .6em .6em .6rem;} .navmenu .sectionlist li.half span{font-size:.8rem;font-style:italic;} .navmenu .sectionlist li.half strong{font-style:normal;} .btn-menu{margin:0;text-align:left;padding-left:0;padding-right:0;} .btn-menu .fa-angle-right{position:absolute;right:.35rem;bottom:.6rem;width:auto;} .btn-menu .fa-angle-up{position:absolute;right:.35rem;bottom:0.7rem;} .btn-menu .fa-angle-down{position:absolute;right:.35rem;bottom:0.5rem;} .btn-menu .fa-angle-left{position:absolute;right:.35rem;bottom:.7rem;font-size:1rem;} /* footer .navmenu .btn-new{left:0;min-width:0;} */ /*footer .navmenu.user .btn-close{top:.4rem;}*/ /* .dark .dropdown-menu{background:#111;color:#FFF;} */ /* .navmenu{overflow:hidden;position:relative;} */ /* .dark .navmenu li a.btn-register, .dark .navmenu li a.btn.on{color:#FFF;} */ /* .navmenu .scroll{display:inline-block;position:relative;max-height:120px;overflow-y:scroll;overflow-x:hidden;padding: .5rem .4rem 0 0;} */ /* TRIANGLES -------------------------------------------------- */ .triangle{display:none;position:absolute;left:50%;width:18px;z-index:9999;} .btn-filter .triangle{top:-21px;margin-left:-10px;} .btn-user .triangle{top:-2px;margin-left:-10px;} .btn-new .triangle{top:-21px;margin-left:-10px;} .btn-themes .triangle{top:47px;margin-left:-10px;} .btn-bars .triangle{top:47px;right:18px;margin-left:-10px;} .sectiontitle .triangle{display:inline-block;top:11.2px;margin-left:50%;} .home .sectiontitle .triangle{display:none;} .navmenu.more .btn-close .triangle{position:absolute;top:21px;width:18px;margin-left:-10px;;z-index:999999;} .triangle:after, .triangle:before {content: '';display: block;position: absolute;z-index:1;top: 0px;width: 0;height: 0;border-style: solid;} .triangle:after {left:1px;border-color: #DEDEDE transparent transparent transparent;border-width: 9px;} .triangle:before {border-color: #CCC transparent transparent transparent;top:1px;border-width: 10px;} .dark .triangle:before{border-color: #2F3336 transparent transparent transparent;} .dark .triangle:after{border-color: #111 transparent transparent transparent;} header .triangle:after, .header .triangle:after{border-color: transparent transparent #DEDEDE transparent;} header .triangle:before, .header .triangle:before{top:-3px;border-color: transparent transparent #CCC transparent;} .dark header .triangle:after, .dark .header .triangle:after{border-color: transparent transparent #111 transparent;} .dark header .triangle:before{border-color: transparent transparent #2F3336 transparent;} .dark .header .triangle:before{border-color: transparent transparent #2F3336 transparent;} .sectiontitle .triangle:before{border-color: transparent transparent #DEDEDE transparent;} .sectiontitle .triangle:after{border-color: transparent transparent #f0f0f0 transparent;} /* FILTER -------------------------------------------------- */ .filter div.animated{padding-bottom:4rem;} /*.navmenu.filter .maincat{padding-bottom:2.9rem;}*/ .filter .maincat .trigger{display:block;padding:.6rem;border-radius:.2rem;margin-top:.6rem;color:#FFF;} .filter .subcat{padding:.4rem .3rem .1rem .3rem;} .filter .btn-cat{font-size:.8rem;padding:.2rem .6rem;margin: 0 .3rem .3rem 0;color:#fff;} .filter .btn-cat.inactive{display:none;} /* .popup .sectionlist, .navmenu.sections {padding-top:1rem;} .popup .navmenu{padding-top:3rem;} */ /* ---------- MENU .mehrvonUser ----------------------------------------------------------------------------------------------------------- */ .mehrvonUser .btn-menu{padding:.7rem 0 .8rem 0;padding-bottom:.8rem;} .mehrvonUser .btn-menu .fa-angle-right{bottom:1rem;} /* ---------- SHOP ----------------------------------------------------------------------------------------------------------- */ .tausch .listview .text, .shop .listview 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, .dark.shop .price{color:#fff;} .shop .price span{font-size:.8rem;position: absolute;top: .7rem;right: 0;} .tausch .price{font-size:1.5rem;text-align:left;margin:1rem 0 1.5rem 0;} .dark .tausch .price, .dark.tausch .price{color:#fff;} .tausch .price span{font-size:.8rem;} .tausch .listview .col02, .shop .listview .col02{font-size:1rem;} .tausch .listview .col02 .hint, .shop .listview .col02 .hint{font-style:normal;} .shop .solo .animated.fadeInRight{-webkit-animation-duration: .5s;animation-duration: .5s;} .tausch .solo .carousel, .shop .solo .carousel{padding-bottom:1rem;margin:1rem 0;} .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;} .tausch .solo .carousel img, .shop .solo .carousel img{width: 100%;height: auto;} .shop .solo .hint{margin:0 0 .5rem 0;} .shop .solo em.hint{margin-bottom:1.5rem;font-size:1rem;} .shop .solo .hint.title{margin-bottom:0;margin-top:3rem;} .shop .solo .text{padding:2rem 0 2rem 0;} .popup.shop .text{padding:0;} .shop .solo .left{display:inline-block;float:left;} .shop .solo .right{display:inline-block;padding-top:1.1rem;} .shop .solo .btn.save{width:13rem;margin-left:-6.5rem;} .shop .system{padding:0 .6rem 7rem;} .shop.popup .system{padding:0;margin-top:64px;} .shop.popup .system .solo{padding-left:.6rem;padding-right:.6rem;} .shop .system h2{font-size:1rem;text-align:left;text-transform:none;font-weight:normal;} .shop .warenkorb .btn-inputstyle{position:relative;} .shop .warenkorb li, .shop .warenkorb h2{margin-bottom:1rem;} .shop .warenkorb ul{border-bottom:1px solid #ccc;} .shop .system .col01{width:30%;float:left;} .shop .system .col02{width:67%;float:right;} .shop .system .col02 .hint{margin-bottom:.3rem;} .shop .system .col02 .btn{width:1.7rem;margin: 1rem 0 0 .5rem;color:#AAA;font-size: 1.2rem;position:relative;line-height: 1.2;padding:0;} .shop .system .col02 strong.floatRight{margin-top:.6rem;} .shop .system .total{font-weight:bold;} .shop .system .frame{position:relative;float:left;padding:2rem .6rem 0;border:0;width:100%;} .shop .system .delete.article .btn{top:1.1rem;right:.6rem;} .shop .system table{width:100%;margin:2rem 0;} .shop .system td.hint{padding:0;padding-right: .6rem;margin:0;width:auto;text-align:right;line-height:1.7rem;font-size:1rem;} .shop .system td.nummer{padding-right: .6rem;width:30%;} .shop .system .btn-back{margin-bottom:auto;} .dark.shop .einzugsermaechtigung .btn-text{color:#AAA;} .shop .system .cta .btn-new{margin-top:auto;} .solo.einzugsermaechtigung .EintragForm{border-top:0;padding-left:.6rem;padding-right:.6rem;} /* COLORS CATEGORIES -------------------------------------------------- */ /* SHOP Accecoires */ .border-127, .border-64{border-color:#BD6505;} .bg-127, .bg-64 {background-color:#BD6505;} .bg-127:hover, .bg-64:hover{background-color:#BD6505;} /* SHOP /Elektronik */ .border-125, .border-58{border-color:#7395AE;} .bg-125, .bg-58 {color: #fff;background-color:#7395AE;} .bg-125:hover, .bg-58:hover{background-color: #7395AE;} .border-49{border-color:#7DAC12;} /* WISSEN */ .bg-49 {color: #fff;background-color:#7DAC12;} .bg-49:hover{background-color:#7DAC12;} .border-184{border-color:#BD6505;} /* TERMINE */ .bg-184 {color: #fff;background-color:#BD6505;} .bg-184:hover{background-color:#BD6505;} .border-159{border-color:#D59E06;} /* PORTRAITS */ .bg-159 {background-color:#D59E06;} .bg-159:hover{background-color:#D59E06;} .border-100{border-color:#46A29F;} /* UMWELT */ .bg-100 {background-color:#46A29F;} .bg-100:hover{background-color:#46A29F;} .border-179{border-color:#A36F9F;} /* COMMUNITY */ .bg-179 {background-color:#A36F9F;} .bg-179:hover{background-color:#A36F9F;} .border-169{border-color:#B0A295;} /* PROJEKTE */ .bg-169 {background-color:#B0A295;} .bg-169:hover{background-color:#B0A295;} .border-164{border-color:#7395AE;} /* KAMPAGNEN */ .bg-164 {background-color:#7395AE;} .bg-164: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;} .border-111{border-color:#000;} /* GREENWASHINGART */ .bg-111 {background-color:#000;} .bg-111:hover{background-color:#000;} /* LOGINFORM -------------------------------------------------- */ .loginForm {max-width: 100%;padding: 0;margin: 0px auto;} .loginForm li{padding:.6rem 0;margin-bottom:.5rem;border:0;} .loginForm legend{display:none;} .loginForm div{position:relative;} .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 .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 .btn-register, .loginForm .btn-link{width:100%;} .loginForm label{display:none;} .loginForm .btn.btn-text, .loginForm a.btn.btn-link{text-align:left;padding-left:0;} .popup .loginForm .alert{margin-top:-30px;margin-bottom:0px;} /* .login.info{font-size:.8em;color:#999;margin-bottom:1rem;text-align:center;} body.dark .login.info{color:#fff;} .loginForm .heading, .loginForm .checkbox {margin-bottom: 10px;} .loginForm .checkbox {font-weight: normal;} */ /* RANDOMHEARTRATING -------------------------------------------------- */ .randomHeartRating table td:nth-child(2), .randomHeartRating table td:nth-child(3), .randomHeartRating table td:nth-child(4){text-align:right;} .randomHeartRating .form-control{display:inline;} /* FORMS FORM-CONTROL -------------------------------------------------- */ form label.error{font-size:.8rem;position:absolute;z-index:1;top:0rem;left:.8rem;margin:0;text-align:left;} .form-control{color: #464a4c;background-color: #fff;outline: 0;box-shadow:none;transition:none;} .form-control:focus{color: #464a4c;background-color: #fff;border-color: rgba(0,0,0,.15);outline: 0;box-shadow:none;transition:none;} .form-control.valid{border-color: #9ECB14;background:inherit;} .form-control.valid:focus{border-color: #9ECB14;background:#FFF;} form select.error, .form-control.error{background:#FFF;border-color:#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.error:focus{background:#FFF;} .dark .form-control{background-color: #333;color:#FFF;border-color:#9ECB14;} .dark .form-control:focus{background-color:#333;border-color:#9ECB14;} .dark .form-control.valid{border-color:#9ECB14;background:#333;} .dark .form-control.valid:focus{border-color:#9ECB14;background:#333;} .dark .form-control.error{background:#333;border-color:#cc0000;border-radius:.2rem;} .dark .form-control.error:focus{border-color:#cc0000;background:#333;} select.form-control{width:50%;} .dark form table select {color: #fff;background-color: #777;} .form-control.inactive{background:#333;color:#888;;border: 1px solid #9ECB14;} select.inactive, .form-control.inactive{background:#dedede;color:#888;} .dark form table select.inactive, .dark .form-control.inactive{background:#333;color:#888;;border: 1px solid #9ECB14;} /* 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;} */ /* PLACEHOLDER -------------------------------------------------- */ /* CSS Trick: Wenn der Placeholder nicht zu sehen sein soll, dann die font-color auf background-color setzen */ .placeholder.form-control{border-color:transparent;width:50%;float:left;background:inherit;} .placeholder.form-control{color:#aaa;} .form-control::-moz-placeholder{color:#ccc;} .form-control::-webkit-input-placeholder{color:#ccc;} .form-control:-moz-placeholder{color:#ccc;} .form-control:-ms-input-placeholder{color:#ccc;} .dark .placeholder.form-control{color:#777;} .dark .form-control::-moz-placeholder{color:#777;} .dark .form-control::-webkit-input-placeholder{color:#777;} .dark .form-control:-moz-placeholder{color:#777;} .dark .form-control:-ms-input-placeholder{color:#777;} .form-control:focus::-moz-placeholder{color:transparent;} .form-control:focus::-webkit-input-placeholder{color:transparent;} .form-control:focus:-moz-placeholder{color:transparent;} .form-control:focus:-ms-input-placeholder{color:transparent;} .form-control.error::-moz-placeholder{color:#FFF;} .form-control.error::-webkit-input-placeholder{color:#FFF;} .form-control.error:-moz-placeholder{color:#FFF;} .form-control.error:-ms-input-placeholder{color:#FFF;} .dark .form-control.error::-moz-placeholder{color:#333;} .dark .form-control.error::-webkit-input-placeholder{color:#333;} .dark .form-control.error:-moz-placeholder{color:#333;} .dark .form-control.error:-ms-input-placeholder{color:#333;} .form-control.error:focus::-moz-placeholder{color:#FFF;} .form-control.error:focus::-webkit-input-placeholder{color:#FFF;} .form-control.error:focus:-moz-placeholder{color:#FFF;} .form-control.error:focus:-ms-input-placeholder{color:#FFF;} .form-control.error:focus::-moz-placeholder{background:#FFF;} .form-control.error:focus::-webkit-input-placeholder{background:#FFF;} .form-control.error:focus:-moz-placeholder{background:#FFF;} .form-control.error:focus:-ms-input-placeholder{background:#FFF;} .dark .form-control.error:focus::-moz-placeholder{color:#333;} .dark .form-control.error:focus::-webkit-input-placeholder{color:#333;} .dark .form-control.error:focus:-moz-placeholder{color:#333;} .dark .form-control.error:focus:-ms-input-placeholder{color:#333;} .dark .form-control.error:focus::-moz-placeholder{background:#333;} .dark .form-control.error:focus::-webkit-input-placeholder{background:#333;} .dark .form-control.error:focus:-moz-placeholder{background:#333;} .dark .form-control.error:focus:-ms-input-placeholder{background:#333;} /* FOOTER -------------------------------------------------- */ footer{height:64px;position:fixed;bottom:0;right:0;left:0;width:100%;z-index:1000;} footer a:hover{text-decoration:none;color:#888;} footer .btn-filter, footer .btn-new{width:6.3rem;position:absolute;top:1.2rem;} footer .btn-filter{right:.6rem;} footer .btn-new{left:.6rem;} footer .no-user.fa-user{font-size:1.7rem;padding-top:1.4rem;color:#888;} 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 .btn-user .usericon{position:relative;margin-top:.7rem;width:2.75rem;height:2.75rem;} /* DRAGGABLE ON DESKTOP VERSION -------------------------------------------------- */ .draggable{position:absolute;z-index:2;overflow-y:scroll;cursor: move;box-shadow: -.3rem .3rem 1rem .3rem rgba(0,0,0,0.40);} .desktop .item{width:auto;margin:2rem 3rem;background:none;} .desktop .item h1{border-top:1px solid #555;} .desktop .item .col01{width:6%;} .desktop .item .col02{width:93%;} .desktop .item .text{font-size:.8rem;} .desktop .item .btn-close{position:absolute;right:-2rem;top:.5rem;z-index:1;} .desktop .qr{width:8rem;height:auto;position:absolute;z-index:1;top:12rem;left:29.5rem;} .draggable.apple{top:12rem;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:10rem;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:14rem;right:1rem;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;} /* ENDE - DRAGGABLE ON DESKTOP VERSION -------------------------------------------------- */ /* WIRD NICHT VERWENDET - KANN GELÖSCHT WERDEN -------------------------------------------------- */ /* .dev.desktop{background:none;} .dev .draggable.huawei{top:0rem;right:1rem;left:auto;background:none;padding:0;border-radius:0;box-shadow:none;} .dev .draggable.huawei div{border:.1rem solid red;} .dev .draggable.apple div{border:.1rem solid green;} .dev .draggable.apple{top:0rem;right:23rem;left:auto;background:none;padding:0;border-radius:0;box-shadow:none;} .draggable.apple iframe, .draggable.huawei iframe{height:29.7rem;} */ /* ENDE - WIRD NICHT VERWENDET - KANN GELÖSCHT WERDEN -------------------------------------------------- */