img {height:auto!important;} .spacer30 {height:0;margin:0 0 30px 0;clear:both;} #sp-toolbar {background: #fff;padding:0;height:40px;} #sp-toolbar1 {background:#3b89c7;height:40px;display:block;position:absolute;left:0;} #sp-toolbar1:after {content: "";position: absolute;top: 0;right: -30px;background: #3b89c7;width: 60px;height: 40px;-webkit-transform: skew(-40deg);-moz-transform: skew(-40deg);-o-transform: skew(-40deg);z-index: 0;} #sp-toolbar2 {text-align: right;margin-left: 50%;} #sp-toolbar2 {text-align:right;} #sp-toolbar2 .sp-module .menu a:before {display:none;} #sp-toolbar2 .sp-module .menu a {color:#333;display: inline-block;line-height:40px;font-size:12px;padding:0;margin:0;padding:0;} #sp-toolbar2 .sp-module .menu a:hover {color:#333;} #sp-toolbar2 .menu ul {} #sp-toolbar2 .sp-module .menu.top li:first-child {border-left:0;} #sp-toolbar2 .sp-module .menu.top li {display:inline;border-left:1px solid #666;padding:0 10px 0;} #sp-toolbar2 .sp-module .menu.top li:last-child {padding-right:0;} #sp-header {height:auto;box-shadow:none;} .login-top, .login-top.jmoddiv.jmodinside { position: absolute;top: -100px;right: 15px;left:auto;} .ot_login .ot_submit {background: #3b89c7!important;padding: 5px 20px!important;} .ot_animated #form-login-remember {} .ot_login .ot_animated .checkbox .inputbox {margin-top: 6px!important;} .ot_login .ot_animated .input {margin-bottom: 0!important;} .ot_login .ot_animated ul {} .ot_login .ot_animated ul li {} .ot_login .ot_animated ul li a {line-height: 110%;} #sp-logo {padding:15px 0;} #sp-logo img { width: auto;max-width: 100%;max-height: 100px;height: auto;} #sp-mainmenu {background:#32373c;border-top: 5px solid #3b89c7;} .rev_slider h2 {padding: 40px !important;background: rgba(50,55,60,0.8);border-left: 3px solid #3b89c7;color:#fff;text-transform:uppercase;font-weight:bold;font-size:50px;letter-spacing:-2px;} .rev_slider h2 span {color:#3b89c7;} .rev_slider .btn {background:#3b89c7;color:#fff;text-transform:uppercase;font-weight:bold;} .rev_slider .btn:hover {color:#ccc;} .tp-bullets {display:none!important;} #sp-slider-bottom {height:128px;} #sp-slider-bottom-content {font-size:16px;font-weight:bold;width: 66%;} #sp-slider-bottom-content p {margin:0;padding:0;} #sppb-addon-1540895641423 {background: #f4f6f8;} #sppb-addon-1540895641423 .q-form-title {padding: 39px 20px 0 20px;color: #fff;background: #3b89c7;height: 158px;} #sppb-addon-1540895641423 .userdata {padding:15px 0;} #sppb-addon-1540895641423 label {display:none;} #sppb-addon-1540895641423 #form-login-remember label {display:inline;} #sppb-addon-1540895641423 #modlgn-remember {float: left;margin: 7px 10px 0 0;} #sppb-addon-1540895641423 .userdata {text-align:center;} #sppb-addon-1540895641423 #form-login-username {} #sppb-addon-1540895641423 #form-login-password {} #sppb-addon-1540895641423 .input-prepend {width:90%;} #sppb-addon-1540895641423 .input-prepend input {width:90%;} #sppb-addon-1540895641423 .input-prepend .add-on:first-child, div.login-home .input-prepend .btn:first-child {height: 42px;} #sppb-addon-1540895641423 .add-on > span {margin-top:8px;} #sppb-addon-1540895641423 .login-button {width:90%;margin-top:8px;} #sppb-addon-1540895641423 ul {list-style:none;margin:0;padding:0;} #sppb-addon-1540895641423 .logout-content {padding:20px;} #sppb-addon-1540895641423 .logout-content .logout-button {margin:10px 0 0 0;} #sppb-addon-1540895641408 {font-size:16px;font-weight:bold;color:#fff;} #sppb-addon-1540895641408 p {margin:0;padding:0;} #dynamic_recaptcha_1540909942222 {height:80px;} #btn-1540909942222 {background:#3b89c7;color:#fff;border:none;} #btn-1540909942222:hover {color:#ccc;} #abonnement .teaser {font-weight:bold;margin:10px 0;} .chronoforms td.actions i {background: #3B89C7;color: #fff;padding: 8px;border-radius: 4px;margin: 2px;} .chronoforms td.actions i:hover {cursor:pointer;} /* CONTENT */ .network-listing {position:relative;} .adv-block {margin:10px 0;position:relative;border:1px solid #ccc;padding:100px 10px 0 10px;border-radius: 4px;position:relative;height:270px;overflow:hidden;} .network-listing .header{height: 64px;background: #3b89c7!important;margin: 0 0 10px -10px;padding: 10px 0 10px 20px;color: #fff;position: absolute;top: 20px;z-index: 1;width: auto;right: 25px;left: 15px;} .network-listing .header > h2 {color:#fff;font-size:16px;font-weight:600;margin:0;} .network-listing div.country_icon {background: #fff;padding: 3px 6px;position: absolute;left: auto;right: 50px;bottom: -5px;top: auto;border-radius: 4px;} .network-listing .header .address {} .network-listing .header:before { border-top: 10px solid #3b89c7;border-left: 10px solid transparent;bottom: -10px;content: "";display: inline-block;height: 0;left: 0;position: absolute;width: 0;} .adv-block .partnerlogo {text-align:center;} .adv-block .partnerlogo img {max-width:100%;width:auto;max-height:90px;margin:auto;} .adv-block .partnerdata {overflow:auto;height:120px;font-size:11px;} .adv-block .ribbon-match {position: absolute;padding: 5px;top: 22px;right: -38px;transform: rotate(45deg);font-weight: bold;width: 150px;text-align: center;z-index:3;} .adv-block .match25 {background:#e2e011;color:#fff;} .adv-block .match50 {background:#01d610;color:#fff;} .adv-block .match75 {background:#ea7a0c;color:#fff;} .adv-block .match100 {background:#F00;color:#fff;} .adv-block .account-more {text-align:center;} .adv-block .account-more:hover {cursor:pointer;} .adv-block .account-more i {margin-right:10px;} .adv-block .account-details {padding:15px; border-top:2px solid #3b89c7;margin-top:15px; } .adv-block .status-info {float:left; margin:0;width:50%;text-align:center;} .adv-block .status-info i {color:#090;margin:0 5px 0 0;} .inquiry-send, .adv-block .contact-submit, adv-block .contact-send, .adv-block .profile-link, .adv-block .contact-accept {width:100%;margin: 5px 0 0 0;border-radius: 4px;background: #e5e5e5;color: #333;padding: 8px;font-weight: normal;font-size: 12px;display: inline-block;position: relative;text-align: center;} .adv-block .recommend {width:100%;margin: 5px 0 0 0;border-radius: 4px;background: #e5e5e5;color: #333;padding: 4px;font-weight: normal;font-size: 18px;display: inline-block;position: relative;text-align: center;} .adv-block .recommend:hover, .adv-block .inquiry-send:hover, .adv-block .contact-accept:hover, .adv-block .contact-submit:hover, adv-block .contact-send:hover, .adv-block .profile-link:hover {background:#3b89c7;color:#fff!important;cursor:pointer;} .adv-block .inquiry-send {padding:6px 6px 5px 6px;} .adv-block .decline-inquiry {padding:6px 6px 5px 6px;width:100%;margin: 5px 0 0 0;border-radius: 4px;background: #e5e5e5;color: #F00;font-weight: normal;font-size: 12px;display: inline-block;position: relative;text-align: center;} .adv-block .decline-inquiry:hover {background:#F00;color:#fff!important;cursor:pointer;} .adv-block .contact-submit:hover {color:#ccc;cursor:pointer;} .account-details.ui.grid {margin:15px 0 0 0;} .account-details.ui.grid .column {padding: 15px;} .account-details.ui.grid .title {font-size:110%;font-weight:bold;} .account-details.ui.grid .column .title {font-size:110%;font-weight:bold;} .account-details.ui.grid ul {list-style:circle;} .adv-block .buttons {padding:0 2px;position:absolute;bottom:2px;left:0;right:0;} .adv-block .buttons .col-lg-4 .b-wrapper {padding:0 5px;} .adv-block .buttons .col-lg-4:first-child .b-wrapper {padding: 0 5px 0 0;} .adv-block .buttons .col-lg-4:last-child .b-wrapper {padding: 0 0 0 5px;} .adv-block .buttons .col-lg-4 {padding:0;} .network-listing.active {} .network-listing.active .adv-block {height:auto;} .network-listing.active .partnerlogo {width:100%;display:block;} .network-listing.active .partnerdata {width:100%;display:block;height: auto;padding-bottom: 50px;font-size:100%;margin-top:20px;} .adv-block .profilebutton {width: 100%;margin: 5px 0 0 0;border-radius: 4px;background:#3b89c7;color:#fff;padding: 8px;font-weight: normal;font-size: 12px;display: inline-block;position: relative;text-align: center;} .adv-block .profilebutton a {color:#fff;width:100%;display:block;} .adv-block .profilebutton:hover { background: #e5e5e5;color: #333;} .adv-block .profilebutton:hover a, .profilebutton:hover a:hover { color: #333;} /*MEIN-TEAM*/ .team-head {text-align:left; padding:0 0 15px 0; margin: 0 0 15px 0;} span.direkt {display: block;background: #3b89c7;width: 24px;height: 24px;margin-right: 10px;float: left;border-radius: 5px;} i.partners {margin-right:10px;} i.partners:hover {cursor:pointer;} #mein-team {text-align:center;} #mein-team .tree {overflow:auto;padding:0;} #mein-team .contactdata {float:left;width:40%;} #mein-team .contactinfo {float:left;width:40%;} #mein-team .more-levels {float:right;width:20%;} .maintree .contact {background: #3b89c7;padding: 10px 0;color:#fff;border-bottom: 1px solid #ccc;} .maintree .subcontact {background:#ccc;padding: 10px 0;color:#000;} .maintree .subcontact.color1 {background:#ccc;border-top:1px solid #3b89c7;} .maintree .subcontact.color2 {background:#999;border-top:1px solid #ccc;} .maintree .subcontact.color3 {background:#666;border-top:1px solid #999;} .maintree .subcontact.color4 {background:#333;color:#fff;border-top:1px solid #666;} .maintree .subcontact.color5 {background:#000;color:#fff;border-top:1px solid #333;} .tree .unpayed {background:#F00;color:#fff;} .contactdata {float:left;width:80%} .more-levels {float:left;width:20%;text-align: center;font-size: 200%;} .more-levels i {margin:0;line-height: 48px;} #mein-team ul {margin: 0;padding: 0; float:left;} #mein-team ul.maintree {margin: 15px;} #mein-team ul.subtree {} #mein-team li {position:relative;} #mein-team li.mainlevel {padding: 15px;} #mein-team li.sublevel {float:left;padding: 15px; margin:15px;} #mein-team table.subtree {} #mein-team table tr {} #mein-team table td {min-width:200px; padding:15px;} #mein-team table.maintree td {} .data.sublevel {} /*MEINE KUNDEN*/ .client-wrapper {width:33%;float:left;} .client-data {padding:10px; text-align:center;background:#3b89c7;color:#fff;} table.meine-provisionen {width:100%;} table.meine-provisionen tr {} table.meine-provisionen tr.headline {font-weight:bold;border-bottom:1px solid;} table.meine-provisionen td {width:auto; padding:15px;vertical-align:top;} /*MEINE KONTAKTE*/ h3.headline {color: #fff;text-transform: uppercase!important;font-weight: 500!important;font-size: 20px!important;background: #3b89c7!important;padding: 15px 0!important;text-align: center!important;margin:0 0 20px 0!important;} #sp-main-body .fieldset-empty {margin: 0 0 15px 0!important;} #sp-main-body .fieldset-empty legend {display:none!important;} .sorting-header {border:1px solid #ccc;line-height:48px;font-weight:bold;color:#3b89c7;padding:5px 10px;} .sorting-header .desc {float:left;padding:0 15px 0 0;} .sorting-header .name {float:left;padding:0 10px 0 15px;} .sorting-header .name span {float:left;margin-right:10px;} .sorting-header .name i {float: left;background: #3b89c7;color: #fff;padding: 8px;border-radius: 3px;margin: 8px 0 0 3px;} .sorting-header .name i:hover {background:#216093;color:#fff;cursor:pointer;} #contactlist .btn-toolbar.pb-3.uip_rowBefore {margin:0 0 15px 0;} #contactlist .btn-toolbar>.btn-group {margin-left:0;} #contactlist .btn-toolbar>.btn-group button {font-size:14px;} #contactlist .dropdown-menu a {display:block;padding:3px 10px;} #contactlist .dropdown-menu a:hover {background:#ccc;} #contactlist table th {text-align:left!important;min-width:75px;} #contactlist table th span {display: inline-block;float: right;} #contactlist img.land { background: #3B89C7;color: #fff;padding: 8px;border-radius: 4px;margin: 2px;width: 30px;display: inline-block;} div.contactlist ul {margin: 0;padding: 0;list-style: none;} div.contactlist ul li {} div.contactlist ul li .contactwrapper {margin: 10px 0;position: relative;border: 1px solid #ccc;padding: 5px;border-radius: 4px;min-height: 210px;} div.contactlist ul li .contactinner {position:relative;} div.contactlist ul li .contactinner h3:before {border-top: 10px solid #3b89c7;border-left: 10px solid transparent;bottom: -10px;content: "";display: inline-block;height: 0;left: 0;position: absolute;width: 0;} div.contactlist ul li .contactinner h3 {font-size:16px;letter-spacing:0;background: #3b89c7!important;margin: 0 -10px 10px -10px;padding: 10px 0 10px 10px;color: #fff;position: relative;top: 0;z-index: 1;width: auto;right: -5px;left: -5px;text-align: left;} div.contactlist ul li .contactinner h3 small {display:block;width:100%;margin-bottom:3px;color:#fff;font-size:12px;} div.contact-actions {position: relative;text-align: right;margin: 0;width:220px;} div.contact-actions i, div.in-outbox .tools i {background: #3B89C7;color: #fff;padding: 8px;border-radius: 4px;margin:2px;} div.contact-actions i:hover, div.in-outbox .tools i:hover {background:#216093;color:#fff;cursor:pointer;} div.in-outbox {padding:0; border:1px solid #3B89C7;border-top:none;} div.in-outbox .line {border-top: 1px solid #ccc;padding: 5px 0;margin: 5px 0;} div.in-outbox .tools {text-align:center;} #invoice-payment .paid {font-weight:bold; color:#F00;} .ze-buchen, .re-storno {font-weight:bold;} .ze-buchen:hover, .re-storno:hover {cursor:pointer;} h1 .subheadline {font-size:50%; font-weight:normal;} #meine-provisionen .error.message, #meine-provisionen .success.message, #meine-provisionen .warning.message {display:block; text-align:center;font-weight:bold;} table.meine-provisionen tr.unpaid {color: #ccc;} #admin-provisionszahlung .wrapper .headline {margin:15px 0;} #admin-provisionszahlung .wrapper .headline i {float:left;margin-right:15px;} #admin-provisionszahlung .wrapper > .headline .text {float:left;} #admin-provisionszahlung .wrapper > .headline {display:block;width:100%;} #admin-provisionszahlung .wrapper > .headline .downoad-link {font-weight:bold;} .checkout-credit {font-size:24px;float:left;} .checkout-credit:hover {cursor:pointer;color:red;} .credit-download:hover {cursor:pointer;color:#000;} .clr {clear:both;} /*MEINE-NACHRICHTEN*/ #submit-message {border:none;background:#fff;-webkit-appearance:none;} #meine-nachrichten {margin-bottom: 15px;border:1px solid #ccc;border-radius:4px;} #meine-nachrichten .message-tools {border:none; margin:0 15px; padding:10px 0;} #meine-nachrichten .message-tools .receiver {float:left;width: 100%;position: relative;} #meine-nachrichten #receiver {float:left;width: 50%;height: 38px!important;} #meine-nachrichten .message-tools .receiver i {margin-left:-4px;border-radius:0;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} #meine-nachrichten .message-tools .tools {float:right;} #meine-nachrichten i {float:left; display:block;padding:10px;background:#3b89c7;color:#fff;font-size:18px;border-radius:4px;margin:0 5px 0 0;} #meine-nachrichten i:hover {cursor:pointer;} #meine-nachrichten i.fa-sign-out-alt {transform: rotate(-90deg);} #meine-nachrichten i.fa-sign-in-alt {transform: rotate(90deg);} #meine-nachrichten #message-container {padding: 0 15px 15px 15px;position:relative;} #meine-nachrichten #subject {width: 100%;max-width: 100%;} #meine-nachrichten #message {width: 100%;max-width: 100%;height:150px!important;} #meine-nachrichten #send-button {position:absolute; bottom:40px;right:40px;margin:0;} #ui-id-1 {max-height:200px!important;overflow:auto!important;} #message-container .field {position:relative;} #receiver-error, #subject-error, #message-error {white-space: normal;background: none;border: none;color: #9f3a38!important;font-weight: bold;margin-top: 1em;position: absolute;box-shadow: none;} #receiver-error {top: 1px;right: -210px;background: #fff;padding: 5px 10px;border: 1px solid #9f3a38;border-radius: 4px;margin: 0;} #subject-error, #message-error {top: 17px;right: 20px;} table .tools {width:130px; text-align:center;} table .tools i {margin: 0 3px;} table .tools i:hover {cursor:pointer; color:#3b89c7;} table .tools .fa-check-double, table .tools .fa-check-double:hover {color:#3b89c7;cursor:default;} /* Dispay Abonnements*/ #abonnement .ui.checkbox .box:before, #abonnement .ui.checkbox label:before {border:none!important;} .ui.form #abonnement .fields {display:block;} #abonnement .field {display: block;width: 33%;text-align: center;padding:0;clear:none;float:left;} .ui.form #abonnement .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form #abonnement .fields.error .field .checkbox:not(.toggle):not(.slider) label {color:#000;} #abonnement label {padding:5px;min-height:380px;border: 1px solid #ccc;border-radius: 4px;} #abonnement .ui.radio.checkbox label:before {content: '';-webkit-transform: none;transform: none;width: 100%;height: 100%;border-radius: 0;top: 1px;left: 0;background: none;border-radius: 4px;z-index: -1;} #abonnement .ui.radio.checkbox input:checked~label:before,#abonnement .ui.radio.checkbox:hover label:before {background:#3b89c7;border:1px solid #3b89c7;} #abonnement .ui.radio.checkbox input:checked~label h3,#abonnement .ui.radio.checkbox input:checked~label h4,#abonnement .ui.radio.checkbox input:checked~label h4 small,#abonnement .ui.radio.checkbox input:checked~label,#abonnement .ui.radio.checkbox input:checked~label small, .ui.radio.checkbox input:checked~label strong, #abonnement .ui.radio.checkbox:hover label h3,#abonnement .ui.radio.checkbox:hover label h4, #abonnement .ui.radio.checkbox:hover label h4 small, #abonnement .ui.radio.checkbox:hover label small,#abonnement .ui.radio.checkbox:hover label, #abonnement .ui.radio.checkbox:hover strong {color:#fff;background:#3b89c7;border-radius:4px;} .ui.form #abonnement .inline.fields .field>:only-child {width:100%;padding: 0 10px;} #abonnement .ui.checkbox input:checked~.box:after, #abonnement .ui.checkbox input:checked~label:after {width: 50px;height: 50px;position: absolute;background: #3b89c7;} #abonnement .pricing h4 {margin:8px 0;} #abonnement .pricing small {display:block;width:100%;text-align:center;float:none!important;line-height:100%;} .ui.form #abonnement .required.field>.checkbox:after, .ui.form .required.fields:not(.grouped)>.field>.checkbox:after {display:none!important;} .bg-navbar {width: 75%;} #abonnement .ui.radio.checkbox h4 small {color:#000;} #abonnement ul {text-align:left;} #area_fieldset_21 .two-left, #area_fieldset_21 .two-right, #display-section1 .two-left, #display-section1 .two-right {float:left;clear:none;} .semanticui-body #display-section1 small {display: block;float: left;line-height: 80%;color:#000;} .ui.form #area_fieldset_175 .disabled.field, .ui.form #area_fieldset_175 .field.disabled>label {opacity:1;} .ui.form #area_fieldset_175 #benutzername {opacity:.45;} #weiter1, #speichern {width:100%; text-align:center;} #weiter1:hover, #speichern:hover {color:#fff!important;} #display-section1.ui.form .inline.field>input, #display-section1.ui.form .inline.field>select, #display-section1.ui.form .inline.fields .field>input, #display-section1.ui.form .inline.fields .field>select, #display-section1.ui.form .inline.field>.selection.dropdown, #display-section1.ui.form .inline.fields .field>.selection.dropdown {width: 60%;float:right;margin-bottom: 5px;} #display-section1.ui.form .inline.field>label, #display-section1.ui.form .inline.field>p, #display-section1.ui.form .inline.fields .field>label, #display-section1.ui.form .inline.fields .field>p, #display-section1.ui.form .inline.fields>label {width: 33%;float:left;} #display-section1.ui.form .inline.field.vorwahl>.selection.dropdown {width:38.5%;} #area_fieldset_21 .two-left, #display-section1 .two-left {width:66.66%;} #area_fieldset_21 .two-right, #display-section1 .two-right {width:33.33%;} #area_fieldset_21 .two-left label, #display-section1 .two-left label {width:50%!important;} #area_fieldset_21 .two-right label, #display-section1 .two-right label {} #display-section1 #plz {width:38.5%} #display-section1 #ort {width:100%;} #display-section1 #telefon {width:100%;} #display-section1 #landesvorwahl {} #display-section1 #vorname {width:40%;} #display-section1 #name {width: 100%;} .semanticui-body fieldset {padding: 0!important;margin: 15px 0!important;} .account-logo {align:center; margin:auto; padding:0 50px 50px 50px;} .account-logo img {max-width:100%;height:auto!important;} .adv-block .ready, .adv-block .decline {margin-right:5px; font-size:190%;} .adv-block .ready, .adv-block .decline {cursor:pointer;} .form-horizontal .control-label {text-align: left;} .control-group.submit {float:right;} .control-group .remember-me {float:left;} .control-group #remember {margin: 12px 10px 0 0;} /*DASHBOARD*/ .dashboard {} .dashboard .toggle-wrapper {border: 1px solid;margin: 0 0 5px 0;padding: 10px;} .dashboard i {margin-right:5px;} .dashboard .toggle {padding: 5px 10px;background: #eceaea;} .dashboard .toggle:hover {cursor:pointer;background:#d9d6d6;} .dashboard .toggle2 {} .dashboard .content {margin: 10px 0;} /*PRODUCTLIST*/ i.delete-product {color:#F00;} i.delete-product:hover {cursor:pointer;} #product_description {min-height:150px;} .jux-mashup .jux-container .mix .jux-item .jux-image img {max-width: 100%; max-height:200px;width:auto;margin:auto;} #juxContainer174.grid {max-width:2000px;} .jux-content-slider .b-wrapper, .jux-mashup .b-wrapper {position:absolute;bottom:10px;width:40%;left:30%;-webkit-transition: 0.5s;transition: 0.5s;} .jux-content-slider .b-wrapper:hover, .jux-mashup .b-wrapper:hover {left:5%;width:90%;} .jux-content-slider .recommend {} .jux-content-slider .b-wrapper:hover .recommend {} .jux-content-slider .recommend, .jux-mashup .recommend {width:100%;margin: 5px 0 0 0;border-radius: 4px;background: rgba(229,229,229,0.6);color: #333;padding: 4px;font-weight: normal;font-size: 18px;display: inline-block;position: relative;text-align: center;} .jux-content-slider .recommend:hover, .jux-mashup .recommend:hover {background:#3b89c7;color:#fff!important;cursor:pointer;} /*PRIVACY*/ #display-section1.ui.form #privacy .multifield.inline.fields > label {width:40%;margin:0;font-size: 100%;} #privacy .multifield {border-top:1px solid #e5e5e5;margin: 0;padding: 15px 0 16px 0;} #privacy .multifield.header {border:none;} #privacy .multifield .field {width:20%;text-align:center;padding:0;color: #000;font-weight: bold;} #privacy .multifield .field .ui.checkbox > label {padding:0;top: 6px;} #privacy #save {width:100%;} /*MESSAGEBOX*/ .messagebox_overlay {background-color: rgba(255,255,255,0.6);z-index:99;} .messagebox {font-family: verdana, arial, helvetica, sans-serif;font-size: 10pt;font-style: normal;font-weight: normal;text-align: left;color: #303030;background-color: #fcfcfc;border: 1px solid #c8c8c8;box-shadow: 0px 2px 4px #a0a0a0;max-height: 90%; /* This value is useful only when "top" option is set to "auto" */max-width: 90%;min-width: 300px;} .messagebox_title {background-color: #f5f5f5;border-bottom: 1px solid #c8c8c8;padding: 5px;text-align: center;font-weight: bold;} .messagebox_content {padding: 20px;} .messagebox_content_label {width: 100%;font-style: italic;margin-top: 10px;margin-bottom: -5px;} .messagebox_content_input {width: 100%;margin-top: 10px;padding: 3px;color: #303030;border: 1px solid #909090;font-family: inherit;font-size: inherit;font-style: normal;font-weight: inherit;text-align: left;} .messagebox_content_input:hover {border-color: #707070;} .messagebox_content_input:focus {border-color: #707070;box-shadow: inset 0px 0px 3px #ffd540;} .messagebox_content_input_selectplaceholder {color: #909090;} .messagebox_content_checkbox_wrapper {width: 100%;margin-top: 10px;} .messagebox_content_checkbox {margin-right: 5px;vertical-align: -2px;} .messagebox_content_caption {width: 100%;margin-top: 15px;padding: 5px 0;} .messagebox_content_error {background-color: #fad0d5;color: #a02020;margin-top: 15px;margin-bottom: -10px;padding: 4px 6px;border-radius: 2px;} .messagebox_buttons {background-color: #f5f5f5;border-top: 1px solid #c8c8c8;padding: 10px 20px 0px 20px;text-align: center;} .messagebox_buttons_button {font-family: inherit;font-size: inherit;font-weight: bold;text-align: center;min-width: 75px;margin: 0px 4px 10px 4px;padding: 5px 10px;cursor: pointer;color: #404040;background-color: #e9e9e9;background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);border: 1px solid #c0c0c0;border-radius: 2px;} .messagebox_buttons_button:hover {color: #202020;background-color: #f0f0f0;} .messagebox_buttons_button:active {background-color: #e6e6e6;border: 1px solid #a0a0a0;box-shadow: inset 0px 0px 6px #d0d0d0;} /*SUCHE*/ .offlajn-ajax-search-container {border-radius: 4px;background: #f1f1f1;padding: 13px 10px !important;} #search-area159, #suggestion-area159 {border:none!important;border-radius:0!important;height: 38px !important;padding: 0 30px 0 40px!important;line-height: 38px !important; box-shadow: none !important;} #ajax-search-button159 .magnifier {margin:7px 0 0 5px;} #search-form159 input {color: #333!important;font-family: Montserrat, sans-serif!important;background:#f1f1f1!important;} #offlajn-ajax-search159 .offlajn-ajax-search-container.active {border-radius: 4px;} #offlajn-ajax-search159 {margin-bottom:30px;} /*OFFERS*/ .item-page > div > p {padding:0;margin:0;} .moduletable.offers, .moduletable.all-offers {margin-bottom:30px;} .moduletable.offers h3, .moduletable.all-offers h3 {color:#fff;text-transform:uppercase;font-weight:500;font-size:22px;background:#3b89c7;padding:15px 0;text-align:center;} #jux-content-slider176 .grid figure, #juxContainer174 .jux-image {height:200px;} #sp-component .entry-header {margin-bottom: 0; } /*AKTIONSANGEBOTE*/ #actionoffers .tools i {margin:0 5px;} #actionoffers .tools i.accept:hover, #actionoffers .tools i.decline:hover {cursor:pointer;} #actionoffers .tools i.accept, #actionoffers .tools i.accepted {color:#00cc00;} #actionoffers .tools i.decline, #actionoffers .tools i.declined {color:#cc0000;} #actionoffers .tools i.waiting {color:#3b89c7;} #aktionen .container-liveticker {} #aktionen .container-liveticker label, #aktionen .container-registration_offer label {display:block;width:100%;} #aktionen .container-liveticker .field-desc, #aktionen .container-registration_offer .field-desc {display:block;width:100%;} /*ANGEBOT DETAIL*/ .angebot-detail {} .angebot-detail .productimage {padding: 0 30px 30px 0; float:left;} .angebot-detail .productimage img {margin: 30px auto;max-width: 50%;} .angebot-detail .entry-header {} .angebot-detail .entry-header h2 {} .angebot-detail .partnerinfo {} .angebot-detail .description {float:left;} .hinweis {clear:both;margin:30px 0;padding:15px;border:1px solid #F00;} .itemViewContent {width:33%;float:left;} .lb_itemImageBlock {width:100%!important;} .lb_itemView {float:left;width:66%;} /*LIGHTBOX*/ .jux-item {border: 1px solid #ccc;} #jux-content-slider176 .jux-item, #jux-content-slider176 .item:hover {border: 1px solid #ccc;margin:5px;} .share_like {margin-bottom: 0;} #jux_mashup174.jux-mashup .jux-container.grid .mix .jux-item .jux-info, .jux-content-slider .jux-info {margin:0;padding:0;background:#f1f1f1;border-top:5px solid #ccc;} .itemViewLightBox h2, .jux-item h2 {font-size:14px!important;font-weight:700!important;width:100%;padding:15px;margin:0;min-height:64px;} .jux-item .jux-content {margin:0;padding:0 15px 15px 15px;} .jux-content p {margin:0;line-height: 18px;font-size: 11px;} .itemViewLightBox .itemViewContentFooter {border:none;} .jux-mashup .jux-container .mix .jux-item .jux-au-ca div {float: left;font-size: 12px;color: #333;} .nivo-lightbox-content iframe { height: 100%!important;} .uk-modal-dialog {width:auto!important;max-width:1200px;height:auto!important;max-height:80%;} /*RECOMMEND*/ #recommend-partner, #recommend-product {border: 1px solid #ccc; padding: 5px 15px 15px 15px;} #recommend-partner .header {} #recommend-partner .header, #recommend-product .header {color: #fff;text-transform: uppercase;font-weight: 500;font-size: 22px;background: #3b89c7;padding: 15px 0;text-align: center;margin:0 0 15px 0;} #recommend-partner label {width:100%;} #recommend-partner input {width:100%;} #recommend-partner .field {margin: 15px 0 0 0;} #recommend-partner button {margin: 15px auto;} #recommend-partner #message {height:100px;} #recommend-panexo .emailtext {height:350px;overflow:auto;margin: 30px 0;} .ui.blue.button, .ui.blue.buttons .button {background-color: #3b89c7!important;} /*EVENTS*/ .event_description {width:100%;height:300px;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {display: block;background-image: none;-webkit-box-shadow: none;box-shadow: none;width: 100%;height: auto!important;line-height: 1.21428571em;padding: .67857143em 1em;font-size: 14px;background: #fff;border: 1px solid rgba(34,36,38,.15);color: rgba(0,0,0,.87);border-radius: 4px;-webkit-box-shadow: 0 0 0 0 transparent inset;box-shadow: 0 0 0 0 transparent inset;-webkit-transition: color .1s ease,border-color .1s ease;transition: color .1s ease,border-color .1s ease;} .com-eventbooking #editor-xtd-buttons {display:none;} .com-eventbooking .tip-wrap {background:#fff;} .com-eventbooking .input-append {width:100%;} #event_date, #event_end_date, #registration_start_date, #registration_start_date {width:80%!important; height:40px!important;} .eb-container .field-calendar {display: block!important;width: 60%;float: left;} .com-eventbooking input, .com-eventbooking textarea, .com-eventbooking .uneditable-input {max-width: 100%;} .com-eventbooking .btn {-webkit-transition: color 400ms, background-color 400ms, border-color 400ms;-o-transition: color 400ms, background-color 400ms, border-color 400ms;transition: color 400ms, background-color 400ms, border-color 400ms;padding: 5px 10px;border-radius: 4px;} .com-eventbooking .table {} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.5;vertical-align: middle;border-top: 1px solid #ddd;} #eb-registrants-management-page {} #eb-registrants-management-page .btn-group {margin:0;width:50%;} #eb-registrants-management-page #filter_search {width:70%;} #eb-registrants-management-page .input-group-append {width: 30%;display: block;float: left;} #eb-registrants-management-page .input-group-append .btn {padding:7px 10px; margin:0 3px;} #eb-registrants-management-page .dropdown-filter {width:49%;} #eb-registrants-management-page .chzn-container-single .chzn-single {padding: 5px 15px;font-size:14px;height: auto;border: 1px solid #aaa;border-radius: 4px;background: #f5f5f5;background-clip: padding-box;box-shadow: none;color: #333;text-decoration: none;white-space: nowrap;line-height: 24px;} #eb-registrants-management-page .chzn-container .chzn-results li.highlighted {background-color: #3b89c7;background-image: none;color: #fff;} #eb-registrants-management-page .chzn-container .chzn-results li {margin: 0;padding: 5px 6px;list-style: none;line-height: 24px;font-size:14px;} #eb-registrants-management-page .chzn-container-single .chzn-single div b {background-position: 0px 7px;} /*MEINE KUNDEN*/ #meine-kunden div.contactlist ul li .contactwrapper {min-height:158px;} /*ACYMAILING*/ #acyusersubscription label {display: block;} /*OS MEMBERSHIP*/ .com-osmembership .alert.alert-notice {background:#ccc; border-color:#A3A3A3;} #osm-subscription-information .col-md-3, #osm-payment-information .col-md-3 {width:40%;} #osm-subscription-information .col-md-9, #osm-payment-information .col-md-9 {width:60%;} #osm-subscription-information .col-md-9 input, #osm-subscription-information .col-md-9 select, #osm-payment-information .col-md-9 select {float:right;width:100%!important;} #osm-payment-information .input-group-append {position: absolute;right: -25px;top: 5px;} #osm-payment-information .osm-privacy-policy .col-md-3, #osm-payment-information .osm-subscribe-to-newsletter-container .col-md-3, #osm-payment-information .osm-terms-and-conditins-container {width:100%;} #osm-payment-information .osm-subscribe-to-newsletter-container .col-md-3 label {padding-left:20px;} #osm-payment-information .osm-terms-and-conditins-container {padding-left:15px;} #osm-payment-information .osm-terms-and-conditins-container strong {padding-left:5px;} #osm-payment-information .form-actions {padding: 0;margin-top: 20px;margin-bottom: 20px;background-color:#fff;border-top: none; text-align:center;} #osm-profile-page .form-actions {padding: 0 15px;margin:15px 0;background-color:#fff;border-top: none; text-align:center;} #osm-profile-page #osm_form .form-actions .btn {width:30%;} #osm-payment-information .form-actions input {padding-left: 0; width:50%;} #osm-delete-avatar-container {margin-left:20px;} .osm-container {text-align: left;padding: 0 0 10px 0;} #osm-profileContent {padding: 30px 0;border: 1px solid #ddd;border-top: 0;} #osm_form_renew .form-content {padding: 15px;border: 1px solid #ddd;border-top: 0;} #sp-main-body #osm_form_renew h3 {margin:0!important;} #osm_form_renew .osm-renew-options {float:left;} #osm_form_renew .form-actions {float:right;margin:0;} #osm_form_renew ul {margin:0;padding:0;height:100%;} #osm_form_renew ul li {line-height:42px;} /* #osm_form_renew ul li input[type="radio"], input[type="checkbox"] {margin: 0 10px 0 0;} */ #osm_form {margin-bottom:30px;} #profile-page .form-control-label {width:35%;} #profile-page .col-md-9 {width:65%;} #osm-profile-page small {color:#fff;} #osm-profile-page .form-group select, #profile-page .form-group textarea, #profile-page .form-group input[type="text"], #profile-page .form-group input[type="password"], #profile-page .form-group input[type="datetime"], #profile-page .form-group input[type="datetime-local"], #profile-page .form-group input[type="date"], #profile-page .form-group input[type="month"], #profile-page .form-group input[type="time"], #profile-page .form-group input[type="week"], #profile-page .form-group input[type="number"], #profile-page .form-group input[type="email"], #profile-page .form-group input[type="url"], #profile-page .form-group input[type="search"], #profile-page .form-group input[type="tel"], #profile-page .form-group input[type="color"] {width: 100% !important;} #field_osm_offeractivity, #field_osm_searchactivity {margin-bottom:0;} #field_osm_offeractivity label, #field_osm_searchactivity label {display:none;} #field_osm_offeractivity .col-md-9, #field_osm_searchactivity .col-md-9 {width:100%;} #field_osm_offerbusiness .form-control-label, #field_osm_searchbusiness .form-control-label {width:100%;padding:15px 0; color:#3b89c7;text-align:center;} #field_osm_offerbusiness .form-control-label label, #field_osm_searchbusiness .form-control-label label {font-weight:bold;} #field_osm_offerbusiness .col-md-9, #field_osm_searchbusiness .col-md-9 {width:100%;} .osm-payment-method-item {} .osm-payment-method-item label {display:block;width:auto!important;float:left;} .osm-payment-method-item input {float:left;margin-right: 15px;} /*SONSTIGE*/ div.missing-data {color:#af2614; font-weight:500;background:#eee;padding:5px 10px;margin:0 0 10px 0;} div.missing-data i {margin-right:15px;} .defaultSkin .mceLayout .mceBranding {display:none!important;} .spacer_30 {clear:both; height:0; margin:0;padding:0;margin-bottom:30px;} #acyusersubscription label {margin-left: 40px;} div.country_icon {background: #fff;padding: 3px;position: absolute;right: 5px;top: 5px;border-radius: 4px;} .uk-tooltip-top .uk-tooltip-inner {text-align:center;} h3.headline > i {float:right; margin:0 20px;} h3.headline > i:hover {cursor:pointer;} .spacer-67 {height:67px;display:block;} .more-details:hover {cursor:pointer;} #sp-toolbar1 .sp-column {line-height: 40px;width: 50%;float: right;left: -120px;position: relative;} #ticker_text {padding-right: 200px;} div.charcount {position:relative;} div.charcount small.field-desc {font-size: 100%;margin: 0;position: absolute;bottom: 7px;right: 20px;font-weight: bold;color:#3b89c7!important;} #liveticker #button1 {width:33%;} #liveticker .submitbutton {text-align:center;} #manage-liveticker .actions i {background: #3B89C7;color: #fff;padding: 8px;border-radius: 4px;margin: 2px;} #manage-liveticker .actions i:hover {cursor:pointer;} tr.status0 {} tr.status1 {color:#090!important;} tr.status2 {color:#F00!important;} #sp-main-body {padding: 20px 0 70px 0;} #liveticker .ui.grid {margin:0!important;} #registration-offers img {max-width:100px;height:auto!important;} .com-osmembership.view-complete .ui.modal>.close { top: 27px!important; right: 60px!important; opacity: 1!important; padding: 11px 0 0 0!important; background: #fff!important; border-radius: 50%!important; width: 40px!important; height: 40px!important; border:2px dashed #3b89c7; } #osm-plans-list-columns .oldprice {text-decoration: line-through;} @media only screen and (min-width: 1920px) { } @media only screen and (min-width: 768px) { .ui.small.modal {width: 80%!important;max-width: 1200px!important;} } @media (max-width: 1199px) { #sp-slider-bottom-content {font-size: 14px;} .buttons .col-lg-4 {width: 33.33%;float: left;} #display-section1 .ui[class*="two column"].grid>.column:not(.row), #display-section1 .ui[class*="two column"].grid>.row>.column {width: 100%;} } @media (max-width: 991px) { #sp-menu {background:none;position: static!important;bottom:auto;right: auto;} #sp-menu:before {display:none;} #sp-slider-bottom-content {font-size: 14px;} .login-top {display:none;} #contactlist table {} #contactlist table tr {border: 1px solid #ccc;} #contactlist table th, #contactlist table td {display: flow-root;border:none;} #contactlist table .cell_colKey_1,#contactlist table .cell_colKey_2,#contactlist table .cell_colKey_3 {padding: 0 10px;} #contactlist div.contact-actions {text-align: left;} } @media (max-width: 991px) { #sp-toolbar1, #sp-toolbar1:after {display:none;} #sp-toolbar2 {width: 100%;margin: 0;text-align: center;} #sp-toolbar .sp-module {margin: 0 ;} .adv-block > .col-md-4 {width:33.33%;float:left;} .adv-block > .col-md-8 {width:66.66%;float:left;} } @media (max-width: 991px) and (min-width: 768px) { #sp-header {height: auto;} #sppb-addon-1540895641423 {margin-top: -208px!important;} } @media (max-width: 767px) { #sp-slider-bottom-content {width:100%;} #sp-slider {display:none;} #abonnement .field {display: block;width: 100%;} #area_fieldset_21 .column1, #area_fieldset_21 .column2 {width:100%;} .col-sm-12.buttons {} #filter .filter-block .column {width:100%;} #filter .filter-block .column fieldset {margin:0!important;} .network-listing .header {font-size:11px;} #recommend-partner .header {font-size:18px} #recommend-partner .two.column .column {width:100%;padding-top: 0;padding-bottom: 0px;} #recommend-partner button {width:100%;} } @media (min-width: 681px) {.adv-block .contact-submit .fa-plus-circle {display:none;} } @media (max-width: 680px) { .adv-block .contact-submit .fa-plus-circle {display:block;margin: 3px 0 2px 0;} .adv-block .contact-submit .text {display:none;} #recommend-partner .header {font-size:16px} } @media (max-width: 456px) { .sp-pagebuilder-row, .sppb-row {display: block;} #sp-toolbar2 .sp-module .menu.top li {display:inline;border-left:1px solid #666;padding:0 5px 0;} .adv-block .partnerlogo {display:none;} .adv-block .partnerdata {width:100%;} } .com-eventbooking .fa, .com-eventbooking .fas { font-family: fontAwesome!important; font-weight: normal!important; } #selectIdcountry_child {height:auto!important;min-height:100px!important;} .telegram_logout { background-color: #54a9eb; color:#fff; border-radius:20px; } .telegram_logout a { font-size: 16px; font-weight: 500; line-height: 24px; padding: 9px 12px 9px 44px; display: inline-block; text-overflow: ellipsis; border: none; color: #fff!important; cursor: pointer; background: url(https://telegram.org/img/oauth/tg_button_large.png) no-repeat 10px center; }