/*
## -----------------------------------------------------------------------------
##                                             
##  Style-Sheet-Definitionen | Theme  { NAME }
##                                                                          
##  SCHEME: __theme__scheme__                                                
##  AUTHOR: Carsten Zandecki, mediaMinds internet services            
*/


/* .wpx_child
{ */

@font-face {
   font-display: swap;
   font-family: 'Mulish';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/mulish/mulish-regular.woff2') format('woff2'); 
 }

 @font-face {
   font-display: swap;
   font-family: 'MulishSemiBold';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/mulish/mulish-600.woff2') format('woff2'); 
 }


 @font-face {
   font-display: swap;
   font-family: 'MulishBold';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/mulish/mulish-bold.woff2') format('woff2'); 
 }

 @font-face {
   font-display: swap;
   font-family: 'MulishExtraBold';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/mulish/mulish-800.woff2') format('woff2'); 
 }

 @font-face {
   font-display: swap;
   font-family: 'EncodeSansExpandedLight';
   font-style: normal;
   font-weight: 300;
   src: url('../fonts/encode_sans_expanded/encode-sans-expanded-300.woff2') format('woff2'); 
 }


 @font-face {
   font-display: swap;
   font-family: 'EncodeSansExpanded';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/encode_sans_expanded/encode-sans-expanded-regular.woff2') format('woff2'); 
 }

 @font-face {
   font-display: swap;
   font-family: 'EncodeSansExpandedSemiBold';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/encode_sans_expanded/encode-sans-expanded-600.woff2') format('woff2'); 
 }

/**
 @font-face {
   font-display: swap;
   font-family: 'EncodeSansExpandedBold';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/encode_sans_expanded/encode-sans-expanded-bold.woff2') format('woff2'); 
 }
**/


/** GLOBAL STYLES **/

:root{
   --pisdarkgreen: #056632;
   --pistext: #000;
   /*--pismediumtext: #555; */
   --pisgreen:  #2BAC66;   /* #29a361; */
   --pislightgrey: #F0F0F0;
   
   --pislightgreen: #E5F5EC;
   
   --pislinegreen: #CAEAD9;

   --pisgrey: #333;
                      
   --pis_img_border_radius : 25px;
   --pisbtradius: 8px;
} 

html { scroll-behavior: smooth; }
body { font-family: 'EncodeSansExpanded'; font-size: 18px; color: var(--pistext); /*background: #fff;*/ }

.scrollup { 
   background: url(../images/cms/arrow_up_w.svg) no-repeat;
   background-color: var(--pisdarkgreen);
	background-size: 56px 56px;
	background-position: -1px -2px;
	bottom: 30px;
	border-radius: 50%;
	border:2px solid rgba(255,255,255,0.9);
   display: block;
	width: 57px;
	height: 57px;
	position: fixed;
	right: 30px;
	text-indent: -9999px;
	z-index: 999;
}

.scrollup:hover{ transition: transform .2s; transform: scale(1.2); }

/*
## -----------------------------------------------------------------------------
##
##  GLOBAL FORM STYLES
##                                             
*/

form          { height:100%; }
input         { font-family: EncodeSansExpanded; font-size: 18px; border: 1px solid var(--pisgrey); padding:10px 12px; margin-top:5px; border-radius:4px; color:var(--pistext); }
/* input:focus   { background-color: #fff; border: 1px solid var(--pisgrey); outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); } */

select        { font-family: EncodeSansExpanded; font-size: 18px; border: 1px solid #aaa; padding:8px; margin-top:5px; border-radius:4px; color:#555;}
/* select:focus  { background-color: #fff; border: 1px solid #888; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); } */

textarea       { font-family: EncodeSansExpanded; font-size: 18px; border: 1px solid #aaa; padding:8px; margin-top:5px; border-radius:4px; color:#555; }
/* textarea:focus { background-color: #fff; border: 1px solid #888; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); } */

.msg      { display:block; padding: 20px 20px 20px 64px; border-radius:4px; font-size:1.0em; line-height:1.4em; letter-spacing: 0.025em; }
.msgOk    { clear:both; display: block; color:#fff; background: #9fc32e url('../images/cms/msg_icon_ok_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; border-radius:4px; }
.msgError { clear:both; display: block; color:#fff; background: #bd002f url('../images/cms/msg_icon_error_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; border-radius:4px; }
.msgErrorSmall { clear:both; display: block; color:#fff; background: #bd002f url('../images/cms/msg_icon_error_w.svg') no-repeat; background-size: 20px 20px; background-position: 12px 12px; padding:10px 10px 10px 42px; border-radius:4px; margin-top:25px; }
.msgWarn  { clear:both; display: block; color:#fff; background: #ef8419 url('../images/cms/msg_icon_warn_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; border-radius:4px; }
.msgWarnSmall  { clear:both; display: block; color:#fff; background: #ef8419 url('../images/cms/msg_icon_warn_w.svg') no-repeat; background-size: 20px 20px; background-position: 12px 12px; padding:10px 10px 10px 42px; border-radius:4px; margin-top:25px; }

/* Customized Checkbox */
.container { display: block; position: relative; padding-left: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; line-height:1.3em; }
/* Hide the browser's default checkbox */
.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
 
 /* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 28px; width: 27px; background-color: #fff; border-radius: var(--pisbtradius); border:1px solid var(--pisgreen); }

/* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark { background-color: #ddd; }
 
 /* When the checkbox is checked, add a blue background */
  .container input:checked ~ .checkmark { background-color: var(--pisgreen); border:1px solid var(--pisgreen); }
 
 /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after { content: ""; position: absolute; display: none; }
 
 /* Show the checkmark when checked */
  .container input:checked ~ .checkmark:after { display: block; }
 
 /* Style the checkmark/indicator */
 .container .checkmark:after { left: 8px; top: 4px; width: 9px; height: 14px; border: 0 solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
 
 /** label { display:block; font-size:13px; font-weight:normal; margin:0 3px 15px 0; padding:8px 8px 8px 0; line-height:1.5em;} **/
 .checkContainer { top: 8px; /*padding-left:0px;*/ }
 .checkContainerForm, .reveal .checkContainerForm { top: 0px; padding: 5px 0 0 10px; margin-left:15px; }


 .checkLabelText { position:relative; top:0px; left:10px; line-height:1.5em; font-size:16px; }


/* Customize radiobox */

.bulletmark { position: absolute; top: 4px; left: 0; height: 19px; width: 19px; background-color: #fff; border-radius: 50%; border:1px solid var(--pisgreen); }
.container:hover input ~ .bulletmark { background-color: #fff; border:1px solid var(--pisgreen); }
.container input:checked ~ .bulletmark { background-color: var(--pisgreen); }
.bulletmark:after { content: ""; position: absolute; display: none; }
.container input:checked ~ .bulletmark:after { display: block; }
.container .bulletmark:after { top: 4px; left: 4px; width: 9px; height: 9px; border-radius: 50%; background: white; }
 

/******************************************************************************/
/*                                                                            */
/* MATERIALIZE LIKE FORM STYLES                                               */
/*                                                                            */
/******************************************************************************/


.form-field { display: block; margin-bottom: 16px; }
.form-field--is-active .form-field__control::after {  border: 2px solid var(--pisgreen);	transform: scaleX(150); }
.form-field--is-active .form-field__label { color: var(--pisdarkgreen); font-size: 0.75em; transform: translateY(-12px); }
.form-field--is-filled .form-field__label { font-size: 0.75rem; transform: translateY(-12px); }
.form-field__label { display: block; font-size: 18px; font-weight: normal; left: 0; margin: 0; padding: 18px 12px 0; /**padding:16px 10px 0; **/
	 position: absolute;
	 top: 0;
	 transition: all 0.4s;
	 width: 100%;
}

.form-field__control { background: var(--pislightgrey); border-radius: var(--pisbtradius); /*8px 8px 0 0;*/ overflow: hidden; position: relative; width: 100%; }
.form-field__control::after { border-bottom: 2px solid var(--pisgreen); bottom: 0; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; transform: scaleX(0); transition: all 0.4s; width: 1%; }
.form-field__input, .form-field__textarea {
   appearance: none;
	background: transparent;
	border: 0;
	border-bottom: 2px solid #ccc;
	color: var(--pistext);
	display: block;
	font-size: 18px;
	margin-top: 24px;
	outline: 0;
	padding: 2px 12px 12px 12px;
	width: 100%;

}

.form-field__textarea {
   min-height: 300px;
   line-height:1.8em;
}

.form-field__required { background-color: var(--pislinegreen)!important; }
.form-field__error { border:2px solid #c00; border-radius:10px; }


/*
## -----------------------------------------------------------------------------
##
##  HEADER STYLES
##                                             
*/

#headarea   { width:100%; position:relative; z-index:99; height: 140px; margin:0 auto; /*background:#f3f;*/ padding:0 5px; }
#headbar    { display:flex; width: 100%; height: 140px; padding: 0; background:#fff; padding:0 0; }

.headlogo    { flex-grow:1; position:relative; max-width: 260px; height: 180px; border-radius: 0 0 25px 25px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: #fff;
               /*padding:0 20px;*/ /*margin: 0 20px;*/

} 

#logo      { display:block; width:240px; height:131px; z-index:101; background: url('../images/logo-pis.png') no-repeat; background-size:240px 131px;   }
#logoxy    { display:block; position:relative; z-index:102; width: 240px; height:131px;  } 

#topnav        { position:absolute; top:-5px; right:0; color: var(--pisgrey); font-family: Mulish; font-size: 16px; /*letter-spacing: 0.03em;*/ line-height:44px; text-align:right;  }
#topbacknav    { position:absolute; top:-5px; margin-left:-10px; /*left:220px;*/ color: var(--pisgrey); font-family: Mulish; font-size: 16px; /*letter-spacing: 0.03em;*/ line-height:44px; }

#topsubnav     { margin: 0 auto; text-align: right; padding: 0; letter-spacing: 0.03em; font-size: 16px; }
#topbacksubnav { margin: 0 auto; padding: 0; letter-spacing: 0.03em; font-size: 16px; }

#topsubnav > .block, #topbacksubnav > .block { display:inline-block; margin: 0 9px 0 0; padding:0; }
#topsubnav > .block > a, #topbacksubnav > .block > a { display:inline-block; font: inherit; }

#topnav .topIcon { display: inline-block; height: 32px; background-repeat: no-repeat;  position: relative;  top: 13px; left: 7px; }
#topnav .logo { background-image: url(../images/logo-icon.png); width: 73px; background-size: 54px; top:12px; right: 7px; }
#topnav .mail { background-image: url(../images/mail.svg); width: 42px; background-size: 26px; top:16px; right: 7px; }
#topnav .download { background-image: url(../images/download.svg); width: 42px; background-size: 26px; top: 14px; right: 7px; }

#topbacknav .topIcon { display: inline-block; height: 32px; background-repeat: no-repeat;  position: relative;  top: 13px; left: 7px; }
#topbacknav .back { background-image: url(../images/download.svg); transform: rotate(-270deg); width: 42px; background-size: 26px; top: 18px; left: -5px; }

#headmenubar {  flex:3; height:48px; margin: 70px 0 0 80px; }
#headmenubar a { color: var(--pistext); }
/* #headmenu   { width: 1200px; padding-left:160px; } */

#menuarea   { position:relative; z-index:100;  margin: 0 auto; /*padding:0 20px;*/ }
#menuarea:after { clear:both; }

.choose_einrichtung { cursor:pointer; }

/** SET MOBILE / TABLET MENU OVERWRITES HIDE **/

   #mobile_button_box { right:5%; width: 48px; }
   .mobile_button { display:none; height:46px; background-color: var(--pisdarkgreen); border-radius: var(--pisbtradius); }

   #mobile_menu { display:none; top: 170px; padding-top: 0; font-size:16px; color: #fff; background:var(--pislightgreen); border-top:3px solid var(--pisdarkgreen); border-bottom:3px solid var(--pisdarkgreen); }
   #mobile_menu > ul > li { color: #fff; background: var(--pisgreen); }
   #mobile_menu .sep { font-family: 'EncodeSansExpandedSemiBold'; background-color: var(--pisgreen); color: #fff; padding: 4%; letter-spacing:0.05em; font-size:16px; background-image: url('../images/cms/mobile_submenu_expand_w.svg'); background-size:17px; background-position: right 21px center; background-repeat:no-repeat; border-bottom: 1px solid var(--pisdarkgreen); }

   #mobile_menu > ul > li > ul > li { background: var(--pislightgreen); /*border-bottom: 1px solid var(--pisdarkgreen);*/ }
   #mobile_menu > ul > li > ul > li > a { color: var(--pisdarkgreen); }

   #mobile_menu a { color: #fff; border-bottom: 1px solid var(--pisdarkgreen); }
   #mobile_menu a:hover { color: var(--pisdarkgreen); background: var(--pislightgreen); }

   #tablet_button { display:none; left: auto; font-family: 'EncodeSansExpandedSemiBold'; text-transform:uppercase; right:25px; top:3px; background-color: var(--pisdarkgreen); border-radius:var(--pisbtradius); width:122px; padding: 8px 10px 8px 46px; }
   #tablet_menu   { display:none; top:70px; width:768px; background: var(--pisdarkgreen); border:0; box-shadow: 0 0 10px rgb(0 0 0 / 30%); }
   #tablet_menu a { padding:15px; overflow:hidden; }
   #tabletMenuGrid { min-height:450px; }
   .tbNavSelect       { color: #fff; background-color: var(--pisdarkgreen); }
   .tbNavSelectActive { background-color: var(--pisgreen); }

   .tbNav1stLevelMenu { padding:60px 25px 25px 25px; }
   .tbNav2ndLevelMenu { padding:20px; }

/** BREADCRUMB **/

/*
.bread { width:100%; }
.breadCrumb { width:1100px; margin:0 auto; font-family: 'EncodeSansExpandeLight'); font-size:12px; text-transform:uppercase; color: var(--pisgrey); padding:15px; }
.breadDivider { position:relative; font-size:15px; font-weight:bold; padding:0 3px; }
.breadDivider:after { content: "\203A"; }
*/

/** ONLINE SHOP LOGIN / USER MENU **/

#headunav { font-family: PTSans; font-size: 16px; float:right; padding:0 12px; margin-top:20px; background:#ccc; height:55px;}
#headunav ul, #headunav li { list-style-type: none; display:inline; }
#headunav li { float:left; }

#headunav .showUserPanel       { display:block; width:44px; height:44px; cursor: pointer; background: url('../images/shop/userpanel.png') 0 2px no-repeat; }
#headunav .showUserPanelLogged { display:block; width:44px; height:44px; cursor: pointer; background: url('../images/shop/userpanel_ok.png') 0 2px no-repeat; }
#headunav .showBasketPanel     { display:block; width:44px; height:44px; cursor: pointer; background: url('../images/shop/warenkorb.png') no-repeat; margin-left:10px; }          

#headunav .userPanel      { display:none; font-size:15px; border-radius: 4px; position: absolute; top: 113px; right: 145px; z-index: 997; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2); width:290px; } 
#headunav .userPanelArrow { display: flex; width: 14px; height: 14px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  background-color: #fff;  content: " ";  position: absolute;  top: -7px;  left: 201px; z-index: 0; }
#headunav .userPanelTitle { font-family:OpenSans; font-size:13px; letter-spacing:1px; padding: 20px 20px 12px 20px; color: #3672c0;  text-transform:uppercase; font-weight:bold;}
#headunav .userPanelBlock { padding: 0 20px 20px; border-bottom:1px solid #ccc; font-family:OpenSans; }

#headunav .userPanelContent  { padding: 0; text-align:left; outline:none; }
#headunav .userPanelLoggedContent  { padding: 0; text-align:left; }

#headunav .userPanelLink a { display:block; font-family: OpenSans; letter-spacing:0; color: #3672c0; padding:14px 20px 16px 60px; text-align:left; text-decoration:none; }

#headunav .userPanelRegLink a        { background: url('../images/shop/usermenu_register.png') 20px 7px no-repeat; }
#headunav .userPanelRegLink a:hover  { background: #f5f5f5  url('../images/shop/usermenu_register.png') 20px 7px no-repeat; } 

#headunav .userPanelLostPW a         { background: url('../images/shop/usermenu_pwlost.png') 20px 7px no-repeat; border-radius: 0 0 4px 4px; }
#headunav .userPanelLostPW a:hover   { background: #f5f5f5 url('../images/shop/usermenu_pwlost.png') 20px 7px no-repeat; }

#headunav .userPanelKontoLink a       { background: url('../images/shop/usermenu_account.png') 20px 7px no-repeat; }
#headunav .userPanelKontoLink a:hover { background:#f5f5f5 url('../images/shop/usermenu_account.png') 20px 7px no-repeat; }

#headunav .userPanelAdminLink a       { background: url('../images/shop/usermenu_admin.png') 20px 7px no-repeat; }
#headunav .userPanelAdminLink a:hover { background:#f5f5f5 url('../images/shop/usermenu_admin.png') 20px 7px no-repeat; }

#headunav .userPanelOrdersLink a       { background: url('../images/shop/usermenu_orders.png') 20px 7px no-repeat; }
#headunav .userPanelOrdersLink a:hover { background: #f5f5f5  url('../images/shop/usermenu_orders.png') 20px 7px no-repeat; }

#headunav .userPanelLogoutLink a       { background: url('../images/shop/usermenu_logout.png') 20px 7px no-repeat; border-radius: 0 0 4px 4px; }
#headunav .userPanelLogoutLink a:hover { color:#3672c0; background: #f5f5f5 url('../images/shop/usermenu_logout.png') 20px 7px no-repeat; }

#headunav .loginInfo   { float:left; display:none; padding:12px 0 0; }
#headunav .loginLoader { position:relative; color: #555; }
#headunav .loginFailed { font-size:14px; color:#cc0000; display:none; padding:0 0 12px; }

#headunav .wkCircle { position:relative; z-index:99; width:22px; height:22px; top:8px; /*left:139px;*/ left:24px; border-radius:50%; background:#0000bb; color:#ffffff; padding:2px; text-align:center; font-size:1em; }


/*
## -----------------------------------------------------------------------------
##
##  BUTTONS / GLOBAL LINKS
##                                             
*/

a            { word-wrap: break-word; color: var(--pisdarkgreen); font-family: 'EncodeSansExpandedSemiBold'; line-height: 30px; font-size:1.000em; letter-spacing:0.025em; text-decoration: none; /*underline;*/ }
a:hover      { text-decoration:none; }

a.stdButton, input.stdButton, button.stdButton, label.stdButton  { 
    position:relative;
	 display: inline-block;
	 /*line-height: 1.5em;*/
	 margin-top:40px;
    padding: 20px 30px;
    font-size: 24px;
    font-weight:normal;
    font-family: 'Mulish';
    color: var(--pisdarkgreen);
    letter-spacing:0.025em;
    border: 1px solid var(--pisdarkgreen);
    border-radius: var(--pisbtradius);
 	 background-color: var(--pislightgreen);
	 text-decoration:none;
    cursor:pointer;
}

a.stdButton:hover, input.stdButton:hover, button.stdButton:hover, label.stdButton:hover {
   background-color: var(--pisgreen); color:#fff;
   border: 1px solid var(--pisgreen);
   -webkit-transition:background-color 0.4s linear; 
   -moz-transition:background-color 0.4s linear;  
   transition:background-color 0.4s linear;
   
}

.right { float:right; }

a.stdButtonPageNav { font-size:15px;  padding:7px 12px!important; margin-left:7px; }

.searchButton { border-radius: 6px; background-color: var(--pisgreen); width: 42px; height: 42px; padding: 5px; cursor: pointer; border: 0; margin: 0 0 0 7px; top: 6px; position: relative; }


/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/

article { padding: 0; background:#fff; /*max-width:1150px;*/ margin:0 auto; text-align:left;  }

.fullGrey { background: var(--pislightgrey); }
.fullLightGreen { background: var(--pislightgreen); }

.colMax { max-width:1440px; margin:0 auto; }  /* IMPORTANT OVERWRITE PIS */
.colMaxHeader { max-width:1440px; margin:0 auto; } /* IMPORTANT OVERWRITE PIS HEADER ONLY*/
/* .colMaxGrey { float:none; margin:0 auto; background:var(--pislightgrey); } */

.colInnerBox { padding: 60px 0; overflow:hidden; }
.colInnerBoxOnlyBottom { padding: 0 0 60px; }

.colSmallInnerBox { padding: 20px 0 40px; overflow:hidden; }
.colSmallInnerBoxNoBottom { padding: 20px 0 0; }


.col66 { margin-bottom: 25px; padding-left:15px; }

h1 { font-family: MulishSemiBold; font-size: 35px; font-weight:normal; color: var(--pisdarkgreen); margin: 0 0 25px 0; }
h1.introText { font-size:35px; }

h2 { font-family: MulishSemibold; font-size: 32px; font-weight:normal; color: var(--pisdarkgreen); margin: 25px 0 25px 0; }
h2.likeMainHeadline { font-family: MulishSemiBold; font-size: 35px; font-weight:normal; color: var(--pisdarkgreen); margin: 0 0 25px 0; }
h2.likeSubHeadline { font-family: MulishSemiBold; font-size: 28px; font-weight:normal; margin: 0 0 25px 0; color: var(--pistext); }
h2.likeSmall { font-family: 'EncodeSansExpanded'; font-size:16px; font-weight:normal; color:#555; line-height:1.5em; margin-bottom: 0px; }
h2.likeBoldText { font-family: 'EncodeSansExpanded'; font-size:18px; font-weight:bold; color: var(--pistext); }

h3 { font-family: MulishSemibold; font-size: 28px; font-weight:bold;  margin: 0 0 25px 0; color: var(--pistext); }
h4 { font-family: MulishSemibold; font-size: 24px; font-weight:bold;  margin:0 0 25px 0; }

small { font-family: 'EncodeSansExpanded'; font-size:16px; font-weight:normal; color:#555; }

p  { font-family: 'EncodeSansExpanded'; font-size:18px; color: var(--pistext); letter-spacing: 0; margin-top:25px; line-height: 30px; }
.introText > p { font-family: 'EncodeSansExpandedLight'; font-size:21px; line-height:33px; letter-spacing:0.015em; }

.noMargin { margin:0!important;}
.noMarginBottom { margin-bottom:0!important;}
.newsPaperMargin { margin-top:40px; }
.formularMargin { margin-top: 60px; }

.horizontalLine { padding:20px 0 40px!important; width:66%!important; border-bottom: 5px solid var(--pislinegreen) !important;}
.horizontalLineBottom { padding: 0 0 0!important; width:66%!important; margin-bottom:20px!important; border-bottom: 5px solid var(--pislinegreen) !important;}

/* SLIDER / IMAGES / ELEMENTS / LISTS */

.mainImageSlider { height:600px; max-width: 1680px; }


/* .sliderOverlayContainer { display:table-cell; position:absolute; z-index:100; left:80%; height:100%; opacity:0; vertical-align:middle; }
/* .sliderOverlayBox  { display:table-cell; vertical-align:middle; } */
.sliderOverlay 
{
   position: relative;
   width: 700px;
   max-width: 700px;
   /*font-family: OpenSans; */
   /* font-size: 22px; */
    padding: 40px; /* 25px 25px 25px; */
    background: var(--pislightgreen); /*#E5F5EC*/
    opacity: 0.95;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
}

.sliderOverlay h1 { font-size: 32px; color: var(--pisdarkgreen); } 
.sliderOverlay p { color: var(--pisdarkgreen); }

ul.checkList { font-family: 'EncodeSansExpanded'; font-size:18px; line-height: 30px; padding:25px 0 25px 0; } 
ul.checkList li { list-style-type:none; padding-left:45px; text-align:left; background-image: url('../images/list-checkmark.svg'); background-repeat:no-repeat; background-size:30px 30px; line-height:1.8em; }

.stellenangeboteImg { height: 600px!important; min-height:600px!important; }
.stellenOnlineBewerbungBlock { position:relative; margin-top:25px; }
.stellenOnlineBewerbung { position: absolute; font-family: 'EncodeSansExpandedSemiBold'; font-size:18px; line-height: 28px; width:200px; height:200px; right: 0; bottom: 0; padding: 55px 20px; text-align: center; background: var(--pisgreen); color:#fff; border-radius:50%; }
.stellenOnlineBewerbungSmall { font-family: 'EncodeSansExpandedSemiBold'; font-size:16px; line-height: 25px; width:175px; height:175px;  padding: 48px 20px; text-align: center; background: var(--pisgreen); color:#fff; border-radius:50%; }  

.bewerbungFileListGrid { display:grid; grid-template-columns: 5fr 2fr; word-wrap: break-word; word-break: break-all; }
.bewerbungFileListData { background-repeat: no-repeat; background-size: auto 55px; background-position: 10px 10px; padding: 25px 20px 20px 70px; }
.bewerbungFileListRemove { text-align: right; padding:0 0 15px; }
.bewerbungFileListButton { font-size:18px!important; margin-top:15px!important; padding:15px!important; }

.roundedBorder { border-radius: var(--pis_img_border_radius);  }
.roundedBorder > div { border-radius: var(--pis_img_border_radius); }

.smallLogo      { width:80%; margin: 0 10%; }
.whiteCard      { padding:30px 0 40px; background:#fff; }
.whiteCard a    { font-size:0.85em; line-height:1.3em; }

.ehrenamtBlock { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:40px; }

.contactCard      { margin: 60px 0 60px auto; text-align:center; max-width:80%; border: 1px solid var(--pislightgreen); padding:25px; }
.contactCardGreen { margin: 60px auto 60px 0;  background-color: var(--pislightgreen); text-align:center; max-width:80%; border: 1px solid var(--pislightgreen); padding:25px; }
.contactCardGreen.in-left { margin: 60px 0 60px auto; }
.contactCard.in-right { margin: 60px auto 60px 0; }

.downloadGrid { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 60px; margin-top:40px; }
.downloadGrid > div { margin: 0 auto; text-align:center; }
.downloadGrid > div > img { min-width:175px; max-width:220px; height: auto;  }

.impressumInset { padding:0 0 50px 30px; }
.impressumLogo  { /*float: right;*/ top: -30px;  position: relative; width: 80%; margin:0 10%; /*border-radius: 25px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);  padding: 25px; */ }

.magazinBlock { display:grid; grid-template-columns: 2fr 2.5fr; margin-bottom:60px; align-items:center; }
.magazinCover { padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); max-width:220px; text-align: center;  margin: 0 auto; }
.magazinButton { font-size:16px!important; font-weight: bold!important; padding:12px 20px!important; width:100%; text-align:center; }
.magazinLink:hover > .magazinLinkImg  { transition: right .4s ease-in-out; right: -8px; }
.magazinLinkImg  { transform: rotate(-90deg); position:relative; top:6px; right:-2px; }
.magazinArchiv {  padding:45% 15px; text-align:center; color:#fff; font-family: EncodeSansExpanded;  min-height:290px; }

/* TEAM */

/** .colInnerBoxTeam { padding: 0px 120px; } **/

.teamRow      { display:grid; grid-template-columns: 1fr 1fr; gap: 60px; margin:40px 0; align-items: center !important; }
.teamItem     { display:grid; grid-template-columns: 2fr 3fr; padding:25px; gap: 40px; align-items: center !important; }
/* .teamItem > div > img { min-width:240px; } */
.teamItem:hover { background: var(--pislightgreen); }

.teamImage    { border-radius: 50%; max-height:280px; }
.teamName     { font-family: 'MulishExtraBold'; font-size:20px; }
.teamPosition { font-size:16px; }

/* POPUP WINDOWS */

.popup { padding:25px;  }
.popup h1, .popup h2 { font-size:1.5em; /*color:var(--pistext);*/ }
.popup h3 { font-size: 1.4em; margin: 25px 0 25px 0; }
.popup p { /*font-size:0.875em;*/ color:var(--pistext); }

.chooseEinrichtung .row1 { display:grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; margin: 10px 0 40px 0; }
.chooseEinrichtung .row2 { display:grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; /*margin:0 0 40px 0;*/ }
.chooseEinrichtung .card { width:256px; margin:0 auto; padding:25px 15px; text-align:center; border: 1px solid var(--pislightgreen);  } 
.chooseEinrichtung .card:hover { border:3px solid var(--pislinegreen); }

.chooseEinrichtung .logo { width:220px; position:relative; }

.chooseEinrichtung p { font-size:14px; line-height:1.5em; margin-top:10px; color: var(--pisgrey); }

.chooseEinrichtung .flLeft { float:left; }
.chooseEinrichtung .flRight { float:right; }

.sozialfond { cursor:pointer; margin-top:40px; max-width:150px; }
.sozialfondText { font-size: 12px; color: #555; line-height: 20px; margin-top:10px; }


/* CARDS */

.cardBgImage { position:relative; min-height:620px; }
.cardBgImage:hover { transition: transform .4s ease-in-out; transform: scale(0.97); }
.cardButton  { position:absolute!important; width:86%; left: 7%; bottom:20px; }

/* TABLES */

table { width: 100%; }
td { border:2px solid var(--pislightgrey); border-collapse:collapse; padding:15px; line-height:24px; }

#pflegeversicherung table { width:100%; }
#pflegeversicherung #pflegeversicherung th, #pflegeversicherung td { border:2px solid var(--pislightgrey); border-collapse:collapse; padding:15px; line-height:24px; }
#pflegeversicherung th, #pflegeversicherung td { font-family: 'EncodeSansExpanded'; font-size: 0.875em; padding:15px!important; text-align:left; }
#pflegeversicherung th { padding:15px!important; }

.rowHeader    { background: var(--pisdarkgreen); color:#fff; font-size: 0.875em; text-wrap:nowrap; }

.tdArrows{  background-image: url(../images/check.svg); background-size: 46px; background-position: center center; background-repeat: no-repeat; width: 100%; height: 32px; text-align: center; }

.lGreen       { background-color: #d4ead7; }
.dGreen       { background-color: #b9ddbd; }
.vdGreen      { background-color: #9ed0a3; }

.lowPad       { padding:15px 15px 15px 30px!important;}
.midPad       { padding:15px 15px 15px 60px!important;}

.rowHover > td  { /*background-color: var(--pislightgreen)!important;*/ border: 2px solid #fff!important; }
.rowHoverHasBegriff > td { cursor:pointer; /*background-color: var(--pislightgreen)!important;*/ border: 2px solid #fff!important; }
.rowHoverHasBegriff > td:first-child { display:table-cell; position:relative; background-image: url(../images/info.svg); background-size: 46px; background-position: right 15px center; background-repeat: no-repeat; width: auto; height: 32px; } 

/* PFLEGEGELDRECHNER */

.pgRow { border-bottom: 1px solid #aaa; padding: 25px 0; }
.pgVal { float: right; text-align: right; font-size: 0.875em;  font-weight: bold; width: 120px; }


/* ANIMATIONS */

   .fadeInUp { opacity: 0; }
   .fadeInUpFirst { opacity: 0; }

   @keyframes fadeInUp {
   from {
      opacity:0; transform: translateY(150px);
   }
   to {
      opacity:1; transform: translateY(0);
   }}
                    
   .in-up {
      animation-name: fadeInUp;
      animation-fill-mode: both;
      animation-duration: 1.5s;
      animation-delay: 0.3s;
      /* animation-timing-function: cubic-bezier(.39,.575,.565,1); */
      animation-timing-function: ease;
      /*animation-timeline: scroll();*/
   }

/** fadeInLeft **/
   
   @keyframes fadeInLeft {
   from {
      opacity:0; transform: translatex(-150px);
   }
   to {
      opacity:1; transform: translatex(0);
   }}
                    
   .in-left {
      animation-name: fadeInLeft;
      animation-fill-mode: both;
      animation-duration: 1.5s;
      animation-delay: 0.3s;
      /* animation-timing-function: cubic-bezier(.39,.575,.565,1); */
      animation-timing-function: ease;
      /*animation-timeline: scroll();*/
   }

   .in-left-slow {
      animation-name: fadeInLeft;
      animation-fill-mode: both;
      animation-duration: 3.0s;
      animation-delay: 0.3s;
      /* animation-timing-function: cubic-bezier(.39,.575,.565,1); */
      animation-timing-function: ease;
      /*animation-timeline: scroll();*/
   }

/** fadeInRight **/  

   @keyframes fadeInRight {
      from {
         opacity:0; transform: translatex(150px);
      }
      to {
         opacity:1; transform: translatex(0);
   }}
   
   .in-right {
      animation-name: fadeInRight;
      animation-fill-mode: both;
      animation-duration: 1.5s;
      animation-delay: 0.3s;
      /* animation-timing-function: cubic-bezier(.39,.575,.565,1); */
      animation-timing-function: ease;
      /*animation-timeline: scroll();*/
   }
   
   .in-left-right {
      animation-name: fadeInRight;
      animation-fill-mode: both;
      animation-duration: 3.0s;
      animation-delay: 0.3s;
      /* animation-timing-function: cubic-bezier(.39,.575,.565,1); */
      animation-timing-function: ease;
      /*animation-timeline: scroll();*/
   }

/* WARTUNG */

/** .wbox { width:80%!important; max-width:80%; color:#fff; padding:25px; background-color: rgba(33,33,33,0.8); border-radius:4px; border:2px solid #fff; margin:80px 10% 80px 10% !important; box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); }
    .wbox h1 { color: #fff; }
**/

.wartung_logo { margin: 130px 0 25px!important; width: 35%!important; max-width: 400px; }

/** SPECIAL CONTAINER */

.datenschutzContainer p { margin-bottom:25px; }
.datenschutzContainer ul { margin: 30px 0 30px 30px }

/*
## -----------------------------------------------------------------------------
##
##  BLOG WERBEFLAECHEN STYLES
##                                             
*/

.adsTopArea { display:block; width:100%; padding:10px 0 25px 0; text-align:center;  }
.adsRightArea { position:absolute; /*width:160px; height:600px;*/ right:-180px; top:50px; }
.adsBottomArea { display:block; width:100%; padding:25px 0 10px 0; background:#fff; text-align:center; border-radius: 0 0 6px 6px;} 
.adsBottomArea h4 { font-family: 'MulishBold'; color:#000000; font-size: 18px; font-weight:bold;  margin:0 0 25px 0; }

/*
## -----------------------------------------------------------------------------
##
##  BLOG STYLES
##                                             
*/

.homeSliderTeaser { position:absolute; width:100%; z-index:99; top:290px; height:100px; background-color: #000; opacity: 0.9; padding:10px 15px 0 15px; border-radius: 0 0 6px 6px; }
.homeSliderTeaser h1, .homeSliderTeaser h2 { font-size:22px; color: #fff; margin-bottom:5px; } 
.homeSliderTeaser p { margin-top:0px!important; font-family: 'EncodeSansExpanded'; font-size:15px; color:#fff; font-weight:normal; overflow:hidden; height:48px; }

.stoererRight { color: #fff;
    background: linear-gradient(45deg, #0033a5, #0531d1);
    width: 166px;
    height: 166px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    padding: 36px 20px 20px 20px;
    z-index: 99;
    opacity:1;
    font-size: 16px;
    transform: rotate(12deg); 
    top:-70px;
    right: -30px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

.startBlock { border:1px solid #f3f3f3; background-color: #f3f3f3; border-radius:6px; margin-bottom:25px; }
.startBlockImage { width: 100%; display: block; height: 175px; border-bottom: 3px solid var(--pisdarkgreen); background: center/cover; background-color: #e5e5e5; background-repeat:no-repeat; border-radius:6px 6px 0 0; }

.startBlockText    { padding:15px; height:185px; overflow:hidden; font-size: 15px; }
.startBlockText h3 { font-size:17px; color:var(--pisdarkgreen); }
.startBlockText p  { color: #000; font-weight:normal; font-family: 'EncodeSansExpandedLight'; font-size:15px; height: 92px; overflow:hidden; }

/*.artListRow   { display:flex; background:#fff;  }*/
.artListRow     { display:grid; background:#fff; grid-template-columns: 220px 405px; }
.artListImage  { flex-grow:0; /*min-width:220px;*/ width:220px; display:block; height:146px; background: center/cover; border-radius:6px; background-repeat:no-repeat; background-color:var(--pisgrey); }
.artListText .artListTitle { font-size: 1.1em; font-family: 'MulishBold'; color: var(--pisdarkgreen); font-weight:normal; }
.artListText   { flex-grow:1; margin-left:15px; color:#000; font-weight:normal; font-family:OpenSans; text-overflow: ellipsis; line-height:1.5em; }

/* MODULE */
.greyBox       { background-color:var(--pislightgrey); padding:15px; border-radius:6px; margin-bottom:25px; }
.modulBox      { background-color:var(--pisgrey); font-size:15px; padding:15px; border-radius:6px; margin-bottom:25px; border: 2px solid var(--pisgrey) }
.modulBoxImage { background-color:#ffffff; font-size:15px; }
.modulImage    { width:144px; float:right; margin:0px 0px 20px 20px; border-radius:6px; }

.articleListList { display:block; background:var(--pisgrey); margin:20px 0; height:2px; border-radius:6px; } /* LIST SEPERATOR */

.pageNavigation { margin: 20px 0 30px; float:right; }
.pageNavigation .active { background: white; border: 3px solid var(--pisdarkgreen); color: var(--pisdarkgreen); font-weight:bold; padding:7px 13px; }


.artImage      { width:100%; height:390px; background: center/cover; border-radius:6px; background-repeat:no-repeat; }
.artSpacer     { display:block; height:25px; }

.artCommentTitle { margin-top:-10px; }
.artCommentIcon  { width:36px; height:36px; position:relative; top:10px; margin-right:8px; }
.artCommentIcon2 { width:32px; height:32px; position:relative; top:10px; margin-right:8px; }

.artCommentBlock       { font-size:15px; }
.artCommentBlockAdmin  { font-size:15px; background:#fafafa; padding:15px; margin-left:58px; border-radius:6px; }
.artCommentAvatar      { position:relative; float:left; top:2px; width:46px; height:46px; padding:5px 7px 9px; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:50%; background-image: url('../images/blog/blog_user.svg'); background-size:36px; background-repeat:no-repeat; background-position: 5px 2px;}
.artCommentAvatarAdmin { position:relative; float:left; top:2px; width:46px; height:46px; padding:5px 7px 9px; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:50%; background-image: url('../images/blog/blog_admin.svg'); background-color:#fff; background-size:32px; background-repeat:no-repeat; background-position: 8px 7px;}
.artCommentUser   { float:left; padding:5px 0 0 12px; }
.artComment       { padding:12px 0 25px 58px; }

.socialBlock    { float:right; }
.socialIcons    { position:relative; float:left; top: 4px; margin-left:10px; width:40px; height:40px; padding:5px 7px 9px; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:50%; }
.socialImage    { width:32px; height:32px; }
.socialTwitter  { background-color: #1DA1F2; }
.socialX  { background-color: #000; }
.socialFacebook { background-color: #4267B2; }

.evArrowBack { position: relative; width: 32px; height: 32px; top: 10px; left: 10px; margin-right: 10px; }
.evTermine   { font-size:15px; font-weight:normal; text-decoration:none; color: #000; }

/*
## -----------------------------------------------------------------------------
##
##  COLS OVERWRITES
##                                             
*/



/*
## ----------------------------------------------------------------------------
##
##  AKTUELLES / KLEINERES BILD / LOGOS TABELLARISCH
##
*/

/**
.smallItemImage { display:inline-block; position:relative; min-height:250px; background-repeat:no-repeat; background: center/cover; border-radius:4px; }
**/



/*
## -----------------------------------------------------------------------------
##
##  SLIDER
##                                             
*/

.mainslider { display:inline-block; }  

/* BUTTON OVERWRITE */

.slick-prev { width:48px; height:48px; border-radius:4px; background-color: var(--pisdarkgreen); background-image: url(../images/cms/arrow_left_w.svg); background-size:52px 52px; color:#fff; left:-15px; margin-top:-25px; z-index:999; }
.slick-next { width:48px; height:48px; border-radius:4px;  background-color: var(--pisdarkgreen); background-image: url(../images/cms/arrow_right_w.svg); background-size:52px 52px;  right:-15px; margin-top:-25px; z-index:999; }

.slick-prev:hover { background-color: var(--pisdarkgreen); color:#fff; -webkit-transition:background-color 0.4s linear; -moz-transition:background-color 0.4s linear; transition:background-color 0.4s linear; }
.slick-next:hover { background-color: var(--pisdarkgreen); color:#fff; -webkit-transition:background-color 0.4s linear; -moz-transition:background-color 0.4s linear; transition:background-color 0.4s linear; }

.slider-prev-inline { left:35px!important; }
.slider-next-inline { right:35px!important; }

.sliderSmall { max-width:315px; }

/* DOTS OVERWRITE */

/*
.slick-dots { 
   bottom: 50px; 
   li button:before,  li.slick-active button:before {  color: transparent; opacity: 1; }
   li button:before { background-color: transparent; border: 4px solid #fff; border-radius: 50%;  display: inline-block;  height: 20px;  width: 20px; }
   li.slick-active button:before {  background-color: #fff; }
}

*/

/*
##-----------------------------------------------------------------------------
##
##  DATE PICKER OVERWRITES
##
*/

/**
.datepicker.dropdown-menu { font-family:OpenSansLight; font-size:15px; }
.datepicker table tr td.active, .datepicker table tr td.active:hover { background-color: var(--pisdarkgreen)!important; background-image:none; }

.datepicker table tr td span.active { background-color: var(--pisdarkgreen)!important; background-image:none; }
.datepicker table tr td span.active:hover { background-color: var(--pisdarkgreen)!important; background-image:none; }

span.month.active { background-color: var(--pisdarkgreen)!important; background-image:none; }
span.month.active:hover { background-color: var(--pisdarkgreen)!important; background-image:none; }

**/

/*
## -----------------------------------------------------------------------------
##
##  FOOTER STYLES
##                                             
*/

footer { font-family: 'EncodeSansExpanded'; font-size:18px; line-height:28px; color: var(--pistext); background: var(--pislightgreen); margin:45px auto 15px auto; padding-bottom:1px; }
footer .colMax { margin:0 auto; }

#footbar { position:relative; margin:0; padding:60px 0 60px 0; }

#footbar h3 { font-family: 'MulishSemiBold'; font-size:28px; color: var(--pisdarkgreen); /*letter-spacing:0.05em;*/ line-height:35px; }

#footbar .footerLogo { width:80%!important; }

ul.linkList  {padding: 0 0 25px 0;  }
.linkList li { list-style-type: none;
   padding-left: 40px;
   text-align: left;
   background-image: url(../images/link-icon-footer.svg);
   background-repeat: no-repeat;
   background-size: 32px 32px;
   background-position: 0 -2px;
   line-height: 28px;
   margin-bottom: 8px;
} 

#footbar a { font-family: 'EncodeSansExpanded'; font-size:18px; line-height:28px; font-weight:normal; color: var(--pisdarkgreen); text-decoration:none; }
#footbarSecondNav a { font-family: 'EncodeSansExpanded'; font-size:18px; line-height:28px; font-weight:normal; color: var(--pisdarkgreen); text-decoration:none; }

.extLogoGrid { display:grid; gap:20px; grid-template-columns: 1fr 1fr; margin-top:30px; }
.extLogo     { background-size:contain; height:100px; background-repeat:no-repeat; background-color: #fff; border:3px solid #fff; background-position:center center; width:100%; height:140px;}
.extLogoBlue { background-color: #4e5b6e; border:3px solid #4e5b6e; }

.footernavbar { padding:0; font-size:16px; color: var(--pistext); height:40px; margin:0 auto 40px 0;}
.footernavbar a { font-family: 'EncodeSansExpanded'; color: var(--pistext); font-weight:normal;  }


/*
## ----------------------------------------------------------------------------
##
##   METRONOM AD
##
*/

   .metronomAd { width:100%; max-width:980px; height:90px; margin:0; padding:0; border:0; overflow:hidden; }


/*
## -----------------------------------------------------------------------------
##
##  MEDIA QUERIES
##                                             
*/

@media only screen 
and (max-width : 480px) 
{
   /* GLOBAL */

   a { word-wrap: break-word; /*max-width:300px;*/ }   /*KILL LONG LINKS RESPONSIVE */

   /* HEADER */

   #headarea { height:170px; /*max-height:330px!important;*/ }
   #headbar  { height:170px; }

   .headlogo { border-radius:0; width:auto; box-shadow:none; height:auto; top:25px; left:-5px; height:130px; }
   #logo     { width:220px; height:120px; background-size:220px 120px; }
   #logoxy   { width:220px; height:120px; left:0; } 

   #topnav .mail { width: 34px; }  
   #topnav .download { width: 34px; }  
   #topnav .topIcon { left: 2px; }
   #topbacknav .back { width:32px; top:14px; }

   #topbacknav { left:15px; }
   #topsubnav { margin: 0 15px 0 0; }

   #topsubnav > .block, #topbacksubnav > .block { margin: 0 0px 0 0; }
   #topsubnav > .block > a, #topbacksubnav > .block > a { letter-spacing: -0.03em; }

   /* NAVIGATION */

   nav { display:none; }

   .choose_einrichtung { display:none!important; }

   #menuarea { padding-right:5%; }
   .mobile_button { display:block; }
   #mobile_button_box { right:10px; top:10px; }

   #tablet_menu { display:none; position:absolute; left: -9999px; } 

   /* PAGE STYLES */ 

   .content { width: 100%; margin: 0 auto 0 auto; }
   .colMax { padding: 0 5%; width:100%; }
   .colMaxHeader { padding: 0; width:100%; }

   .colInnerBox { padding: 20px 0; }

   .stoererRight { width: 140px; height: 140px; font-size: 0.75em; padding-top: 32px; top: -90px; top: -120px; right: 10px;}

   .mainImageSlider { height:450px; }

   h1.introText { font-size:32px; }
   .introText > p { font-family: 'EncodeSansExpanded'; font-size:18px; }
   .newsPaperMargin { margin-top:0; }

   .roundedBorder { margin-top:20px; }
   .buttoncon { width:100%; }
   .buttoncon > a { text-align:center; }

   .sliderOverlay { width:100%; padding:20px; }
   .sliderOverlay > h1 { font-size:24px; margin-bottom:0; }
   .sliderOverlay > p { font-size:16px; letter-spacing: -0.05em; margin-top: 0;}

   .stellenOnlineBewerbungBlock { margin: 0 25px 25px 25px; }
   .mobileStellenDesc { padding:0 25px; }

   .stellenOnlineBewerbung { position:static; margin:25px 0; }

   .downloadGrid  { grid-template-columns: 1fr; }
   .ehrenamtBlock { grid-template-columns: 1fr; }

   .contactCard      { margin: 20px 0 20px auto; max-width:100%; padding:25px 20px; }
   .contactCardGreen { margin: 20px auto 20px 0; max-width:100%;  padding:25px 20px; }
   .contactCardGreen.in-left { margin: 20px 0 20px auto; }
   .contactCard.in-right { margin: 20px auto 20px 0; }

   .impressumInset { padding: 0 0 25px 0; }
   .impressumLogo  { top:0; margin-bottom: 15px; }

   .magazinBlock    {  grid-template-columns: 1fr; padding:0 10%; margin-bottom:80px; align-items:center; }
   .magazinRespText { text-align:center; }

   .teamRow        { display:grid; grid-template-columns: 1fr; margin:20px 0; }
   .teamItem       { display:grid; grid-template-columns: 1fr; }
   .teamItem > div { margin:0 auto; }
   .teamItem:hover { background: var(--pislightgreen); }

   .teamDesc     { text-align:center; }
   .teamDesc a   { letter-spacing: -0.05em; }

    .wartung_logo { margin-top:120px!important; width:75%!important; }

   /* FOOTER */

   #footbar      { padding: 20px 0 20px 0; }
   #footbar .col25 { margin-top:20px; }
   .footerLogoBlock { text-align:center; }
   .footernavbar { height:auto; }

}

@media only screen 
and (min-width : 481px) and (max-width : 767px)
{
   /* GLOBAL */

   a { word-wrap: break-word; /*max-width:300px;*/ }   /*KILL LONG LINKS RESPONSIVE */

   /* HEADER */

   #headarea { height:170px; /*max-height:330px!important;*/ }
   #headbar  { height:170px; }

   .headlogo { border-radius:0; width:auto; box-shadow:none; height:auto; top:25px; left:-5px; height:130px; }
   #logo     { width:220px; height:120px; background-size:220px 120px; }
   #logoxy   { width:220px; height:120px; left:0; } 

   #topbacknav { right:270px; }
   #topsubnav { margin: 0 5px 0 0; }
       
   /* NAVIGATION */

   nav  { display:none; }    

   .choose_einrichtung { display:none!important; }

   #menuarea { padding-right:5%; }
   .mobile_button { display:block; }
   #mobile_button_box { right:10px; top:10px; }

   #tablet_menu { display:none; position:absolute; left: -9999px; } 

   /* PAGE STYLES */

   .content { width: 100%; margin: 0 auto 0 auto; }
   .colMax  { padding: 0 15%; width:100%; }
   .colMaxHeader { padding: 0; width:100%; }
   .colInnerBox { padding: 40px 0; }

   .stoererRight { width: 140px; height: 140px; font-size: 0.75em; padding-top: 32px; top: -90px; }

   .mainImageSlider { height:450px; }

   h1.introText { font-size:32px; }
   .introText > p { font-family: 'EncodeSansExpanded'; font-size:18px; }
   .newsPaperMargin { margin-top:5px; }

   .roundedBorder { margin-top:30px; }
   .buttoncon { width:100%; }
   .buttoncon > a { text-align:center; }

   .sliderOverlay { width:75%; padding:20px; }
   .sliderOverlay > h1 { font-size:24px; margin-bottom:0; }
   .sliderOverlay > p { font-size:16px; letter-spacing: -0.05em; margin-top: 0;}

   .stellenOnlineBewerbungBlock { margin: 0 25px 25px 25px; }
   .mobileStellenDesc { padding:0 25px; }

   .stellenOnlineBewerbung { position:static; margin:25px 0; }

   .downloadGrid { grid-template-columns: 1fr 1fr; }
   .ehrenamtBlock { grid-template-columns: 1fr; }

   .contactCard      { margin: 25px 0 25px auto; max-width:100%; padding:25px 20px; }
   .contactCardGreen { margin: 25px auto 25px 0; max-width:100%;  padding:25px 20px; }
   .contactCardGreen.in-left { margin: 25px 0 25px auto; }
   .contactCard.in-right { margin: 25px auto 25px 0; }

   .impressumInset { padding: 0 0 25px 0; }
   .impressumLogo  { top:0; margin: 15px auto 15px auto; }

   .teamRow        { display:grid; grid-template-columns: 1fr; margin:20px 0; }
   .teamItem       { display:grid; grid-template-columns: 1fr; }
   .teamItem > div { margin:0 auto; }
   .teamItem:hover { background: var(--pislightgreen); }

   .teamDesc     { text-align:center; }
   .teamDesc a   { letter-spacing: -0.05em; }

   .wartung_logo { margin-top:120px!important; width:90%!important; }

   /* FOOTER */

   #footbar      { padding: 20px 0 20px 0; }
   #footbar .col25 { margin-top:20px; }
   .footerLogoBlock { text-align:center; }
   .footernavbar { height:auto; }

}

@media only screen 
and (min-width : 600px) and (max-width : 767px)
{
}

@media only screen 
and (min-width : 768px) and (max-width : 1023px)
{
   /* GLOBAL */
   /* HEADER */

   .headlogo { z-index:333; }
   #topbacknav { position: absolute; top: 70px; right: 160px; }

   .chooseEinrichtung .row2 { display: grid;  grid-template-columns: 1fr 1fr; margin-bottom:40px; }
   .chooseEinrichtugn .logo { display:block!important; }
   .chooseEinrichtung .card > img { display:block!important; }

   /* NAVIGATION */

   nav  { display:none; }    

   #mobile_menu { display:none; position:absolute; left: -9999px; } 
   #tablet_button { display:block; left: auto; right:25px; top:3px; }
   

   /* PAGE STYLES */

   .content { width: 100%; margin: 0 auto 0 auto; }
   .colMax  { padding: 25px 3% 5px; width:100%; }
   .colInnerBox { padding: 40px 0; }

   .stoererRight { top:-85px; }

   h1.introText { font-size:32px; }
   .introText > p { font-family: 'EncodeSansExpanded'; font-size:18px; }

   .sliderOverlay { width:75%; padding:20px; }

   .stellenOnlineBewerbungBlock { left:-25px; }
   .card > img { display:none; }

   .downloadGrid { grid-template-columns: 1fr 1fr 1fr; }
   .ehrenamtBlock { grid-template-columns: 1fr 1fr; }

   .magazinBlock { grid-template-columns: 1fr; }
   .magazinRespMargin { margin:20px; }

   .stellenOnlineBewerbung { position:static; margin:25px 0; }

   .teamItem       { display:grid; grid-template-columns: 1fr; }
   .teamItem > div { margin:0 auto; }
   .teamItem:hover { background: var(--pislightgreen); }
   .teamDesc { text-align:center; } 

   .wartung_logo { margin-top:120px!important; width:32%!important; }

   /* FOOTER */

   #footbar { padding: 40px 0 0 0; }
   .footernavbar { height:auto; }
   .footerGrid { display: grid; grid-template-columns: 2fr 2fr; width: 100%;  gap: 60px; }
   .footerGrid > .col25 { width:100%; }

}

@media only screen 
and (min-width : 1024px) and (max-width : 1439px)    /*max-width:1199px*/
{
   /* GLOBAL */
   /* HEADER */

   #headmenubar { margin: 70px 0 0 60px; }

   /* NAVIGATION */

   #mobile_menu { display:none; position:absolute; left: -9999px; } 

   @media only screen 
   and (width < 1200px)
   {
      .headlogo { z-index:333; }
      nav  { display:none; }    
      #tablet_button { display:block; left: auto; right:25px; top:3px; }
   }

   @media only screen 
   and (width > 1200px)
   {
     /* #menuNav > ul > li { margin:0 23px 0 0; letter-spacing: -0.01em; } */
     /* #menuNav > ul > li > a { letter-spacing: -0.01em; } */
    
     #tablet_menu { display:none; position:absolute; left: -9999px; } 
   }


   /* PAGE STYLES */

   .content { width: 100%; margin: 0 auto 0 auto; }
   .colMax  { padding: 0 40px; width:100%; }
   .colMaxHeader { padding: 0 20px; width:100%; }

   .teamRow { word-break: break-all; }

   .magazinBlock { grid-template-columns: 1fr; }
   .magazinRespMargin { margin:10px 40px; }
   .magazinButton { max-width:60%; }
   .magazinArchiv { min-height:296px; }

   .downloadGrid { grid-template-columns: 1fr 1fr 1fr; }
   .ehrenamtBlock { grid-template-columns: 1fr 1fr; }

   .wartung_logo { margin-top:120px!important; width:25%!important; }

   /* FOOTER */

   .footerGrid { display: grid; grid-template-columns: 2fr 2fr; width: 100%;  gap: 90px; }
   .footerGrid > .col25 { width:100%; }

}

@media only screen 
and (min-width : 1440px)  /*1200*/
{

  /* HIDE ELEMENTS */
  
  #mobile_menu { display:none; position:absolute; left: -9999px; } 
  #tablet_menu { display:none; position:absolute; left: -9999px; } 

}



/* }  END WPX CHILD SCOPE */