/* 
Theme Name: Hello Hörakustiker Bewertungen
Theme URI: https://www.hoerakustiker-bewertungen.de
Description: Theme für Hörakustiker Bewertungen basierend auf Elementor Hello
Author: comserro
Author URI: https://www.comserro.de/
Template: hello-elementor
Version: 1.0.0
Text Domain: hoerakustiker-bewertungen
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* Bewertungsbox */
.ratingbox {margin: 0 auto; width: 60%; border: solid 3px #CFDCE3; padding: 10px;}
.ratingbox-top {width:100%;}
.ratingbox-top-left, .ratingbox-top-right {width: 50%; height: 65px; float: left; border-bottom: solid 1px #CFDCE3; padding-bottom: 10px; line-height: 1.3;}
.ratingbox-top-right i {font-size: 25px;}
.rating-expand {clear: both;width: 100%;border-bottom: solid 1px #CFDCE3;padding-top: 5px;padding-bottom: 5px;}
.rating-expand-text {width: 150px;float: left;}
.ratingbox-bottom {width: 100%;	padding-top: 10px;}
.ratingbox-bottom-comment {width: 100%;	padding-top: 10px; color: #707070;}
.ratingbox-user {height: 65px; float: left; padding: 5px 5px 0 0}
.rating-margin {margin: 0 auto; width: 60%; height: 20px; padding-top: 5px}
.bewertungsstart {margin: 0 auto; width: 60%; padding-top: 10px;}
.bewertungsstart h3 {font-size: 22px}

/* Bewertungskommentar */
.bewertungs_l {font-weight: normal}
.bewertungs_k  {width: 75px; border: 3px solid #CFDCE3; background-color: #F9F9F9; text-align: center; padding: 1px}
.bewertungs_k_t  {width: 80%; border: 3px solid #CFDCE3; background-color: #F9F9F9; padding: 2px}

/* Legende Bewertung */
.legend_star {border-top: 1px solid #C3C3C3; font-size: 14px; color: #C3C3C3}
.legend_star_s {color: #FED845}
.legend_star_r {color: #C3C3C3}

/* Akustiker nach Bundesland */
.akustiker-bundesland {float: left; width: 30%; margin-right: 3%;}
.akustiker-standort {line-height: 1.5; font-size: 12.5pt;}

/* Sterne */
.sy {color:#FFD800;}
.sg {color:#C0C0C0;}
.su {color:#CFDCE3;}

/* Helper */
.go-right {text-align: right;}
.go_next {width: 75px; padding: 5px; float: right; cursor: pointer}
.go_back {width: 75px; padding: 5px; float: left; cursor: pointer}
.go_save {width: 75px; padding: 5px; cursor: pointer}
.clearfix {clear: both;}
.login-infobox {width: 50%; float: left;}
.login-infobox-left {width: 50%; float: left; text-align: left;}
.login-infobox-right {width: 50%; float: left; text-align: right;}

/* Mobile */
@media only screen and (max-device-width: 800px) {
.ratingbox {width: 96%;}
.bewertungsstart {width: 96%;}
.bewertungsstart h3 {font-size: 14px}
.ratingbox-top-left {width: 70%;}
.ratingbox-top-right {width: 30%;}
.ratingbox-top-left, .ratingbox-top-right {height: 75px;}
.ratingbox-top-right i {font-size: 16px;}
.rating-margin {width: 96%;}
.akustiker-bundesland {width: 100%; margin-right: 0%;}
.login-infobox {width: 100%; float: none;}
.login-infobox-left {width: 100%; float: none;}
.login-infobox-right {width: 100%; float: none; text-align: left;}
}

/* Tablet */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
.ratingbox {width: 96%;}
.akustiker-bundesland {width: 100%; margin-right: 0%;}
}