:root{
--pap-gelb: rgb(253,204,0);
--pap-green: rgb(0,97,38);
--pap-lightgreen: rgb(127,175,133);
--pap-lightgreen2: rgb(127,175,133,0.3);
--pap-text: rgba(112,112,112,1);
--pap-textdark: rgba(85, 85, 85,1);
--pap-lightgrey: rgba(204,204,204,1);
--pap-lightgelb: rgb(253,204,0,0.3);
--pap-red: rgb(220, 53, 69);
--darkmode-text: rgb(220,220,220);
--darkmode-bg: rgb(50,50,50);
--darkmode-green: rgb(190,221,202);
--darkmode-gelb: rgb(253,204,0);
--darkmode-footer: rgb(83,113,86);
--darkmode-details: rgb(70,70,70);
}


:root {
  color-scheme: light dark;
}



body, html{
font-family: 'Source Sans 3', Arial, Hevetica, snas-serif;
font-style: normal;
color: var(--pap-text);
font-size: 16px;
}


/*gelb rgb(253,204,0) */
/*grün rgb(0,113,44) */
/*grün hell rgb(127,175,133) */


h1, h2, h3, h4{
font-family: 'EB Garamond';
font-style: italic;
font-weight: 700;
color: rgb(0,113,44)!important;

}

summary::-webkit-details-marker {
 display: none;
}

summary {
 list-style: none;
}

main{
min-height: 50vh;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus,
.form-select:focus {
  border-color: rgba(0,113,44, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(0,113,44, 0.6);
  outline: 0 none;
}


a:focus-visible, nav a:focus-visible, button:focus-visible, summary:focus-visible{
outline: 2px solid rgba(255,193,7,1)!important;
border-radius: 3px;
box-shadow: 0!important;
}




select option, select, .form-select, .form-select option{
font-family: 'Source Sans 3';
font-style: normal;
color: var(--pap-textdark);
}

input[type=submit], input[type=date] {
cursor: pointer;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;

}

.form-control,  .form-select{
	color: var(--pap-textdark);
	border-color:  var(--pap-text);
}

section h3{
font-size: 2.5rem;
}

#datenschutz h3{
font-size: 1.8rem;
}

#datenschutz h2{
padding-top: 2rem;
}


main p, main li{
font-size: 1.25rem;
line-height: 145%;
}

main li{
padding: 8px 0px;
}

main th, main td{
font-size: 1.1rem;
color: var(--pap-textdark)!important;
}


main p > a, main li > a{
color: var(--pap-green);
text-decoration: underline;
}

main p > a:hover, main li > a:hover{
text-decoration: none;
}


.nounderline{
text-decoration: none!important;
}

.nounderline:hover{
text-decoration: underline!important;
}

.mt-100{
margin-top: 100px;
}

.mt-50{
margin-top: 50px;
}

.mb-100{
margin-bottom: 100px;
}

.mb-50{
margin-bottom: 50px;
}


.border-b-0{
border-bottom: 0!important;
}

.hide-onmobil{
display: inline;
}

.show-onmobil{
display: none;
}


main strong, main b{
color: var(--pap-green);
}

.inputh{
	display: none!important; 
	visibility: hidden!important; 
}


.list-plain{
margin: 0px 0px 1rem 0px;
padding: 0px 0px 0px 0px;
border: 0;
list-style-type: none;
}


.icon-list li{
padding: 6px 0px 18px 30px;
position: relative;
isolation: isolate;
}


.icon-list li > span{
height: 100%;
}

.icon-list li .bi::after{
content: '';
width: 20px;
height: 20px;
display: block;
border-radius: 50% 50%;
background-color: var(--pap-gelb);
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0px;
z-index: -1;
}

.icon-list li .bi::before{
position: relative;
top: 0;
bottom: 0;
left: 0;
margin: auto 0px;
}


.icon-list li .bi{
font-size: 30px;
margin-left: -30px;
margin-top: auto;
margin-bottom: auto;
position: relative;
}


.list-big li{
padding: 20px 0px 20px 45px;
}

.list-big li .bi{
font-size: 32px;
margin-left: -45px;
margin-right: 10px;
}


.list-green li .bi{
color: var(--pap-green);
}


ul.col-list{
display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.col-list li{
width: 50%;
}


.btn-green{
background-color: var(--pap-green);
color: #FFFFFF;
}


.btn-green:hover{
background-color: var(--pap-gelb);
color: var(--pap-green);
}

.button-submit{
font-size: 1.3rem;
}

.button-submit:focus, .button-submit:active{
outline: 2px solid rgba(255,193,7,1)!important;
border-radius: 3px;
box-shadow: 0!important;
background-color: var(--pap-gelb);
color: var(--pap-green);
}


.section-wrapper, #infoline > div, .header .container{
width: 100%;
max-width: 1200px;
margin: 0px auto;
position: relative;
}

section{
margin-bottom: 100px;
position: relative;
}


.sectiongreen{
background-color: var(--pap-lightgreen);
}


.sectiongreen2{
background-color: var(--pap-lightgreen2);
}


.sectionyellow{
background-color: var(--pap-lightgelb);
}

.sectiongreen h2, .sectiongreen h3, .sectiongreen p, .sectiongreen li, .sectiongreen2 h2{
color: #ffffff!important;
}

.border-section{
border: solid 1px var(--pap-text);
border-radius: 8px;
padding: 20px;
margin: 2rem 0px;
}


.infosection{
min-height: 350px;
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
position: relative;
isolation: isolate;
}


.infosection::before{
content: '';
background-color: rgba(128,128,128,0.5);
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: -1;
mix-blend-mode: multiply;
}


.text-body-emphasis{
color: rgb(0,113,44)!important;
}

.tophero-start{
background-color: var(--pap-green);
height: 515px;
margin-bottom: 200px;
padding-top: 75px;
}

.tophero{
background-color: var(--pap-green);
height: 315px;
margin-bottom: 100px;
padding-top: 75px;
}





.header{
display: block;
width: 100%;
margin-bottom: 0;
}

.header  header{
height: 250px;
}




.footer{
background-color: var(--pap-lightgreen);
margin-bottom: 0px;
}

.form-control-dark {
border-color: var(--bs-gray);
}
.form-control-dark:focus {
border-color: #fff;
box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.text-small {
font-size: 85%;
}

.dropdown-toggle:not(:focus) {
outline: 0;
}


.required{
	font-size: 85%;
	color: var(--pap-red);
}

form .btn{
	min-width: 50%;
}

form .col-form-label, form .form-check-label{
font-size: 1.2rem;
background-color: var(--pap-lightgreen2);
color: rgba(80, 80, 80,1);
}


.label-reverse{
display: flex;
flex-direction: row-reverse;
}

#infoline{
background-color: var(--pap-green);
width: 100%;
}

.logo-wrapper .logo{
width: 100%;
height: auto;
max-width: 100%;
}

.logo{
max-height: 130px;
}


.nav-pills .nav-item.activ .nav-link, .nav-pills .show > .nav-link {
background-color: rgb(255,255,255);
}

.nav-link {
color: rgb(0,113,44); 
border-radius: 0px 0px 8px 8px;
border-bottom: solid 2px #ffffff;
font-size: 1.2rem;
}

.nav-item{
margin: 0px 8px;
}


.activ > a{
font-weight: 600;
border-bottom: solid 2px var(--pap-green);
}

.nav-link:hover{
color:var(--pap-green);
border-bottom: solid 2px var(--pap-green);
}


a.nav-link:focus,
a.nav-link:active,
.nav-link > a:focus {
outline: none;
box-shadow: none;
color: rgb(0, 113, 44);
}


.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
}

.navbar-toggler, .navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus, .navbar-toggler:focus:not(:focus-visible){
border: 1px solid rgb(0,113,44);
border-radius: 0.375rem;
}





.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,113,44, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");;
}

.setfixed{
position: relative;
bottom: 0;
z-index: 9;
}

.offcanvas.show .nav-item, .offcanvas.showing .nav-item{
width: 100%;

}

.tophero-start .hero-key-img, .tophero .hero-key-img {
position: relative;
z-index: 1;
}

.heroimg{
border: 0;
color: #ffffff;
}


.xhero-key-img::after{
content: '';
width: 100%;
height: 100%;
display: block;
background-color: #fff;
position: absolute;
z-index: -1;
top:-12px;
right: -12px;
}

.top100-padding {
padding-top: 100px;
}

.tophero h1, .tophero-start h1{
color: #ffffff!important;
font-size: clamp(37px, -2.3149rem + 8.8398vw, 3.8rem);
hyphens: auto;
}

p.lead{
color: #ffffff!important;
font-size: 1.4rem;
}

.mobil-only{
display: none;
}

.offcanvas.show .mobil-only{

display: block;
}

/* BACKgrounds */

#kontakt{
background-image: URL('../images/kontakt_pflege-am-park_610372471.jpg');
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

#jobs{
background-image: URL('../images/jobs_pflege_am_park.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

#mehrfragen{
background-image: URL('../images/beratungseinsaetze-beratungsgespraech-hinweis-534476442.jpg');
background-position: center 24%;
background-repeat: no-repeat;
background-size: cover;
}

#faq{
background-image: URL('../images/fragen-zur-pfege-background_610372471.jpg');
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
}


.infobutton{
background-color: var(--pap-gelb);
width: 204px;
height: 204px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
padding: 8px;
-webkit-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
box-shadow: 1px 2px 5px rgba(172, 171, 167,0.5);
position: absolute;
top: 0px;
left:0px;
}


.sectiongreen .infobutton, .infobuttonsection .infobutton, .infosection .infobutton{
top: -100px;
left: calc(100% - 220px);
right: 0px;
}

.infobutton-start{
top: 350px;
left:20px;
}


.infobutton-sub{
top: 50%;
left:20px;
z-index: 9;
}

.infobutton > div{
width: 100%;
height: 100%;
text-align: center;
color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
border:solid 2px #ffffff;
padding: 15px;
}

.infobutton p, .infofakten .infobutton p, .sectiongreen .infobutton p{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: var(--pap-green)!important;
font-size: 1.5rem;
font-family: 'EB Garamond';
font-style: italic;
line-height: 2rem;
text-shadow: 0px 0px rgba(0, 0, 0, 0.6)!important;
}


.infobutton p > strong{
font-family: 'EB Garamond';
font-style: italic;
font-weight: 600;
font-size: 1.9rem;
display: block;
color: var(--pap-green);
}

.infobutton p > span{
font-family: 'Source Sans 3';
font-style: normal;
display: block;
font-size: 1.3rem;
margin-top: 5px;
}

.buttonlink{
background-color: var(--pap-gelb);
/*color: #ffffff;*/
color: var(--pap-green);
padding: 8px 25px;
min-width: 280px;
text-align: center;
font-size: 1.3rem;
display: inline-block;
text-decoration: none;
position: relative;
/*text-shadow: 1px 0px rgba(207,166,2,0.8);*/
text-shadow: 1px 0px rgba(255,255,255,1);
}

.buttonlink::after, .buttonlinkgreen::after{
content: '';
display: block;
width: calc(100% - 10px);
height: calc(100% - 10px);
border-radius: var(--bs-border-radius-pill) !important;
border: solid 1px #ffffff;
position: absolute;
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
margin: auto auto;
}


.buttonlinkgreen:hover::after{
border: solid 1px  var(--pap-green);	
}


.buttonlink:hover{
background-color: var(--pap-green);
text-shadow: none;
color: #ffffff;
}


.buttonlinkgreen{
background-color: var(--pap-green);
color: #ffffff;
padding: 8px 25px;
min-width: 280px;
text-align: center;
font-size: 1.3rem;
display: inline-block;
text-decoration: none;
position: relative;

}


.buttonlinkgreen:hover{
background-color: var(--pap-gelb);
text-shadow: none;
color: var(--pap-green);
}

#schritte .buttonlink{
min-width: 280px;
width: 100%;
}


#leistungen{
margin-bottom: 0px;
}



.teaser-card{
max-width: 350px;
margin-bottom: 125px;
position: relative;
margin-left: auto;
margin-right: auto;
display: flex;
  flex-direction: column;
}


.teaser-card img{

}


.teaser-card .teaser-img{
position: relative;
isolation: isolate;
overflow: hidden;
max-height: 280px;
}

.teaser-teaser h3{
font-size: 1.6rem;
vertical-align: middle;
margin: 0px 0px;
font-weight: 600;
font-style: italic;
}

.teaser-headline{
min-height: 90px;
display:flex;
align-items: center;
justify-content: flex-start;
}

.teaser-card > a{
text-decoration: none;
display: flex;
  flex-direction: column;
  height: 100%;
}


.teaser-teaser p{
color: var(--pap-text);
font-size: 1.15rem;
line-height: 125%;
}


.teaser-card > a .teaser-img::after{
content: '\F134';
display: none;
width: 45px;
height: 45px;
font-size: 36px;
line-height: 45px;
position:absolute;
color: #ffffff;
padding: 0px 0px;
bottom: 15px;
right: 15px;
background-color: rgba(128, 128,128,0.8);
border-radius: 50%;
text-align: center;
vertical-align: middle;
font-family: bootstrap-icons !important;
}

.teaser-card > a:hover .teaser-img::after{
background-color: var(--pap-gelb);
}

.teaser-card .teaser-teaser{
	min-height: 185px;
}

.teaser-card p.teaser-more{
margin: 0px 0px 0px 0px!important;
padding: 0px 0px 0px 0px!important;
text-align: right;
height: 32px;
line-height: 32px;
white-space: nowrap;
}

.teaser-card .fulllinkbutton{
position: relative;
color: #ffffff;
padding: 0px 35px 0px 15px;
/*background-color: rgba(128, 128,128,0.8);*/
background-color: var(--pap-green);
width: 100%;
  display: block;
text-align: left;
font-size: 0.9rem;
border-radius: var(--bs-border-radius-pill)!important;
height: 32px;
line-height: 32px;
white-space: nowrap;
}



.teaser-card .linkbutton{
position: relative;
color: var(--pap-green);
padding: 0px 35px 0px 15px;
border: solid 1px var(--pap-green);
width: 100%;
display: block;
text-align: left;
font-size: 1rem;
border-radius: var(--bs-border-radius-pill)!important;
height: 34px;
line-height: 34px;
white-space: nowrap;
font-weight: 500;
}


.teaser-card .linkbutton::after{
content: '\F134';
display: block;
width: 25px;
height: 28px;
line-height: 28px;
font-size: 17px;
position: absolute;
top: 0;
bottom: 0;
right: -2px;
font-family: bootstrap-icons !important;
margin-top: auto;
margin-bottom: auto;
}


.teaser-card > a:hover .linkbutton{
background-color: var(--pap-gelb);
border: solid 1px var(--pap-green);
color: var(--pap-green);
}


.teaser-card .linkbutton:hover::after, .teaser-card:hover .linkbutton::after{
color: #ffffff;
	
}


#infoline p, #infoline, #infoline a{
color: #ffffff;
text-decoration: none;
font-size: 1.15rem;
}

#infoline a{
padding-left: 8px;
}


.phonelink{
cursor: default;
}

#infoline h6, #infoline .heading-6{
font-family: 'EB Garamond';
font-style: italic;
font-size: 1.45rem;
}


#infoline .info-text .bi{
margin-right: 8px;
}

.infosection .subheadline, .infofakten .subheadline{
color: #ffffff;
font-size: 2.5rem;
font-family: 'EB Garamond';
font-style: italic;
font-weight: 600;
margin: 12px 0px;
text-shadow: 1px 1px rgba(0,0,0,1);
}

.infosection div.subheadline, .infofakten div.subheadline{
line-height: 2.5rem;
}


.infosection p, .infofakten p{
color: #ffffff;
font-size: 1.25rem;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}

.infosection p.subheadline, .infofakten p.subheadline{
font-size: 1.85rem;
  margin: -15px 0px 8px 0px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}




.infofakten{
background-color: var(--pap-lightgreen);
}

.infofeedback{
background-color: var(--pap-lightgreen);
}

.teaser-row .teaser-img::before{
content: '';
display: flex;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
color: rgba(255,255,255,0.8);
font-size: 48vh;
line-height: 240px;
font-family: 'EB Garamond';
font-style: italic;
position: absolute;
z-index: 1;
top: 0;
left: -100px;
overflow: hidden;
}

.teaser-row  div:nth-child(1) .teaser-img::before{
content: '1';
}

.teaser-row  div:nth-child(2) .teaser-img::before{
content: '2';
}

.teaser-row  div:nth-child(3) .teaser-img::before{
content: '3';
}


.teaser-row .teaser-card{
margin-bottom: 80px;
}


.caption{
	font-size: 1rem;
}

/* Number Cards */
.number-card{
background-color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
padding: 15px;
min-height: 150px;
position: relative;
overflow: hidden;
isolation: isolate;
}


.infofakten .number-card .number{
font-size: 6rem;
color: var(--pap-green);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: 'EB Garamond';
}


.infofakten .number-card .number-text{
font-size: 0.95rem;
color: var(--pap-green);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-shadow: 0px 0px transparent;
}

.number-bg{
position: absolute;
  display: grid;
  color: rgba(204,204,204,0.4);
  height: 32vh;
  font-size: 37vh;
  line-height: 32vh;
  top: -7vh;
  left: -9vh;
  margin: auto auto;
  font-weight: 700;
  text-align: center;
  width: 120%;
  z-index: -1;
  font-family: 'EB Garamond';
  font-style: italic;
}

.infofeedback{
padding-top: 2rem;
}

.feedback-card{
color: #ffffff;
max-width: 80%;
margin: auto auto;
}


.feedback-card p{
color: #ffffff;
}

.feedback-name{
font-family: 'EB Garamond';
font-style: italic;
font-size: 1.4rem;
}

.feedback-subtext{
font-style: normal;
font-size: 1.1rem;
padding-bottom: 12px;
margin: 0px 0px 0px 0px;
font-weight: 200;
}

.feedback-img{
position: relative;
width: 160px;
height: 160px;
margin: 0px auto 20px auto;
display: block;
background-color: var(--pap-lightgrey);
}

.feedback-img .isportrait{
width: 100%;
height: 100%;
overflow: hidden;
display: block;
border-radius: 50% 50%;
}

.feedback-img .isportrait img{
width: 100%;
height: auto;
}


.isgoogle{
position: absolute;
display: block;
width: 50px;
height: 50px;
font-size: 30px;
line-height: 30px;
text-align: center;
top: 60%;
right: -10px;
border-radius: 50% 50%;
padding: 10px 10px;
background: #ffffff URL('../images/google-logo.png') no-repeat center center;
background-size: 75% auto;
}


.ispersonicon {
width: 160px;
height: 160px;
margin: 0px auto 0px auto;
display: block;
font-size: 140px;
line-height: 140px;
}


.footer-header{
color: #ffffff;
font-size: 1.25rem;
padding-bottom: 12px;
	font-family: 'EB Garamond';
font-style: italic;
}

footer p, footer p a, footer .text-body-secondary{
color: #ffffff!important;
}

footer .nav-item{
margin: 0px 0px 8px 0px;
}

footer .nav-link, footer .nav-link:hover{
color: #ffffff;
text-decoration: none;
border-bottom: 0;
font-size: 1rem;
}

.social{
position: absolute;
bottom:0;
}


footer .social a{
font-size: 25px;
color: #ffffff;
}

footer .social span{
margin-right: 25px;
}

footer .social span:last-of-type{
margin-right: 0px;
}

.col-logos img{
	max-width: 180px;
}


/* mobil Nav */

.offcanvas{
background-color:var(--pap-green);
}

.offcanvas-body {
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) 0px;
}

.offcanvas.show{
background-color: var(--pap-green);
max-width: 80%;
}

.offcanvas.show .btn-close {
  --bs-btn-close-color: #fff;
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
opacity: 1;
}

.offcanvas.show .nav-item{
margin: 0px 0px;
border-bottom: solid 1px rgba(255,255,255,0.5);
}

.offcanvas.show .nav-item.activ, .offcanvas.show .nav-item:hover{
background-color: rgba(255,255,255,0.5);
}

.offcanvas.show .nav-item.activ .nav-link{
	color: #ffffff;
	border-bottom: 0;
}

.offcanvas.show .nav-link{
color: #ffffff;
border-bottom: 0;
padding: 12px 16px 12px 24px;
border-radius: 0;
}




/* slider */

.slick-dots li.slick-active button::before{
	opacity: 1;
color: var(--pap-gelb);
}



.slick-dots li button::before{
font-size: 12px;
opacity: 1;
color:  var(--pap-lightgrey);
}

.leistung-slider{
max-width: 100%;
}


.leistung-slider .teaser-card{
max-width: 90%;
margin-bottom: 50px;
}

.slick-prev::before, .slick-next::before{
content: '\F5E3';
display: block;
color: #ffffff;
font-size: 20px;
font-family: bootstrap-icons !important;
width: 35px;
height: 35px;
border-radius: 50% 50%;
text-align: center;
font-style: normal;
line-height: 30px;
opacity: .75;
background-color: var(--pap-gelb);
-webkit-transform: rotate(90deg);
-ms-transform:  rotate(90deg);
transform:  rotate(90deg);
}

.slick-prev::before{
-webkit-transform: rotate(-90deg);
-ms-transform:  rotate(-90deg);
transform:  rotate(-90deg);
}


.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slick-prev {
left: -60px;
}

.slick-next {
right: -60px;
}

.slick-dots button:focus{
background-color: transparent!important;
}


/* Accordion */
.accordion details summary{
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
text-align: left;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition);
}

.accordion-header, .accordion-header > button, .accordion details summary{
color: var(--pap-green)!important;
font-family: 'EB Garamond';
font-style: italic;
font-size: 1.35rem;
font-weight: 500;
}

.accordion-item, .accordion details{
border: 0;
margin-bottom: 8px;
}

.accordion-button, .accordion details summary{
justify-content: space-between;
}


.accordion-button.collapsed-arrow::after {
content: '\F5E3';
color: #ffffff;
font-size: 20px;
font-family: bootstrap-icons !important;
background: none;
background-color: var(--pap-gelb);
width: 35px;
height: 35px;
min-width: 35px;
border-radius: 50% 50%;
text-align: center;
font-style: normal;
line-height: 30px;
}


.accordion-button.collapsed::after, .accordion details summary::after {
content: '\F4FE';
color: #ffffff;
font-size: 29px;
font-family: bootstrap-icons !important;
background: none;
background-color: var(--pap-gelb);
width: 35px;
height: 35px;
min-width: 35px;
border-radius: 50% 50%;
text-align: center;
font-style: normal;
line-height: 35px;
font-weight: 900;
letter-spacing: -2px;
margin-bottom: auto;
align-self: center;
 margin-left: 35px;
 transition: var(--bs-accordion-btn-icon-transition);
}



.accordion-button:not(.collapsed)::after, .accordion details:open summary::after {
content: '\F62A';
color: #ffffff;
font-size: 29px;
line-height: 35px;
font-family: bootstrap-icons !important;
background: none;
background-color: var(--pap-green);
width: 35px;
height: 35px;
min-width: 35px;
border-radius: 50% 50%;
text-align: center;
font-style: normal;
align-self: center;
margin-left: 35px;
font-weight: 400;
transform: var(--bs-accordion-btn-icon-transform);
letter-spacing: 0px;
margin-bottom: auto;
}

.accordion details:open summary{
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}



.accordion-button:not(.collapsed), .accordion-button.collapsed, .accordion details{
background-color: #ffffff;
}

.accordion-button:focus, button:focus:not(:focus-visible){
background-color: #ffffff;
border: 0;
outline: 0;
box-shadow: none;
border-color: rgba(0,0,0,0);
}

.accordion-item, .accordion details{
border-bottom: solid 1px var(--pap-green)!important;
margin-bottom: 1.5rem;
}


.accordion-block .accordion-header{

}

.accordion-block .accordion-button:not(.collapsed), .accordion-block .accordion-button.collapsed, .accordion-block .accordion details summary{
background-color: rgba(127,175,133,0.15);
}

.accordion-block .accordion-header > button{
color: var(--pap-green)!important;
font-weight: 500;
}

.accordion-block .accordion-body, .accordion-block .accordion details .accordion-body{
background-color: rgba(204,204,204,0.2);
font-family: 'Source Sans 3', Arial, Hevetica, snas-serif!important;
color: var(--pap-textdark)!important;
font-size: 1.15rem!important;
}


.accordion-body p, .accordion-body ul li, .accordion-body ol li, .accordion details ol li, .accordion details ul li, .accordion details p {
color: var(--pap-textdark)!important;
font-size: 1.15rem!important;
text-shadow: none!important;
}

.jobdatainfo > div{
margin: 0rem 1rem;
}

.jobdatainfo label{
background-color: #FFFFFF!important;
}


.form-check-input[type="checkbox"]{
border-radius: .25em;
width: 25px;
min-width: 25px;
height: 25px;
min-height: 25px;
border: solid 2px var(--pap-green);
}

.form-check .form-check-input {
  float: left;
  margin-left: -25px;
}

form .form-check-label{
margin-left: 10px;
cursor: pointer;
}

.form-check-input:checked {
  background-color: var(--pap-green);
  border-color: var(--pap-green);
}



.form-group > label{
background-color: transparent!important;
}

/* google map Änderung */
#gmap{
margin: 2rem 0px 1rem 0px;
}
#gmap iframe{
width: 100%;
height: 100%;
max-height: 380px;
border: 0;
display: none;
}


.mapdummy{
background: #ffffff URL('../images/map-dummy.png') no-repeat center center;
background-size: cover;
position: relative;
isolation: isolate;
}


.mapdummy .googlemap::after{
display: none;
}

.maphinweis, .maphinweis > p{
text-align: center;
color: var(--pap-text)!important;
}

.maphinweis > p.gbutton, .maphinweis > button.gbutton{
color: var(--pap-green)!important;
cursor: pointer;
padding: 12px 25px;
border: 0;
font-weight: 400;
text-shadow: none;
}

button.gbutton::after{
    border: solid 1px var(--pap-green)!important;	
}

.maphinweis > p.gbutton:hover, .maphinweis > button.gbutton:hover{
color: #ffffff!important;
	
}

button.gbutton:hover::after{
	    border: solid 1px #ffffff!important;	
}


/* Bewerbung */
.application  .col-form-label, .application  .form-label, .application  .form-check-label, .application  .form-label{
font-size: 1.1rem;
}

.application  .form-check-label{
	max-width: calc(100% - 40px);
}

.application input:focus:required:invalid {
border-color: red;
}

.application input:required:valid{
border-color: green;
}

.application .form-control, .application .form-select{
padding: 8px 4px;
margin-bottom: 1rem;
}

.application select.form-control:not([size]):not([multiple]) {
height: auto;
}

.application fieldset{
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
margin-bottom: 3rem;
border-top: solid 1px var(--pap-green);
padding: 10px 20px;
background-color: rgba(167, 216, 185, 0.25);
}

.application fieldset p{
	font-size: 1.1rem;
}

.application legend{
color: #ffffff;
font-size: 1.1rem;
width: auto;
padding: 5px 10px 5px 10px;
background-color: var(--pap-green);
font-weight: normal;
border-radius: 4px 4px 4px 4px;
min-width: 250px;
margin-top: -30px;
margin-bottom: 1rem;
}


.boxinfo{
margin: 0rem 0px 3rem 0px;
padding: 5px 10px;
background-color: rgba(255, 239, 59, 0.14);
border: solid 1px var(--pap-gelb);
border-radius: 8px;
}

.boxinfo h3{
text-align: center;
font-weight: bold;
color: var(--pap-green);
font-size: 1.8rem;
margin: 10px 0px;
}

.boxinfo p{
	font-size: 1.1rem;
text-align: center;
color: var(--pap-textdark);
}



.table .col-6{
width: 50%;
}

.table .col-5{
width: 41.666666%;
}


.table .col-3{
width: 33.333333%;
}