/* Allgemeine Styles fuer Q+A-Seiten*/


.layout--twocol-section {
	max-width: 1170px;
	margin: 0 auto;
	}

.layout__region.layout__region--first {
	flex: 0 1 70%!important;
	}

.layout__region.layout__region--second {
	flex: 0 1 30%!important;
	max-width: 30%;
	}

.main-page .content {
	background-color: #f2f2f2;
	}

.layout__region.layout__region--first > div {
	background-color: #fff;
	margin: 30px 30px 0 0;
	} 

.layout__region.layout__region--first > div .block-content {
	background-color: #fff;
	padding: 20px;
	}


/*Überschrift*/

h1 {
	text-align: center;
	color: #1d71b8!important;
	margin-top: 8px;
	}

h1 .computer {
	color: #1f3f7c;
	}

h1 .haushaltsgrossgeraete {
	color: #179691;
	}

h1 .hausinstallationen {
	color: #812338;
	}

h1 .kaffeemaschinen {
	color: #4f2616;
	}

h1 .kleingeraete {
	color: #99287b;
	}

h1 .kuechenmaschinen {
	color: #c03f3e;
	}

h1 .smartphone {
	color: #4c2354;
	}

h1 .unterhaltungselektronik {
	color: #f69f14;
	}


/*Formular*/

.layout__region.layout__region--first div.block-field-blocknodeq-afield-kommentare-q-a {
	margin-top: 0;
	}


.newcomment-form {
	display:block!important;
	margin-top: -70px;
	}

.newcomment-form h2 {
	display: none;
	}

#comment-form label {
	color:#1d71b8;
	font-weight:bold;
	width:100%;
	margin-top:15px;
	}

.newcomment-form input[type="text"], 
.newcomment-form input[type="email"], 
.newcomment-form textarea {
	width:100%!important;
	background-color:#f2f2f2;
	border-radius: 4px;
	height: 38,66px;
	}

#edit-mail--description {
	font-style:italic;
	}

.newcomment-form .form-actions {
	text-align:center;
	margin-top:15px;
	} 

.newcomment-form input.form-submit {
	background-color: var(--color2);
	font-size: 1rem;
	font-weight: 700;
	padding: 10px;
	width: 340px;
	line-height: 1.7;
	}

.newcomment-form input.form-submit:hover {
	background-color: #1d71b8;
	text-decoration: underline;
	}


/*Eingabe-Formular Checkbox und "Bitte benachrichtigen Sie mich..." in einer Zeile*/

.js-form-item-notify {
	display:flex;
	justify-content:center;
	align-items:center;
	margin: 15px 0;
	}

.js-form-item label.option {
	margin: 0 0 0 10px!important;
	}


/*Datenschutz-akzeptieren*/

#edit-field-datenschutz-wrapper {
	margin: 15px 0 25px;
	}

#edit-field-datenschutz-wrapper label {
	display: none;
	}

#edit-field-datenschutz-value--description {
	display: inline-block;
	padding-left: 5px;
	}


/*Jetzt Techniker finden*/

.layout__region--first div:nth-child(3) .block-content {
	background-color: var(--color2);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	}

.layout__region--first :nth-child(3) .techniker-finden:after {
	font: var(--fa-font-solid);
    content: "\f002";
    color: #fff;
	margin-left: 10px;
	}

.layout__region--first :nth-child(3) .techniker-finden a {
	color: #fff;
	}

.layout__region--first :nth-child(3) .techniker-finden a:hover {
	color: #fff;
	}


/*Fragen durchsuchen*/

.layout__region.layout__region--first div.block-views-exposed-filter-blockkommentarsuche-page-1 {
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	justify-content: space-between;
	border-bottom: 2px solid #f2f2f2;
	padding: 10px 0;
	}

.block-views-exposed-filter-blockkommentarsuche-page-1 .views-exposed-form-content-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	}

.layout__region.layout__region--first div.block-views-exposed-filter-blockkommentarsuche-page-1 h2 {
	width: 35%;
	margin: 0;
	padding: 10px 0 10px 20px;
	}

.block-views-exposed-filter-blockkommentarsuche-page-1 .js-form-item-suche {
	width: 85%;
	margin-bottom: 0;
	}

.layout__region.layout__region--first div.block-views-exposed-filter-blockkommentarsuche-page-1 .block-content {
	width: 65%;
	}

#views-exposed-form-kommentarsuche-page-1 {
	background-color: #f2f2f2!important;
	border: 1px solid #dee2e6!important;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.02) inset;
	}

.block-views-exposed-filter-blockkommentarsuche-page-1 input#edit-suche.form-text {
	background-color: #f2f2f2!important;
	border: 0;
	box-shadow: none;
	padding-right: 0;
	}

.block-views-exposed-filter-blockkommentarsuche-page-1 input.form-submit  {
	background: transparent!important;
	margin-left: -90px;
	color:transparent!important;
	}

#block-hervorgehobenesformularkommentarsuchepage-1 .form-actions::after,
#views-exposed-form-kommentarsuche-page-1 .form-actions::after {
	font: var(--fa-font-solid);
    content: "\f002";
    color: #363638;
	margin-left: -30px;
	}


/*neueste Fragen*/ 

.layout__region.layout__region--first div.block-views-blockkommentare-fragen-block-2,
.layout__region.layout__region--first div.block-views-blockkommentare-fragen-block-4 {
	margin-top: 0;
	}

.layout__region.layout__region--first div.block-views-blockkommentare-fragen-block-2 .block-content,
.layout__region.layout__region--first div.block-views-blockkommentare-fragen-block-4 .block-content {
	background-color: #f2f2f2;
	padding: 0;
	}

.view-list-item {
	display:flex;
	flex-wrap:wrap;
	background-color:#fff;
	padding: 15px 20px;
	}

.views-field-subject {
	width:100%;
	}

.views-field-name.ebene-0,
.views-field-created,
.views-field-name {
	font-style:italic;
	padding-right: 10px;
	font-size:0.9rem;
	}

.views-field-name {
	font-weight:bold;	
	}

.views-field h3 {
	text-align: left;
	margin: 10px 0 0 !important;
	}

.views-field-replyto-comment,
.views-field-edit-comment {
	width:  100%;
    margin-bottom: 15px;
	}

.view-list-item div:nth-child(7) {
	display: none;
	}

ul.list-item-frage .views-field.views-field-field-geraeteart,
ul.list-item-frage .views-field.views-field-hersteller-modell {
	display:flex;
	font-style:italic;
	font-size:0.9em;
	}

ul.list-item-frage .views-field.views-field-field-geraeteart::after {
	content:" | ";
	padding: 0 10px;
	}

ul.list-item-frage .views-field.views-field-created.ebene-0::after {
	content:" | ";
	padding: 0 0 0 10px;
	}

.views-label-field-geraeteart,
.views-label-hersteller-modell {
	font-weight:bold;
	padding-right:5px;
	}

ul.list-item-frage .views-field.views-field-field-geraeteart p {
	margin-bottom: 0;
	}

/*.views-label-hersteller-modell {
	padding-left:10px;
	}*/

.block-views-blockkommentare-fragen-block-2 .item-list ul li.view-list-item:last-child,
.block-views-blockkommentare-fragen-block-4 .item-list ul li.view-list-item:last-child {
	margin-bottom: 0;
	}

.views-field-uid {
	font-weight: bold;
	font-size: 0.9rem;
	font-style: italic;
	padding-right: 10px;
	}

nav.pager {
	background-color: #fff;
	margin-bottom: 30px;
	}

ul.js-pager__items {
	padding: 30px 0 0 30px !important;
	}


/*Antworten-Link ausblenden*/

.node--type-q-a .views-field-replyto-comment {
	display: none;
	}


/*SIDEBAR*/

.layout__region.layout__region--second > div,
.sidebar-inner > div > div {
	background-color: #fff;
	margin: 30px 0 0 0;
	padding-top: 15px;
	} 

.layout__region.layout__region--second > div:nth-child(even),
.sidebar-inner > div > div:nth-child(even) {
	margin-top: 0;
	} 

.layout__region.layout__region--second > div .block-content,
.sidebar-inner > div > div .block-content {
	border-bottom: 1px solid rgba(0,0,0,.06);
	background-color: #fff;
	padding: 10px 20px;
	} 

.layout__region.layout__region--second h3,
.sidebar-inner h3 {
	text-align: left;
	padding: 10px 0 0;
	margin: 0;
	}

.layout__region.layout__region--second h4,
.sidebar-inner h4 {
	margin: 10px 0 0;
	}


/*Video*/

.videoplayer {
	text-align: center;
	}

.youtubevideo {
	width: 311px;
	height: 190px;
	}


/*Blogbeiträge*/

.block-views/*-blockblogbeitraege-fuer-landingpages-block-26*/ .gva-view-grid-inner {
	margin: 0;
	}

.block-views/*-blockblogbeitraege-fuer-landingpages-block-26*/ img {
	width:311px;
	padding-bottom: 5px;
	}

.block-views/*-blockblogbeitraege-fuer-landingpages-block-26*/ .item-columns {
	padding: 30px 0 25px;
	border-bottom: 1px solid #f2f2f2;
	}

.block-views/*-blockblogbeitraege-fuer-landingpages-block-26*/ .item-columns:nth-child(1) {
	padding-top: 0;
	}

.block-views/*-blockblogbeitraege-fuer-landingpages-block-26*/ footer {
	background-color: #fff;
	padding: 0;
	}

.block-views/*-blockblogbeitraege-fuer-landingpages-block-26*/ footer a {
	background-color: var(--color2);
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 15px;
	}


/*Beliebte Blogbeiträge*/

.blogbeitraege {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	}

.blogbeitraege a {
	padding-right: 10px;
	}

.blogbeitraege a:nth-child(1) {
	font-size: 0.9rem;
	}

.blogbeitraege a:nth-child(2) {
	font-size: 1.2rem;
	}

.blogbeitraege a:nth-child(3) {
	font-size: 1.2rem;
	}

.blogbeitraege a:nth-child(4) {
	font-size: 0.9rem;
	}

.blogbeitraege a:nth-child(5) {
	font-size: 1.1rem;
	}

.blogbeitraege a:nth-child(6) {
	font-size: 0.8rem;
	}

.blogbeitraege a:nth-child(7) {
	font-size: 0.9rem;
	}

.blogbeitraege a:nth-child(8) {
	font-size: 1.1rem;
	}

.blogbeitraege a:nth-child(9) {
	font-size: 1.3rem;
	}

.blogbeitraege a:nth-child(10) {
	font-size: 0.9rem;
	}


/*Macher Karussell*/

.block-views-blockspezialisten-karrusell-taxonomy-terms-block-12 h2 {
	padding-right: 40px;
	}

.owl-carousel {
	width:280px;
	margin: 0 auto;
	}

.owl-carousel .owl-nav {
	opacity:1;
	}

.owl-carousel .owl-nav.disabled {;
	display:block;
	}

.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
	background-color: var(--color2)!important;
	}

.owl-carousel .owl-nav > div.owl-next {
	right:-25px!important;
	}

.owl-carousel .owl-nav > div.owl-prev {
	left:-25px!important;
	}


/*Suchformular wird hervorgehoben wenn es aktiv wird*/

.suchformular .suche-inhalt #block-hervorgehobenesformularmacher-suchelisting-map-one:focus-within {
	animation-name: highlight2;
	animation-duration: 1s;
	animation-iteration-count: 1;
	border-radius:4px;
	}

@keyframes highlight2 {
	0% {border: 0;}
	10% {border: 1px solid red;}	
	25% {border: 2px solid red;}
	50% {border: 4px solid red;}
	75% {border: 2px solid red;}
	90% {border: 1px solid red;}
	100% {border: 0;}
	}


/*****************************************CSS FÜR DIE FRAGENUNTERSEITEN*****************************************/

.path-frage #content .container,
.path-comment #content .container,
.path-fragen-antworten #content .container {
	max-width: 1170px;
	padding: 0;
	}


/*Hauptteil*/

.path-frage .content-main-inner,
.path-comment .content-main-inner {
	padding-bottom: 30px;
	}

.path-frage #page-main-content,
.path-fragen-antworten #page-main-content {
	flex: 0 1 70%;
	padding: 0;
	}

.path-frage .main-content-inner,
.path-comment .main-content-inner,
.path-fragen-antworten .main-content-inner {
	margin: 30px 30px 0 0;
	}

.path-frage .content-main-inner .row,
.path-fragen-antworten .content-main-inner .row {
	margin: 0;
	}

.path-frage .content .block-content,
.path-comment .content .block-content {
	background-color: #fff;
	}

.path-frage h1,
.path-comment h1 {
	padding: 20px 20px 0 20px;
	text-align: left;
	}

.path-frage footer.comment__meta,
.path-comment footer.comment__meta,
.path-fragen-antworten footer.comment__meta {
	display:flex;
	background-color:#fff!important;
	color:#363638;
	padding: 0 0 0 20px;
	font-style:italic;
	font-size:0.9em;
	}

.path-frage footer .comment__author,
.path-comment footer .comment__author,
.path-fragen-antworten footer .comment__author {
	padding-right:10px;
	font-weight:bold;
	width:max-content;
	}

.path-frage .comment__content {
	padding: 0 20px;
	}

.path-frage .main-content h3,
.path-fragen-antworten .main-content h3 {
	text-align: left;
	color: #1d71b8!important;
	margin: 0;
	width: 100%;
	}

.path-frage .comment__content h3,
.path-comment .comment__content h3 {
	display:none;
	}

.path-frage .comment__content,
.path-frage .field--name-field-geraeteart,
.path-frage .field--name-hersteller-modell,
.path-comment .comment__content,
.path-comment .field--name-field-geraeteart,
.path-comment .field--name-hersteller-modell,
.path-fragen-antworten .comment__content,
.path-fragen-antworten .field--name-field-geraeteart,
.path-fragen-antworten .field--name-hersteller-modell,
.path-fragen-antworten .field--name-field-ort {
	display:flex;
	}

.path-frage .comment__content,
.path-comment .comment__content,
.path-fragen-antworten .comment__content {
	flex-wrap:wrap;
	}

.path-frage .field--name-comment-body,
.path-comment .field--name-comment-body,
.path-fragen-antworten .field--name-comment-body {
	width:100%;
	}

.path-frage .field--name-field-geraeteart,
.path-frage .field--name-hersteller-modell,
.path-fragen-antworten .field--name-field-geraeteart,
.path-fragen-antworten .field--name-hersteller-modell,
.path-comment .field.field--name-field-geraeteart.field--type-text.field--label-above,
.path-comment .field.field--name-hersteller-modell.field--type-text.field--label-above,
.views-field.views-field-uid {
	padding-right: 10px;
	font-style:italic;
	font-size:0.9em;
	}

.path-frage .field--name-field-geraeteart .field__label,
.path-frage .field--name-hersteller-modell .field__label,
.path-comment .field--name-field-geraeteart .field__label,
.path-comment .field--name-hersteller-modell .field__label,
.path-fragen-antworten .field--name-field-geraeteart .field__label,
.path-fragen-antworten .field--name-hersteller-modell .field__label {
	font-weight:bold;
	padding-right:5px;
	}

.path-frage .views-field-name,
.views-field.views-field-uid {
	font-weight:bold;
	}

.path-frage .field--name-field-geraeteart::after,
.path-comment .field--name-field-geraeteart::after {
    content: " | ";
    padding-left: 10px;
	}

.path-frage .comment__time,
.path-frage .comment__author,
.path-fragen-antworten .comment__time,
.path-fragen-antworten .comment__author {
	margin-bottom: 0;
	}

.path-frage .zurueck a,
.path-comment .zurueck a {
	padding-left:20px;
	}

.path-frage ul.list-item-frage li.view-list-item {
	padding: 30px 20px 0 40px;
	}

.path-frage .views-field-subject {
	padding-bottom:10px;
	}

.path-frage .views-field-comment-body {
	padding-top:10px;
	width: 100%;
	}

.path-frage nav,
.path-comment nav {
	width:100%;
	}

.path-frage ul.links.inline {
	text-align:right;
	list-style:none;
	font-weight:bold;
	z-index:1;
	}


/*Antworten-Link ausblenden*/

.path-frage .comment__content nav {
	display: none;
	}


/*Kategorien unterhalb der Frage bei Suchübersichtsseite ausblenden*/

ul.list-item-frage .views-field-field-anzeige-q-a-seite {
	display: none;
	}



/*Sidebar*/

.path-frage .content-main-inner .col-lg-3,
.path-fragen-antworten .content-main-inner .col-lg-3 {
	flex: 0 1 30%;
	max-width: 30%;
	margin-bottom: 30px;
	padding: 0;
	}

.path-fragen-antworten #block-allekategorienqaliste p {
	padding: 25px 20px;
	}


/**************************************CSS FÜR DIE FRAGEN DURCHSUCHEN SEITEN************************************/


.path-fragen-antworten .content-main {
	min-height: 330px;
	background-color: #fff;
	margin-bottom: 30px;
	}


.path-fragen-antworten .block-views-exposed-filter-blockkommentarsuche-page-1 {
	padding: 20px 20px 30px 20px;
	margin: 30px 0 0;
	}

.path-fragen-antworten input#edit-suche--2 {
	background-color: #f2f2f2;
	border: 0;
	box-shadow: none;
	}

#views-exposed-form-kommentarsuche-page-1 {
	border-radius: 4px;
	}

.suche-fragen {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #f2f2f2;
	padding: 20px 20px 40px;
	}

.suche-fragen-ohne {
	background-color: #fff;
	padding: 10px 20px 40px;
	}

.suche-fragen h1,
.suche-fragen-ohne h1 {
	font-size: 1.6rem!important;
	text-align: left;
	text-transform: none;
	margin: 0;
	}

.suche-fragen .button,
.suche-fragen-ohne .button {
	background-color: var(--color2);
	text-align: center; 
	border-radius: 4px;
	padding: 10px;
	width: 270px;
	}

.suche-fragen .button a,
.suche-fragen .button a:hover,
.suche-fragen-ohne .button a,
.suche-fragen-ohne .button a:hover{
	color: #fff!important;
	}

.suche-fragen-ohne .text {
	padding: 20px 0 25px;
	}

.path-fragen-antworten .item {
	background-color: #fff;
	margin-bottom: 30px;
	padding: 15px 20px;
	}

.path-fragen-antworten .item:first-child {
	padding-top: 30px;
	}

.path-fragen-antworten .item:last-child,
.path-fragen-antworten nav.pager {
	margin-bottom: 0;
	}

.path-fragen-antworten footer.comment__meta {
	padding: 0;
	}

.path-fragen-antworten .field--name-field-geraeteart {
	order: 1;
	}

.path-fragen-antworten .field--name-hersteller-name {
	order: 2;
	}

.path-fragen-antworten .comment__content h3 {
	order: 3;
	}

.path-fragen-antworten .comment__content .contexual {
	order: 4;
	}

.path-fragen-antworten .field--name-comment-body {
	order: 5;
	}

.path-fragen-antworten .sidebar .field--name-body {
	background-color: #fff;
	}

.path-fragen-antworten .field--name-field-ort {
	display: none;
	}

.path-fragen-antworten .field--name-hersteller-modell:after {
    content: " | ";
    padding-left: 10px;
	}

/*Antworten-Link ausblenden*/

.path-fragen-antworten article nav {
	display: none;
	}


/*svg Map-Einbindung*/

.field--name-body a path {
	fill:#1d71b8!important
	}

.field--name-body a:hover path {
	fill:#b51b23!important
	}

.field--name-body .cls-2 {
	stroke:#fff;
	}

.field--name-body .cls-1 {
	fill:white;
	}

.field--name-body .cls-2 {
	fill:#b51c23;
	}