Technik Produkte & Trends im Check

GMX HILFE ✉ Email – Login – Probleme | Warnung vor Betrügern

Technik Marcel Ferdinand - 10. Dezember 2019

Du wirst den Begriff GMX bereits gehört haben, denn es handelt sich um das Portal Global Message exchange. Dies bedeutet übersetzt "Globaler Austausch von...

Muama Enence Test 2019 | Unsere Erfahrungen…

Technik Marcel Ferdinand - 19. Juli 2019

208

Die Welt wird immer multikultureller. Umso wichtiger, dass es die Möglichkeit gibt mit Menschen jeder Herkunft kommunizieren zu können. Auch man selbst hat immer...

Beliebte Beiträge

Dermaroller Test 2019: Erfahrungen, Anwendung und Risiken

16. Juli 2019

Eiskratzer Test 2019 🥇 Testsieger bei gefrorener Autoscheibe

31. Oktober 2019

Wimpernserum Test 2019 🥇 Die besten Wimpernbooster im Vergleich

28. Oktober 2019

Haarwachstumsmittel TEST 2019 🥇 | Erfahrungen & Bewertungen

18. Juli 2019

Abnehmtabletten Test 2019 – Wirkung | Einnahme | Risiken

25. Juli 2019

Nagelpilzmittel Test 2019 | Die besten Mittel gegen Nagelpilz

14. Oktober 2019

Hyaluronsäure Kapseln Test 2019 🥇

24. Juli 2019

Welche ist die beste Anti Falten Creme? 🥇 Test 2019

5. August 2019

Rohrreiniger Test 2019 | Die besten Mittel im Vergleich

3. September 2019

.td_block_21 .td-post-date, .td_module_10 .td-post-date {
    display:none;
}

.block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td_block_template_1 .td-related-title .td-cur-simple-item, .woocommerce .product .products h2:not(.woocommerce-loop-product__title), .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more, .td_3D_btn, .td_shadow_btn, .td_default_btn, .td_round_btn, .td_outlined_btn:hover {
    color:white !important;
}
img.avatar.photo {
    border-radius: 0;
}

div.wow_leser { /* Leser helfen Lesern Box */
	border: dotted 3px #F98602;
	margin: 0 auto;
	padding: 20px;
	width: 100%;
	text-align: center;
}

div.wow_box { /* Infobox */
    background-color: rgba(249, 134, 2, 0.4);
	text-align: center;
	margin: 0 auto;
	padding: 15px;
	width: 90%;
	margin-bottom:20px;
	border-radius: 6px;
	&.icon {
	    color: #9D2B61;
	    display: flex;
        align-items: center;
        position: relative;
        text-align: left;
	}
	.icon {
	    text-align: center;
        font-size: 35px;
        width: 5rem;
        opacity: 0.5;
        display: block;
        flex-shrink: 0;
        padding-right: 15px;
	}
	p.headline {
	    font-weight: bold;
	    font-size: 18px;
	}
	&.leser {
	    background-color: #cef;
        color: #3a648e;
        i {
            font-size: 22px;
        }
        div.headline {
            font-size: 16px;
        }
	}
}

div.wow_box.positiv { /* Infobox */
    background-color: #ffffff;
    width: 80%;
    border: 3px solid #00ad67;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-radius: 6px;
	li {
	    padding: 0 10px 0 10px;
	}
}

div.wow_box.negativ { /* Infobox */
    background-color: #ffffff;
    width: 80%;
    border: 3px solid #fb0209;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-radius: 6px;
	li {
	    padding: 0 10px 0 10px;
	}
}

/*
details summary::-webkit-details-marker {
  display:none;
}
*/
details summary.showmarker::-webkit-details-marker {
    display:inline;
    cursor:pointer;
    color:#0254A0;
}

#toc_container li {
    font-size: 14px;
}
#toc_container {
    margin-left:5%;
}

@media (max-width: 520px) {
    .wppr_maps {
        display:none;
    }
}

@media (max-width: 767px) { /* Mobile */
    .td-container, .tdc-row {
        padding-left: 10px;
        padding-right: 10px;
    }
    .td-post-template-12 .td-post-header header .entry-title, .td-post-template-13 .td-post-header header .entry-title {
        font-size: 24px !important;
        line-height: 29px !important;
    }
    .td-page-content p, .td-post-content p, .wpb_text_column p, .td_block_text_with_title p, .woocommerce #tab-description p, .mce-content-body p {
        margin-bottom: 10px;
    }
    h2, h3, h4 {
        margin-bottom: 6px;
        margin-top: 20px;
        line-height: 28px;
	}
    .td-post-content p, .td-post-content {
        line-height: 19px;
    }
    .td-post-content li {
        line-height: 19px;
    }
    
    /* UL's */
    .td-page-content ul, .td-post-content ul, .wpb_text_column ul, .td_block_text_with_title ul, .woocommerce #tab-description ul, .mce-content-body ul, .td-page-content ol, .td-post-content ol, .wpb_text_column ol, .td_block_text_with_title ol, .woocommerce #tab-description ol, .mce-content-body ol {
        margin-bottom:12px;
    }
    
    #toc_container, div.wow_box, div.wow_box2, div.wow_leser {
    width:100%;
    margin:0;
    /*padding:0.5em;*/
    }
    
}

.hrlinie {
  max-width: 100%;  
  margin: -15px auto;
}

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  font-size: 10px;
  height: 1.5em;
  opacity: .5;
  &:before {
    content: '';
    /* use the linear-gradient for the fading effect
     use a solid background color for a solid bar */
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
  }
  &:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;

padding: 0 .5em;
    line-height: 1.5em;
    /* this is really the only tricky part, you need to specify the background color of the container element... */
    color: #818078;
    background-color: #fcfcfa;
  }
}

.td-post-template-12 .td-post-header header .entry-title, .td-post-template-13 .td-post-header header .entry-title {
	font-size: 32px;
	line-height: 36px;
}

.avatar.photo {
    border-radius: 36px; display:inline-block;margin-bottom:0
}
/*
.td-module-meta-info {
    display:none;
}
*/
.td-post-template-12 .td-post-header, .td-post-template-13 .td-post-header {
    margin-bottom:10px;
}

.td-post-content li.mobile_margin {
    margin-bottom:17px;
}

div.headline, span.headline { /* Headlines Infobox */
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.positiv div.headline {
    font-weight: bold;
    background-color: #00ad67;
    padding: 5px;
    color: #ffffff;
}

.negativ div.headline {
    font-weight: bold;
    background-color: #fb0209;
    padding: 5px;
    color: #ffffff;
}

div.info:before, span.info:before { /* Infosymbol */
    font-family: FontAwesome;
    font-size: 28px;
    content: "\F129\00a0";
    color: #ff8400;
}

div.wow_box p, div.wow_box2 p {
    margin-top: 5px;
    margin-bottom: 0px;
}

div.wow_box ul {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size:14px;
}

details.wow_quellen summary { /* Quellverzeichnis */
    cursor:pointer;
    color:#585858;
    font-size: 14px;
}

details.wow_quellen ul li {
    font-size: 12px;
    color:#585858;
}

div.wow_leser p.headline {
    font-weight: bold;
    /*color:#CE232B;*/
    font-size: 16px;
}

div.wow_leser p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
}
/* FAQ einrücken */
/* details p { 
    margin-top: 10px;
    text-indent: 20px;    
}
*/
p.wow_list {
    margin-bottom:10px;
    }

ul.wow_list, ol.wow_list {
    padding-left:20px;
}

ul.wow_list li, ul.wow_list ul, ol.wow_list li, ol.wow_list ul {
    margin-top: 5px;
    margin-bottom: 0;
    margin-left:20px;
}

ol.wow_list p, ul.wow_list p {
    margin-top: 5px;
    margin-bottom: 0;
}

ul.arrow {
  list-style: none;
}

ul.arrow li:before {
  font-family: 'newspaper', sans-serif;
  content: '\e803';
  float: left;
  margin-left: -16px;
  line-height: 26px;
  font-size: 14px;
}

div.wow_box.positiv ul, div.wow_box.negativ ul {
  list-style: none;
  text-align: center;
}

.positiv ul li:before {
  font-family: 'newspaper', sans-serif;
  content: '✓ ';
  font-weight: bold;
  color: #00ad67;
  line-height: 26px;
  font-size: 14px;
}

.negativ ul li:before {
  font-family: 'newspaper', sans-serif;
  content: 'x ';
  font-weight: bold;
  color: #fb0209;
  line-height: 26px;
  font-size: 14px;
}

div.wow_hilfreich {
    color: grey;
    text-align: right;
    font-size: 12px;
}

@media (max-width: 767px) { /* Mobile */
    ul.arrow li:before {
        line-height: 19px;
    }
}

details.wow_mehranzeigen p {
    margin-bottom:0px;
    margin-top:10px;
}

div.row details.wow_mehranzeigen summary {
    cursor:pointer;
    color:#316ECA;
    text-align:center;
    font-size:14px;
}

span.wow_blau, p.wow_blau {
    color:#0254A0;
}

span.wow_rot, p.wow_rot {
    color:#CE232B;
}
div.row div.col-md-6 div.wow_box {
    width: 100%;
}

/* Ama&FB Review START */
div.ama_review {
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 19px;
    box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    &.left {
        width: 90%;
        margin-right: 10%;
    }
    &.right {
        width: 90%;
        margin-left: 10%;
    }
    &.center {
        width: 90%;
        margin: auto;
        margin-bottom: 30px;
    }
    p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 10px;
    }
    p:last-child {
        margin-bottom:0;
    }
    .profile {
        display: block;
        min-height: 34px;
        margin-bottom: 6px;
        .avatar {
            position: relative;
            display: table-cell;
            vertical-align: top;
            img {
                margin: 0;
            }
        }
        .name {
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px;
        }
        
    }
    .review_data {
        margin-bottom: 6px;
    }
    .rating-box {
        position:relative;
        vertical-align: middle;
        font-family: 'FontAwesome';
        display: inline-block;
        .rating {
            position: absolute;
            color: #FFC200;
        }
        .rating_title, p {
            display: inline-block;
            color: #111;
            font-weight: 700;
            margin-left: 40px;
        }
    }
    .review_date, .review_type, .review_separator {
        font-size: 13px;
        color: #555;
    }
    .review_separator {
        &:before, &:after {
            content: '\00a0';
        }
    }
    .review_verified {
        color: #c45500;
        font-weight: 700;
        font-size: 11px;
    }
    .review_text {
        margin-bottom: 10px;
    }
    .helpful {
        color: #767676;
        font-weight: 600;
    }
}

.fb_review {
    display: block;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 16px;
    .avatar {
        display: table-cell;
        vertical-align: top;
        img {
            margin: 0 6px 0 0;
            min-height: 30px;
            min-width: 30px;
        }
    }
    .text {
        width: 412px;
        padding: 8px 10px;
        background-color: #f2f3f5;
        border-radius: 18px;
        color: #1c1e21;
        display: table-cell;
        position: relative;
        vertical-align: middle;
        margin: 0;
        box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
        .user {
            color: #385898;
            font-weight: 700;
        }
        p {
            font-size: inherit;
            line-height: inherit;
            margin: inherit;
            display: inline;
        }
        .likes {
            padding: 1px 5px 1px 5px;
            position: absolute;
            right: 0;
            bottom: -11px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow:
            0px 2px 4px -1px rgba(0, 0, 0, 0.2),
            0px 4px 5px 0px rgba(0, 0, 0, 0.14),
            0px 1px 10px 0px rgba(0, 0, 0, 0.12);
            i {
                color: blue;
                &:after {
                    content: '\00a0';
                }
            }
        }
    }
    .text_under {
        color: #385898;
        display: block;
        margin-left: 46px;
        position: relative;
        top: 6px;
        .separator {
            color: #8d949e;
        }
        span:last-child {
            color: #606770;
        }
    }
}
/* Ama&FB Review ENDE */
.gf_review {
    background-color: #fff;
    border-radius: .4rem;
    box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    padding: 2rem;
    word-break: break-word;
    word-wrap: break-word;
    font-family: Roboto,sans-serif;
    line-height: 1.4;
    .gf_meta {
        display: block;
        color: #656768;
        font-size: 1.4rem;
        .gf_avatar {
            display: table-cell;
            postition: relativ;
            vertical-align: middle;
            img {
                margin: 0 10px 0 0;
                
            }
        }
        .gf_headline {
            display: table-cell;
            vertical-align: middle;
            .gf_title {
                display: table-cell;
                color: #222223;
                font-size: 1.8rem;
                line-height: 1.2;
            }
            .gf_author {
                display: table-cell;
                a {
                    color: #49a0cc;
                    font-weight: 600;
                }
            }
            .gf_date {
                display: table;
            }
        }
    }
    .gf_content {
        margin-top: 15px;
        p {
            margin: 0;
            font-family: Roboto,sans-serif;
        }
    }
    .gf_voting {
        font-family: RobotoLocal,sans-serif;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1.4;
        display: inline-flex;
        cursor: pointer;
        margin-top: 30px;
        .gf_voting-left {
            background: #49a0cc;
            color: #fff;
            height: 4.2rem;
            padding: 1rem;
            position: relative;
            border-radius: .4rem 0 0 .4rem;
            border-right: .2rem solid #fff;
            -webkit-transition: background-color .2s,border-right-color .15s,padding-right .2s;
            transition: background-color .2s,border-right-color .15s,padding-right .2s;
        }
        .gf_voting-right {
            background: #49a0cc;
            color: #fff;
            height: 4.2rem;
            padding: 1rem;
            position: relative;
            border-radius: 0 .4rem .4rem 0;
            overflow: hidden;
            -webkit-transition: margin-left0.2sease-in-out,background-color .2s;
            transition: margin-left0.2sease-in-out,background-color .2s;
            width: 4rem;
        }
        .gf_voting-text {
            display: flex;
            justify-content: center;
            white-space:nowrap
        }
        .gf_voting-downvote {
            position: relative;
            height: 4.2rem;
            color: #a8acad;
            font-size: 1.4rem;
            padding: 1rem;
            -webkit-transition: margin-left .2s ease-in-out;
            transition: margin-left .2s ease-in-out;
        }
        .gf_voting-icon {
            -webkit-box-align: center;
            align-items: center;
            color: #49a0cc;
            cursor: pointer;
            display: flex;
            -webkit-box-pack: start;
            justify-content: flex-start;
            position: relative;
            
            i {
                font-size: 26px;
            }
        }
    }
}