@media only screen and (max-width:1280px) {
	.paragraph--type--from-library {padding: 0;}
	.container .webform-submission-form.container, /*header .container,*/ .paragraph.paragraph--type--kopfbereich-mit-text .container, /*.container,*/ .paragraph--type--from-library .paragraph .container {padding-left: 30px !important;padding-right: 30px !important;}
	.container .container, .paragraph .container, .bg-schwung .bg-green .flex,.bg-green.px-6, .paragraph--type--from-library .paragraph, /**.ase .employeeContactForm,**/ .md\:pl-2,.md\:px-2 {padding-left: 0px !important;padding-right: 0px !important;}
	.paragraph--type--slider {max-width: 100%;overflow: hidden;}
	.bg-schwung {padding-bottom: 150px;}
	
	#readSpeaker img{
	  height: 24px;
	float:right;
	}

}


@media only screen and (min-width:768px) {
	.paragraph--type--slider .slick {margin-right: -28px;}
	.ase div:not(:first-child) .employeeContactForm .md\:flex {align-self: flex-end;}
	.ase div:first-child .employeeContactForm .md\:flex {align-self: unset;}
	
	#readSpeaker img{
	  height: 24px;
	float:right;
	}
}

/** WORKAROUND LOCATION -> BERUFSFELDER **/

.node--type-location .bg-green .w-full.container.mx-auto {display: grid;gap: 1.5rem !important;grid-template-columns: repeat(3, minmax(0, 1fr)) !important;grid-template-areas: "header header header" "main main main";grid-templates-rows: auto;}
.node--type-location .bg-green .w-full.container.mx-auto h1 {grid-area: header; grid-column-start:1;  grid-column-end:4; grid-row-start:1; grid-row-end:2;}
.node--type-location .bg-green .w-full.container.mx-auto .float-left {display: block; float: none !important;padding: 0 !important;width: 100% !important}
.node--type-location .berufsfelderView .md\:pr-6 {padding-right: 0 !important;}
.node--type-location .berufsfelderView .md\:mr-6 {margin-right: 0 !important;}
.node--type-location .main-sm article .container p a {color: rgba(90, 170, 65, var(--text-opacity));}
.node--type-location .main-sm article .container p a:hover {color: #407E17 !important;}

@media only screen and (max-width:767px) {
	#block-mosaik-content {
	    padding-top: 105px !important;
	}
	
	#readSpeaker img{
	  height: 24px;
		float:right;
	}
	
	.node--type-location .bg-green .w-full.container.mx-auto {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;grid-template-areas: "header" "main";}
	.node--type-location .bg-green .w-full.container.mx-auto h1 {grid-area: header; grid-column-start:1;  grid-column-end:2; grid-row-start:1; grid-row-end:2;}
	.min-h-teaserbox .m-6 {margin: 1.5rem 0 !important; padding: 0 1.5rem;}
	.md\:flex {display: flex !important;flex-direction: column !important;align-items: center;}
	/*.ase div div:not(:first-child) .employeeContactForm .md\:flex {flex-direction: row !important;}*/
	.paragraph--type--teaser-mit-bild-horizontal img {margin-top: 1.5rem;}
	.employeeContactForm .md\:flex .contactImage {flex-basis: 33%;}
	.employeeContactForm .md\:flex .contactImage img {width: 100%;}
	.ase div div:first-child {flex-direction: column;}
	.paragraph img {width: 100%;}
	.LogoWall a img, footer img {width: auto;}
	.LogoWall a img {margin: 0 auto;}
	.pb-16 {padding-bottom: 1rem !important;}
	./* px-4 {padding-left: 0 !important; padding-right: 0 !important;} */
}

@media only screen and (max-width:479px) {
  
.mosaikLogo {
	padding: 0 0 0 25px !important;
	max-height: 70px;
	overflow: hidden;
}
.mosaikLogo img {
	width: 50% !important;
	padding-top: 7px;
}

#styleSwitcher img{
  height: 22px;
margin-top: 2px;
}
#languageSwitcher img{
padding-bottom: 5px;
}
#readSpeaker img{
  height: 24px;
padding-top: 3px;
position: relative;
top: -24px;
left: 38px;
float:none !important;
}

.burgerWrapper {padding: 1.1rem !important;
max-height: 70px;
overflow: hidden;
height: 100%;}

.header-main {
    padding-top: 48px;
}  
  
.employeeContactForm .md\:flex {flex-direction: column !important;}
.ase div div:first-child .mosaikFragen {display: inline-flex;flex-basis: 100%;}
/*.mosaikFragen h2, .mosaikFragen h3 {padding: 0 30px;}*/
.webform-ajax-form-wrapper .pr-8 {padding-right: 0 !important;}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.node--type-location .bg-green .w-full.container.mx-auto {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;grid-template-areas: "header header" "main main";}
.node--type-location .bg-green .w-full.container.mx-auto h1 {grid-area: header; grid-column-start:1;  grid-column-end:3; grid-row-start:1; grid-row-end:2;}
/*.px-4 {padding-left: 0 !important; padding-right: 0 !important;} */
.webform-submission-webform-contact-person-form .md\:w-1\/4 {width: 50% !important;}
.min-h-teaserbox .m-6 {margin: 1.5rem 0 !important;padding: 0 1.5rem;}
}

/**.teaser-ohne-bild {padding-bottom: 3rem !important;}
.teaser-ohne-bild a.bottom-0 {margin-bottom: 1.5rem;}
a.absolute.bottom-0 {display: block; position: relative !important;align-self: flex-end;}**/
.min-h-teaserbox {min-height: 10rem !important;display: inline-flex;flex-direction: column;}
.teaser-mit-bild-bottom {height: 100%;}
.min-h-teaserbox .flex-col {height: auto; flex-basis: 100%;}
.min-h-teaserbox p, .min-h-teaserbox div {flex-grow: 1;}
.mosaikContainerText h2 {/*padding-top: 3rem;** kollidiert mit paragraphs-from-library */}
.pb-16.bg-green .mosaikContainerText h2 {padding-top: 3rem;}
/*.paragraph--type--ueberschrift-link-text-mittig {margin-bottom: 3rem;}*/
h2 {line-height: 1.1em !important;}
.max-w-full {max-width: 100%; width: 100%;}
@media (min-width: 769px) and (max-width: 1279px) {
  .employeeContactForm{
    padding-left:0px !important;
    padding-right:0px !important;
   }
}
@media (min-width: 1024px) and (max-width: 1055px) {
  .employeeContactForm{
    padding-left:30px !important;
    padding-right:30px !important;
   }
}
@media (min-width: 768px) and (max-width: 800px) {
  .employeeContactForm{
    padding-left:1.5rem !important;
    padding-right:1.5rem !important;
   }
}
@media (min-width:1024px) and (max-width: 1050px) {
  header{
padding-left: 30px !important;
}
}



@media (max-width: 1024px) {
.menuMosaikWrapper{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 30 !important;
}
.menuMosaikWrapper ul li{
  float:none;
}
}

@media (min-width:1280px) and (max-width: 1280px) {
    .employeeContactFormBkgr{
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
    }




.btn-default{
  display:inline !important;
}
h1, h2, h3, h4, h5, h6{
hyphens:auto !important;
}



@media (max-width: 767px) {
  .js-pager__items{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width:100% !important;
  }

}

@media (max-width: 479px) {
  .mosaikFragen{
    text-align:center !important;
    display:block !important;
  }

}


/*Map*/
.mosaikmap footer{
  position:relative;
}
#leaflet-map-view-standortkarte-block-1 .mapPopup a{
  color:#000 !important;
  font-style:normal;
}
.leaflet-container {
    font: inherit;
    line-height: inherit;
}
.mapPopupRight,
.mapPopupRight p{
  font-size:1.25rem;
}
.locationText p{
font-size:1rem;
line-height:1.25rem;
}

.mapPopupRight h4{
font-size:1.375rem;
font-family: SunLTExtraBold;
font-style:normal !important;
padding-right: 0.7rem;
line-height: 1.775rem;
}
.leaflet-popup-content {
    width: 560px !important;
    margin:0 !important;
}
.mapPopupLeft{
background:#000;
border-top-left-radius: 12px;
border-bottom-left-radius:12px;
padding:1rem;
}
.mapPopupLeft a{
color:#000;
background:#fff;
display:block;
margin-bottom:8px;
border-radius: 4px;
text-align:center;
font-size:.9rem;
padding: 5px 0;
}
.mapPopupLeft img{
margin-bottom:32px;
}
.leaflet-popup-content-wrapper {
    padding: 0;
}
.leaflet-marker-icon img{
  width:24px !important;
  height:24px !important;
}
.MapLegende{
z-index: 1;
justify-content: space-between;
margin: 0 20% !important;
width: 60% !important;
bottom: 24px !important;
}
.MapLegende img{
  display:inline-block;
  margin:18px 8px 18px 0;
      -webkit-filter: invert(100%);
    filter: invert(100%);
    width:24px;
    height:24px;
}
.leaflet-container a.leaflet-popup-close-button {
    padding: 8px 4px 0 0;
    width: 30px;
    height: 30px;
    font: 24px/18px Tahoma,Verdana,sans-serif;
        font-weight: normal;
        color:#000;
}
.leaflet-container a{
  color:#000 !important;
}
.leaflet-marker-icon strong,
.leaflet-marker-icon h2{
  display:none;
}
.mosaikmap #views-exposed-form-standortkarte-block-1{
  background:transparent;
  padding:0;
  margin-bottom:30px;
}
#views-exposed-form-standortkarte-block-1 select{
  height: auto !important;
padding: 0 !important;
width:327px;
font-family: SunLTRegular;
margin-top:0 !important;
}
#views-exposed-form-standortkarte-block-1 .form-item{
  border:2px solid #000;
}
#views-exposed-form-standortkarte-block-1 select option{
  font-family: SunLTRegular;
}



@media (max-width: 767px) {
.MapLegende img{
width:auto;
}
.mapLegendeItem{
  line-height:.9rem;
}
.MapLegende img {
    margin: 3px 8px 3px 0;
}
.MapLegende {
    margin: 0 !important;
    width: 100% !important;
    padding: 15px 0;
}
.mapPopupLeft img{
  display:none;
}
.leaflet-popup-content {
    width: 315px !important;
}
.mapPopupRight,
.mapPopupLeft{
 width:100% !important; 
}
.kontaktDaten{
  font-size:1rem;
}
.mapPopupLeft {
    border-top-left-radius: 0;
    border-bottom-right-radius: 12px;
}
.MapLegende {
    bottom: 39px !important;
    position:static !important;
    margin:20px 0 !important;
}
}

@media (max-width: 425px) {
    .leaflet-popup-content {
        width: 255px !important;
    }
    .mapPopupRight.p-4 {
        padding: 0.75rem;
    }
    .mapPopupRight h4{
        font-size:1.275rem;
        line-height: 1.6rem;
    }
    /*
    .kontaktDaten,
    .locationText p {
        font-size: 0.95rem;
    }*/
}


@media (min-width: 768px) {
.mapPopup{
  flex-direction:row !important;
}
}

@media (min-width: 768px) and (max-width:1046px)  {
.mapLegendeItem {
    font-size:.7rem;
}
.MapLegende {
    margin: 0 5% !important;
    width: 90% !important;
}
}




@media (min-width: 965px) {
.MapLegende {
    margin: 0 15% !important;
    width: 70% !important;
}
}

/* standortkarte - legend: always bottom the map */
@media (min-width: 768px) {
    .MapLegende {
        position: relative!important;
        bottom: 0px!important;
        margin: 25px auto 75px!important;
    }
}


.pager .pager__items li a:hover {
    background-color: #5aaa41 !important;
}
.pager .pager__items .pager__item--previous a::before, .pager .pager__items .pager__item--next a::after, .pager .pager__items .pager__item--previous a:hover, .pager .pager__items .pager__item--next a:hover {
    width: auto;
    margin:0 !important;
}
.pager .pager__items .pager__item--next a:hover::after,
.pager .pager__items .pager__item--previous a:hover::before{
  content: none !important;
}
.pager .pager__items .pager__item--previous a,
.pager .pager__items .pager__item--next a{
  margin:0;
}
.pager__item.pager__item--ellipsis{
  margin: 0 7px 0 0 !important;
}
.node--type-location .leaflet-interactive {
    cursor: all-scroll;
}


body {overflow-y:hidden;}