@font-face {
font-family: 'Monument Grotesk';
src: url(//frauenakademie.de/wp-content/themes/lilaluft/fonts/ABCMonumentGrotesk-Regular.woff);
src: url(//frauenakademie.de/wp-content/themes/lilaluft/fonts/ABCMonumentGrotesk-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
html, body {
margin:0;
}
.wp-block-buttons {
margin: 20px;
}
.wp-block-button__link {
padding: 10px 20px;
line-height: 1;
letter-spacing: 0.4px;
}
.wp-block-button a {
background-image: linear-gradient(#f54263, #b80039);
transition: .3s ease-out;
color: white;
}
.wp-block-button a:hover {
background-image: none;
background-color: #f54263;
transform: scale(1.05);
color: white;
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 90%%;
width: 90%;
}
.wp-block-embed {
margin: 0 0 3em 0;
overflow-wrap: break-word;
}
.newsletterformular {
padding: 0.1em 1em;
}
.newsletterformular p {
padding: 0 0 1em 0;
text-align: left!important;
}
.newsletter_text {
padding: 1em 0 0 0;
}
.newsletter_felder {
padding-top: 0.5em;
}
.newsletter h2 {
text-align: left!important;
}
.newsletter button {
background-color: transparent!important;
border: 2px solid black!important;
border-radius: 0px!important;
padding: 10px!important;
color: black!important;
margin-top: 20px;
cursor: pointer;
min-width: auto!important;
}
.newsletter button:hover {
border: 2px solid gray!important;
color: gray!important;
}
.newsletter input {
padding: 5px!important;
border-radius: 0px!important;
border: 2px solid black!important;
width: 50%!important;
}
@media (min-width: 100px) and (max-width: 1350px) {
.newsletter input {
width: 95%!important;
}
}
.newsletter img {
border: none!important;
}
.newsletter img:hover {
opacity: 0.5;
}
body, html {
overflow-x: hidden;
}
.text-text-links {
background: #f8ecef;
}
.wp-block-columns {
display: flex;
margin-bottom: 0;
box-sizing: border-box;
flex-wrap: wrap;
}
.menu-englisch-container {
float: right;
}
.menu-hauptmenu-container {
float: right;
}
.menu-hauptmenu-hover-container {
float: right;
}
.hauptmenupunkt {
cursor: default;
}
hr {
box-sizing: content-box;
height: 1px;
color: lightgray;
background: lightgray;
border: 0;
}
img {
border: 0;
width: 100%;
height: auto;
}
h2 a, h1 a {
text-decoration: none;
color: black;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor, .alignright, .alignleft, .aligncenter {
}  h1, h2, h3, h4, h5, h6, p, li, a, .hauptmenu a, #mega-menu-wrap-hauptmenu #mega-menu-hauptmenu  {
font-family: 'Monument Grotesk';
font-weight:normal;
}
h2 {
margin: 0;
padding: 0;
padding-bottom: 1em;
padding-left: 0.75em;
}
a {
text-decoration: underline;
color: gray;
}
a:hover {
text-decoration: none;
color: gray;
}
p, li {
color: black;
}
h3,h4 {
margin: 0;
font-weight: 600;
}
.box-content h3 {
text-decoration: none;
}
.box-content h3:hover {
opacity: 0.75;
}  h1 {font-size: 30px; line-height: 33px;letter-spacing: 0.025em; font-weight: 300;}
h2 {font-size: 25px; line-height: 28px; letter-spacing: 0.025em; font-weight: 200;}
h6 {font-size: 19px; line-height: 23px; letter-spacing: 0.025em; font-weight: 200; color: gray;}
p, li, h3, h4 {font-size: 19px; line-height: 23px;}  @media (min-width: 100px) and (max-width: 1350px) {
h1 {font-size: 30px; line-height: 33px; letter-spacing: 0.025em; font-weight: 300;}
h2 {font-size: 25px; line-height: 28px; letter-spacing: 0.025em; font-weight: 200;}
h6 {font-size: 16px; line-height: 20px; letter-spacing: 0.025em; font-weight: 200; color: gray;}
p, li, h3, h4 {font-size: 16px; line-height: 20px;}
}  .em.pixelbones h1 {font-family: 'Monument Grotesk'!important; font-size: 30px!important; line-height: 33px!important;letter-spacing: 0.025em!important; font-weight: 300!important; margin: 0 0 1em 0!important;}
.em.pixelbones h2 {font-family: 'Monument Grotesk'!important; font-size: 25px!important; line-height: 28px!important; letter-spacing: 0.025em!important; font-weight: 200!important; margin: 0!important;}
.em.pixelbones h6 {font-family: 'Monument Grotesk'!important; font-size: 19px!important; line-height: 23px!important; letter-spacing: 0.025em!important; font-weight: 200!important; color: gray; margin: 0!important;}
.em.pixelbones h3, .em.pixelbones h4, .em.pixelbones p  {font-family: 'Monument Grotesk'!important; font-size: 19px!important; line-height: 23px!important; margin: 0!important;}
.em.pixelbones ol { margin: 1em; list-style-position: outside!important;margin: 1em 1em 1em 3.15em;}
.em.pixelbones ol li { padding-bottom: 0.5em;}  @media (min-width: 100px) and (max-width: 1350px) {
.em.pixelbones h1 {font-size: 30px!important; line-height: 33px!important; letter-spacing: 0.025em!important; font-weight: 300!important; margin: 0!important;}
.em.pixelbones h2 {font-size: 25px!important; line-height: 28px!important; letter-spacing: 0.025em!important; font-weight: 200!important; margin:0!important;}
.em.pixelbones h6 {font-size: 16px!important; line-height: 20px!important; letter-spacing: 0.025em!important; font-weight: 200!important; color: gray; margin: 0!important;}
.em.pixelbones h3, .em.pixelbones h4, .em.pixelbones p  {font-size: 16px!important; line-height: 20px!important; margin: 0!important;}
.em.pixelbones li  {font-size: 16px!important; line-height: 20px!important;}
}
table {
width: 90%;
margin: 1em;
}
tr {
vertical-align: top;
font-family: 'Monument Grotesk';
font-weight:normal;
font-size: 19px; 
line-height: 23px;
border-top: 1px solid gray;
}