/***************** Pause gefällig? *******************/

a.brake span {
    text-transform: none;
    /*letter-spacing: 0.05em;*/
}


/***************** Social Media Icons *******************/

.socialmedia {
    padding-top: 10px !important;
    padding-bottom: 0 !important;
    position: absolute !important;
    margin-left: 150px !important;
}

.socialmedia a.youtube {
    background-image: url('header-icons/neu/yt.png');
    width: 30px;
    background-size: 25px;
    background-position-y: 2px;
}

.socialmedia a.youtube:hover {
    background-image: url('header-icons/neu/yt-hover.png');
    width: 30px;
    background-size: 25px;
    background-position-y: 2px;
}

.socialmedia a.facebook {
    background-image: url('header-icons/neu/fb.png');
    width: 28px;
    background-size: 10px;
    background-position-y: 2px;
    background-position-x: 6px;
}

.socialmedia a.facebook:hover {
    background-image: url('header-icons/neu/fb-hover.png');
    width: 28px;
    background-size: 10px;
    background-position-y: 2px;
    background-position-x: 6px;
}

.socialmedia a.twitter {
    background-image: url('header-icons/neu/tw.png');
    width: 32px;
    background-size: 20px;
    background-position-y: 2px;
}

.socialmedia a.twitter:hover {
    background-image: url('header-icons/neu/tw-hover.png');
    width: 32px;
    background-size: 20px;
    background-position-y: 2px;
}

.socialmedia a.instagram {
    display: inline-block;
    height: 18px;
    width: 60px;
    background-image: url('header-icons/neu/in-gemeinsam.png');
    background-repeat: no-repeat;
    background-size: 54px;
    background-position-y: 0px;
}

.socialmedia a.instagram:hover {
    background-image: url('header-icons/neu/in-gemeinsam-hover.png');
}

.socialmedia a.instagram-impulse {
    display: inline-block;
    height: 18px;
    width: 42px;
    background-image: url('header-icons/neu/in-impulse.png');
    background-repeat: no-repeat;
    background-size: 42px;
    background-position-y: 0px;
}

.socialmedia a.instagram-impulse:hover {
    background-image: url('header-icons/neu/in-impulse-hover.png');
}



/***************** Angebote & Einrichtungen *******************/

.metamenu-link span {
    position: relative;
    top: 10px;
}

.meta-background .metamenu-link {
    margin-left: 308px;
}



/***************** Leichte Sprache *******************/

#leichte-sprache span.ls-icon {
    width: 134px;
    margin-top: 0px;
    margin-left: -24px;
    display: list-item;
    background-image: url('header-icons/neu/leichtesprache.png');
    display: inline flow-root list-item;
    background-size: 134px;
    background-repeat: no-repeat;
}


#leichte-sprache span.ls-icon:hover {
    background-image: url('header-icons/neu/leichtesprache-hover.png');
    width: 134px;
    margin-top: 0px;
    margin-left: -24px;  
    background-size: 134px;
}


/***************** EN | Kontakt | Impressum *******************/

.socialmedia .links {
    position: absolute !important;
    top: 10px !important;
    margin-left: 460px !important;
    color: #666666 !important;
    font-size: 16px !important;
    font-weight: bold;
}

.socialmedia .links a {
    font-weight: normal;
    text-transform: none;
    font-size: 16px;
    color: #666666;
}

.socialmedia a {
    margin-right: 0px;
}


/***************** TEST EN *******************/
.meta-en {
    position: absolute !important;
    margin-left: 460px !important;
    margin-top: 0px !important;
}



/*************************************************** RESPONSIVE *******************/

/***************** 1023 bis 771 *******************/

@media (max-width: 1023px) and (min-width:771px) {

#leichte-sprache span.ls-icon {
background-image: url('header-icons/neu/mobil-leichtesprache.png');
width: 270px;
background-size: 24px;
background-position-x: 240px;
}

.socialmedia a.instagram {
width: 28px;
height: 24px;
background-image: url('header-icons/neu/in-gemeinsam-mobil.png');
background-size: 24px;
}

.socialmedia a.instagram:hover {
width: 28px;
height: 24px;
background-image: url('header-icons/neu/in-gemeinsam-mobil-hover.png');
background-size: 24px;
}

.socialmedia a.instagram-impulse {
width: 24px;
height: 24px;
background-image: url('header-icons/neu/in-impulse-mobil.png');
background-size: 24px;
}

.socialmedia a.instagram-impulse:hover {
width: 24px;
height: 24px;
background-image: url('header-icons/neu/in-impulse-mobil-hover.png');
background-size: 24px;
}  

}

/***************** 1023 bis 900 *******************/

@media (max-width: 1023px) and (min-width: 900px) {

#leichte-sprache span.ls-icon {
    margin-left: -240px;
}

.socialmedia .links {
    margin-left: 400px !important;
}

}

/***************** 899 bis 811 *******************/

@media (max-width: 899px) and (min-width: 811px) {
#leichte-sprache span.ls-icon {
    margin-left: -240px;
}
.socialmedia .links {
    margin-left: 300px !important;
}
}

/***************** 810 bis 771 *******************/

@media (max-width: 810px) and (min-width: 771px) {
#leichte-sprache span.ls-icon {
    margin-left: -240px;
}
.socialmedia .links {
    margin-left: 270px !important;
}
}


/***************** 770 *******************/

@media (max-width: 770px) {

.socialmedia {
margin-left: 0px !important;
}

.meta-background .metamenu-link {
display: none;
}

#leichte-sprache span.ls-icon {
background-image: url('header-icons/neu/mobil-leichtesprache.png');
width: 270px;
background-size: 24px;
background-position-x: 240px;
}

.socialmedia .links {
margin-left: -150px !important;
font-size: 12px !important;
}

.socialmedia .links a {
font-size: 12px;
}
  
}

/***************** 414 *******************/

@media (max-width: 414px) {

#leichte-sprache span.ls-icon {
background-image: url('header-icons/neu/mobil-leichtesprache.png');
width: 100px;
background-size: 24px;
background-position-x: 70px;
}

} 


/***************** 399 *******************/
  
@media (max-width: 399px) {
  
.socialmedia a.twitter {
width: 28px;
}

.socialmedia a.twitter:hover {  
width: 28px;
}
  
#leichte-sprache span.ls-icon {
background-image: url('header-icons/neu/mobil-leichtesprache.png');

background-size: 24px;
background-position-x: 0px;
    margin-left: 160px !important;
    width: 25px;
    height: 25px;
    z-index: 10;
    position: absolute;
}
  
.socialmedia a.instagram {
width: 28px;
height: 24px;
background-image: url('header-icons/neu/in-gemeinsam-mobil.png');
background-size: 24px;
}

.socialmedia a.instagram:hover {
width: 28px;
height: 24px;
background-image: url('header-icons/neu/in-gemeinsam-mobil-hover.png');
background-size: 24px;
}

.socialmedia a.instagram-impulse {
width: 24px;
height: 24px;
background-image: url('header-icons/neu/in-impulse-mobil.png');
background-size: 24px;
}

.socialmedia a.instagram-impulse:hover {
width: 24px;
height: 24px;
background-image: url('header-icons/neu/in-impulse-mobil-hover.png');
background-size: 24px;
}  
  
}