body { background-color: #999999; }

h4.horoscope-title { bottom: auto; top: 0px; padding: 14px 0px 0px 10px; color: #FFFFFF; font-size: 24px; line-height: 28px; }

a.horoscopeWeek { color: #FFFFFF; }

span.horoscopeDateFromTo { font-size: 14px; }
span.horoscopeName { font-size: 36px; line-height: 44px; padding: 3vh 0; }
span.horoscopeIcon { width: 100%; max-width: 300px; height: 30%; max-height: 150px; }


div.swiper-button-horoscope-prev,
div.swiper-button-horoscope-next
{ background-color: transparent; background-repeat: no-repeat; background-size: contain; -webkit-background-size: contain; }

div.swiper-button-horoscope-prev { background-position: left center; background-size: 15px 30px; 
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMTIgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GaWxsIDd2ZWN0b3I8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMy42MjE1LDEwLjQ5OTc1IEwxMS41NjA1LDE4LjQzODc1IEMxMi4xNDY1LDE5LjAyNDc1IDEyLjE0NjUsMTkuOTc0NzUgMTEuNTYwNSwyMC41NjA3NSBDMTAuOTc1NSwyMS4xNDU3NSAxMC4wMjU1LDIxLjE0NTc1IDkuNDM5NSwyMC41NjA3NSBMMC40Mzk1LDExLjU2MDc1IEMtMC4xNDY1LDEwLjk3NDc1IC0wLjE0NjUsMTAuMDI0NzUgMC40Mzk1LDkuNDM4NzUgTDkuNDM5NSwwLjQzODc1IEMxMC4wMjU1LC0wLjE0NjI1IDEwLjk3NTUsLTAuMTQ2MjUgMTEuNTYwNSwwLjQzODc1IEMxMi4xNDY1LDEuMDI0NzUgMTIuMTQ2NSwxLjk3NDc1IDExLjU2MDUsMi41NjA3NSBMMy42MjE1LDEwLjQ5OTc1IFoiIGlkPSJGaWxsLTciIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+"); 
}
div.swiper-button-horoscope-next { background-position: right center; background-size: 15px 30px; 
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMTIgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GaWxsIDl2ZWN0b3I8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNOC4zNzg1LDEwLjQ5OTc1IEwwLjQzOTUsMTguNDM4NzUgQy0wLjE0NjUsMTkuMDI0NzUgLTAuMTQ2NSwxOS45NzQ3NSAwLjQzOTUsMjAuNTYwNzUgQzEuMDI0NSwyMS4xNDU3NSAxLjk3NDUsMjEuMTQ1NzUgMi41NjA1LDIwLjU2MDc1IEwxMS41NjA1LDExLjU2MDc1IEMxMi4xNDY1LDEwLjk3NDc1IDEyLjE0NjUsMTAuMDI0NzUgMTEuNTYwNSw5LjQzODc1IEwyLjU2MDUsMC40Mzg3NSBDMS45NzQ1LC0wLjE0NjI1IDEuMDI0NSwtMC4xNDYyNSAwLjQzOTUsMC40Mzg3NSBDLTAuMTQ2NSwxLjAyNDc1IC0wLjE0NjUsMS45NzQ3NSAwLjQzOTUsMi41NjA3NSBMOC4zNzg1LDEwLjQ5OTc1IFoiIGlkPSJGaWxsLTkiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+"); 
}   

/*
div.swiper-button-horoscope-prev::before,
div.swiper-button-horoscope-prev::after,
div.swiper-button-horoscope-next::before,
div.swiper-button-horoscope-next::after
{ content: ""; position: absolute; width: 2px; height: 40px; background-color: #FFFFFF; }

div.swiper-button-horoscope-prev::before { left: 27px; bottom: -3px; -webkit-transform: rotate(-22deg); transform: rotate(-22deg); }
div.swiper-button-horoscope-prev::after { left: 27px; top: -3px; -webkit-transform: rotate(22deg); transform: rotate(22deg); }
div.swiper-button-horoscope-next::before { right: 27px; bottom: -3px; -webkit-transform: rotate(22deg); transform: rotate(22deg); }    
div.swiper-button-horoscope-next::after { right: 27px; top: -3px; -webkit-transform: rotate(-22deg); transform: rotate(-22deg); }
*/


/* horoscope fulltext: */

div.horoscopeFulltextWrapper { padding: 20px 0px; }

div.horoscopeFulltextWrapper span.horoscopeDateFromTo { text-align: center; }
div.horoscopeFulltextWrapper span.horoscopeName { text-align: center; }
div.horoscopeFulltextWrapper span.horoscopeIcon { margin-bottom: 20px; height: 70px; width: 100%; max-width: none; }
span.horoscopeCurrentDate { display: block; }
div.horoscopeSection { padding: 5px 0px 10px 0px; }
div.horoscopeSectionHeadline { padding-bottom: 10px; font-weight: bold; }


/* Widget Header for iPhones  */

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (device-width: 320px) 
  and (device-height: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	h4.horoscope-title {font-size: 13px; line-height: 14px; }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (device-width: 320px) 
  and (device-height: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  	h4.horoscope-title {font-size: 13px; line-height: 14px; }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
/*
@media only screen 
  and (device-width: 375px) 
  and (device-height: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  	h4.horoscope-title {font-size: 13px; line-height: 14px; }
}
*/

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
/*
@media only screen 
  and (device-width: 414px) 
  and (device-height: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  	h4.horoscope-title {font-size: 13px; line-height: 14px; }
}
*/

/* ----------- iPhone X, Xs ----------- */

/* Portrait and Landscape */
/*
@media only screen 
  and (device-width: 375px) 
  and (device-height: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  	h4.horoscope-title {font-size: 13px; line-height: 14px; }
}
*/

/* ----------- iPhone Xr, Xs Max ----------- */

/* Portrait and Landscape */
/*
@media only screen 
  and (device-width: 414px) 
  and (device-height: 896px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  	h4.horoscope-title {font-size: 13px; line-height: 14px; }
}
*/