@font-face {
font-family: 'Lato';
src: url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Regular.eot);
src: url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Regular.woff2) format('woff2'),
url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Regular.woff) format('woff'),
url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Bold.eot);
src: url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Bold.woff2) format('woff2'),
url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Bold.woff) format('woff'),
url(//www.dismenol.at/wp-content/themes/dismenol/assets/fonts/Lato-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
body, button, input, select, textarea  {
font-family: 'Lato', Helvetica, Arial, sans-serif;
color: #333;
line-height: 1.6;
}
@media (min-width: 600px) {
body, button, input, select, textarea  {
line-height: 1.75;
}
}
h1, h2, h3, h4, h5, h6 {
clear: both;
margin: 0 0 1rem 0;
line-height: 1.3;
}
h2 {
font-size: 1.5rem;
color: #005fa9;
}
@media (min-width: 768px) {
h2 {
font-size: 1.875rem;
}
}
h3 {
font-size: 1.25rem;
}
@media (min-width: 768px) {
h3 {
font-size: 1.25rem;
}
}
p {
margin: 0 0 1.5rem 0;
}
.hide{
border: 0;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
a {
color: #005fa9;
text-decoration: none;
}
a:link, a:visited {
color: #005fa9;
} .site {
margin: 0;
width: 100%;
}
.container {
padding: 0 .75rem;
max-width: 1200px;
}
@media (min-width: 600px) {
.container {
padding: 0 1.5rem;	
}
}
@media (min-width: 1200px) {
.container {
padding: 0 2.5rem;	
}
} .site-branding {
margin: .875rem 0 0.875rem 0;
line-height: 1;
}
@media (min-width: 600px) {
.site-branding {
margin: 2.125rem 0 2.25rem 0;
}
}
.site-header {
border-bottom: none;
background: #7dc4a3;
}
.site-header .site-title {
margin: 0;
padding: 0;
color: white;
text-transform: none;
font-size: 1rem;
font-family: 'Lato', Helvetica, Arial, sans-serif;
line-height: 1;
}
.site-title a:link, .site-title a:visited {
color: white;
}
.site-header .site-title a {
background-image: url(//www.dismenol.at/wp-content/themes/dismenol/assets/images/logo.svg);
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
width: 120px;
height: 24px;
}
@media (min-width: 600px) {
.site-header .site-title a {
height: 32px;
width: 155px;
}
}
.site-header .site-title span {
border: 0;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.primary-menu-toggle{
margin-top: 0px;
}
@media (min-width: 600px){
.primary-menu-toggle{
margin-top: 1.5rem;
}
}
.primary-menu-toggle .icon, .primary-menu-toggle:hover .icon{
fill: #005fa9;
}
.primary-navigation {
margin: 1.5rem 0 0 0;
justify-content: flex-end;
}
@media (max-width: 60em){
.main-navigation li {
float: none !important;
display: block;
}
}
.header-title-image {
height: auto;
text-align: left;
background: #005fa9;
margin: -1px 0 2.5rem 0;
}
.header-title-background {
padding: 1.5rem 0 1.125rem 0;
border: none;
background: #005fa9;
text-align: left;
margin: -1px 0 2rem 0;
}
@media (min-width: 768px)  {
.header-title-background {
padding: 2.25rem 0 2rem 0;
}
}	
@media (min-width: 960px) {
.header-title-background  {
padding: 2.75rem 0 2.5rem 0;
}
}
.header-title-wrap {
padding: 1.5rem 0 0 0;
}
@media (min-width: 768px) {
.header-title-wrap {
padding: 2.5rem 0 0 0;
min-height: 15.5rem;
}
}
@media (min-width: 960px) {
.header-title-wrap {
padding: 3rem 0 0 0;
min-height: 18.5rem;
}
}
.header-title {
display: block;
text-transform: none;
text-shadow: none;
font-size: 2.125rem;
font-family: 'Lato', Helvetica, Arial, sans-serif;
margin: 0 0 0.625rem 0;
}
@media (min-width: 768px) {
.header-title {
font-size: 2.25rem;
}
}
@media (min-width: 960px) {
.header-title {
font-size: 3rem;
}
}
.header-title-wrap p {
color: white;
font-size: 1.125rem;
font-weight: bold;
line-height: 1.6;
}
@media (min-width: 768px) {
.header-title-wrap p {
font-size: 1rem;
max-width: 460px;
}
body.page-regelschmerzen .header-title-wrap p {
max-width: 422px;
}
}
@media (min-width: 960px) {
.header-title-wrap p {
font-size: 1.125rem;
font-weight: bold;
}
.header-title-wrap p,
body.page-regelschmerzen .header-title-wrap p
{
max-width: 500px;
}
}
.header-image-container {
text-align: center;
}
.header-title-image .container img {
margin: 0 auto -2rem auto;
text-align: center;
height: 260px;
width: auto;
display: inline-block;
}
@media (min-width: 768px) {
.header-title-image .header-title-container {
position: relative;
}
.header-title-image .container img {
position: absolute;
bottom: -2rem;
right: 0;
margin: 0;
height: 260px;
width: auto;
}
}
@media (min-width: 960px) {
.header-title-image .container img {
height: 300px;
right: 5%;
}
}
@media (min-width: 1200px) {
.header-title-image .container img {
right: 10%;
}
}
.header-title-background .page-header .header-title {
color: white;
text-shadow: none;
}
.header-main{
display: block;
} #main-navigation {
float: right;
margin: 1.5rem 0 0 0;
}
.main-navigation ul {
position: relative;
float: left;
padding: 0;
list-style-position: outside;
list-style-type: none;
width: 100%;
}
.main-navigation li {
float: left;
}
.main-navigation a {
margin: 0.75rem 1.0625rem;
padding: 0;
font-size: 1.125rem;
font-weight: bold;
border-bottom: 2px solid #7dc4a3;
display: block;
}
.main-navigation ul > li:first-child a {
margin-left: 0;
}
.main-navigation ul > li:last-child a {
margin-right: 0;
}
.main-navigation a:link,
.main-navigation a:visited {
color: white;
text-decoration: none;
}
.main-navigation a:hover,
.main-navigation a:active {
color: white;
border-bottom: 2px solid white;
}
.main-navigation ul a, .main-navigation ul a:link, .main-navigation ul a:visited {
color: white;
font-family: 'Lato', Helvetica, Arial, sans-serif;
margin: 0.75rem 1.0625rem;
padding: 0px;
}
.main-navigation ul li.current-menu-item > a {
text-decoration: none;
border-bottom: 2px solid white;
}
@media only screen and (max-width: 60em) {
.main-navigation-toggle {
margin: 1.875rem 0 0 0;
padding: 0.5rem 0 0.5rem 0.5rem;
border: none;
background: none;
color: white;
outline: 0;
}
.primary-navigation{
margin-top: 0px;
}
}
@media only screen and (max-width: 60em) {
.main-navigation-toggle:after {
display: inline-block;
float: left;
content: '\f419';
vertical-align: middle;
text-decoration: inherit;
font-size: 24px;
font-family: 'Genericons';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.main-navigation ul a{
margin-left: 0px !important;
}
}
.main-navigation > ul {
border: none;
}
@media only screen and (max-width: 60em) {
.main-navigation-toggle:hover, .main-navigation-toggle:focus, .main-navigation-toggle:active {
background: none;
color: white;
cursor: pointer;
}
}
@media (max-width: 599px) {
.main-navigation-toggle {
margin: 0.375rem 0 0 0;
}
}
@media only screen and (max-width: 60em) {
.main-navigation ul {
padding-top: 0;
border-top: none;
}
}
@media only screen and (max-width: 60em) {
.main-navigation ul a {
display: inline-block;
margin: 0.5rem 0 !important;
}
} .site-main .packshot {
margin: 0 0 -0.75rem 0;
}
body.home .site-main .packshot {
margin: 0 0 28px 0;
}
.site-main .packshot .packshot-1 strong {
padding: 0 0 1rem 0;
display: inline-block;
}
.site-main .packshot .packshot-2 p {
text-align: center;
margin: 0;
padding: 0.5rem 0 0 0;
}
.site-main .packshot .packshot-2 img {
width: 400px;
max-width: 100%;
}
@media (max-width: 599px) {
.site-main .packshot .packshot-2 img {
width: 300px;
max-width: 100%;
}
} .entry-content {
font-size: 1.125rem;
word-wrap: break-word;
}
@media (min-width: 600px) {
.entry-content {
font-size: 1rem;
}
}
.entry-content li {
margin: 0 0 0.35rem 0;
}
.entry-content h3.tipp, .entry-content p.tipp, .entry-content ul.tipp {
background: #d8ede3;
padding: 0 1.5rem 1rem;
}
.entry-content h3.tipp {
padding: 1.25rem 1.5rem 0.5rem;
margin: 0;
}
.entry-content p.tipp {
padding: 0 1.5rem 1.25rem;
}
.entry-content ul.tipp {
background: #d8ede3;
padding: 0 1.5rem 0.9rem 3rem;
margin-top: 0;
}
.wp-block-columns {
margin: 0;
}
.entry-content .start-link a,
.packshot a.packshot-link {
display: inline-block;
background: #005fa9;
color: #ffe200;
padding: 0.5rem 1.5rem;
font-weight: bold;
font-size: 1.125rem;
text-decoration: none;
border-radius: 0.5rem;
margin: 1rem 0 0 0
}
.packshot a.packshot-link {
margin: 1.5rem 0 0 0
}
.entry-content .start-link a:hover, .entry-content .start-link a:active, .entry-content .start-link a:focus,
.packshot a.packshot-link:hover, .packshot a.packshot-link:active, .packshot a.packshot-link:focus {
color: white;
} .start-teaser {
background: #005fa9;
margin: -1px 0 1.5rem 0;
}
@media (min-width: 600px) {
.start-teaser {
margin: -1px 0 4rem 0;
}
}
.start-teaser .start-claim {
background-image: url(//www.dismenol.at/wp-content/themes/dismenol/assets/images/claim.svg);
background-repeat: no-repeat;
background-size: contain;
width: 176px;
height: 88px;
}
@media (min-width: 600px) {
.start-teaser .start-claim {
width: 346px;
height: 162px;
}
}
.start-teaser .start-teaser-wrap {
position: relative;
height: 480px;
padding: 2.5rem 0 0 0;
}
@media (min-width: 600px) {
.start-teaser .start-teaser-wrap {
height: 720px;
padding: 3.75rem 0;
}
}
@media (min-width: 1024px) {
.start-teaser .start-teaser-wrap {
background-image: url(//www.dismenol.at/wp-content/themes/dismenol/assets/images/heptagon.svg);
background-repeat: no-repeat;
background-size: auto 526px;
background-position: right 0 top 64px;
}
}
@media (min-width: 1200px) {
.start-teaser .start-teaser-wrap {
background-size: auto 536px;
background-position: right 41px top 64px;
}
}
.start-image-container {
position: absolute;
width: 202px;
height: 412px;
top: 0.75rem;
right: 1rem;
z-index: 1;
}
@media (min-width: 600px) {
.start-image-container {
width: 339px;
height: 692px;
bottom: -2.625rem;
top: 1.75rem;
}
}
@media (min-width: 1200px) {
.start-image-container {
right: 6.5rem;
}
}
.start-teaser ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
width: 10.625rem;
flex-wrap: wrap;
flex-direction: column;
}
@media (min-width: 600px) {
.start-teaser ul {
width: 20.625rem;
}
}
@media (min-width: 1024px) {
.start-teaser ul {
width: 51.75rem;
flex-direction: row;
}
}
.start-teaser ul li {
background: white;
margin: 0;
padding: 0;
border-radius: 4px;
margin: 0 0 1rem 0;
padding: 0.75rem;
z-index: 2;
}
@media (min-width: 600px) {
.start-teaser ul li  {
padding: 1rem 1.25rem;
margin: 0 0 1.5rem 0;
}
}
@media (min-width: 1024px) {
.start-teaser ul li  {
flex-basis: 15.75rem;
margin: 0 1.5rem 1.5rem 0;
padding: 1.25rem 1.5rem;
}
}
@media (min-width: 1200px) {
.start-teaser ul li {
flex-basis: 16.25rem;
margin: 0 2rem 2rem 0;
padding: 1.25rem 1.75rem;
}
}
.start-teaser ul li:hover, .start-teaser ul li:active, .start-teaser ul li:focus, .start-teaser ul li.active {
background: #7dc4a3;
cursor: pointer;
}
@media (min-width: 1024px) {
.start-teaser ul li:nth-child(2) {
margin-right: 3rem;
}
}
@media (min-width: 1200px) {
.start-teaser ul {
width: 54.75rem;
}
.start-teaser ul li:nth-child(2) {
margin-right: 4rem;
}
}
.start-teaser ul li h3 {
font-size: 1.125rem;
margin: 0;
}
@media (min-width: 600px) {
.start-teaser ul li h3 {
font-size: 1.5rem;
}
}
@media (min-width: 1024px) {
.start-teaser ul li h3 {
margin: 0 0 0.5rem 0;
}
}
.start-teaser ul li a {
text-decoration: underline;
}
@media (min-width: 1024px) {
.start-teaser ul li a {
text-decoration: none;
}
}
.start-teaser ul li:hover a, .start-teaser ul li:active a, .start-teaser ul li:focus a, .start-teaser ul li.active a {
color: white;
}
.start-teaser ul li p {
margin: 0 0 0.35rem 0;
line-height: 1.5rem
}
.start-teaser ul li:hover p, .start-teaser ul li:active p, .start-teaser ul li:focus p, .start-teaser ul li.active p {
color: white;
}
.start-teaser ul li p a {
font-weight: bold;
text-decoration: underline;
}
@media (max-width: 1023px) {
.hide-mobile.full-hide {
display: none;
}
.start-teaser ul li .hide-mobile{
border: 0;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
}
.start-image-container ul {
position: absolute;
left: 0;
top: 0;
width: auto;
}
.start-image-container ul li {
padding :0;
margin: 0;
}
.start-image-container ul li a {
position: absolute;
width: 22px;
height: 21px;
background-image: url(//www.dismenol.at/wp-content/themes/dismenol/assets/images/start-heptagon.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media (min-width: 600px) {
.start-image-container ul li a {
width: 38px;
height: 36px;
}
}
.start-image-container ul li:nth-child(1) a {
left: 102px;
top: 67px;
}
.start-image-container ul li:nth-child(2) a {
left: 113px;
top: 100px;
}
.start-image-container ul li:nth-child(3) a {
left: 119px;
top: 129px;
}
.start-image-container ul li:nth-child(4) a {
left: 145px;
top: 198px;
}
.start-image-container ul li:nth-child(5) a {
left: 139px;
top: 306px;
}
@media (min-width: 600px) {
.start-image-container ul li:nth-child(1) a {
left: 170px;
top: 110px;
}
.start-image-container ul li:nth-child(2) a {
left: 186px;
top: 163px;
}
.start-image-container ul li:nth-child(3) a {
left: 200px;
top: 216px;
}
.start-image-container ul li:nth-child(4) a {
left: 241px;
top: 333px;
}
.start-image-container ul li:nth-child(5) a {
left: 232px;
top: 512px;
}
}
.start-image-container ul li a:hover, .start-image-container ul li a:active, .start-image-container ul li a:focus, .start-image-container ul li a.active {
background-image: url(//www.dismenol.at/wp-content/themes/dismenol/assets/images/start-heptagon-hover.svg);
} .endnote {
background: #7dc4a3;
color: white;
line-height: 1.5;
padding: 2.25rem 0 0 0;
font-size: 1rem;
}
@media (min-width: 600px) {
.endnote {
font-size: 0.875rem;
}
}
.endnote .wp-block-columns {
align-items: center;
}
.endnote .endnote-1 {
font-size: 1.75rem;
line-height: 1.3;
}
.endnote .endnote-1 p {
max-width: 500px;
}
@media (min-width: 600px) {
.endnote {
padding: 3.25rem 0 0 0;
}
}
.endnote .wp-block-columns {
margin-bottom: 16px;
}
@media (min-width: 600px) {
.endnote .wp-block-columns {
margin-bottom: 28px;
}
}
.site-footer {
font-size: 1rem;
} 
@media (min-width: 600px) {
.site-footer {
font-size: 0.875rem;
} 
} 
.footer-wrap {
border-top: none;
background: #005fa9;
color: white;
line-height: 2;
padding: 2.25rem 0 0 0;
}
.footer-wrap .footer-copyright p.copyright {
margin: 0 0 0.45rem 0;
}
.footer-wrap .footer-copyright p span {
background-image: url(//www.dismenol.at/wp-content/themes/dismenol/assets/images/merz-logo.svg);
background-repeat: no-repeat;
padding: 0 0 0 2.5rem;
line-height: 1.75rem;
display: inline-block;
background-size: contain;
}
@media (min-width: 782px) {
.footer-wrap .footer-contact, .footer-wrap .footer-links {
flex-basis: 25%;
}
.footer-wrap .footer-copyright {
flex-basis: 50%;
}
.footer-wrap .footer-copyright p {
text-align: right;
margin-top: -0.25rem;
}
}
@media (min-width: 600px) {
.footer-wrap {
padding: 3.25rem 0 0 0;
}
.footer-wrap .footer-links {
padding: 1.9375rem 0 0 0;
}
}
@media (max-width: 599px) {
.footer-wrap .wp-block-columns {
margin-bottom: 16px;
}
}
.footer-wrap a, .footer-wrap a:link, .footer-wrap a:visited {
color: white;
}
.footer-wrap a:hover {
text-decoration: underline;
}
.footer-wrap h3 {
font-size: 1.125rem;
margin: 0 0 0.5rem 0;
}
.footer-wrap ul, .footer-wrap ul li {
margin: 0;
padding: 0;
list-style: none;
}
.footer-wrap ul {
margin: 0 0 1.5rem 0;
}
.footer-wrap  .wp-block-columns {
margin-bottom: 28px;
} .edit-post-visual-editor .editor-post-title__block .editor-post-title__input {
color: #242424;
font-size: 48px;
font-size: 3rem;
font-family: 'Montserrat', Verdana, Arial;
text-transform: uppercase;
line-height: 1.4;
color: red !important;
}
.edit-post-visual-editor .editor-block-list__block {
color: #222;
font-size: 18px;
font-size: 1.125rem;
font-family: 'Hind', Tahoma, Arial;
line-height: 1.6;
} #cookie-law-info-bar span {
font-size: 0.875rem;
display: block;
line-height: 1.75;
}
#cookie-law-info-bar span.cookie-buttons {
margin: 1rem 0 0 0;
}
#cookie-law-info-bar span a {
font-weight: normal;
}
#cookie-law-info-bar span a:hover {
text-decoration: none;
}
#cookie-law-info-bar span .cookie_action_close_header_reject  {
cursor: pointer;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.5 !important;
} .main-navigation ul a, .main-navigation ul a:link, .main-navigation ul a:visited {
color: #0061AA !important;
border-color: #d8ede3;
}
.main-navigation ul a:hover, .main-navigation ul a:link:hover, .main-navigation ul a:visited:hover {
border-color: #0061AA !important;
}
.main-navigation ul li.current-menu-item > a {
border-bottom: 2px solid #0061AA !important;
}
.site-header,
.endnote {
color: #0061AA !important;
background-color: #d8ede3 !important;
}
.start-teaser ul li:hover {
background-color: #d8ede3 !important;
color: #0061AA !important;
}
.start-teaser ul li:hover a, .start-teaser ul li:active a, .start-teaser ul li:focus a, .start-teaser ul li.active a,
.start-teaser ul li:hover p, .start-teaser ul li:active p, .start-teaser ul li:focus p, .start-teaser ul li.active p,
#BorlabsCookieBox a:not(._brlbs-btn) {
color: #0061AA !important;
}
html > body ._brlbs-btn,
html > body #BorlabsCookieBox .cookie-box ._brlbs-btn,
html > body ._brlbs-btn-cookie-preference {
background-color: #0061AA !important;
color: #fff !important;
text-decoration: none !important;
}
html > body ._brlbs-btn:hover,
html > body #BorlabsCookieBox .cookie-box ._brlbs-btn:hover,
html > body ._brlbs-btn-cookie-preference:hover {
background-color: #d8ede3 !important;
color: #0061AA !important;
text-decoration: none !important;
}
.BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider {
background-color: #0061AA !important;
}
.BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider:before {
background-color: #fff !important;
}
.main-navigation ul .btn.menu-item a{
display: inline-block;
background: #005fa9;
color: #ffe200 !important;
padding: 0.5rem 1.5rem;
font-weight: bold;
font-size: 1.125rem;
text-decoration: none;
border-radius: 0.5rem;
border:none !important;
margin: 5px 0px;
}
.main-navigation ul .btn.menu-item a:hover, .main-navigation ul .btn.menu-item a:active,  .main-navigation ul .btn.menu-item a:focus{
color: white !important;
}
.bsbutton{
float: right;
}
@media (min-width: 600px) {
.bsbutton{
margin-top: 1.5rem;
}
}
#menu-menu-3{
list-style: none;
padding: 0px;
margin:0px;
}
.bsbutton a{
display: inline-block;
background: #005fa9;
color: #ffe200 !important;
padding: 0.5rem 1.5rem;
font-weight: bold;
font-size: 1.125rem;
text-decoration: none;
border-radius: 0.5rem;
border:none !important;
margin: 5px 0px;
}
@media only screen and (min-width: 60em) {
.bsbutton{
display: none;
}
}