footer { background-color: white; }
footer.no-banner { border-top: 1px solid #CCCCCC; padding-top: 60px; }

#anoha { position: relative; background: #40C0F0; color: #42398F; height: 150px; margin-bottom: 50px; }
#affe { position: absolute; top: 0; left: 0; width: 397px; height: 150px; background: transparent url(../img/SH_JMB_KIMU_AFFE_Final-300dpi.png) 0 0; }
#biene { position: absolute; top: 0; right: 0; width: 187px; height: 150px; background-image: url(../img/SH_JMB_KIMU_BIENE_Final-300dpi.png); }
#anoha h2 { position: absolute; top: 30px; left: 50%; margin-left: -385px; }
#anoha p { font-family: JMBProBo, sans-serif; position: absolute; top: 30px; left: 50%; margin-left: 25px; width: 215px; }
#anoha a { display: block; font-family: JMBProBl; position: absolute; top: 60px; left: 50%; margin-left: 268px; border: 1px solid #42398F; font-size: 2.2rem; line-height: 2.3rem; }
a.anoha svg { width: 16px; height: 16px; margin-right: 10px; }
a.anoha { display: inline-block; color: #42398f; border: 1px solid #42398f; font-size: 1.6rem; line-height: 2.2rem; text-decoration: none; padding: 11px 30px 7px; border-radius: 30px; }
a.anoha::before { display: none; }
a.anoha:hover, a.anoha:focus { color: #40C0F0; background: #42398f; border: 1px solid #42398f; }
a.anoha:hover polygon, a.anoha:focus polygon { fill: #40C0F0; }

@media only screen and (max-width: 1270px) {
  #affe { left: -50px; }
  #biene { display: none; }
}

@media only screen and (max-width: 1080px) {
  #anoha { height: 150px; }
  #anoha h2 { position: absolute; top: 30px; left: 280px; margin-left: 0; }
  #anoha h2 img { width: 330px; height: auto; }
  #anoha p { position: absolute; top: 110px; left: 280px; margin-left: 0; width: 540px; }
  #anoha a { position: absolute; top: 50px; left: auto; right: 0; margin-left: 0; }
}

@media only screen and (max-width: 960px) {
  #affe { left: -100px; }
}

@media only screen and (max-width: 880px) {
  #anoha { height: 360px; }
  #affe { left: 50%; top: 20px; margin: 0 0 0 -145px; width: 269px; height: 161px; background: transparent url(../img/ANOHA_affe.png) 0 0; }
  #anoha h2 { position: absolute; top: 130px; left: 50%; margin-left: -165px; }
  #anoha h2 img { width: 330px; height: auto; }
  #anoha p { position: absolute; top: 220px; left: 50%; margin-left: -165px; width: 330px; text-align: center; }
  #anoha a { position: absolute; top: 290px; left: 50%; right: auto; margin-left: -83px; }
}

#links { position: relative; font-family: JMBProM, sans-serif; font-size: 1.6rem; line-height: 2.2rem; }
#links li { list-style: none; margin-bottom: 2px; }
#links h3 { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 20px; }
#links a { text-decoration: none; color: #000; border: none; }
#links a:hover, #links a:focus { border-bottom: 1px solid black; }

#links1, #links2, #links3, #links4, #links5 { width: 207px; margin-right: 20px; margin-bottom: 80px; }
#links5 { margin-right: 0; }
#links6 { width: 681px; margin-bottom: 60px; }
#links6 li { float: left; margin-right: 20px; }
#links7 { width: 434px; margin-bottom: 40px; }
#links7 img, #links7 svg { float: left; margin-right: 40px; height: 80px; }

@media only screen and (max-width: 1270px) {
  #links1, #links2, #links3, #links4, #links5 { width: 172px; }
  #links6 { width: 384px; }
  #links7 { width: 556px; }
}

@media only screen and (max-width: 1080px) {
  #links1, #links2, #links3, #links4, #links5 { width: 260px; }
  #links3 { margin-right: 0; }
  #links6 { order: 7; width: 100%; }
  #links7 { order: 6; margin-bottom: 80px; }
}

@media only screen and (max-width: 880px) {
  #links1, #links2, #links3, #links4, #links5 { width: 300px; }
  #links2, #links4 { margin-right: 0; } 
  #links3 { margin-right: 20px; }
}

@media only screen and (max-width: 670px) {
  #links1, #links2, #links3, #links4, #links5 { width: 260px; }
}

@media only screen and (max-width: 590px) {
  #links1, #links2, #links3, #links4, #links5 { width: 100%; }
  #links7 { margin-bottom: 40px; }
  #links7 img, #links7 svg { margin-bottom: 40px; width: 100%; }
}

#socialmedia { background: #FF2346; color: #000; text-align: center; padding: 40px 0 60px; }
#socialmedia p { font-family: "JMBProM"; font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 25px; }
#socialmedia .hashtag { display: inline; margin-bottom: 28px; max-width: 100%; }
#socialmedia .footer-ctas { display: flex; justify-content: center; align-items: center; }
#socialmedia li { float: left; margin-right: 20px; list-style: none; height: 46px; padding: 8px; }
#socialmedia a { text-decoration: none; color: #000; border: none; padding-right: 0; }
#socialmedia a::after { display: none; }
#socialmedia a.ghost { display: inline-block; border: 1px solid #000; margin-right: 0; padding: 11px 30px 7px; }
#socialmedia a.ghost:hover, #socialmedia a.ghost:focus  { color: #FF2346; background: black; }

@media only screen and (max-width: 670px) {
	#socialmedia .footer-ctas { flex-direction: column; }
	#socialmedia ul { margin-bottom: 20px; }
	#socialmedia li { margin-right: 5px; }
}

@media only screen and (max-width: 590px) {
  img.hashtag, svg.hashtag { width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; }
  #socialmedia div div { width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; text-align: center; }
}