/*
 * Created by: Chloe Focke
 * Created on: 19.05.2023
 * Modified on: 29.08.2024
 * Version: 1.1
 */

/*
 * Todo: bitte /content: * usw. prüfen und an die richtige Stelle räumen, 
 */

@import url("./hotfix.css");
@import url("./header.css");
@import url("./footer.css");
@import url("./views.css");

.form-group.required .control-label:after,
.form-required:after {
  content:" *";
  color:red;
}

:root{
/*
	--yellow: #d2bcbd;
	--yellow-light: #d9d9b8;
	--yellow-dark: #7f7f13;
	*/
	--font-normal: 16px;
	--font-small: 12px;
	--font-tiny: 10px;
	--font-big: 24px;
	--font-large: 32px;
	--font-huge: 48px;
}

/* Adds The Google font inter from this server */
@font-face{
	font-family: Inter;
	src: url("../fonts/Inter.ttf") format("truetype");
}

/* Normalising */
body{
	margin: 0;
	padding: 0;
	font-size: var(--font-normal);
}

div.main-container{
	width: 80%;
	padding: 0;
}

@media (max-width: 1600px){
	div.main-container{
		width: 100%;
		padding: 10px;
	}
}

h1, h2, h3, h4, h5, h6, p, li, b, strong, small, em, span, a{
	font-family: Inter, sans-serif;
	font-size: var(--font-normal);
}

h1.page-header{
	font-size: 24px;
}

/* The label color is set to white in labels.less this conflict whith the white background */
.label{
	color: #000;
}


/*------- Content -------*/
.main-container table{
	width: auto !important;
}

.main-container img{
	width: 100%;
	height: auto;
}

.main-container .row{
	margin: 0;
}

/*___Forms___
.form-wrapper .form-item{
	max-width: 768px; disabled by rolandloebel auf Kundenwunsch
}
*/
form.webform-submission-form div.form-wrapper.form-group:not(#edit-actions){
	flex-flow: column;
	gap: 10px;
}

form.webform-submission-form fieldset legend,
form.webform-submission-form div label,
form.webform-submission-form div div.panel-heading div.panel-title{
	display: inline-block;
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: inherit;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 400;
}

body.path-webform div.form-wrapper fieldset.fieldgroup{
	margin-bottom: 20px
}

body.path-webform div.form-wrapper fieldset legend span.fieldset-legend,
body.path-webform div.form-wrapper div.form-item label.control-label:not(.option){
	font-weight: 400;
	font-size: 16px;
}
body.path-webform div.form-wrapper div.panel-heading div.panel-title{
	font-size: 18px;
	font-weight: 600;
}

h1.page-header{
	font-weight: 600;
}

form.webform-submission-form div.checkbox label.control-label,
form.webform-submission-form div.radio label.control-label{
	padding-left: 20px;
}

/* Sets the float so the legend is inside the fieldset */
form.webform-submission-form fieldset legend{
	float: left;
}


/* Difines the border for the conatinainers */
form.webform-submission-form fieldset,
form.webform-submission-form div.form-wrapper.panel,
form.webform-submission-form div.form-type-textfield,
form.webform-submission-form div.form-group.form-item:not(.form-type-webform-same),
form.webform-submission-form div.form-type-textarea{
	border: solid 1px #ddd;
	border-radius: 4px;
	padding: 10px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.17);
}

/* Hides the default panel heading look in webform submissions */
form.webform-submission-form div.panel div.panel-heading{
	border: none;
	background-color: #ffffff;
	padding: 0;
}

form.webform-submission-form div.panel div.panel-heading div.panel-title{
	margin: 0;
}

form.webform-submission-form div.panel div.panel-body{
	padding: 0;
}

form.webform-submission-form fieldset div.fieldset-wrapper div.description{
	color: #777777;
	font-size: 12px;
	margin: 5px 0 10px;
	padding: 0;
}

.submit-button-termin-anfragen,
.next-button-termin-anfragen{
	background-color: #c80000;
	border: none;
	color: #ffffff;
}

.submit-button-termin-anfragen:hover,
.next-button-termin-anfragen:hover{
	background-color: #b40000;
}

@media (max-width: 768px){
	div#edit-actions{
		display: flex;
		justify-content: center;
	}
	.form-wrapper .form-item{
		width: 100%;
		max-width: 100%;
	}
}

/*___Panel___*/
.panel-group{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
	padding: 10px;
}

.panel-group .panel.panel-default{
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	margin: 0;
	border-radius: 3px;
}

/*___Media Queries___/
/* Sets the grid fot different screen sizes */
@media (max-width: 1400px){
	.panel-group{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width: 992px){
	.panel-group{
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px){
	.panel-group{
		grid-template-columns: 1fr;
	}	
}

/* Hides the filters from offene Sprachmittlungen */
.views-form .form-type-checkbox.form-item-select-all,
div.view-filters form.views-exposed-form{
	display: none;
}

form div.form-group button[value="Termin ausblenden"]{
	background-color: #fdf7f7;
	color: #92282c;
	border-color: #92282c;
	border-radius: 0;
}

form div.form-group button[value="Termin ausblenden"]:hover{
	background-color: #92282c;
	color: #ffffff;
}

/* Hides "Ausblendung bestätigen" button when no appointment has been selected" */
form div.form-group button[value="Termin ausblenden"][disabled=""]{
	display: none;
}

form div.form-group.form-actions{
	height: 35px;
}

/* Hides select/deselect results from anfragen overview */
.view-beas-offene-sprachmittlungen #edit-header .form-item{
	display: none;
}

.view-beas-offene-sprachmittlungen .panel-group .panel-body .views-label-views-bulk-operations-bulk-form{
	display: none;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form{
	display: flex;
	width: calc(100% + 30px);
	left: 15px;
	position: relative;
	margin: 10px 0;
	align-self: end;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form .field-content{
	width: 100%;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form .field-content .form-item{
	margin: 0;
}

/* Styling for "Termin ausblenden button" */
.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body::before,
.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body::after{
	content: none;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form .field-content label{
	display: flex;
	width: 100%;
	height: 40px;
	padding: 0;
	background-color: #fdf7f7;
	color: #92282c;
	border: 1px solid #92282c;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form .field-content label:hover{
	background-color: #92282c;
	color: #ffffff;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form .field-content label:has(input:checked){
	background-color: #6a1d20;
	color: #ffffff;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form .field-content label input{
	margin: 0;
	z-index: -1;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form .field-content label::after{
	content: "Termin ausblenden";
	text-align: center;
	margin: auto;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form .field-content label:has(input:checked)::after{
	content: "Ausblenden";
}

.panel-group .panel .panel-title span.badge{
	margin-left: 35px;
	margin-top: 10px;
}

.panel-group .panel{
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.panel-group .panel .panel-body div.views-field{
	display: grid;
	grid-template-columns: 140px 1fr;
	margin: 2px 0;
}

.panel-group .panel .panel-body div.views-field span.views-label{
	font-weight: 600;
}

/* Buttons at the bottom of the Panels*/
.panel-group .panel div.panel-footer{
	padding: 0;
	background-color: #f7fafd;
	border: 1px solid #1d464a;
	border-radius: 0;
}

.panel-group .panel div.panel-footer a{
	display: block;
	padding: 10px;
	text-align: center;
	transition: 0.15s ease-in-out;
	color: #286192;
}

.panel-group .panel div.panel-footer a:hover{
	text-decoration: none;
	background-color: #1d466a;
	color: #ffffff;
	/*font-weight: 700;*/
}

.panel-group .panel .panel-body .views-field-attachments li::marker{
	font-size: 0;
}

.panel-group .panel .panel-footer ul{
	margin: 0;
	padding: 0;
}

.panel-group .panel .panel-footer li::marker{
	font-size: 0;
}

.panel-group .panel .panel-body .view-label-location .field-content{
	word-break: break-all;
}

/*___Storno Buttons___*/
.panel-group .panel .panel-body{
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 15px 15px 0 15px;
}

.view-beas-meine-anstehenden-sprachmittlungen .panel-group .panel .panel-body .views-field-nothing-3 {
	margin-top: auto;
}

.view-beas-offene-sprachmittlungen .panel-group .panel .panel-body .views-field-views-bulk-operations-bulk-form {
	margin-top: auto;
}

.panel-group .panel .panel-body::after{
	content: "";
}

.panel-group .panel .panel-body div.views-field:not(.dsf-storno){
	grid-column: 1/3;
}

.panel-group .panel .panel-body div.views-field-nothing-3,
.panel-group .panel .panel-body div.views-field.dsf-storno{
	grid-column: 1/3;
	display: flex;
	height: 40px;
	width: calc(100% + 30px);
	position: relative;
	left: -15px;
	margin: 0;
}

.panel-group .panel .panel-body div.views-field.dsf-storno{
	background-color: #fdf7f7;
	border: 1px solid #92282c;
}

.panel-group .panel .panel-body div.views-field-nothing-3{
	background-color: #f7fafd;
	border: 1px solid #1d466a;
}

.panel-group .panel .panel-body div.views-field-nothing-3 .views-label{
	display: none;
}

.panel-group .panel .panel-body div.views-field-nothing-3 .field-content{
	width: 100%;
}

.panel-group .panel .panel-body div.views-field-nothing-3 .field-content a{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	color: #1d466a;
}

.panel-group .panel .panel-body div.views-field-nothing-3 .field-content a:hover{
	color: #ffffff;
	background-color: #1d466a;
	text-decoration: none;
}


/* Storno Buttons */
.panel-group .panel .panel-body div.views-field.dsf-storno:hover{
	background-color: #92282c;
	color: #ffffff;
}

.panel-group .panel .panel-body div.views-field.dsf-storno span{
	width: 100%;
}

.panel-group .panel .panel-body div.views-field.dsf-storno span a{
	display: block;
	padding: 8px;
	padding-bottom: 10px;
	text-align: center;
	color: #92282c;
}

.panel-group .panel .panel-body div.views-field.dsf-storno span a:hover{
	text-decoration: none;
	color: #ffffff;
}

/* Links */
.panel-group .panel .panel-body div.views-field-attachments .field-content ul{
	margin: 0;
	padding: 0;
}

/* E-Mails */
.panel-group .panel .panel-body div.views-field-email-1{
	word-break: break-all;
}

/*___Webforms___*/
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label{
	background-color: #0292b7;
	color:white;
}

label.button{
	color: #ffffff;
	background-color: #c80000;
	padding: 5px 10px;
	border-radius: 3px;
	font-weight: 400;
	font-size: 14px;
}

label.button:hover{
	cursor: pointer;
}

/* fixes the color for labels */
.label label{
	color: #000;
}

/*________ edits by rolandloebel _________*/

.dialog-off-canvas-main-canvas{
	background: white;
}

p.pdf-red{
	color: red !important;
}

/* Hides registration button from user login page */
.path-user nav.tabs a[href="/user/register"]{
	display: none;
}