/*
Theme Name: ulrich.digital Blank Theme
Author: ulrich.digital
Author URI: https://ulrich.digital
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Description: Das Worpress Theme ulrich_digital_blank ist ein Entwicklungs-Theme von ulrich.digital.
Text Domain: ulrich_digital_blank
* Domain Path: /languages
*/

/* CSS  Reset  */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}

/* =============================================================== *\
 	 Fonts
\* =============================================================== */
/*
@font-face {
    font-family: 'Marat Sans';
    src: url('webfonts/MaratSans-Thin.eot');
    src: url('webfonts/MaratSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('webfonts/MaratSans-Thin.woff2') format('woff2'),
        url('webfonts/MaratSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    }
*/

/* =============================================================== *\
 	 General
\* =============================================================== */

:root {
	--color-text: #000;
	--color-link: #CD4F39;
	--color-link-hover: #FFCC01;
	--color-background: #F6F6F6;
	--color-blue: #0075ff;
	--color-grey: #9b9b9b;
	--ah_administrator: #333300 3px solid;
	--ah_fuehrungsperson: #9A32CD 3px solid;
	--ah_mitarbeiter: #CDBE70 3px solid;
	--boxShadow: 3px 3px 3px #0000001a;
	--borderRadius: 16px;
	--hoverTrans: all 0.2s;
	--color-dark-brown: #402906;
	--deactivated: .4;
}

/* https://fonts.google.com/specimen/Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	background: var(--color-background);
	width: 80%;
	margin: 0 auto;
	padding-bottom: 30vh;
}

a {
	text-decoration: none;
	color: var(--color-link);
}

a:hover {
	color: var(--color-link-hover);
}

div {
	line-height: 1.2rem;
}

h1, h2, h3, h4 {
    hyphens: auto;
    white-space: break-spaces;
    line-height: 100%;
}

h1 {
	font-size: 3rem;
	margin: 3rem 0;
    line-height: 1em;
}

h1 a {
	color: var(--color-text);
}

h2 {
	font-weight: 500;
	font-size: 1rem;
	margin-bottom: .5rem;
}

label {
    hyphens: auto;
}

.user.name h2 {
	font-weight: 500;
	font-size: 1.5rem;
	margin-bottom: .5rem;
}

/* button */
.user-profil.button,
.status .button,
.weitere.button,
.user-standort.button {
	color: var(--color-link);
	cursor: pointer;
}

.user-profil.button:hover,
.status .button:hover,
.weitere.button:hover,
.user-standort.button:hover {
	color: var(--color-link-hover);
}

.user-profil.button.active i,
.status .button.active i,
.weitere.button.active i,
.user-standort.button.active i {
	transform: rotate(180deg);
}

.user-profil.button i,
.status .button i,
.weitere.button i,
.user-standort.button i {
	transform: rotate(0deg);
}

/* hide Standortbestimmungen per default on overview page */
.zubewertende .standortbestimmungen {
	display: none;
}

.user-profil.meta,
.status .meta,
.more_wrapper {
	display: none;
}

.user-profil.meta {
	background: aliceblue;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 0.5em;
}

.ud_wrapper {
	display: flex;
	gap: 1rem;
}

.page-template-page-template-overview .selectUserButton {
	cursor: pointer;
}

.page-template-page-template-overview #successMessage {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-link-hover);
    color: black; /* Textfarbe */
    padding: 15px 25px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none; /* Meldung standardmäßig ausblenden */
    z-index: 9999; /* Hohe Z-Ebene, um über anderen Inhalten zu liegen */
    text-align: left;
}

.page-template-page-template-overview #successMessage i {
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 30px;
	color: black;
}

.page-template-page-template-overview .uldi-user:hover {
	background-color: #F0F8FF;
	cursor: pointer;
}

.page-template-page-template-overview .uldi-user.uldi_selected {
	background-color: var(--color-link-hover);
}

.page-template-page-template-overview .uldi-user.uldi_selected:hover {
	background-color: var(--color-link-hover);
}

.page-template-page-template-overview .user .user-text {
	width: 100%;
}

.page-template-page-template-overview .uldi_name-profil {
	display: flex;
	gap: .5rem;
}

.not_exist {
	text-align: center;
}

.status .meta{
padding: 0.25em 0;
padding: 10px 10px 1px;
background: aliceblue;
border-radius: 5px;
letter-spacing: 0.02em;
color:black;
}
.status .meta .post-data{
	display: none;
}
.status .meta > div{
	margin-bottom: 0.5em
}
#site-title {
	padding-bottom: 2rem;
}

#site-title a img {
	max-width: 100px;
	height: auto;
}

img {
    display: block;
    height: auto;
}

.user {
	display: flex;
	gap: 1rem;
	margin-bottom: .5rem;
    flex-wrap: wrap;
}

.user-image img {
	width: 70px;
	height: auto;
	border-radius: 1rem;
}
.user-image img{
	border-radius: 50%;
}
.subtitle {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.5px;
	margin-bottom: 0.55em;
}

.acf-hidden,
.hidden {
    visibility: hidden;
}

.updated {
	color: black;
	background-color: var(--color-link-hover);
	margin: 5px 0 15px;
    padding: 2rem;
	font-weight: 400;
	border-left: #eab700 solid 3px;
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999;
}

.close_button {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 30px;
	z-index: 9999999;
	cursor: pointer;
	color: var(--color-text);
}

.close_button:hover {
	color: var(--color-link);
}

/* =============================================================== *\
 	 Main-Elements
\* =============================================================== */

#header {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    margin: 1rem 0;
    flex-wrap: wrap;
}

#header .nav_user {
	display: flex;
	gap: 1rem;
    flex-wrap: wrap;
}

#header #current_user {
    display: flex;
    gap: 1rem;
}

#header #testmodus {
    background-color: var(--color-link-hover);
    padding: 1rem;
    border-radius: 1rem;
}

#header #livemodus {
    background-color: lightgreen;
    padding: 1rem;
    border-radius: 1rem;
}

#header #testmodus a:hover {
    color: var(--color-text);
}

#header .rotate90 {
    transform: rotate(-90deg);
}

.fuehrungsperson .weitere_button_container,
.standortbestimmungen .weitere_button_container{
	display: flex;
	justify-content: center;
	margin: -1em auto 1em;
}

.weitere_button_container.js_merge {
    margin-bottom: 1rem !important;
}

.fuehrungsperson .weitere.button,
.standortbestimmungen .weitere.button{
	background: var(--color-link);
	color:white;
	padding: 3px 7px;
	border-radius: 20px;
}

.standortbestimmung {
	margin-bottom: 2.5em;
	border: 0px dotted var(--color-link);
	border-radius: 5px;
	background: white;
	box-shadow: var(--boxShadow);
	position: relative;
	padding:20px;
}

/*
.standortbestimmung > .post-data {
	position: absolute;
	right: 20px;
	top: 20px;
}
*/

.standortbestimmung > .post-data a {
    border-radius: 0.2rem;
    color: black;
    padding: 5px 10px;
	border-radius: 30px;
}

.standortbestimmung.open.inprogress .post-data a {
	background-color: var(--color-link-hover);
    border: 1px solid var(--color-link-hover);
	color:black;
    padding: 5px 10px;
	border-radius: 30px;
}

.post-data .open {
    margin-bottom: .8rem;
}

.standortbestimmung.closed.inprogress {
	color:#adadad;
}

.standortbestimmung > .post-data .view_only a {
	border: 1px solid;
}

.standortbestimmung .fa-circle-dashed {
	opacity: 0.5;
}

.standortbestimmung .bearbeitung_noch_offen {
	margin-top: -0.5em;
	padding: 3px 7px;
	font-size: 13px;
	background: #ff00001f;
	border: 0px solid;
	border-radius: 30px;
	color:darkred;
    display: inline-block;
    hyphens: auto;
}

.standortbestimmung.open {
}

.standortbestimmung.finished{
	color:#adadad;
}
.standortbestimmung.finished .status{
	color: green;
    text-align: right;
    opacity: 0.55;
}
.standortbestimmungen {
	padding: 0;
	width: 100%;

}

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

.fuehrungsperson .user {
	padding: 20px;
	border-radius: 5px;
}

.fuehrungsperson .uebersicht{

}

.fuehrungsperson .standortbestimmungen > .standortbestimmung{
/*	display: none;
*/}

.page-template-page-template-overview .user + .uebersicht{
	margin-top: 2em;
}

.page-template-page-template-overview .uldi_reverse {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.page-template-page-template-overview .uldi_reverse .uebersicht {
	order: 20;
	margin: 10px 0;
}

/* nur für HR */
.page-template-page-template-overview.ah_humanresources_logged_in .standortbestimmung {
	background-color: var(--color-background);
}

.page-template-page-template-mitarbeiter .standortbestimmungen {
    width: 100%;
    padding: .5rem;
    box-sizing: border-box;
}

.mitarbeiter {
	display: flex;
	justify-content: flex-start;
	gap: 2rem;
	padding: .5rem;
	box-sizing: border-box;
}

.mitarbeiter .user-text i {
	min-width: 1rem;
}

.uebersicht {
	/*background-color: #fff;
	border: 1px solid lightgray;
*/
max-width: 800px;
margin: auto;
}

.eigene {
	margin-bottom: 5rem;
}

.ah_administrator {
	border-left: var(--ah_administrator);
}

.ah_fuehrungsperson {
	border-left: var(--ah_fuehrungsperson);
}

.ah_mitarbeiter,
.zubewertende {
	border-left: var(--ah_mitarbeiter);
}

.neutral {
	border-left: var(--ah_administrator);
}

.uebersicht .row {
    padding: 20px;
}
/*
.uebersicht .row:nth-child(odd),
.mitarbeiter:nth-child(odd) {
    background-color: aliceblue;
}

.uebersicht .row:nth-child(even),
.mitarbeiter:nth-child(even) {
	border-top: 1px solid lightgray;
}
*/
.uebersicht .themenbereiche_liste {
    background-color: aliceblue;
    padding: .5rem;
}

.uebersicht .themenbereiche_liste div,
.user-profil.edit a {
    white-space: nowrap;
}

.mitarbeiter .user {
	width: 50%;
}

.vorgesetzter {
	margin-bottom: 2rem;
}

.post-data {
	margin-top: .5rem;
	font-size: .7rem;
}

#search {
	display: none;
}

.page-template-page-template-overview.logged-in h1 {
	display: none;

}

/* acf */
.acf-field {
	border: none !important;
}

.passwd-actions {
	font-size: .7rem;
	margin-top: .2rem;
}

.acf-form-submit {
	margin: 0;
    padding: 15px 12px;
}

.closed:not(.standortbestimmung),
.closed:not(.standortbestimmung) a {
	/* pointer-events: none; */
	/*color: lightgrey !important;*/
}

/* form customations */
.ma-name .acf-input .acf-fields,
.fp-name .acf-input .acf-fields {
	background: transparent;
}

.single-standortbestimmung .acf-fields.-left > .acf-field:before {
	display: none;
}

 .abschliessen {
	display: block;
}

.delete_user {
	display: none;
}

/* Checkbox accent color */
.abschliessen input:checked {
    accent-color: #2a9bd9;
}


/* hide handles left and rightside */
.single-standortbestimmung .acf-row-handle.order.ui-sortable-handle,
.single-standortbestimmung	.acf-row-handle.remove {
	display: none !important;
}

.single-standortbestimmung .acf-fields.-left {
	border-right: 1px solid #ccd0d4!important;
}

.single-standortbestimmung .acfe-repeater-stylised-button {
	display: none;
}

.single-standortbestimmung .acf-range-wrap input[type=range] {
	width: calc(100% - 4.5em);
}

.repeater-bewertung td.acf-fields.-left {
	background: transparent;
	border: none !important;
}

.repeater-bewertung td.acf-fields.-left .acf-label {
	padding: 0 0 !important;
}

.repeater-bewertung .beschreibung textarea {
	background: transparent;
	border: none;
	resize: none;
}

.new-linking {
	max-height: 200px;
	overflow-y: auto;
	margin-top: .2rem;
	padding: .2rem;
}

.new-linking ul {
	background-color: white;
}

/* textarea placeholder */
textarea::placeholder {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
}

/* acf labels */
.acf-field .acf-label label {

    color: var(--color-grey);
}
.acf-field.abschliessen label{
	color:black;
	font-size: 21px;
	letter-spacing: 0.5px;

}
.acf-field.abschliessen .acf-input{
	background: white;
	padding: 20px;
}
.acf-field.abschliessen .acf-input ul li{
	padding-bottom: 0;
}
/* acf first label in repeater / group */
.acf-field-group > .acf-label label,
.acf-field-repeater > .acf-label label {
	font-weight: 600 !important;
	color: var(--color-text);
	font-size: 1.5em;
}

/* acf submit button */
.acf-form-submit input,
button#user_zugangsdaten_senden,
#save_status_closed,
.button-wrapper input[type=submit] {
	background-color: var(--color-link-hover);
	padding: .5rem 1rem;
	border-radius: .2rem;
	border: none;
}

.acf-form-submit input:hover,
button#user_zugangsdaten_senden:hover,
#save_status_closed:hover,
.button-wrapper input[type=submit]:hover {
	background-color: var(--color-link);
	color: var(--color-background);
	cursor: pointer;
}

/* hide Senden Button auf der Seite "Auswahl Fokusthemen -> id = 194 */
.page-id-194 .acf-field-62a1db0e96021 {
    display: none;
}

#mitteilung {
	display: inline-block;
}

.forbidden, .total {
	opacity: .4;
	pointer-events: none;
}

/* --------------------------------- page fokusthemen ------------------------------------ */

/* disable select boxes "Standortbestmmung von" */
.page-template-page-template-fokusthemen .acf-field[data-key="field_613b002a678e9"]  {
	pointer-events: none;
}

/* grey out combobox, resp. set combobox background transparent */
.page-template-page-template-fokusthemen .acf-field[data-key="field_613b002a678e9"] span[role="combobox"] {
	background: transparent !important;
}

/* --------------------------------- single standortbestimmung ------------------------------------ */

.single-standortbestimmung h1 {
    margin-top: 3rem;
    margin-bottom: .5rem;
}


.single-standortbestimmung .acf-field[data-key="field_62a1db0e96021"],
.single-standortbestimmung .acf-field[data-key="field_62d65e034a129"],
.single-standortbestimmung .acf-field[data-key="field_62d69cf341bf2"],
.single-standortbestimmung .acf-field[data-key="field_62dabb4eec863"] {
	border: 1px solid lightgray !important;
	margin: 15px 12px;
	background: #fff;
}

/* Button Submit Style */
.single-standortbestimmung .acf-field[data-key="field_62a1db0e96021"] .button.button-secondary {
    background-color: var(--color-link-hover);
    padding: 0.5rem 1rem;
    border-radius: 0.2rem;
    border: none;
}

.single-standortbestimmung .acf-field[data-key="field_62a1db0e96021"] .button.button-secondary:hover,
.single-standortbestimmung .back_button:hover,
.page-template-page-template-fokusthemen .back_button:hover,
.page-template-create-new-user-template .back_button:hover,
.page-template-edit-user-template .back_button:hover,
.single-standortrunde .back_button:hover,
.page-template-page-template-stapel .back_button:hover {
	/* background-color: var(--color-link); */
	/* color: var(--color-background); */
	color: var(--color-link-hover);
	cursor: pointer;
}

/* submit button */
.single-standortbestimmung .acf-form-submit,
.page-template-page-template-fokusthemen .acf-form-submit,
.page-template-create-new-user-template .acf-form-submit,
.page-template-edit-user-template .acf-form-submit,
.single-standortrunde .acf-form-submit,
.page-template-page-template-stapel .acf-form-submit {
	display: inline-block;
}

/* Zurück Button */
.page-template-page-template-fokusthemen .back_button,
.page-template-create-new-user-template .back_button,
.page-template-edit-user-template .back_button,
.single-standortrunde .back_button,
.page-template-page-template-stapel .back_button {
	/* background-color: var(--color-link-hover); */
	padding: 0.5rem 1rem;
	border-radius: 0.2rem;
	border: none;
	display: inline-block;
	cursor: pointer;
	color: rgb(0,0,0);
	font-weight: 400;
	line-height: normal;
	margin: 15px 12px;
	font-size: .81rem;
}

/* Print Button */
#print_button {
	background-color: var(--color-link-hover);
	padding: 0.5rem 1rem;
	border-radius: 0.2rem;
	border: none;
	display: inline-block;
	cursor: pointer;
	color: rgb(0,0,0);
	font-weight: 400;
	line-height: normal;
	font-size: .81rem;
}

/* print style für js-button */
@media print {

	.print_zugangsdaten .acf-field-615db4b1ae816,
	.print_zugangsdaten #print_button,
	.print_zugangsdaten .back_button {
		display: none;
	}

    .print_zugangsdaten #benachrichtigung {
    	display: block;
    }

	.print_zugangsdaten .description {
		font-size: 1.5rem;
		line-height: 3rem;
	}
}

/* Style success message nach AJAX-"Senden"-Button */
.single-standortbestimmung .mail-response {
	position: relative;
    display: block;
    color: #fff;
    margin: 15px 0px;
    padding: 3px 12px;
    background: #2a9bd9;
    border-left: #1f7db1 solid 3px;
}

/* disable select boxes "Standortbestmmung von" und "Standortbestimmung für" */
.single-standortbestimmung .acf-field[data-key="field_613b002a678e9"],
.single-standortbestimmung .acf-field[data-key="field_61498788174c3"] {
	pointer-events: none;
}

/* grey out combobox, resp. set combobox background transparent */
.single-standortbestimmung .acf-field[data-key="field_613b002a678e9"] span[role="combobox"],
.single-standortbestimmung .acf-field[data-key="field_61498788174c3"] span[role="combobox"] {
	background: transparent !important;
}

/* error message */
.single-standortbestimmung .error {
	border: 1px solid red;
	border-radius: 2px;
}

.single-standortbestimmung .error_message,
.page-template-create-new-user-template .error_message {
	background: #e50000;
	border-left:#cc0000 solid 3px;
	color: white;
	font-weight: 400;
	padding: 4px 6px;
	margin: 15px 12px;
}

.single-standortbestimmung .punkte-legend {
	color: var(--wp--preset--color--vivid-cyan-blue);
}

.single-standortbestimmung .punkte-nolegend {
	color: red;
}

.single-standortbestimmung .punktetabelle {
	width: 100%;
	height: auto;
}

.single-standortbestimmung .punktetabelle th {
	text-align: left;
	border-bottom: 1px solid black;
}

.single-standortbestimmung .punktetabelle tr td:not(:first-of-type),
.single-standortbestimmung .punktetabelle tr th:not(:first-of-type) {
	padding-left: 1rem;
}

.single-standortbestimmung .punktetabelle td {
	border-bottom: 1px solid lightgray;
}

.single-standortbestimmung .punktetabelle .punkte {
	width: 20%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.single-standortbestimmung .punktetabelle .bar {
	height: 20px;
	text-align: center;
	font-size: .7rem;
}

.single-standortbestimmung .punktetabelle .kompetenz {
	width: 30%;
}

.single-standortbestimmung .meta-header {
	padding-bottom: 10rem;
}

.single-standortbestimmung .meta-header .row {
	display: flex;
}

.single-standortbestimmung .meta-header .row .column:first-of-type {
	width: 6rem;
}

.single-standortbestimmung .beschreibung textarea {
	border: none;
    font: inherit;
    font-weight: 500;
    letter-spacing: .4px;
    padding: 0;
    margin: 0;
	resize: none;
}

/* Legende Punkte */
#acf-field_615711e85b9dc {
	background-color: transparent;
	border: none;
	padding: 0;
}

/* progress donut bar */
*,
*:before,
*:after {
	box-sizing: border-box;
}

.donut-wrapper {
	font-size: 16px;
	position: fixed;
	bottom: 0;
	right: 0;
	transform: translate(-50%, -50%);
	z-index: 999999;
	/* display: none; */
}

#percent {
	display: block;
	width: 160px;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 50px auto 20px;
	padding: 10px;
	color: #1ABC9C;
	font-family: "Lato", Tahoma, Geneva, sans-serif;
	font-size: 35px;
	text-align: center;
}

#donut {
	display: block;
	margin: 0px auto;
	color: #1ABC9C;
	font-size: 20px;
	text-align: center;
}

.donut-size {
	font-size: 12em;
}

.pie-wrapper {
	position: relative;
    /*
	width: 1em;
	height: 1em;
    */
    width: 96px;
    height: 96px;
	margin: 0px auto;
}

.pie-wrapper .pie {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	clip: rect(0, 96px, 96px, 48px);
}

.pie-wrapper .half-circle {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0.1em solid rgb(255, 204, 1);
	border-radius: 50%;
	clip: rect(0, 48px, 96px, 0);
}

.pie-wrapper .right-side {
	transform: rotate(0deg);
}

.pie-wrapper .label {
	position: absolute;
	top: 0.52em;
	right: 0.4em;
	bottom: 0.4em;
	left: 0.4em;
	display: block;
	background: none;
	border-radius: 50%;
	color: #7F8C8D;
	font-size: 20px;
	line-height: 2.6em;
	text-align: center;
	cursor: default;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pie-wrapper .smaller {
	padding-bottom: 20px;
	color: #BDC3C7;
	font-size: 0.45em;
	vertical-align: super;
}

.pie-wrapper .shadow {
	width: 100%;
	height: 100%;
	border: 0.1em solid rgba(189, 195, 199, .8);
	border-radius: 50%;
}

/* acf "neue Auswahlmöglichkeiten hinzufügen */
.button.acf-add-checkbox:not(.custom) {
	display: none;
}

/* error */
.error {
	border: 1px solid red;
	border-radius: 2px;
}

.acf-notice.-error.acf-error-message.-dismiss {
	background: #2a9bd9;
    border-left: #1f7db1 solid 3px;
}

.anmerk_name {
	font-weight: 500;
}


/* =============================================================== *\
 	 Page Login
\* =============================================================== */
.login_title{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	letter-spacing: 1px;
	margin-top: 10vh;
	}

.login_title h1{
	margin-top: 0.3em;
	}

.login_title h2{
	font-size: 24px;
	}

form[name="loginform"]{
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 600px;
	margin: auto;
	font-size: 18px;
	letter-spacing: 1px;
	}



form[name="loginform"] > p{
	padding: 20px 40px;
	background: white;
	box-shadow: var(--boxShadow);
	}
form[name="loginform"] .login-submit{
	display: flex;
	justify-content: center;
	margin-bottom: 0;
	background: transparent;
	box-shadow: none;
	}


form[name="loginform"] .login-username{
	padding: 40px 40px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

form[name="loginform"] .login-remember{
	padding-bottom: 40px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}



form[name="loginform"] input[type="text"],
form[name="loginform"] input[type="password"]{
	width: 100%;
	min-height: 40px;
	padding: 5px;
	border: 0px solid;
	border-bottom: 1px solid black;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-size: 20px;
	letter-spacing: 0.5px;
	}


form[name="loginform"] input:not([name="rememberme"]) {
	margin-top: .4rem;
	margin-bottom: .8rem;
}

label[for="user_login"],
label[for="user_pass"] {
	display: block;
}

input[name="rememberme"] {
	margin-left: 0;
	vertical-align: text-bottom;
}

.login-submit {
	margin-top: .8rem;
}
form[name="loginform"] input[type="submit"]{
	background-color: var(--color-link-hover);
    padding: 0.5rem 1rem;
    border-radius: 0.2rem;
    border: none;
	font-size: 20px;
transition: var(--hoverTrans);
text-transform: uppercase;
letter-spacing: 1px;
color:var(--color-dark-brown);
}
form[name="loginform"] input[type="submit"]:hover{
	background: var(--color-link);
	cursor: pointer;
	color:white;
}

.wp_login_error {
    margin-top: 2rem;
    justify-content: center;
    display: flex;
    text-align: center;
}

.wp_login_error p {
    background-color: var(--color-link);
    display: inline-block;
    color: white;
    padding: 1rem 2rem;
    border-radius: .2rem;
}

#send_login {
	display: inline-block;
	border: 1.5px solid white;
	background-color: transparent;
	margin: .5rem;
	color: white;
	padding: 0.5rem 1rem;
	border-radius: 0.2rem;
	transition: var(--hoverTrans);
	letter-spacing: 1px;
	cursor: pointer;
	/* color: var(--color-dark-brown); */

}

#send_login:hover {
	border: 1.5px solid var(--color-link-hover);
	background-color: var(--color-link-hover);
	color: var(--color-dark-brown);
}

.login_back {
    margin-top: 2rem;
	color: var(--color-dark-brown);
	display: flex;
    text-align: center;
	justify-content: center;
}

.login_back p {
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: .2rem;
	background-color: var(--color-link-hover);
}

/* =============================================================== *\

 	 Page Standortbestimmung Übersicht

\* =============================================================== */
.page-template-page-template-overview.logged-in #content > h2,
.page-template-page-template-overview.logged-in #content #not_rated {
	font-size: 34px;
    text-align: center;
    margin: 3em auto 1.5em;
    letter-spacing: 0.5px;
}

.standortbestimmung .status{
	margin-top: 0.25em;
}
.standortbestimmung .status .button{
	display: inline-block;
    background: var(--color-link);
    padding: 3px 7px;
    border-radius: 40px;
    color: white;
    margin-top: 4px;
}

.zubewertende {
	/* einrücken */
	margin-left: 4rem;
}

.vorgesetzt {
	background: white;
    margin-bottom: 3em;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 5px;
    box-shadow: var(--boxShadow);
	padding: 20px;
	border-left-width: 10px !important;
	border-left: var(--ah_fuehrungsperson);
}

/* =============================================================== *\
   Spider
\* =============================================================== */
#myChart {
    width: auto;
    max-height: 90vh;
}

.single-standortbestimmung .radar-chart {
    padding-bottom: 6rem;
}


/* print standortbestimmung */
@media print {
	body.single-standortbestimmung {
		width: 210mm;
		min-height: 297mm;
		margin: 5mm auto 20mm;
		background: white;
		color: black;
	}

	.single-standortbestimmung h1 {
		font-size: 2rem;
		margin: 0 0 1rem;
	}

	.single-standortbestimmung .radar-chart,
	.single-standortbestimmung #myChart {
		width: auto!important;
		max-width: 100%!important;
		height:auto!important;
	}

	.single-standortbestimmung .meta-header {
		padding-bottom: 1rem;
	}

	.single-standortbestimmung .anmerkung .sup,
	.single-standortbestimmung .anmerkung .sub {
		background-color: transparent !important;
	}

	.single-standortbestimmung .bar.sup,
	.single-standortbestimmung .bar.sub {
		border: 1px solid black !important;
		margin: .2rem 0 !important;
	}

	.single-standortbestimmung #header,
	.single-standortbestimmung #only_view {
		display: none !important;
	}

	.single-standortbestimmung .punktetabelle {
		page-break-before: auto;
	}

    /* page break after chart 
    .single-standortbestimmung .radar-chart {
        page-break-after: always;
    }
    */
    
    .single-standortbestimmung .bar.sub,
    .single-standortbestimmung .kompetenz .sub {
        border: 1px solid rgb(86, 180, 233) !important;
    }

    .single-standortbestimmung .bar.sup,
    .single-standortbestimmung .kompetenz .sup {
        border: 1px dashed black !important;
    }

}
/* =============================================================== *\

 	 Single Standortbestmmung

\* =============================================================== */

.single-standortbestimmung .acf-field-user,
.single-standortbestimmung .acf-field-date-time-picker{
	display: none;
}

.page-template-page-template-fokusthemen div[data-name="fokusthemen"],
.single-standortbestimmung div[data-name="fokusthemen"] {
	padding: 20px 0px;
}

.page-template-page-template-fokusthemen .acf_accordion,
.single-standortbestimmung .acf-accordion {
	background: transparent;
}

.page-template-page-template-fokusthemen div[data-name="fokusthemen"] > .acf-label,
.single-standortbestimmung div[data-name="fokusthemen"] > .acf-label {
	letter-spacing: 1px;
	margin-bottom: 1em;
}

.page-template-page-template-fokusthemen .acf-fields.-border,
.single-standortbestimmung .acf-fields.-border {
	border:0px solid;
	background: transparent;
}

.page-template-page-template-fokusthemen .acf-field.acf-field-accordion,
.single-standortbestimmung .acf-field.acf-field-accordion {
	margin-bottom: 3em;
	background: transparent;
}

.page-template-page-template-fokusthemen .acf-accordion-title,
.single-standortbestimmung .acf-accordion-title {
	background: white;
}

.page-template-page-template-fokusthemen .acf-field.acf-field-accordion:hover,
.page-template-page-template-fokusthemen .acf-field.acf-field-accordion label:hover,
.single-standortbestimmung .acf-field.acf-field-accordion:hover,
.single-standortbestimmung .acf-field.acf-field-accordion label:hover {
	cursor:pointer;
}

.page-template-page-template-fokusthemen .acf-accordion .acf-accordion-title:hover,
.single-standortbestimmung .acf-accordion .acf-accordion-title:hover {
	background: white;
}

.page-template-page-template-fokusthemen .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields,
.single-standortbestimmung .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields {
	border-top: 0px solid;
}

.page-template-page-template-fokusthemen .acf-field-accordion .acf-accordion-title label,
.page-template-page-template-fokusthemen .acf-accordion-title i,
.single-standortbestimmung .acf-field-accordion .acf-accordion-title label,
.single-standortbestimmung .acf-field-accordion .acf-accordion-title i {
	color:black;
	font-size: 36px;
	letter-spacing: 1px;
}

.page-template-page-template-fokusthemen ul.acf-radio-list li,
.page-template-page-template-fokusthemen ul.acf-checkbox-list li,
.single-standortbestimmung ul.acf-radio-list li,
.single-standortbestimmung ul.acf-checkbox-list li {
	font-size: 20px;
	letter-spacing: 0.5px;
	line-height: 1;
	padding-bottom: 0.75em;
}

.page-template-page-template-fokusthemen .acf-accordion-title,
.single-standortbestimmung .acf-accordion-title {
	display: flex;
	align-items: center;
}

.page-template-page-template-fokusthemen .acf-accordion-icon,
.single-standortbestimmung .acf-accordion-icon {
	line-height:normal;
	font-weight:normal;
	width: auto;
	height:auto;
	vertical-align:inherit;
	text-align:inherit;
	transition: none;
}

/* Fokusthemenliste */
div[data-name="fokusthemen"] .acf-accordion-content ul li {
	margin-left: 20px;
	line-height: 1.5em;
}
div[data-name="fokusthemen"] .acf-accordion-content ul li input {
	/* margin-left: -22px; */
}

.page-template-page-template-fokusthemen .acf-notice,
.single-standortbestimmung #mitteilung .acf-notice {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 0;
	padding: 10px;
	background: #ffcc01;
	border-radius: 5px;
	border-left: 0;
	color: black;
}

.acf-notice.-error.acf-error-message.-dismiss {
    background: #2a9bd9;
    font-size: 20px;
    padding: 5px 10px;
    border-left: 0;
    padding: 10px;
    border-radius: 5px;
    font-style: italic;

}

.weitere_button_container.js_merge {
    margin-bottom: 1rem;
}

.fuehrungsperson .weitere_button_container {
	align-self: end;
	display: flex;
	justify-content: center;
	flex-grow: 2;
	margin-bottom: 0;
}

.fuehrungsperson .uebersicht {
	display: none;
}

.fuehrungsperson .uebersicht .standortbestimmungen .weitere_button_container {
	display: none;
}

.has_open_standorbestimmung {
	position: relative;
}

.open_standortbestimmung {
    display: inline-block;
    color: darkred;
    padding: 3px 7px;
    background: #8b00001a;
    border-radius: 50px;
    position: absolute;
	right: 20px;
	top: 20px;
}

.view_only {
	margin-top: -5px;
}

.standortbestimmung > .post-data .view_only a {
	border-radius: 30px;
padding: 3px 7px;
/* margin-top: -3px; */
background: #86ba8194;
border: none;
color: green;
background: transparent;
border: 1px solid;
}

.home #content > .eigene + h2{
	margin-top: 15vh;
}
/* =============================================================== *\

 	 Sliders

\* =============================================================== */
 #bewertung_sub,
 #bewertung_sup{
	 margin: 1em 0;
	 padding: 0;
 }
#bewertung_sub .acf-row-handle,
#bewertung_sup .acf-row-handle{
	 display: none;
 }

 #bewertung_sub [data-name="bewertung_sub_kompetenz"] .acf-input,
 #bewertung_sup [data-name="bewertung_sup_kompetenz"] .acf-input{
	 font-size: 28px;
	 line-height: 1em;
	 max-height: 3em;
 }
 #bewertung_sub .beschreibung textarea,
  #bewertung_sup .beschreibung textarea{
	 padding-top:5px;
	 text-align: center;

 }
 #bewertung_sub label,
  #bewertung_sup label{
	display: none;

	 width: 0;
 }
#bewertung_sub .acf-input,
#bewertung_sup .acf-input{
	 width: 100%
 }
 #bewertung_sub .acf-fields.-left,
  #bewertung_sup .acf-fields.-left{
	 display: block;
	 padding-bottom: 8vh!important;
 }
 #bewertung_sub .acf-fields.-left > .acf-field,
  #bewertung_sup .acf-fields.-left > .acf-field{
	 padding: 0;
 }

.awesome_legend{
	text-align: center;
	color: var(--wp--preset--color--vivid-cyan-blue);
	font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

#bewertung_sub [data-name="bewertung_sub_anmerkung"] .acf-input textarea,
#bewertung_sup [data-name="bewertung_sup_anmerkung"] .acf-input textarea{
	border:0px solid;
	padding: 20px;
	margin-top:1em;
	font-family: 'Roboto';
	letter-spacing: 0.5px;
}

#bewertung_sub .acf-range-wrap input[type=number],
#bewertung_sup .acf-range-wrap input[type=number]{
	border:0;
	width:2.5em;
	min-width: 0px;
	-moz-appearance: textfield;

}



/* Chrome, Safari, Edge, Opera */
#bewertung_sub .acf-range-wrap input[type=number]::-webkit-outer-spin-button,
#bewertung_sub .acf-range-wrap input[type=number]::-webkit-inner-spin-button,
#bewertung_sup .acf-range-wrap input[type=number]::-webkit-outer-spin-button,
#bewertung_sup .acf-range-wrap input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}



.acf-field[data-name="standortbestimmung_situation"]{
	display: none;
}
.single-standortbestimmung .error_message{
	background: transparent;
	padding: 0;
	border-left: 0;
	color: black;
}
.single-standortbestimmung .error_message div{
	background-color: var(--color-link-hover);
	margin: 1em 0;
	padding: 10px;
	border-radius: 5px;
}

/* =============================================================== *\

 	 AH! HR Admin Übersicht

\* =============================================================== */

.ah_humanresources_logged_in .ah_administrator,
.ah_humanresources_logged_in .ah_fuehrungsperson,
.ah_humanresources_logged_in .ah_mitarbeiter,
.ah_humanresources_logged_in .zubewertende,
.ah_humanresources_logged_in .neutral,
.ah_fuehrungsperson_logged_in .row {
	  background: white;
	  border-left-width: 10px;
	  margin-bottom: 3em;
	  border-top-left-radius: 5px;
	  border-bottom-right-radius: 5px;
	  border-radius: 5px;
	  box-shadow: var(--boxShadow);
	  padding: 20px;
  }

.ah_administrator .uebersicht .standortbestimmung,
.ah_fuehrungsperson .uebersicht .standortbestimmung,
.ah_mitarbeiter .uebersicht .standortbestimmung,
.ah_fuehrungsperson_logged_in .uebersicht_mitarbeiter .standortbestimmung {
	background: var(--color-background);
}

/* =============================================================== *\

 	 Search

\* =============================================================== */

.filter-wrapper {
    display: flex;
    justify-content: center;
}

.filter-wrapper .search_person,
.filter-wrapper .search_standort {
    margin-left: 3rem;
    margin-top: -1rem;
}

#searchInput,
#standortIdInput {
    border-radius: 99rem;
    height: 25px;
    border: none;
    padding-left: 1rem;
}

#searchInput:focus,
#standortIdInput:focus,
#searchInput:active,
#searchInput:focus {
    outline-color: var(--color-link-hover);
}

#resetSearch,
#resetStandortSearch,
.resetUserSearchInput {
    cursor: pointer;
    display: inline-block;
    padding-right: .3rem;
    color: #ccc;
}

.resetUserSearchInput {
	padding-left: 0;
}

#resetSearch:hover,
#resetStandortSearch:hover,
.resetUserSearchInput:hover {
    color: var(--color-link-hover);
}

/* =============================================================== *\

 	 Switch

\* =============================================================== */

.switch_button_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1em;
    transform: translateY(-1em);
}

 .switch{ position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    margin-bottom: 0.25em;
    width: 40px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .2s;
    transition: .2s;
	border-radius: 17px;
}

.switch .toggle.round:before {
    border-radius: 50%;
}

.switch .toggle:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

.switch input:checked + .toggle {
    background-color: var(--color-link-hover);
}

.switch input:checked + .toggle:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.switch .toggle.round:before {
    border-radius: 50%;
}

.switch .toggle:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

body.ah_mitarbeiter_loggged_in .weitere_button_container {
	display: none;
}

body.ah_humanresources_logged_in .standortbestimmungen .weitere_button_container {
    margin-bottom: 0;
    margin-top: -5px;
}

body.ah_humanresources_logged_in .standortbestimmungen .more_wrapper {
	margin-top: 1em;
}

body.ah_humanresources_logged_in .user + .uebersicht {
	margin-top: 0;
}

body.ah_humanresources_logged_in .user + .uebersicht .standortbestimmung {
}

.uebersicht .themenbereiche_liste {
	flex-direction: column;
	margin-bottom: 1em;
}

/* =============================================================== *\
 	 Erneute Benachrichtung ACF-Feld
\* =============================================================== */

.acf-field-62fe20be9feda,
#benachrichtigung {
    background-color: #e1e1e1;
    margin: 2rem 0 !important;
    border: none !important;
    padding: 12px;
}

/* =============================================================== *\
 	 Senden Button ACF
\* =============================================================== */

button[type="submit"]::before {
    content: "\f1d8";
    font-family: "Font Awesome 5 Free";
    padding-right: .2rem;
}

/* =============================================================== *\
 	 Profil Seite
\* =============================================================== */

.acf-field-62fe20be9feda .instructions {
    display: flex;
    justify-content: space-between;
}

.acf-field-62fe20be9feda .instructions span > i {
    padding-right: .5rem;
}

.acf-field-62f11843a0602 {
    background-color: var(--color-link-hover);
}

.user_attention {
	background: var(--color-text);
	display: inline-block;
	padding: 0.2rem 0.4rem;
	margin-top: 0.5rem;
	color: white;
}

.switcher div {
    display: inline-block;
    color: var(--color-link);
    opacity: .5;
}

.switcher .aktiv {
    opacity: 1;
}

.switcher div:hover {
    color: var(--color-link-hover);
    cursor: pointer;
    opacity: 1;
}


/* =============================================================== *\
 	Stapel Seite und single-standortrunde
\* =============================================================== */

.single-standortrunde h1 {
    margin-left: 12px;
    margin-right: 12px;
}

.standortbestimmungsrunden_wrapper h2 {
    margin: 15px 12px;
    color: var(--color-grey);
}

.standortbestimmungsrunden {
    background-color: white;
    margin: 15px 12px;
    padding: 15px 12px;
    border: 1px solid #ccd0d4;
}

.standortbestimmungsrunde a,
.standortbestimmungsrunde div {
    padding: 0 .2rem;
    display: flex;
    justify-content: space-between;
}

.standortbestimmungsrunde a .zeitraum,
.standortbestimmungsrunde div .zeitraum  {
    font-size: smaller;
}

.standortbestimmungsrunde:nth-of-type(odd) {
    background: #F6F6F6;
}

.standortbestimmungsrunde:nth-of-type(even)  {
    background: #FFF;
}

.standortbestimmungsrunde .aktuelle {
    background-color: var(--color-link-hover);
}

label[for=fp_all],
label[for=mitarbeiter_all] {
    display: inline-block !important;
}

.show_selected_fp,
.show_selected_mitarbeiter {
    padding-left: .5rem;
    cursor: pointer;
    color: var(--color-link);
    font-size: smaller;
}

.show_selected_fp:hover,
.show_selected_mitarbeiter:hover {
    color: var(--color-link-hover);
}

.sent_status {
    padding-left: .5rem;
}

/* add standortbestimmung link ausblenden */
.add_new_standortbestimmung {
	display: none;
}

span.user_sup,
span.kompetenzbereiche {
    padding: .15rem .35rem;
    border-radius: 4rem;
}

span.kompetenzbereiche {
	background-color: #F6F6F6;
}

span.kompetenzbereiche {
    font-style: italic;
	margin-left: 2rem;
}

.status_ausgetreten {
	color: white;
	background-color: #bc0000;
	padding: .15rem .5rem;
	border-radius: 4rem;
}

/* im user Profil Abstand hinzufügen */
.acf-field-637b4ca96677e .status_ausgetreten,
.acf-field-637b4a13c452c .status_ausgetreten{
	margin-left: 1rem;
}

.status_aktiv {
	color: white;
	background-color: #10701b;
	padding: .15rem .5rem;
	border-radius: 4rem;
}

.profil_name {
	color: var(--color-link);
}

.counter {
	margin-left: 2rem;
	margin-right: .5rem;
	border-radius: 4rem;
	font-size: .8rem;
	height: 20px;
	width: 40px;
	color: white;
	background-color: darkgray;
	display: inline-block;
	text-align: center;
}

#legende_work {
	padding: 1rem 0;
}

/* =============================================================== *\
   Titel
\* =============================================================== */
.single-standortbestimmung .acf-field[data-name=veroeffentlichungsdatum]{
	display: none;
}
	#bewertung_sub .acf-input, #bewertung_sup .acf-input{
		max-width: 800px!important;
		margin: auto;

	}


/* =============================================================== *\ 
   Title
\* =============================================================== */

.page-template-page-template-stapel #content > .standortbestimmungsrunden_wrapper > h2,
h2.neue_standortbestimmungsrunde_erstellen{
    color:black;
        font-size: 24px;
    font-weight: bold;
    margin-top: 10vh;
    background: #91ee90;
    padding: 10px;
}


.single-standortrunde a.acf-repeater-add-row{
        background: var(--color-link);
            color: white;
            padding: 10px 15px;
            border-radius: 5px;
            text-transform: uppercase;
            letter-spacing: 1px;
}

.single-standortrunde .acf-row-hint td{
    background: #f6f6f6;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
}
.page-template-page-template-stapel .counter,
.single-standortrunde .counter{
    margin-left:0.5em;
}
.page-template-page-template-stapel .kompetenzbereiche,
.single-standortrunde .kompetenzbereiche{
    margin-left: 0.5em;
    display: none;
}

.page-template-page-template-stapel ul.acf-checkbox-list li+li,
.single-standortrunde ul.acf-checkbox-list li + li{
    margin-top:0.5em;
}
.page-template-page-template-stapel ul.acf-checkbox-list li label,
.single-standortrunde ul.acf-checkbox-list li label{
    display: flex;
}
.page-template-page-template-stapel .user_acherhof,
.single-standortrunde .user_acherhof{
    display: flex;
    flex-wrap:wrap;
}

.page-template-page-template-stapel .uldi_standortbestimmungsrunde a {
	display: flex;
	gap: 2rem;
}

/* =============================================================== *\
 	 ACF Option Page
\* =============================================================== */

/* nur für ah-administrator oder administrator anzeigen */
.page-template-page-template-options:not(.ah_administrator_logged_in):not(.administrator_logged_in) {
	display: none;
}

/* =============================================================== *\
 	 Entwickler Content
\* =============================================================== */

@media print {
	.entwickler-content {
	  display: none;
	}
}

.entwickler-content h1 {
	margin-top: 0;
	margin-bottom: 2rem;
}

.entwickler-content h2 {
	padding-top: .5rem;
	border-top: 1px solid black;
}

.entwickler-content {
    background-color: aliceblue;
    padding: 1rem;
}

.entwickler-content .meta_key_values,
.entwickler-content .step_status_user,
.entwickler-content .benutzerrollen {
	margin-top: 1rem;
}

.entwickler-content .meta_key_values ul,
.entwickler-content .step_status_user ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}



/* =============================================================== *\
 	 Buttons + Isotope Filters
\* =============================================================== */

/* =============================================================== *\
 	 Masonry
\* =============================================================== */

/* =============================================================== *\
 	 Social Media
\* =============================================================== */

/* =============================================================== *\
 	 Custom Blocks
\* =============================================================== */

/* =============================================================== *\
 	 Page default
\* =============================================================== */

/* =============================================================== *\
 	 Page Home
\* =============================================================== */

/* =============================================================== *\
 	 Archive default
\* =============================================================== */

/* =============================================================== *\
 	 Single default
\* =============================================================== */

/* =============================================================== *\
 	 Imprint + Privacy Policy
\* =============================================================== */

/* =============================================================== *\
 	 Post-Edit-Link
\* =============================================================== */
.post-edit-link{
    }

/* =============================================================== *\
	Media-Queries
\* =============================================================== */

#content_container > .fuehrungsperson.row{
	max-width: 790px;
	margin: 5px auto;
}

#reload {
    font-size: 1.5rem;
    margin-right: .5rem;
}

/*
https://devfacts.com/media-queries-breakpoints-2022/
Medium devices (tablets, less than 992px)
*/
@media screen and (max-width: 991.98px ) {

    .standortb_info {
        flex-direction: column-reverse;
    }

    .bearbeitung_noch_offen {
        margin-bottom: 1rem;
    }

}

@media (max-width: 575.98px) {

    .open_standortbestimmung {
        margin-bottom: 1rem;
    }

    .user {
        width: 100%;
    }

}

/* minimale Breite, nicht kleiner */
@media screen and (max-width: 320px) {

    html, body {
        width: 320px;
    }

    #header {
        justify-content: center;
        flex-direction: column;
    }
}