/*************** Forenseite ***************/


/* Übersichtsseite Pinnwand */

.view-foren-beitragsuebersicht {
	margin-bottom: 60px;
	}

.pinnwandDiv a:hover {
	text-decoration: none;
	}

.pinnwandDiv p {
	padding: 0 15px;
	font-size: 0.8rem;
	color: #363638;
	}

.pinnwandDiv {
	padding: 15px 0;
	}

p.pinnwandTaxo:before {
	font-family: var(--fa-style-family, "Font Awesome 6 Pro");
	font-weight: var(--fa-style, 900);
	display: inline-block;
	color: #363638;
	content: '\f08d';
	font-size: 0.8rem;
	position: absolute;
	right: 15px;
	}

p.pinnwandTaxo {
	color: #33768a;
	font-weight: 700;
	width: 90%;
	}

p.PinnwandTitel {
	clear: right;
	font-weight: 700;
	padding: 10px 15px;
	min-height: 107px;
	}

p.pinnwandBody {
	min-height: 109px;
	-moz-hyphens: manual;
	-o-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual; 
	word-break: break-word;
	}


@media screen and (min-width: 751px) {
	
p.PinnwandTitel {
	min-height: 108px;
	-moz-hyphens: manual;
	-o-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual; 
	word-break: break-word;
	}

p.pinnwandBody {
	min-height: 109px;
	}

}


@media screen and (min-width: 1101px) {
	
p.PinnwandTitel {
	min-height: 86px;
	-moz-hyphens: manual;
	-o-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual; 
	word-break: break-word;
	}

p.pinnwandBody {
	min-height: 87px;
	}

}


/* Übersicht der einzelnen Foren */

.forenuebersichtDiv {
	border: 1px solid #d3d3d3!important;
    border-radius: 10px;
    position: relative;
	margin-bottom: 10px;
	}

.forenuebersichtDiv a > div {
	padding: 15px;
	margin-left: 40px;
	}

.forenuebersichtDiv a:hover {
	text-decoration: none;
	background-color: red;
	}

.paragraph .paragraph__inner .forenuebersichtDiv p {
	padding: 0;
	color: #363638;
	}

.forenuebersichtDiv p.forenuebersichtTitel {
	font-weight: 700;
	}

.forenuebersichtDiv p.forenuebersichtSubtitel {
	font-size: 0.8rem;
	max-width: 90%;
	}

.forenuebersichtDiv:after {
 	font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 900);
    position: absolute;
	}

.forenuebersichtDiv:after {
	color: #d3d3d3;
	content: '\f105';
    right: 25px;
    top: 33%;
	}

.forenuebersichtDiv:before {
	position: absolute;
    top: 28%;
	width:35px;
	height: auto;
    left: 10px;
	}

.forenuebersichtDiv.neuigkeiten:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Allgemein.svg");
	}

.forenuebersichtDiv.autoschluessel:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Autoschluessel.svg");
	}

.forenuebersichtDiv.beginnerarea:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Beginner.svg");
	}

.forenuebersichtDiv.computer:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Computer.svg");
	}

.forenuebersichtDiv.ersatzteilsuche:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Ersatzteile.svg");
	}

.forenuebersichtDiv.fachhaendler:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Fachhandel.svg");
	}

.forenuebersichtDiv.fernsehgeraete:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Fernseher.svg");
	}
	
.forenuebersichtDiv.garantiereparatur:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Garantie.svg");
	}
	
.forenuebersichtDiv.gutachter:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Gutachter.svg");
	}

.forenuebersichtDiv.hausinstallation:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Hausinstallation.svg");
	}

.forenuebersichtDiv.hifigeraete:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Hifi.svg");
	}

.forenuebersichtDiv.kaffeemaschinen:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Kaffeemaschine.svg");
	}
	
.forenuebersichtDiv.kleingeraete:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Kleingeraete.svg");
	}

.forenuebersichtDiv.kuechenmaschinen:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Kuechenmaschine.svg");
	}

.forenuebersichtDiv.meinmacher:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/MeinMacher.svg");
	}

.forenuebersichtDiv.reparaturtools:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Repairtools.svg");
	}	

.forenuebersichtDiv.sat-anlagen:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Satanlagen.svg");
	}

.forenuebersichtDiv.smartphone:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Smartphone.svg");
	}

.forenuebersichtDiv.anregungen:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Anregungen.svg");
	}

.forenuebersichtDiv.weisseware:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Waschmaschine.svg");
	}

.forenuebersichtDiv.vangerow:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Mitarbeiter.svg");
	}

.forenuebersichtDiv.checkupsupervisor:before {
	content: url("https://vriends-vangerow.de/sites/default/files/icons/Supervisor_kl.svg");
	}


@media screen and (min-width: 751px) {

.view-forenuebersicht-technische-foren {
	margin-top: 20px;
	}	
	
#pb__simple-636.paragraph--type--button .paragraph__inner a {
	width: 80%;
	}
	
.forenuebersichtDiv {
	width: 66%;
	}	
	
}


/* Wer ist online, rechts neben der Übersicht anzeigen lassen (mobil ausgeblendet)*/

#pb__default-2847 {
	display: none;
	}


@media screen and (min-width: 751px) {

#pb__default-2847 {
	display: block;
	position: absolute;
	top: 745px;
	right: 0;
	}
	
#pb__default-2847 .view-wer-ist-online {
	padding: 0;
	}	
	
.view-wer-ist-online .online {
	font-weight: 700;
	margin-bottom: 10px;
	}	
	
}	


@media screen and (min-width: 1101px) {

#pb__default-2847 {
	top: 697px;
	}
	
}


/*************** Forenübersicht einzelnes Forum ***************/


/* Moderator Avatare */

.paragraph .paragraph__inner div.moderatorDiv {
	border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 5px 5px 7px 0px #eaeaea;
    margin-bottom: 10px;
	padding: 15px;
	text-align: center;
	min-height: 165px;
	}

.moderatorDiv a:hover {
	text-decoration: none;
	}

.moderatorDiv p {
	padding: 0;
	}

.moderatorDiv p.moderatorName {
	font-size: 0.8rem;
	font-weight: 700;
	padding-top:10px;
	}

.moderatorDiv .moderator {
	font-size: 0.7rem;
	}

.moderatorBild img {
	width: 60px;
	object-fit: cover;
	height: 60px;
	border-radius: 50%;
	}


/* Mitgliedschaft beantragen und anfragen Button */

.paragraph.vriends-button {
	margin: 30px 0 40px 0;
	}


/* Allgemein */

.view-foren-beitragsuebersicht .views-row,
.view-foren-themen-kommentare  .views-row,
.view-foren-themen-kommentare-2 .views-row,
.view-taxonomy-term .views-row {
	padding: 15px;
	border-bottom: 1px solid #d3d3d3!important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	}

.view-foren-beitragsuebersicht .views-row:last-child,
.view-foren-themen-kommentare .views-row:last-child,
.view-foren-themen-kommentare-2 .views-row:last-child,
.view-taxonomy-term .views-row:last-child {
	border-bottom: 0!important;
	}

.paragraph .paragraph__inner .view-foren-beitragsuebersicht div:hover,
.paragraph .paragraph__inner .view-foren-themen-kommentare div:hover,
.paragraph .paragraph__inner .view-foren-themen-kommentare-2 div:hover,
.view-taxonomy-term .view-foren-themen-kommentare-2 div:hover {
	border-color: #d3d3d3;
	}

.view-foren-beitragsuebersicht .views-row .views-field-nothing:hover a,
.view-foren-themen-kommentare .views-row:hover a,
.view-foren-themen-kommentare-2 .views-row:hover a,
.view-taxonomy-term .views-row:hover a {
	text-decoration: none;
	color: #363638;
	}

.view-foren-beitragsuebersicht .views-row:after,
.view-foren-themen-kommentare > .view-content > .views-row:after,
.view-foren-themen-kommentare-2 > .view-content > .views-row:after,
.view-taxonomy-term > .view-content > .views-row:after {
 	font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 900);
    position: absolute;
	color: #d3d3d3;
	content: '\f105';
    right: 25px;
    top: 24px;
	}

.paragraph .paragraph__inner nav.pager a {
	border: none;
	}


/* Übersicht */

.paragraph .paragraph__inner div:has(.view-foren-beitragsuebersicht):hover,
.view-foren-beitragsuebersicht:hover {
	border-color: #d3d3d3!important;
	}

.view-foren-beitragsuebersicht .views-field-user-picture img {
	border-radius:50%;
	margin: 0 10px 5px 0;
	object-fit: cover;
	width: 40px;
	height: 40px;
	object-position: top;
	}

.view-foren-beitragsuebersicht .views-field-uid,
.view-foren-beitragsuebersicht .views-field-created {
	font-size: 0.8rem;
	margin-right: 10px;
	}

.view-foren-beitragsuebersicht p.forenbeitragTitel {
	color: #363638;
	font-weight: 700;
	padding: 10px 0 5px 0;
	}

.view-foren-beitragsuebersicht p.forenbeitragBody {
	color: #363638;
	}

.view-foren-beitragsuebersicht .views-field-nothing {
	width:100%;
	}

.view-foren-beitragsuebersicht a.mt-button {
	border: 5px solid #ecd84b;
	border-radius: 50px;
	font-size: 0.8rem;
	font-weight: 700;
	color: #363638!important;
	height: 29.2px;
	min-height:auto;
	padding: 0;
	line-height: normal;
	width: 160px;
	background-color: #fff;
	}

.view-foren-beitragsuebersicht a.mt-button:hover {
	border: 5px solid #ecd84b;
	text-decoration: underline;
	}


/* Pager */

li.pager__item {
	padding: 0;
	margin: 0;
	margin-top: -1px;
	display: inline-block;
	background-image:none!important;
	}


/* Antworten in Forenuebersicht */

.view-einzelne-antwort {
	padding-left:40px;
	border-bottom: 1px solid #d3d3d3;
	}

.view-einzelne-antwort:hover {
	border-bottom: 1px solid #d3d3d3;
	}

.view-einzelne-antwort .forenbeitragTitel span {
	font-style: italic;
	padding-right: 5px;
	}


/* Forum */

.paragraph .paragraph__inner .view-foren-themen-kommentare a,
.paragraph .paragraph__inner .view-foren-themen-kommentare-2 a {
	color: #363638;
	font-size: 0.8rem;
	}

.paragraph .paragraph__inner .view-foren-themen-kommentare a:hover,
.paragraph .paragraph__inner .view-foren-themen-kommentare-2 a:hover {
	text-decoration: none;
	}

.forenuebersichtTitel {
	font-weight: 700;
	font-size: 1rem;
	width: 90%;
	}

.view-foren-themen-kommentare p,
.view-foren-themen-kommentare-2 p {
	display: inline-block;
	padding: 0;
	}

.view-foren-themen-kommentare .forenuebersichtDatum,
.view-foren-themen-kommentare-2 .forenuebersichtDatum {
	display: block;
	text-align: right;
	font-style: italic;
	padding-bottom: 0;
	}

.view-foren-themen-kommentare .views-field-nothing-1,
.view-foren-themen-kommentare-2 .views-field-nothing-1 {
	width: 100%;
	}

.view-foren-themen-kommentare .views-row::after,
.view-foren-themen-kommentare-2 .views-row::after {
	top: 15px;
	right: 15px;
	}


@media screen and (min-width: 751px) {

.forenuebersichtTitel {
	width: 100%;
	}
	
.view-foren-themen-kommentare .view-datum-letzter-kommentar,
.view-foren-themen-kommentare-2 .view-datum-letzter-kommentar,
.view-foren-themen-kommentare .view-datum-letzter-forenbeitrag,
.view-foren-themen-kommentare-2 .view-datum-letzter-forenbeitrag {
	float: right;
	margin-top: 0;
	margin-right: 55px;
	}	
	
.view-foren-themen-kommentare .forenuebersichtDatum,
.view-foren-themen-kommentare-2 .forenuebersichtDatum {
	padding-top: 0;
	margin-top: 0;
	}	
	
.view-foren-themen-kommentare .views-row::after,
.view-foren-themen-kommentare-2 .views-row::after {
	top: 24px;
	right: 25px;
	}	
		
}


/* Meldung wenn noch keine Beiträge vorhanden */

.keineForenbeitraege {
	padding: 0 15px 15px;
	}

.keineForenbeitraege p:first-child {
	background-color: #33768a;
	color: #fff;
	margin: 15px 0;
	padding: 0 10px;
	border-radius: 4px;
	}

.keineForenbeitraege p:first-child:hover {
	color: #fff;
	}

.keineForenbeitraege .paragraph--type--button.buttonMitglieder .paragraph__inner a {
	margin: 0 auto;
	}
		

/* Meldung, dass nur zugänglich für Mitglieder */
	
.paragraph .paragraph__inner div.vriends-textMitglieder {
	background-color: #33768a;
	color: #fff;
	margin: 25px 15px;
	padding: 0 10px;
	border-radius: 4px;
	}

.paragraph--type--button.buttonMitglieder .paragraph__inner a,
.vriends-tabs .vriends-button2 {
	width: auto;
	margin: 0 15px;
	}


@media screen and (min-width: 751px) {

.paragraph--type--button.buttonMitglieder .paragraph__inner a,
.vriends-tabs .vriends-button2 {
	width: 300px;
	margin: 0 auto;
	}
		
}


/* Medien */

.vriends-tabs .paragraph--type--accordion-bundle .pb__accor {
	border: none!important;
	}

.vriends-tabs .paragraph--type--accordion-bundle .pb__accor-btn,
.pb__accor-pane {
	padding: 15px;
	}

.vriends-tabs .vriends-accordeon .pb__button {
	border: none;
	}

.vriends-tabs .paragraph--type--accordion-bundle,
.vriends-tabs .paragraph--type--block-bundle {
	margin: 0;
	width: 100%;
	}

.vriends-tabs .vriends-akkordeon button {
	padding-left:30px;
	}

.vriends-tabs .vriends-akkordeon .pb__accor-btn {
	position: relative;
	}

.vriends-tabs .vriends-akkordeon .pb__accor-btn:before {
 	font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 900);
    color: #363638;
    position: absolute;
	top: 20px;
	}

.vriends-tabs .vriends-akkordeon > div > div > div > .pb__accor-wrap-btn-item:nth-child(1) > .pb__accor-btn:before {
	content: '\f03e';
	}

.vriends-tabs .vriends-akkordeon > div > div > div > .pb__accor-wrap-btn-item:nth-child(2) > .pb__accor-btn:before {
	content: '\f144';
	}

.vriends-tabs .vriends-akkordeon > div > div > div > .pb__accor-wrap-btn-item:nth-child(3) > .pb__accor-btn:before {
	content: '\f07b';
	}

.paragraph.vriends-akkordeon + .paragraph.vriends-button {
	padding-left: 15px;
	padding-right: 15px;
	}


@media screen and (min-width: 751px) {
	
.paragraph.vriends-akkordeon + .paragraph.vriends-button {
	padding-left: 0;
	padding-right: 0;
	}

}


/* Ohne Akkordeon für die Foren Kaffee, Smartphone, Küchenmaschinen und CheckUp */

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane > .paragraph--type--simple-bundle {
    padding: 25px 15px 25px 45px;
    flex: 0 0 100%;
	margin: 0;
	position: relative;
	font-weight: 700;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane .vriends-text.zugeklappt,
:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane .paragraph--type--block-bundle.aufgeklappt {
    border-bottom: 1px solid #d3d3d3;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane > .paragraph--type--simple-bundle:hover {
    cursor: pointer;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane .vriends-text::before {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 900);
    color: #363638;
    position: absolute;
	left:15px;
	top: 25px;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dateien-link::before {
	content: '\f03e';
	}

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-videos-link::before {
	content: '\f144';
	}

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-link::before {
	content: '\f07b';
	}

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane .vriends-text::after {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 900);
    color: #d3d3d3;
    content: '\f107';
    position: absolute;
    right: 25px;
	top: 25px;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane .vriends-text#foren-dokumente-link {
    border-bottom: 0;
    margin-bottom: 0;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane > .paragraph--type--block-bundle > .paragraph__inner {
    padding: 0 15px 15px;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #medien-pane .pager__items {
    padding: 0;
	margin: 0;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt {
    margin: 0 15px;
    width: 100%;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .vriends-text {
    padding: 10px 0;
	margin: 0;
	cursor: pointer;
	position: relative;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .paragraph--type--block-bundle.aufgeklappt:last-child {
    border-bottom: 0;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-1-link {
    margin-top: 0;
    padding-top: 0;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .view-webform-dateiupload .views-row {
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 5px 5px 7px 0px #eaeaea;
    padding: 15px;
    margin-bottom: 17px;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .vriends-text:nth-last-child(2) {
	width: 100%;
	text-align: center;
	background-color: #ecd84b;
	border: 5px solid #ecd84b;
	border-radius: 50px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    padding: 7px;
    display: block;
    margin: 15px auto 20px auto;
	}

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .vriends-text:nth-last-child(2):hover {     cursor: pointer;
    }

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .vriends-text.aufgeklappt:nth-last-child(2) {
	background-color: #fff;
	border-color: #fff;
	}

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .vriends-text:after {
	right: 10px;
	top: 10px;
	}

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .vriends-text:nth-last-child(2):after {
	content:"";
	}


@media screen and (min-width: 751px) {

:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .view-webform-dateiupload .views-row {
    width: 32%;
    }
	
:is(.page-node-12529, .page-node-62, .page-node-64, .page-node-70) #foren-dokumente-inhalt .vriends-text:nth-last-child(2) {
	width: 300px;
	}

}


/* Filter */

[id*="pb__accor-wrap-btn-item-"].pb__active > div > div.pb__accor-pane {
	padding-top: 0;
	}

form[data-drupal-selector*="views-exposed-form-videos-in-foren-block"] > .form--inline {
	display: flex;
	align-items: end;
	}

form[data-drupal-selector*="views-exposed-form-videos-in-foren-block"] label {
	font-size: 1rem!important;
	font-weight: 400!important;
	text-transform: none!important;
	}

form[data-drupal-selector*="views-exposed-form-videos-in-foren-block"] select {
	padding: 0 15px 0 5px;
	}

form[data-drupal-selector*="views-exposed-form-videos-in-foren-block"] .form-type-select {
	width: 70%;
	margin-right: 10px!important;
	}

form[data-drupal-selector*="views-exposed-form-videos-in-foren-block"] .form-actions {
	display: inline-block;
	}

input[data-drupal-selector*="edit-submit-videos-in-foren"] {
	border: 2px solid #ecd84b;
	background-color: #ecd84b!important;
    border-radius: 50px!important;
    font-weight: 700;
	font-size: 0.8rem;
    text-align: center;
    padding: 0 10px!important;
	height: 29.2px;
	margin-top: 9px;
	}

input[data-drupal-selector*="edit-submit-videos-in-foren"]:hover {
	border: 2px solid #ecd84b;
	color: #363638;
    text-decoration: underline;
	}


@media screen and (min-width: 751px) {

form[data-drupal-selector*="views-exposed-form-videos-in-foren-block"] .form-type-select {
	width: auto;
	}
	
}	


/* Meldung dass noch keine Bilder, Videos, etc. vorliegen */

[class*="view-bilder-forum"] .view-empty p,
.view-videos-in-foren .view-empty,
.view-bilder-in-foren .view-empty {
    background-color: #33768a;
    color: #fff!important;
    margin: 15px 0;
    padding: 0 10px;
    border-radius: 4px;
	}

[class*="view-bilder-forum"] .view-empty p:hover {

/* Bilder im Medientab */
	color: #fff;
	cursor: default;
	}


.view-id-videos_in_foren .view-content,
.view-bilder-in-foren .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.paragraph--type--accordion-bundle >.paragraph__inner .view-id-videos_in_foren div.views-row,
.paragraph--type--accordion-bundle >.paragraph__inner .view-bilder-in-foren div.views-row,
#medien-pane .view-id-videos_in_foren div.views-row,
#medien-pane .view-bilder-in-foren div.views-row {
	width: 48%;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 5px 5px 7px 0px #eaeaea;
	margin-bottom: 17px;
	}

.view-id-videos_in_foren.view-display-id-block_1 a,
.view-bilder-in-foren a {
	font-size: 0.8rem;
	font-weight: 700;
	padding: 5px 15px;
	word-break: break-word;
	}

.view-id-videos_in_foren.view-display-id-block_1 a.forum-uebersicht-bild {
    padding: 0px;
	}

.view-id-videos_in_foren.view-display-id-block_1 img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
	}

.paragraph--type--accordion-bundle .pb__accor-wrap-btn-item.pb__active > .pb__accor-pane {
	padding: 0;
	}

[class*="view-display-id-block_"] [class*="views-field-title"] a {
    display: block;
	}

.paragraph .paragraph__inner div.view-id-videos_in_foren .view-empty {
	background-color: #33768a;
	color: #fff;
	margin: 0 0 15px;
	padding: 0 10px !important;
	border-radius: 4px;
	}

.view-bilder-in-foren .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.paragraph--type--accordion-bundle >.paragraph__inner .view-bilder-in-foren div.views-row,
#medien-pane .view-bilder-in-foren div.views-row {
	width: 48%;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 5px 5px 7px 0px #eaeaea;
	margin-bottom: 17px;
	}

.view-bilder-in-foren a {
	font-size: 0.8rem;
	font-weight: 700;
	padding: 5px 15px;
	word-break: break-word;
	}

.view-bilder-in-foren img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
	}

.view-bilder-in-foren [class*="views-field-title"] a {
    display: block;
	}


@media screen and (min-width: 751px) {

.paragraph--type--accordion-bundle >.paragraph__inner .view-id-videos_in_foren/*.view-display-id-block_1*/ div.views-row,
.paragraph--type--accordion-bundle >.paragraph__inner .view-bilder-in-foren div.views-row,
#medien-pane .view-id-videos_in_foren div.views-row,
#medien-pane .view-bilder-in-foren div.views-row {
	width: 31%;
	}
	
.view-id-videos_in_foren .view-content,
.view-bilder-in-foren .view-content	{
	column-gap: 24px;
	justify-content: normal;
	}
	
.paragraph--type--accordion-bundle > .paragraph__inner .view-id-videos_in_foren div.views-row,
.paragraph--type--accordion-bundle > .paragraph__inner .view-bilder-in-foren div.views-row,
#medien-pane .view-id-videos_in_foren div.views-row,
#medien-pane .view-bilder-in-foren div.views-row {
	margin-bottom: 24px;
	}	

}


@media screen and (min-width: 1101px) {

#medien-pane .view-bilder-in-foren div.views-row {
	width: 23%!important;
	}
	
.view-bilder-in-foren .view-content {
	column-gap: 23px;
	}
	
.paragraph--type--accordion-bundle > .paragraph__inner .view-id-videos_in_foren div.views-row,
.paragraph--type--accordion-bundle > .paragraph__inner .view-bilder-in-foren div.views-row,
#medien-pane .view-id-videos_in_foren div.views-row,
#medien-pane .view-bilder-in-foren div.views-row {
	margin-bottom: 23px;
	}		

}


/* Videos im Medientab */

.view-videos-in-foren .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.paragraph--type--accordion-bundle >.paragraph__inner .view-videos-in-foren div.views-row,
#medien-pane .view-videos-in-foren div.views-row {
	width: 100%;
	padding: 15px;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 5px 5px 7px 0px #eaeaea;
	margin-bottom: 17px;
	}

.view-id-videos_in_foren.view-display-id-block_7 .views-field-filename .field-content,
.view-videos-in-foren .views-field-filename .field-content {
    display: flex;
	align-items: center;
	}

.view-id-videos_in_foren.view-display-id-block_7 .views-field-filename,
.view-videos-in-foren .views-field-filename {
	margin-bottom: 10px;
	position: relative;
	}

.view-id-videos_in_foren.view-display-id-block_7 [class*="views-field-title"] a,
.view-id-videos_in_foren.view-display-id-block_7 [class*="views-field-title"],
.view-videos-in-foren [class*="views-field-title"] a,
.view-videos-in-foren [class*="views-field-title"] {
	font-size: 0.8rem;
	font-weight: 400;
	}

.view-id-videos_in_foren.view-display-id-block_7 [class*="views-field-title"],
.view-videos-in-foren [class*="views-field-title"] {
	padding-left: 30px;
	}

.view-id-videos_in_foren.view-display-id-block_7 .views-field-filename > .field-content:before,
.view-videos-in-foren .views-field-filename > .field-content:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: var(--fa-style, 900);
    color: #363638;
    position: absolute;
	content: '\f167';
	display:block;
	}

.view-id-videos_in_foren.view-display-id-block_7 .views-field-filename a,
.view-videos-in-foren .views-field-filename a {
	padding-left: 30px;
	display: block;
	font-size: 0.8rem;
	font-weight: 700;
	}


@media screen and (min-width: 751px) {

.paragraph--type--accordion-bundle >.paragraph__inner .view-id-videos_in_foren.view-display-id-block_7 div.views-row,
.paragraph--type--accordion-bundle >.paragraph__inner .view-videos-in-foren div.views-row,
#medien-pane .view-videos-in-foren div.views-row{
	width: 49%;
	}
	
.view-id-videos_in_foren.view-display-id-block_7 .view-content,
.view-videos-in-foren .view-content {
	column-gap: 13px;
	}
	
.view-id-videos_in_foren.view-display-id-block_7 .views-field-filename .field-content,
.view-videos-in-foren .views-field-filename .field-content, {
	display: block;
	}
	
.paragraph--type--accordion-bundle > .paragraph__inner .view-id-videos_in_foren.view-display-id-block_7 div.views-row,
#medien-pane .view-videos-in-foren div.views-row {
	margin-bottom: 13px;
	}	

}


/* Dokumente im Medientab*/

.vriends-tabs .vriends-akkordeon2 .pb__accor-btn {
	padding: 5px 0;
	}

.vriends-tabs .vriends-akkordeon2 .pb__accor-btn button {
	padding-left: 0;
	font-weight: 400;
	}

.vriends-tabs .vriends-akkordeon2 .pb__accor-pane[id*="-pane"] {
	padding: 0;
	}

.view-id-webform_dateiupload .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.paragraph--type--accordion-bundle >.paragraph__inner .view-id-webform_dateiupload div.views-row {
	width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 5px 5px 7px 0px #eaeaea;
	padding: 15px;
	margin-bottom: 17px;
	}

.view-id-webform_dateiupload .views-field-filename .field-content {
    display: flex;
	align-items: center;
	}

.view-id-webform_dateiupload .views-field-webform-submission-value {
	position: relative;
	}

.view-id-webform_dateiupload .views-field-webform-submission-value span {
	line-height: 1.3;
	margin-bottom: 10px;
	}

.view-id-webform_dateiupload .views-field-webform-submission-value > span > span,
.webform-submission-dateiupload-form [class*="file--mime"] {
	background-image: none;
	}

.webform-submission-dateiupload-form [id*="edit-datei-auswaehlen"] {
	margin: 10px 0;
	}

.file--mime-application-pdf a,
[class*="dateiupload"] .file--mime-image-png a,
[class*="dateiupload"] .file--mime-image-jpeg a,
[class*="dateiupload"] .file--mime-video-mp4 a,
[class*="dateiupload"] .file--mime-audio-mpeg a,
[class*="dateiupload"] .file--mime-video-quicktime a,
[class*="dateiupload"] .file--mime-video-x-ms-wmv a,
[class*="dateiupload"] .file--mime-application-vnd-openxmlformats-officedocument-wordprocessingml-document a,
[class*="dateiupload"] .file--mime-application-vnd-openxmlformats-officedocument-spreadsheetml-sheet a {
	font-size: 0.8rem;
	word-break: break-all;
	}

.view-id-webform_dateiupload .views-field-created {
	font-size:0.8rem;
	font-weight: 400;
	}

[class*="dateiupload"] .file--mime-application-pdf,
[class*="dateiupload"] .file--mime-image-png,
[class*="dateiupload"] .file--mime-image-jpeg,
[class*="dateiupload"] .file--mime-video-mp4,
[class*="dateiupload"] .file--mime-audio-mpeg,
[class*="dateiupload"] .file--mime-video-quicktime,
[class*="dateiupload"] .file--mime-video-x-ms-wmv,
[class*="dateiupload"] .file--mime-application-vnd-openxmlformats-officedocument-wordprocessingml-document,
[class*="dateiupload"] .file--mime-application-vnd-openxmlformats-officedocument-spreadsheetml-sheet,
.view-id-webform_dateiupload .views-field-created {
	padding-left: 25px;
	}

.paragraph .paragraph__inner div.view-id-webform_dateiupload .view-empty {
	background-color: #33768a;
	color: #fff;
	margin: 0 0 15px;
	padding: 0 10px !important;
	border-radius: 4px;
	}


@media screen and (min-width: 751px) {

.paragraph--type--accordion-bundle >.paragraph__inner .view-id-webform_dateiupload div.views-row {
	width: 32%;
	}
	
.view-id-webform_dateiupload .view-content {
	column-gap: 17px;
	justify-content: normal;
	}
	
.view-id-webform_dateiupload .views-field-filename .field-content {
	display: block;
	}

}


/* Medien hochladen im Medientab */

.vriends-akkordeon2 .pb__accor-wrap-btn-item.pb__active-no:last-child > div > button,
.vriends-akkordeon2 .pb__accor-wrap-btn-item.pb__active:last-child > div > button {
	width: 100%;
	text-align: center;
	background-color: #ecd84b;
	border: 5px solid #ecd84b;
	border-radius: 50px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    padding: 7px;
    display: block;
    margin: 15px auto 0 auto;
	}

.vriends-akkordeon2 .pb__accor-wrap-btn-item.pb__active:last-child > div > button {
	background-color: #fff;
	border-color: #fff;
	}

.vriends-akkordeon2 .pb__accor-wrap-btn-item.pb__active:last-child div.pb__accor-pane {
	padding: 0;
	}

input[data-drupal-selector*="edit-datei-auswaehlen-remove-button"] {
	border: 5px solid #ecd84b;
	background-color: #fff;
    border-radius: 50px!important;
    font-weight: 700;
	font-size: 0.8rem;
    text-align: center;
    padding: 0 10px!important;
	height: 29.2px;
	width: 160px;
	margin-left: 10px!important;
	}

input[data-drupal-selector*="edit-datei-auswaehlen-remove-button"]:hover {
	border: 5px solid #ecd84b;
	color: #363638;
    text-decoration: underline;
	}


@media screen and (min-width: 751px) {

.vriends-akkordeon2 .pb__accor-wrap-btn-item.pb__active-no:last-child > div > button,
.vriends-akkordeon2 .pb__accor-wrap-btn-item.pb__active:last-child > div > button {
	width: 300px;
	}

}	

/* Hochladen-Button ausgeblendet*/

.js .js-hide {
	display: none;
	}

.js-show {
	display: none;
	}

.js .js-show {
	display: block;
	}


/* Mitglieder */

.view-id-foren_mitglieder,
.view-wer-ist-online {
	padding: 15px;
	}

.paragraph .paragraph__inner div.mitgliederkachelDiv,
.paragraph .paragraph__inner div.onlinestatusDiv {
	border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 5px 5px 7px 0px #eaeaea;
    margin-bottom: 10px;
	padding: 15px;
	text-align: center;
	}

.paragraph .paragraph__inner div.mitgliederkachelDiv {
	min-height: 232px;
	}

.paragraph .paragraph__inner div.onlinestatusDiv {
	min-height: 184px;
	}

.mitgliederkachelDiv p,
.onlinestatusDiv p {
	padding: 0;
	}

.mitgliederkachelName,
.onlinestatusName {
	font-size: 0.8rem;
	font-weight: 700;
	margin-top:10px;
	}

.mitgliederkachelBild img,
.onlinestatusBild img {
	width: 60px;
	object-fit: cover;
	height: 60px;
	border-radius: 50%;
	}

p.mitgliederkachelDatum {
	font-size: 0.7rem;
	font-weight: 500;
	width: 100%;
	margin-bottom: 0;
	}

.paragraph .paragraph__inner p.mitgliederkachelAktiv,
.paragraph .paragraph__inner p.onlinestatusZugriff {
	font-size: 0.7rem;
	color: #363638;
	}

.view-foren-mitglieder .views-view-responsive-grid--vertical .views-view-responsive-grid__item > .views-view-responsive-grid__item-inner {
	padding-bottom: 0;
	}


@media screen and (min-width: 751px) {
	
.paragraph .paragraph__inner div.mitgliederkachelDiv {
	min-height: 172px;
	}

.paragraph .paragraph__inner div.onlinestatusDiv {
	min-height: 155px;
	}
	
}


/* Gruppe verlassen Button */

.paragraph--type--button.vriends-button2:last-of-type .paragraph__inner a {
	width: 300px;
	margin-bottom: 20px;
	}



/* Medien-Tabs ausblenden */
#foren-dateien-inhalt, 
#foren-videos-inhalt, 
#foren-dokumente-inhalt,

#foren-dokumente-1-inhalt, 
#foren-dokumente-2-inhalt,
#foren-dokumente-3-inhalt, 
#foren-dokumente-4-inhalt, 
#foren-dokumente-5-inhalt, 
#foren-dokumente-6-inhalt, 
#foren-dokumente-7-inhalt, 
#foren-dokumente-8-inhalt, 
#foren-dokumente-9-inhalt, 
#foren-dokumente-10-inhalt, 
#foren-dokumente-11-inhalt, 
#foren-dokumente-12-inhalt, 
#foren-dokumente-13-inhalt, 
#foren-dokumente-14-inhalt, 
#foren-dokumente-15-inhalt, 
#foren-dokumente-16-inhalt, 
#foren-dokumente-17-inhalt, 
#foren-dokumente-18-inhalt, 
#foren-dokumente-19-inhalt, 
#foren-dokumente-20-inhalt    {display: none;}