/*
Theme Name: SWS Docs
Theme URI: 
Description: Ein Child-Theme für das WordPress Standard Theme Twenty Twenty-One.
Author: Kiel Artwork
Author URI: 
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* FONTS 
******************************************/

@font-face {
	font-family: "sws-font";
	src: url("/wp-content/themes/twentytwentyone-child/MuseoSans_100-webfont.woff2") format("woff2");
	font-weight: normal;
}

@font-face {
	font-family: "sws-font-bold";
	src: url("/wp-content/themes/twentytwentyone-child/MuseoSans_700-webfont.woff2") format("woff2");
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
span,
div {
	font-family: "sws-font", helvetica, arial, sans-serif;
}

strong,
b {
	font-family: "sws-font-bold", helvetica, arial, sans-serif;
}

/* GENERAL TEMPLATE + HEADER
******************************************/

div#comments {
	display: none !important;
}

.search-filter-result-count {
	margin-bottom: 1rem;
	background: white;
	width: fit-content;
	padding: 0 1rem;
	border-radius: 2rem;
	margin-left: .25rem;
}

body {
	font-size: var(--global--font-size-base);
	font-weight: normal;
	color: var(--global--color-primary);
	text-align: left;
	background-color: #c5c5c5;
}

.site-header>.site-logo {
	width: 15%;
	border-bottom: 1px solid;
	text-align: left;
	border-bottom: none;
	padding-bottom: 0 !important;
	min-width: 160px;
}

.navigation.post-navigation {
	display: none !important;
}

#masthead {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	max-width: 75vw;
	margin-left: 0;
	margin-right: auto;
	padding: 0px 25px;
	align-items: center;
	gap: 2rem;
}

.site-title {
	font-size: 30px !important;
	color: white;
}

.site-title a {
	color: white !important;
	font-size: 30px;
	text-decoration: none !important;
}

.site-branding {
	margin-top: 0px;
}

.entry-footer.default-max-width {
	border: none !important;
}

footer p {
	font-size: 20px;
}

* {
	outline: unset !important;
}

.objekte-template-default.singular header.entry-header {
	border-bottom: none;
	padding-bottom: 10px;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.entry-header img.togglebutton {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	margin: 0;
}

.objekte-template-default.singular header.entry-header .delete-report.sws_new_pdf {
	background-image: url('/wp-content/uploads/2024/03/swsdeleteicon.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
	background-position: 6px -2px !important;
	text-decoration: none;
	padding: .5rem 1rem;
}

.home div#primary {
	margin-top: 0;
}

.powered-by {
	display: none !important;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	outline: unset;
	text-decoration: unset;
	text-decoration-skip-ink: unset;
	background: inherit;
}

/* OBJEKTE OVERVIEW
******************************************/

.page-template-default #content {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 25px;
}

.page-template-default #content>h1 {
	display: none !important;
}

.page-template-default #colophon {
	display: none !important;
}

.page-template-default #masthead #search-field {
	display: none !important;
}

#objekte_container {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 1%;
	width: 100%;
}

.objekt-result-item {
	width: 24.25%;
	min-height: 265px;
	background: #efc584;
	border-radius: 35px !important;
	padding: 30px;
	position: relative;
	margin-bottom: 1%;
	transition-duration: 200ms;
	line-height: 1.3;
}

.objekt-result-item:hover {
	filter: grayscale(80%);
}

.objekt-result-item .entry-title {
	font-size: 1.75rem;
	line-height: 1.1;
	margin-bottom: .5rem;
}

span.objekt-details-plz,
span.objekt-details-str {
	font-size: 1.3rem;
}

.objekt-result-item .entry-title a {
	text-decoration: none !important;
	-webkit-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-before: 6;
	-webkit-hyphenate-limit-after: 6;
	hyphenate-limit-chars: 8 6 6;
}
.objekt-details-container {
	position: relative;
}

.objekt-details-ort {
	position: absolute;
	bottom: 20px;
	width: fit-content;
	background-color: white;
	left: 7%;
	margin: auto;
	max-width: 82%;
	transform: translateX(0%);
	padding: 0px 20px;
	border-radius: 25px;
	line-height: 1.3em;
	text-align: left;
}

.objekt-link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.objekt-link:focus {
	background: transparent !important;
}

.searchandfilter ul {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 !important;
	display: flex;
}

.searchandfilter ul li.sf-field-search {
	margin-right: 3%;
	width: 49.5%;
	position: relative;
}

.searchandfilter label {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.sf-field-search .sf-input-text {
	flex-grow: 1;
	max-width: none;
	margin-top: 0;
	margin-right: calc(0.66 * var(--global--spacing-horizontal));
	border-radius: 50px !important;
	border: none !important;
	background-image: url('https://sws-servicetool.de/wp-content/uploads/2022/10/search.png');
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 2% 50%;
	padding-left: 55px;
	width: 100%;
	font-weight: 700;
}

aside.widget-area {
	display: none !important;
}

.searchandfilter ul li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 1%;
}

.searchandfilter ul li.sf-field-post-meta-objekt_ort {
	display: flex;
	align-items: center;
	width: 23%;
}

.searchandfilter ul li.sf-field-post-meta-objekt_ort h4 {
	margin-right: 5%;
	font-size: 24px;
}

.searchandfilter ul li.sf-field-post-meta-objekt_ort label {
	height: 100%;
	width: 100%;
}

.searchandfilter ul li.sf-field-post-meta-objekt_ort label .chosen-container.chosen-container-multi {
	font-size: 20px;
	width: 100% !important;
	height: 100%;
}

.chosen-container-multi .chosen-choices li.search-field {
	width: 100%;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	width: 100% !important;
	padding-left: 1em;
	height: 100%;
}

.chosen-container-multi .chosen-choices {
	border: 0px solid #aaa;
	border-radius: 25px !important;
	height: 100%;
}

.chosen-container-multi .chosen-results {
	display: block;
}

.chosen-container-multi .chosen-choices li.search-choice span {
	transform: translateY(50%);
}

.chosen-container-multi .chosen-choices li.search-choice {
	padding: 0.6em;
	border-radius: 25px;
}

.chosen-container .chosen-results li {
	padding: 10px;
}

.chosen-container.chosen-with-drop .chosen-drop {
	border-radius: 25px;
}

.chosen-container.chosen-with-drop .chosen-drop .chosen-results li:first-child {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}


.page-template-default #primary #content {
	padding: 0 !important;
}

#content input.search-filter-reset {
	border-radius: 25px;
	font-size: 20px;
	padding: 6px 20px;
	margin-left: 2em;
}

/* OBJEKTE OVERVIEW LIST VIEW
******************************************/

#grid-list-buttons img {
	width: 50px;
	height: 50px;
}

#grid-list-buttons img.active {
	filter: contrast(70%);
}

#grid-list-buttons {
	position: absolute;
	top: 0;
	right: 0%;
	transform: translateY(-132%);
}

.search-filter-results-list.objekte-results {
	position: relative;
}

#objekte_container.listview-active .objekt-result-item {
	width: 100%;
	height: 1em;
	min-height: unset;
	margin-bottom: 1%;
}

#objekte_container.listview-active .objekt-result-item .objekt-details-ort {
	width: 20%;
	right: 2% !important;
	margin: 0 !important;
	left: unset;
	bottom: unset;
	top: 50%;
	transform: translateY(-50%);
	min-width: 270px;
}

#objekte_container.listview-active .objekt-details-container {
	transform: translateY(-50%);
}

#objekte_container.listview-active span.objekt-details-plz,
#objekte_container.listview-active span.objekt-details-str {
	display: none;
}

/* OBJEKTE DETAIL
******************************************/

article.objekte {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 25px;
	margin-top: 0;
}

article header.entry-header h1 {
	font-size: 40px !important;
}

article header.entry-header {
	max-width: none;
	width: 100%;
}

article.objekte>* {
	max-width: none;
	width: 100%;
}

article.objekte .entry-content>* {
	max-width: none;
	margin-left: 0 !important;
}

article.objekte .entry-content {
	margin-top: 0px;
	display: flex;
	flex-wrap: wrap;
	vertical-align: baseline;
	justify-content: start;
	align-items: start;
}

.relative-cont {
	position: relative;
}

#objekt-adresse-kontakt {
	width: 49.5%;
	max-width: none !important;
	background-color: #d5d5d5;
	border-radius: 35px;
	padding: 15px;
	position: relative;
	margin-right: 1%;
	padding-right: 75px;
	margin-bottom: 1%;
}

#main-image {
	width: 49.5%;
	max-width: none;
	margin: 0 !important;
}

#edit-datenblatt textarea {
	border-radius: 2rem;
	padding: 1rem;
	border-width: 1px;
}

.objekt-image {
	height: 432px;
	width: 100%;
	object-fit: cover;
	border-radius: 35px !important;
	cursor: pointer;
	transition: all 250ms ease-in-out;
}

#lightbox-container .objekt-image {
	height: auto;
	width: 100%;
	object-fit: contain;
	border-radius: 35px !important;
	max-height: 80vh !important;
	/*! margin: auto; */
}

a.chosen-single {
	border-radius: 2rem !important;
	padding: 0.75rem 1.25rem !important;
}

.chosen-container-single .chosen-search input.chosen-search-input {
	border-radius: 2rem;
}

ul.chosen-results {
	display: flex;
	flex-direction: column;
}

.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: .5rem 1rem;
	white-space: nowrap;
	border-radius: 2rem;
}

.chosen-container {
	font-size: 1.25rem;
}

.sf-field-post-meta-objekt_plz .chosen-container.chosen-with-drop .chosen-drop {
	border-radius: 2rem;
	margin-top: .5rem;
}

.chosen-container-single .chosen-single div b {
	background-position: 0px 16px !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -16px 15px;
}

li.sf-field-post-meta-objekt_plz {
	margin-right: 3% !important;
}

li.sf-field-reset a {
	/* position: absolute; */
	right: 250px;
	padding: .5rem 2rem;
	border-radius: 2rem;
	 color: white;
	text-decoration: none;
}

#files-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 0 !important;
}

#objekt-bilder {
	width: 49%;
	max-width: 100%;
}

#objekt-bilder ul {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
	margin-top: 0;
}

#objekt-bilder h4 {
	margin-top: 1rem;
}

#files-container li {
	list-style: none;
}

.single-file-container {
	width: 49.5%;
	margin: 0%;
	margin-bottom: 1%;
	border-radius: 35px;
	padding: 15px;
	padding-right: 95px;
	height: 350px;
	overflow-y: scroll;
	position: relative;
}

.single-file-container.berichtcontainer {
	padding-right: 15px;
	height: 500px;
}

.single-file-container.berichtcontainer .pagination {
	border: none;
	margin-top: 0;
	padding-top: 0;
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.single-file-container.berichtcontainer .pagination.inactive {
	opacity: .1;
}

.single-file-container.berichtcontainer .pagination.inactive > a {
	cursor: not-allowed;
}

.swsreportpagBtn {
	width:50px; 
	height: 50px;
}

.swsreportpagBtn.Btn180 {
	rotate:180deg; 
	width:50px; 
	height: 50px;
}

div#allgemeineinfos {
	width: 100%;
	padding-right: 15px;
}

div#allgemeineinfos-wrapper {
	display: flex;
	justify-content: space-around;
	gap: 1%;
}

.allgemeininfos-right {
	padding-left: 20px;
}

div#allgemeineinfos-wrapper > div {
	width: 50% !important;
	position: relative;
}

div#allgemeineinfos-wrapper .allgemeininfos-right h3 {
	padding-left: 0;
}

#angebote.single-file-container,
#reparaturen.single-file-container {
	margin-right: 0;
}

.single-file-container h3 {
	padding-left: 55px;
}

.single-file-container .objekt-field {
	margin-top: .5em;
	margin-bottom: .5em;
}

.single-file-container .objekt-field a {
	text-decoration: none !important;
	font-weight: 300;
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}

.swsPdfButtons {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 11px;
	gap: 1rem;
}

.swsPdfButtons a#e2pdf-download {
	position: relative;
}

#pruefungsbefunde.single-file-container,
#wartungsberichte.single-file-container,
#datenblaetter.single-file-container,
#leistungsnachweis.single-file-container {
	background-color: #efc584;
}

#angebote.single-file-container,
#reparaturen.single-file-container,
#allgemeineinfos {
	background-color: #8398c2;
}

#rechnungen.single-file-container,
#alteleistungen.single-file-container,
#altewartungen.single-file-container {
	background-color: #d5d5d5;
}

#objekt-bilder {
	background-color: #d5d5d5;
	width: 100%;
	margin: 0%;
	margin-bottom: 1em;
	border-radius: 35px;
	padding: 15px;
	margin-right: 0%;
	height: fit-content;
	overflow-y: scroll;
}

#objekt-bilder ul li a img {
	border-radius: 35px !important;
	width: 100%;
}

#objekt-bilder ul li {
	margin-bottom: 1%;
	width: 15.6%;
}

#objekt-bilder ul li a {
	width: 100%;
	display: block;
}


/* FIELDS & LABELS
******************************************/

.objekt-field {
	background: white;
	border-radius: 25px;
	display: block;
	margin-right: 1em;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 1em;
}

.kontakt_field_container {
	height: 3em;
	display: flex;
	justify-items: center;
	align-items: center;
}

.kontakt_plz,
.kontakt_ort {
	display: flex;
	align-items: center;
}

.kontakt_label {
	margin-right: 1em;
	min-width: 70px;
}

#kontakt {
	width: 30%;
	max-width: 100%;
	margin-right: 0;
	margin-top: 0px;
}

.kontakt_field_container .objekt-field {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.kontakt_plz .kontakt_field {
	width: 100%;
}

.kontakt_plz .kontakt_label {
	line-height: 1;
}

.kontakt_plz {
	width: 45%;
}

.kontakt_ort {
	width: 55%;
	margin-left: 1%;
}

.kontakt_ort .kontakt_label {
	min-width: 0 !important;
}

.kontakt_ort .objekt-field {
	overflow: hidden;
}

/* ADDITIONAL BUTTONS AND ICONS
******************************************/

.mapbutton {
	position: absolute;
	top: 72px;
	right: 11px;
	height: 50px;
	width: 50px;
}

.topleft-icon {
	position: absolute;
	width: 40px;
	height: 40px;
}


/* SEARCH
******************************************/

#search-field {
	position: relative;
}

#search-field label[for="search-form-1"] {
	display: none !important;
}

#search-field .search-submit {
	display: none !important;
}

#search-field .search-form .search-field {
	flex-grow: 1;
	max-width: inherit;
	margin-top: 0;
	border-radius: 50px !important;
	border: none !important;
	background-image: url('https://sws-servicetool.de/wp-content/uploads/2022/10/search.png');
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 5% 50%;
	padding-left: 55px;
	margin-right: 0 !important;
	height: 48px;
}

#content input.search-filter-reset {
	font-size: 18px;
	background: white !important;
	color: black;
	font-family: inherit;
	margin-left: 0;
	border: none !important;
}

#content input.search-filter-reset:hover {
	background: #4a4a4a !important;
	color: white !important;
}

.searchandfilter .sf-field-reset {
	/* position: absolute; */
	right: 250px;
	/* background: red; */
	padding: .5rem 2rem;
	border-radius: 2rem;
	background: #b20000;
}

#result-clear {
	position: absolute;
	right: 5px;
	top: 50%;
	border: none !important;
	font-size: 28px;
	height: 1em;
	padding: 0;
	transform: translateY(-50%);
	line-height: 0;
	border-radius: 25px;
	padding: 20px 12px;
	color: white;
	background-image: url(https://sws-servicetool.de/wp-content/uploads/2022/10/close-button.png);
	width: 40px;
	height: 40px;
	background-size: 40px;
}

/* EDIT FORM
******************************************/

#lightbox-container {
	display: none;
}

#lightbox-container.edit-active {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	max-width: none;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 20;
	margin-top: 0 !important;
}

#edit-wrapper {
	position: relative;
}

.close-editing {
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#edit-wrapper {
	width: 50vw;
	padding: 30px;
	border-radius: 35px;
	z-index: 99;
	max-height: 90vh;
}

#edit-wrapper.edit-contact {
    max-height: 74vh;
    overflow: scroll;
}

.image-active #edit-wrapper {
	width: unset;
	max-width: 90vw;
	max-height: 85vh;
}

.zoom-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	background-color: #565656;
	color: white;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
}

img.zoomIcon {
	max-width: 50%;
	filter: invert(1);
}

div#images-container {
	overflow: hidden;
	/* position: relative; */
	max-height: 500px;
	overflow: scroll;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	background: white;
	padding: 5px;
}

.lbTools {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	height: 100px;
	z-index: 9999;
}

.image-wrapper {
	position: relative;
}

button.remove-image-btn {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent !important;
	z-index: 99;
	padding: 0px;
	left: unset !important;
	bottom: unset !important;
}


button.remove-image-btn:hover {
	border-color: transparent !important;
	opacity: .8;
}


button.remove-image-btn img {
	width: 25px;
	height: 25px;
	position: relative;
	display: block;
	max-width: none;
}


#image-removal-form input.acf-button.button.button-primary.button-large {
	margin-top: 1rem;
}

img.rotate-icon {
	width: 35px;
	height: 35px;
	background: white;
	border-radius: 50%;
	cursor: pointer;
}

.rotatewrapper {
	display: none;
}

.image-active .rotatewrapper {
	display: block;
	position: absolute;
	top: 2rem;
	left: 50%;
	transform: translateX(-50%);
}

#lightbox-container #edit-wrapper a.objektimgsingle img {
	transition: all 250ms ease-in-out;
	border-radius: 2rem !important;
	max-height: 100% !important;
	max-width: 100% !important;
	transform-origin: center center;
}

#lightbox-container #edit-wrapper a.objektimgsingle {
	height: 85vh;
	width: 85vw;
	object-fit: contain;
	max-height: 85vh;
	max-width: 85vw;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
}

.deleteObjekt,
.objekte-template-default .deleteBericht  {
	display: none;
}

form#title-update-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1rem;
}

form#title-update-form > * {
	flex-basis: 45%;
}

form#title-update-form input[type="text"] {
	border: none !important;
	padding: 0 !important;
	line-height: 1.5;
	background: white;
	border-radius: 25px;
	display: block;
	margin-right: 1em;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 1em !important;
	font-size: 20px;
}

.objekte-template-default .deleteObjekt {
	display: block;
}

#edit-wrapper.edit-contact,
#edit-wrapper.edit-images,
#edit-wrapper.edit-rechnungen,
#edit-wrapper.edit-mainimage,
#edit-wrapper.edit-images-delete,
#edit-wrapper.edit-datenblatt,
#edit-wrapper.edit-title {
	background-color: #d5d5d5;
}

div#edit-datenblatt {
	overflow: scroll;
	height: 100%;
	max-height: 85vh;
}

#edit-datenblatt .acf-label {
	display: block !important;
}

#edit-datenblatt .acf-field {
	display: flex;
	border: none;
	padding-bottom: 0;
}

#edit-datenblatt .acf-field.acf-field-group {
	flex-direction: column;
	/* border: 1px solid #00518e; */
	padding: 1rem;
	border-radius: 2rem;
	margin-bottom: 1rem;
	background-color: #c8c8c8;
}

#lightbox-container .edit-form .acf-fields .acf-field .acf-input input[type="checkbox"] {
	border: 1px solid #00518e !important;
	background-color: white;
	height: 2rem;
	width: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	margin: 0;
	border-radius: 50%;
	padding: 0 !important;
}

#lightbox-container .edit-form .acf-fields .acf-field .acf-input input[type="checkbox"]:after {
	left: 9px;
	top: 3px;
	width: 11px;
	height: 19px;
	border: 3px solid #00518e;
	border-top: 0;
	border-left: 0;
}


.acf-fields.-top.-border {
	border: none;
	background: transparent;
}

.edit-images-delete .acf-gallery-toolbar {
	display: none !important;
}

#edit-images input[type="submit"] {
	background-image: url(/wp-content/uploads/2022/10/submit-button.png);
	width: auto;
	height: 50px;
	border: none !important;
	background-color: transparent !important;
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: right;
	line-height: 1;
	padding-right: 55px;
	background-color: #00518e !important;
	border-radius: 25px;
}

#edit-wrapper.edit-mainimage .hide-if-value {
	display: block;
}

#lightbox-container #edit-wrapper #edit-mainimage.edit-form .hide-if-value input[type="file"] {
	bottom: 0;
	position: relative;
	display: block;
	margin-top: 2rem;
	display: inline-block !important;
	height: 7rem !important;
	/* padding-top: 1rem !important; */
	padding: 2rem 2rem !important;
}

.datenblatt_container {
	display: flex;
	gap: 1rem;
	margin-top: 2rem;
	align-items: center;
	justify-content: flex-end;
}

.datenblatt_container .swsPdfButtons {
	position: relative;
}

.datenblatt_container .sws_new_pdf {
	position: relative;
	padding: 10px 20px;
	text-decoration: none;
	height: unset;
	width: unset;
}

.datenblatt_container .togglebutton {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
}

#edit-datenblatt .acf-field > .acf-label {
	flex-basis: 36%;
	align-items: center;
	display: flex !important;
	/* height: fit-content; */
}

#edit-datenblatt label {
	line-height: 1.1;
	margin: 0;
}

#edit-datenblatt .acf-field.acf-field-group > .acf-label > label {
	font-weight: bold !important;
	font-size: 20px;
}

.allgemeininfos-right img.togglebutton {
	right: 0px !important;
}

.edit-db-header > * {
	position: relative;
	padding-left: 0 !important;
}

.edit-db-header {
	display: flex;
	gap: 1rem;
}

.datenblatt_container h3 {
	padding-left: 55px;
}

button.acf-button.button.button-primary.button-large.togglebutton {
	position: relative;
	top: unset;
	right: unset;
}

#edit-wrapper.edit-leistungsnachweise,
#edit-wrapper.edit-pruefungsbefunde,
#edit-wrapper.edit-wartungsberichte,
#edit-wrapper.edit-datenblaetter {
	background-color: #efc584;
}

#edit-wrapper.edit-angebote,
#edit-wrapper.edit-reparaturen,
#edit-wrapper.edit-allgemeineinfos,
#edit-wrapper.edit-anmerkungen {
	background-color: #8398c2;
}

#edit-anmerkungen textarea {
	border: none;
	border-radius: 2rem;
	padding: 1rem;
	font-size: 1rem;
}


#edit-button {
	max-width: var(--responsive--aligndefault-width) !important;
	display: block !important;
}

.edit-form,
#objekt-info {
	display: none;
}

.edit-form .acf-field .acf-label label {
	font-weight: 100;
}


.edit-form .acf-fields>.acf-field {
	padding-left: 0;
	padding-right: 0;
}

.edit-form .acf-icon.dark {
	border-color: transparent !important;
	background: #23282D;
	color: #eee;
	background-image: url(/wp-content/uploads/2022/10/close-button.png) !important;
	background-size: 25px !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
}

.edit-form .acf-icon.-cancel::before {
	content: "";
}

.togglebutton {
	position: absolute;
	top: 11px;
	right: 11px;
	height: 50px;
	width: 50px;
}

#objekt-bilder .togglebutton.trashcan {
	right: 75px;
	background: white;
	border-radius: 50%;
	width: 50px;
	padding: 5px;
	height: 50px;
}

.infobutton {
	position: absolute;
	bottom: 11px;
	right: 11px;
	height: 50px;
	width: 50px;
}

div#objekt-info {
	background-color: #d5d5d5;
	width: 50vw;
	padding: 30px;
	border-radius: 35px;
}

.single-file-container .togglebutton {
	top: 11px;
	right: 11px;
}

#objekt-bilder .togglebutton {
	top: 11px;
	right: 11px;
}

#allgemeineinfos.single-file-container .togglebutton {
	top: -3px;
	right: 11px;
}

div#anmerkungen-wrapper {
	background: white;
	padding: 1rem;
	border-radius: 2rem;
	font-family: monospace;
	margin-top: 1rem;
	max-height: 70%;
	overflow: scroll;
	min-height: 8rem;
}

.acf-form-submit {
	text-align: right;
	background: transparent;

}

.acf-button.button.button-primary.button-large {
	background-image: url('/wp-content/uploads/2022/10/submit-button.png');
	width: auto;
	height: 50px;
	border: none !important;
	background-color: transparent !important;
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: right;
	line-height: 1;
	padding-right: 55px;
	background-color: #00518e !important;
	border-radius: 25px;
}

.acf-button.button.button-primary.button-large:hover {
	color: white;
	opacity: .9;
}

#lightbox-container #edit-contact.edit-form .acf-fields .acf-field {
	display: flex;
	border: none !important;
	align-items: center;
}

#edit-contact.edit-form .acf-label {
	display: block !important;
}

#lightbox-container .edit-form .acf-fields .acf-field .acf-label {
	margin: 0 !important;
	min-width: 160px;
	margin-right: 1em !important;
}

#lightbox-container .edit-form .acf-fields .acf-field .acf-input input {
	border: none !important;
	padding: 0 !important;
	line-height: 1.5;
	background: white;
	border-radius: 25px;
	display: block;
	margin-right: 1em;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 1em !important;
	font-size: 20px;
}

#lightbox-container #message {
	position: absolute;
	bottom: 10px;
	font-size: 12px;
	background: #acffac;
	border-radius: 25px;
	padding: 0.25em 1em;
	display: none !important;
}

#lightbox-container .acf-input-wrap {
	line-height: 1;
}

#lightbox-container .acf-field .acf-input {
	width: 100%;
}

.edit-form .acf-label {
	display: none !important;
}

.edit-form .acf-table thead {
	display: none;
}

.edit-form h3 {
	padding-left: 55px;
}

.acf-actions a[data-event="add-row"] {
	background-image: url('/wp-content/uploads/2022/10/add-button.png');
	width: 40px;
	height: 40px;
	border: none !important;
	background-color: transparent !important;
	background-size: 40px;
	background-repeat: no-repeat;
	display: block;
	padding-right: 11px;
}

.acf-actions a[data-event="add-row"]:focus {
	background-image: url('/wp-content/uploads/2022/10/add-button.png') !important;
	width: 50px;
	height: 50px;
	border: none !important;
	background-color: transparent !important;
	background-size: 50px !important;
	background-repeat: no-repeat !important;
	display: block;
	padding-right: 20px;
}

.acf-actions.-hover {
	display: block !important;
}

.acf-row {
	border-radius: 25px !important;
}

#lightbox-container .acf-repeater>table {
	margin: 0 0 8px;
	background: transparent;
	border: none;
}

#lightbox-container .acf-repeater .acf-row-handle.order {
	background: transparent;
	color: black;
	text-shadow: none;
	border: none;
}

#lightbox-container .acf-actions.-hover {
	display: none !important;
}

#lightbox-container .acf-actions.-hover {
	display: none !important;
}

#lightbox-container .acf-row-handle.remove {
	background: transparent !important;
	border: none !important;
}

#lightbox-container .acf-icon.-minus.small.acf-js-tooltip {
	display: block !important;
}

#lightbox-container .acf-icon.-minus::before {
	display: none;
}

#lightbox-container .acf-icon.-plus.small.acf-js-tooltip.hide-on-shift {
	display: none !important;
}

#lightbox-container a.acf-icon.-minus:hover, #lightbox-container a.acf-icon.-cancel:hover {
  background: transparent;
  border-color: none;
  border: none !important;
}

#lightbox-container .acf-repeater .acf-row-handle .acf-icon {
  display: none;
  position: absolute;
  top: 0;
  margin: 0px 0 0 0px;
  /* minus icon */
}

#lightbox-container .acf-repeater .acf-row-handle .acf-icon.-minus {
  top: 50%;
  /* ie fix */
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: none;
  background-image: url(https://sws-servicetool.de/wp-content/uploads/2022/10/close-button.png);
  background-size: 40px;
  background-repeat: no-repeat;
}

#lightbox-container .acf-repeater .acf-row-handle.order + td {
  border-left-color: #DFDFDF;
  border: none !important;
  background: transparent;
  padding-right: 20px;
}

#lightbox-container .acf-repeater .acf-row-handle {
  width: 32px;
  text-align: center !important;
  vertical-align: middle !important;
  position: relative;
  /* icons */
  /* .order */
  /* remove */
}

#lightbox-container .acf-file-uploader .file-wrap {
  border: none;
  min-height: 84px;
  position: relative;
  background: #fff;
  border-radius: 25px;
}

#lightbox-container .acf-file-uploader .file-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 10px;
  background: #f1f1f1;
  border-right: #d5d9dd solid 1px;
  border: none;
  background: transparent;
}

#lightbox-container .acf-file-uploader .file-info p:nth-child(2) {
	display: none !important;
}

#lightbox-container .acf-file-uploader .file-icon img {
  max-width: 20px;
}

#lightbox-container .acf-file-uploader .file-info {
  margin-left: 44px;
}

#lightbox-container .acf-file-uploader .file-icon {
  padding: 15px;
}

#lightbox-container .acf-file-uploader .file-wrap {
  min-height: 60px;
}


.acf-tooltip.top:before {
	top: 100%;
	left: 50%;
	margin-left: -6px;
	border-top-color: white !important;
	border-bottom-width: 0;
}

.acf-tooltip {
	background: white !important;
	border-radius: 6px;
	color: black !important;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	position: absolute;
	z-index: 900000;
	max-width: 280px;
	box-shadow: 0px 12px 16px -4px rgb(16 24 40 / 8%), 0px 4px 6px -2px rgb(16 24 40 / 3%);
}

.page-template-create-object-template div#content {
	padding-left: 100px;
	padding-right: 100px;
	max-width: 1850px;
	margin: auto;
}

.page-template-create-object-template input {
	border: 1px solid lightgray;
	height: 3rem;
	border-radius: 2rem;
}

.page-template-create-object-template .acf-field.acf-field-repeater {
	background: white;
	border-radius: 2rem;
}

a.newobjectbutton button {
	margin-left: 2rem;
	height: 3rem;
	padding: 1rem;
	line-height: .5;
	border: none;
	border-radius: 2rem;
	background-image: url('/wp-content/uploads/2022/10/add-button.png');
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 2rem;
	padding-right: 4rem;
}


a.newobjectbutton button:hover {
	opacity: .8;
	background-color: aliceblue;
}

.page-template-create-object-template div#content .acf-fields.acf-form-fields {
	display: flex;
	gap: 1%;
	flex-wrap: wrap;
}

.page-template-create-object-template div#content .acf-fields.acf-form-fields > div {
	width: 49%;
	border: none;
	margin-bottom: 1%;
}

.page-template-create-object-template div#content .acf-basic-uploader input {
	padding: 0.65rem 2rem !important;
}


.page-template-create-object-template a.acf-button.button.button-primary.acf-gallery-add {
	border-radius: 2rem;
	padding: .5rem 2rem;
}

.page-template-create-object-template .acf-field-gallery .acf-input,
.page-template-create-object-template .acf-gallery .acf-gallery-main,
.page-template-create-object-template .acf-gallery.ui-resizable {
	border-radius: 2rem;
}

.page-template-create-object-template .acf-field.acf-field-gallery,
.page-template-create-object-template .acf-field.acf-field-image {
	background: white;
	border-radius: 2rem;
}


.page-template-create-object-template div#content .acf-fields.acf-form-fields > .acf-field-group,
.page-template-create-object-template div#content .acf-fields.acf-form-fields > .acf-field-repeater,
.page-template-create-object-template div#content .acf-fields.acf-form-fields > .acf-field-gallery,
.page-template-create-object-template div#content .acf-fields.acf-form-fields > div[data-name="anmerkungen"] {
	display: none !important;
}




/* Berichte
******************************************/

.single-checkliste-tv .entry-content > *,
.single-checkliste-be .entry-content > *,
.single-swsleistungsnachweis .entry-content > *,
.single-swsleistungsnachweis footer,
.single-checkliste-tv footer,
.single-checkliste-be footer {
	max-width: 1850px !important;
	padding: 1rem;
}

.single-checkliste-tv .acf-field-group.berichtCheckboxen > .acf-input > .acf-fields,
.single-checkliste-be .acf-field-group.berichtCheckboxen > .acf-input > .acf-fields,
.single-swsleistungsnachweis .acf-field-group.swsleistungsgroup > .acf-input > .acf-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
}

.single-checkliste-tv .acf-field,
.single-checkliste-be .acf-field,
.single-swsleistungsnachweis .acf-field {
	border: none !important;
}

.single-checkliste-tv .acf-field.acf-field-checkbox, 
.single-checkliste-be .acf-field.acf-field-checkbox, 
.single-checkliste-be .berichtCheckboxen .acf-field.acf-field-group {
	flex-basis: 24%;
	background: white;
	border-radius: 2rem;
	margin-bottom: 1%;
}

.single-checkliste-be .berichtCheckboxen .acf-field.acf-field-group .acf-input .acf-fields > * {
	padding-left: 0;
}

.single-checkliste-be .acf-field-group.berichtCheckboxen > .acf-input > .acf-fields .acf-field.acf-field-text {
	padding-bottom: 0;
}

.single-checkliste-be .acf-field-group.berichtCheckboxen > .acf-input > .acf-fields .acf-field.acf-field-text input {
	width: 100%;
	border-radius: 2rem;
}

.single-checkliste-tv .acf-field .acf-label label,
.single-checkliste-be .acf-field .acf-label label,
.single-swsleistungsnachweis .acf-field .acf-label label {
	font-weight: 600;
	line-height: 1.1;
}

ul.swsReportList {
	margin-left: 0;
	padding-left: 0;
	height: 61%;
}

ul.swsReportList > li {
	background: white;
	border-radius: 25px;
	display: block;
	margin-right: 1em;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 1em;
	margin: 0.5rem 0rem;
	overflow: hidden;
}

.stndrdbtn {
	background-color: rgba(255, 255, 255, .5) !important;
	border-radius: 2rem;
	display: inline-block;
	padding: .5rem 1rem !important;
	text-decoration: none;
}

.addBtn {
	background-image: url(/wp-content/uploads/2024/03/sws-add-icon-trnsprnt.png) !important;
	background-repeat: no-repeat !important;
	background-size: 50px !important;
	background-position: 6px 0px !important;
	padding-left: 65px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin-right: 1rem;
}

.bericht-top {
	display: flex;
	flex-wrap: wrap;
}

.bericht-actions {
	display: flex;
	flex-direction: column;
	flex-basis: 25%;
	gap: 1rem;
}

.bericht-adresse {
	flex-basis: 75%;
	line-height: 1.3;
	font-size: 26px;
	margin-top: 1rem;
}

.bericht-wrapper {
	margin: 0px 50px !important;
	background: #fff;
	border-radius: 2rem;
}

article.checkliste-tv,
article.checkliste-be {
	margin-top: 0;
}

.bericht-bottom div#message {
	display: none;
}


.acf-field.acf-field-group.tvbngroup {
	background: #d5d5d5;
	border-radius: 2rem;
	padding: .5rem 1rem;
	margin-bottom: 1rem;
}

.bericht-bottom form#acf-form {
	margin-top: 1rem;
}

.bericht-bottom .acf-form-submit {
	margin-top: 1rem;
}

.single-checkliste-tv #masthead a.newobjectbutton,
.single-checkliste-tv #masthead #search-field,
.single-checkliste-be #masthead a.newobjectbutton,
.single-checkliste-be #masthead #search-field,
.single-swsleistungsnachweis #masthead a.newobjectbutton,
.single-swsleistungsnachweis #masthead #search-field  {
	display: none;
}

.single-checkliste-tv .acf-field textarea,
.single-checkliste-be .acf-field textarea,
.single-swsleistungsnachweis .acf-field textarea {
  border-radius: 2rem;
  padding: 1rem;
}

ul.acf-radio-list:focus-within,
ul.acf-checkbox-list:focus-within {
  border-color: transparent !important;
}

.acf-field.acf-field-group.nachweiswrapper {
	background: lightgray;
	border-radius: 2rem;
}

.acf-field.acf-field-group.auftragsnrwrapper {
	background: lightgray;
	border-radius: 2rem;
	margin-bottom: 1rem;
}

.acf-field.acf-field-group.auftragsnrwrapper .acf-fields {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.pruefliste-datum-unterschrift-container .acf-fields.-top.-border > .acf-field.leistungdatum {
	flex-basis: 100%;
}

.acf-field[data-name="auftragsbestatigung_nr"] input {
	border-radius: 2rem;
}

.summenwrapper .acf-fields {
	display: flex;
	flex-wrap: wrap;
}

.summenwrapper .acf-fields > * {
	flex-basis: 25%;
}

.summenwrapper input {
	border-radius: 2rem;
}

.acf-field.acf-field-group.stundenwrapper .acf-fields {
	display: flex;
	flex-wrap: wrap;
}

.acf-field.acf-field-group.stundenwrapper .acf-fields > * {
	flex-basis: 33%;
}

.acf-field.acf-field-group.stundenwrapper .acf-fields input {
	border-radius: 2rem;
}

.tvbngroup .acf-input {
	transition: max-height 0.5s ease-in-out;
	overflow: hidden;
	max-height: 0; /* Start collapsed */
}

.acf-input ul.acf-checkbox-list li {
	margin-bottom: .5rem;
}

.tvbngroup.active .acf-input {
	max-height: 2500px; /* Adjust based on content size. Use a large value to ensure content is shown */
}

.toggle-chevron {
	cursor: pointer;
	display: inline-block;
	transform: rotate(0deg);
	transition: transform 0.25s ease-in-out;
	line-height: 1;
	height: 3rem;
	width: 3rem;
	background: white;
	border-radius: 50%;
}

.toggle-chevron.active {
	transform: rotate(90deg);
}

.acf-field.acf-field-group.tvbngroup > .acf-label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}

.acf-field.acf-field-group.tvbngroup > .acf-label label {
	margin: 0;
}

.single-checkliste-tv .acf-field.acf-field-post-object.bericht-relation,
.single-checkliste-be .acf-field.acf-field-post-object.bericht-relation,
.single-swsleistungsnachweis .acf-field.acf-field-post-object.bericht-relation {
	display: none;
}

.pruefliste-datum-unterschrift-container .acf-fields.-top.-border {
	display: flex;
	flex-wrap: wrap;
}

.pruefliste-datum-unterschrift-container .acf-fields.-top.-border > * {
	flex-basis: 50%;
}

.pruefliste-datum-unterschrift-container input {
	border: none !important;
	padding: 0 !important;
	line-height: 1.5;
	background: white;
	border-radius: 25px;
	display: block;
	margin-right: 1em;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 1em !important;
	font-size: 20px;
	border: 1px solid gray !important;
}

.swSignature input {
	display: none;
}

.pruefliste-datum-unterschrift-container .sws_new_pdf.editdb {
	background-image: url('/wp-content/uploads/2024/03/editbtntrnsprnt.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
}

.sws_new_pdf.oksign {
	background-image: url('/wp-content/uploads/2024/03/swsoksign.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
	background-position: 6px -2px !important;
}

.sws_new_pdf.oksign:hover {
	background-image: url('/wp-content/uploads/2024/03/swsoksign.png') !important;
	background-color: lightgreen !important;
	border: 1px solid gray;
}

.reset-signature.sws_new_pdf {
	background-image: url('/wp-content/uploads/2024/03/swsreseticon.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
	background-position: 6px -2px !important;
}

.reset-signature.sws_new_pdf:hover {
	background-image: url('/wp-content/uploads/2024/03/swsreseticon.png') !important;
	background-color: lightcoral !important;
	border: 1px solid gray;
}

.signbuttons {
	display: flex;
	justify-content: space-between;
}

.sws-signpopup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	padding: 20px;
	z-index: 10000;
	border-radius: 2rem;
}

.confirm-buttons {
	display: flex;
	justify-content: space-between;
}

.bericht-actions a {
	margin-top: 0;
}

#files-container #leistungsnachweis li {
	list-style: none !important;
	display: flex !important;
	justify-content: space-between !important;
	padding-right: 0 !important;
}

#files-container #wartungsberichte li {
	list-style: none !important;
	display: flex !important;
	justify-content: space-between !important;
	padding-right: 0 !important;
}

.swsReportList a#e2pdf-download.sws_new_pdf {
	height: 80% !important;
	margin: 0 !important;
	bottom: unset !important;
	top: 50% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	right: 1rem;
	transform: translateY(-50%);
	font-size: 16px;
	background-size: 40px 40px !important;
}

.objectBtn.sws_new_pdf {
	background-image: url('/wp-content/uploads/2024/03/swshouseicon.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
	background-position: 6px -2px !important;
	text-decoration: none;
}

.objectBtn.sws_new_pdf:hover {
	background-image: url('/wp-content/uploads/2024/03/swshouseicon.png') !important;
	border: 1px solid gray;
	background-color: #00518e75 !important;
}

.berichtpdf.sws_new_pdf {
	background-image: url('/wp-content/uploads/2024/03/swspdficon.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
	background-position: 6px -2px !important;
	text-decoration: none;
}

.berichtpdf.sws_new_pdf:hover {
	background-image: url('/wp-content/uploads/2024/03/swspdficon.png') !important;
	border: 1px solid gray;
	background-color: #00518e75 !important;
}

.delete-report.sws_new_pdf {
	background-image: url('/wp-content/uploads/2024/03/swsdeleteicon.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
	background-position: 6px -2px !important;
	text-decoration: none;
}

.delete-report.sws_new_pdf:hover {
	background-image: url('/wp-content/uploads/2024/03/swsdeleteicon.png') !important;
	border: 1px solid gray;
	background-color: lightcoral !important;
}

.cancel-delete.sws_new_pdf {
	background-image: url('/wp-content/uploads/2024/03/swsdeleteicon.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
	background-position: 6px -2px !important;
	text-decoration: none;
}

.cancel-delete.sws_new_pdf:hover {
	background-image: url('/wp-content/uploads/2024/03/swsdeleteicon.png') !important;
	border: 1px solid gray;
}

.confirm-delete.sws_new_pdf {
	background-image: url('/wp-content/uploads/2024/03/swsoksign.png') !important;
	position: relative;
	border: 1px solid gray;
	color: black !important;
	background-position: 6px -2px !important;
	text-decoration: none;
}

.confirm-delete.sws_new_pdf:hover {
	background-image: url('/wp-content/uploads/2024/03/swsoksign.png') !important;
	border: 1px solid gray;
}

.bericht-top h5 {
	flex-basis: 100%;
}


/* Image Management
******************************************/
#file-manager-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
}

#blocking-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.2);
	display: none;
	cursor: not-allowed;
	z-index: 1000;
}

#operations-bar {
	display: flex;
	justify-content: flex-start; 
	align-items: center;
	padding: 10px;
	border: 1px solid black;
	background-color: #f5f5f5;
	border-radius: 2rem;
	gap: 1rem;
}

#file-manager-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-height: 650px;
}

#file-manager-content .images {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

#file-manager-content .folder, #file-manager-content .image {
    position: relative;
    flex: 1 1 calc(16.66% - 16px);
    box-sizing: border-box;
    max-width: calc(16.66% - 16px);
    border: 1px solid black;
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 1;

}

#file-manager-content .folder {
	background-color: #fff;
}

#file-manager-content .folder .folder-name {
	background-color: transparent;
	color: #000;
}

#file-manager-content .folder img, #file-manager-content .image img {
	width: 100% !important;
	height: auto !important;
	display: block;
}

#file-manager-content .folder img {
	width: 40% !important;
	margin: auto;
	transform: translate(-50%, -50%);
	top: 40%;
	left: 50%;
	position: absolute;
}

#file-manager-content .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: move;
	background: transparent;
	z-index: 1;
}

#file-manager-content .sort-order {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 0, 0, 0.7);
	color: white;
	text-align: center;
	padding: 4px 0;
	font-size: 14px;
	font-weight: bold;
	z-index: 2;
	display: none;
}

#file-manager-content .folder-name {
	text-align: center;
	padding: 4px;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

#file-manager-content .folder-name:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;

}

/* Folder rename styles */
.folder-name-editable {
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.folder-name-editable:hover {
	background-color: rgba(0, 0, 0, 0.8) !important;
}

.folder-rename-input {
    position: absolute;
    bottom: .5rem;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    color: white;
    border: none;
    padding: 4px;
    text-align: center;
    font-size: inherit;
    font-family: inherit;
    z-index: 15;
    border-width: 0 !important;

}

.folder-rename-input:focus {
	outline: 2px solid #00518e;
	outline-offset: -2px;
}

.folder-rename-controls {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    display: flex;
    gap: 2px;
    z-index: 16;
    max-width: 15% !important;
    flex-direction: column;

}

.folder-rename-btn {
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.2s ease;
    padding: 0;

}

.folder-rename-confirm {
	background-color: #28a745;
	color: white;
}

.folder-rename-confirm:hover {
	background-color: #218838;
}

.folder-rename-cancel {
	background-color: #dc3545;
	color: white;
}

.folder-rename-cancel:hover {
	background-color: #c82333;
}

.folder-rename-input {
    text-align: left;
    max-width: 80% !important;

}

.no-images {
	flex: 1 1 100%;
	text-align: center;
	padding: 20px;
	font-size: 16px;
}

#operations-bar #spinner {
	display: none;
	margin-left: auto;
	color: white;
	gap: 1rem;
	justify-content: center;
	align-items: center;
	background: #efc584;
	border-radius: 2rem;
	padding: 0rem .5rem;
}

#operations-bar #checkmark {
	display: none;
	margin-left: auto;
	color: white;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	background: #8398c2;
	border-radius: 2rem;
	padding: 0rem .5rem;
}

input#new-folder-name {
	padding: .25rem 1rem;
	border-radius: 2rem;
	border: 1px solid black;
}

#create-folder-form > button {
	padding: .25rem 1rem;
	border-radius: 2rem;
	border: 1px solid black;
	margin-left: 1rem;
	padding-left: 50px !important;
	position: relative;
}

#create-folder-form > button::before {
	content: "";
	width: 43px;
	height: 43px;
	background-image: url(/wp-content/uploads/2024/03/sws-add-icon-trnsprnt.png) !important;
	background-repeat: no-repeat !important;
	background-size: 43px !important;
	background-position: 5px 0px !important;
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	filter: invert(1);
}

#create-folder-form > button:hover:before {
	filter: unset;
}

button#upload-button {
	padding: .25rem 1rem;
	border-radius: 2rem;
	border: 1px solid black;
	margin-left: 1rem;
	padding-left: 50px !important;
	position: relative;

}

button#upload-button::before {
	content: "";
	width: 43px;
	height: 43px;
	background-image: url(/wp-content/uploads/2024/06/swsupload.png) !important;
	background-repeat: no-repeat !important;
	background-size: 43px !important;
	background-position: 5px 0px !important;
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	filter: invert(1);
}

button#upload-button:hover:before {
	filter: unset;
}

#spinner .spinner {
	border: 4px solid #f3f3f3; /* Light grey */
	border-top: 4px solid #8398c2; /* Blue */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 2s linear infinite;
}

#file-manager-content .images {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	position: relative;
}

#file-manager-content.dragover {
	background-color: rgba(131, 152, 194, 0.2);
	border: 2px dashed #000;
	border-radius: 2rem;
}

#file-manager-content .upload-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(131, 152, 194, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 1.5em;
	display: none;

}

.context-menu-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
	background-color: #565656;
	color: white;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	font-size:2rem;
	font-weight: 500;
}

.context-menu-action[data-action-type="delete"] {
	background: lightcoral !important;
}

.folder .context-menu-button {
	background-color: transparent;
	color: #000;
	font-size:2rem;
	font-weight: 500;
}


.context-menu {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(255 255 255 / 90%);
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: white;
	z-index: 11;
}

.context-menu.show {
	display: flex;
}

.context-menu-close {
	position: absolute;
	background-color: #565656 !important;
	color: white !important;
	border: none;
	border-radius: 0rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 12;
	top: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
}

button.cancel-delete,.confirm-delete {
	padding: 0.15rem 1rem;
	border-radius: 2rem;
}

.delete-confirmation {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	color: black;
}

.delete-confirmation > p {
	text-align: center;
	line-height: 1;
}

.context-menu-action {
	margin-top: 1rem;
	padding: 0.5rem 1rem;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: 2rem;
	cursor: pointer;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#checkmark img {
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	filter: invert(1);
}

button.context-menu-close,button.context-menu-action,button.context-menu-action {
	background: black;
}
button.context-menu-close{
	padding: 0;
}

.move-dialog-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	padding: 20px;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 1001;
	border-radius: 2rem;
}

.move-dialog p {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.move-dialog button {
	display: block;
	margin: 5px 0;
	padding: 10px;
	width: 100%;
	text-align: left;
	background: #f5f5f5;
	border: 1px solid #ccc;
	cursor: pointer;
	border-radius: 4px;
}

.move-dialog button:hover {
	background: #e5e5e5;
}

.move-dialog .cancel-move {
	background: #f44336;
	color: white;
	border: none;
}

.move-dialog .cancel-move:hover {
	background: #d32f2f;
}

#lightbox-container .lightbox-controls {
	display: none;
}

#lightbox-container.image-active .lightbox-controls {
	display: flex;
}

#lightbox-container .lightbox-controls {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}

#lightbox-container .lightbox-controls button {
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: .5rem;
	cursor: pointer;
	font-size: 3rem;
}

#lightbox-container .rotate-controls {
	position: absolute;
	bottom: 10px;
	width: 100%;
	display: flex;
	justify-content: center;
}

#lightbox-container .rotate-controls button {
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
	font-size: 18px;
	margin: 0 5px;
}

@media (max-width: 1200px) {
	#file-manager-content .folder, #file-manager-content .image {
		flex: 1 1 calc(20% - 16px);
		max-width: calc(20% - 16px);
	}
}

@media (max-width: 992px) {
	#file-manager-content .folder, #file-manager-content .image {
		flex: 1 1 calc(25% - 16px);
		max-width: calc(25% - 16px);
	}
}

@media (max-width: 768px) {
	#file-manager-content .folder, #file-manager-content .image {
		flex: 1 1 calc(33.33% - 16px);
		max-width: calc(33.33% - 16px);
	}
}

@media (max-width: 576px) {
	#file-manager-content .folder, #file-manager-content .image {
		flex: 1 1 calc(50% - 16px);
		max-width: calc(50% - 16px);
	}
}

@media (max-width: 400px) {
	#file-manager-content .folder, #file-manager-content .image {
		flex: 1 1 100%;
		max-width: 100%;
	}
}
/* LOGIN STYLES
******************************************/
.user_hinweis {
	z-index: 999;
	color: black;
	padding: 0;
	border-radius: 25px;
	padding: 0rem 1.25rem;
}

.user_hinweis a {
	color: black;
	background: white;
	padding: .5rem 1rem;
	border-radius: 2rem;
}

.user-info {
    position: absolute;
    top: .5rem;
    right: .5rem;
    background-color: white;
    border-radius: 2rem;
    border: 1px solid gray;
    padding: .5rem 1rem;
	max-width: 25vw;
}

.logout-link {
    background-color: indianred;
    padding: .25rem .5rem;
    border-radius: 2rem;
}

.logout-link a {
    font-size:1rem;
    color: white;
    text-decoration: none;
}

.loggedout.user_hinweis {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	color: black;
	padding: 0;
	border-radius: 25px;
	padding: 0rem 1.25rem;
	transform: translate(-50%, -50%);
	background: white;
	padding: 2rem;
	width: fit-content;
}

.loggedout.user_hinweis a {
	color: white;
	background: #00518e !important;
	padding: .5rem 1rem;
	border-radius: 2rem;
}






/* E2PDF STYLES
******************************************/

.e2pdf-download.e2pdf-format-pdf {
	background: cornflowerblue;
	text-decoration: none;
	padding: 10px 20px;
}

.sws_new_pdf {
	background-color: rgba(255, 255, 255, .5) !important;
	margin-top: 1em;
	border-radius: 50px;
	bottom: 11px;
	display: block;
	position: absolute;
	background-image: url('/wp-content/uploads/2022/11/icon-dl-v2.png') !important;
	background-repeat: no-repeat !important;
	background-size: 50px !important;
	background-position: 6px 0px !important;
	padding-left: 65px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.sws_new_pdf.editdb {
	background-image: url('/wp-content/uploads/2024/03/editbtntrnsprnt.png') !important;
}

.sws_new_pdf a {
	text-decoration: none !important;
	font-weight: 100;
	color: rgb(40, 48, 61);
}

.sws_new_pdf:hover {
	border: inherit;
}
/* MEDIA QUERIES
******************************************/

@media only screen and (max-width: 1550px) {
	.site-branding {
		display: none;
	}
}

@media only screen and (max-width: 1290px) {
	
	.objekte-template-default.singular header.entry-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.datenblatt_container {
		flex-wrap: wrap;
	}
	
	.site-logo .custom-logo {
		object-fit: contain;
	}

	.site-header>.site-logo {
		max-width: 165px;
	}
	
}


@media only screen and (max-width: 1120px) {
	#objekte_container .objekt-result-item {
		width: 32.6666666%;
	}


	.searchandfilter ul li.sf-field-post-meta-objekt_ort {
		min-width: 275px;
	}
	
	#objekt-adresse-kontakt {
		width: 100%;
		margin-bottom: 1rem !important;
	}
	
	#main-image {
		width: 100%;
		margin-bottom: 1rem !important;
	}

	#edit-wrapper {
		width: 90vw;
	}
	
	.single-file-container {
		margin-bottom: 1rem !important;
	}

}

@media only screen and (max-width: 940px) {
	#objekte_container .objekt-result-item {
		width: 49.5%;
	}
	
	.single-file-container {
		width: 100%;
	}



}

@media only screen and (max-width: 845px) {
	#grid-list-buttons {
		display: none;
	}

	.searchandfilter ul {
		flex-wrap: wrap;
	}
	
	#masthead {
		justify-content: center;
	}
	
	.site-header>.site-logo {
		width: 100%;
		border-bottom: 1px solid;
		text-align: left;
		border-bottom: none;
		padding-bottom: 0 !important;
		min-width: 222px;
		display: flex;
		justify-content: center;
	}
	
	.site-logo .custom-logo {
		margin-left: auto;
		margin-right: auto;
		max-width: none !important;
		max-height: var(--branding--logo--max-height-mobile);
		height: auto;
		display: inline-block;
		width: 50vw !important;
	}
}

@media only screen and (max-width: 650px) {
	#objekte_container .objekt-result-item {
		width: 100%;
	}

	.objekt-details-container {
		position: relative;
		margin-bottom: 1.5em;
	}

	.objekt-result-item {
		min-height: unset;
	}
	
	.objekte-template-default .site-branding,
	.objekte-template-default .newobjectbutton,
	.objekte-template-default #search-field {
		display: none;
	}
	
	.single-file-container {
		height: fit-content;
		min-height: 350px;
	}
	
	div#allgemeineinfos-wrapper {
		display: flex;
		justify-content: space-around;
		gap: 3rem;
		flex-wrap: wrap;
	}
	
	.allgemeininfos-right {
		padding-left: 0;
	}
	
	div#allgemeineinfos-wrapper > div {
		width: 100% !important;
		position: relative;
	}
	
	.single-file-container h3 {
		padding-left: 55px;
		padding-right: 2rem !important;
	}
	
	.datenblatt_container {
		display: flex;
		gap: 1rem;
		margin-top: 2rem;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 0;
	}

	#objekt-adresse-kontakt {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	
	.kontakt_field_container {
		height: fit-content;
		display: flex;
		justify-items: center;
		align-items: center;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.kontakt_plz {
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.kontakt_ort {
		width: 100%;
		margin-left: 1%;
	}
	
	.datenblatt_container {
		display: flex;
		gap: 1rem;
		margin-top: 2rem;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 0;
	}
	
	.objekt-details-ort {
		position: relative;
		bottom: unset;
		width: fit-content;
		background-color: white;
		left: unset;
		margin: auto;
		max-width: none;
		transform: unset;	
		padding: 10px 20px;
		text-align: left;
	}
	
	.objekt-result-item {
		display: flex;
		flex-direction: column;
	}
	
	span.objekt-details-plz {margin-bottom: 1rem;}
	
	.objekt-details-container {
		margin-bottom:0;
	}
	
	span.objekt-details-str + br {
		display: none;
	}
	
	
	.objekt-result-item a {
		text-decoration: none;
	}

}