.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:0;background:0 0;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}.cn-compliance-warning{display:block;color:#f5a623!important;font-size:12px;line-height:18px;margin:4px 0 8px 0}.cn-compliance-warning .cn-warning-icon{color:#f5a623!important;margin-right:4px}.cn-compliance-warning strong{color:#f5a623!important}.cn-compliance-warning a{color:#f5a623!important;text-decoration:underline}.cn-compliance-warning a:hover{color:#ffb84d!important}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
table {
border-spacing: 0;
}
a img {
border: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
a {
color: #820024;
}
a:hover {
color: #365c7e;
}  @font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-300.eot); src: local(''),
url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-300.woff2) format('woff2'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-300.woff) format('woff'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-300.ttf) format('truetype'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-300.svg#Oswald) format('svg'); } @font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-regular.eot); src: local(''),
url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-regular.woff2) format('woff2'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-regular.woff) format('woff'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-regular.ttf) format('truetype'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/oswald-v49-latin-regular.svg#Oswald) format('svg'); } @font-face {
font-family: 'Crimson Text';
font-style: normal;
font-weight: 400;
src: url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/crimson-text-v19-latin-regular.eot); src: local(''),
url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/crimson-text-v19-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/crimson-text-v19-latin-regular.woff2) format('woff2'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/crimson-text-v19-latin-regular.woff) format('woff'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/crimson-text-v19-latin-regular.ttf) format('truetype'), url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/fonts/crimson-text-v19-latin-regular.svg#CrimsonText) format('svg'); } body {
background:#d9ddc9;
font-size:1em;
color:#585d43;
line-height:1.3;
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: 'Crimson Text', serif;
}
.headlinefont {
font-family: 'Oswald', sans-serif;
font-weight:300;
}
.headlinefont-bold {
font-family: 'Oswald', sans-serif;
font-weight:400;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.3;
font-family: 'Oswald', sans-serif;
font-weight:400;
color: #820024;
}
h1 {
font-size: 2.75rem;
padding-bottom:0.25rem;
margin-bottom: 0.75rem;
}
h2 {
font-size: 2rem;
margin: 1.5rem 0 1rem 0;
text-align:center;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
}
h2:before, h2:after {
position: absolute;
top: 51%;
overflow: hidden;
width: 50%;
height: 2px;
content: '';
background-color: #585d43;
}
h2:before {
margin-left: -50%;
text-align: right;
}
.content-full-blue h2 {color:#fff;}
.content-full-blue h2:before, .content-full-blue h2:after {
background-color: #fff;
}
h2 span {
padding: 0 1em;
}
h3 {
font-size: 1.375rem;
margin: 1rem 0 0.75rem 0;
}
h4 {
font-size: 1.25rem;
margin: 1rem 0 0.75rem 0;
}
h5 {
font-size: 1.125rem;
margin: 1rem 0 0.75rem 0;
}
hr {
width:100%;
border-top: 0.0625em solid #585d43;
border-width: 0.0625em 0 0;
clear: both;
height: 0;
margin: 0.5em 0 0 0;
padding: 1em 0 0 0;
}
.center {text-align:center;}
.farbe-hg {color:#d9ddc9;}
.farbe-hgblau {color:#365c7e;}
.farbe-schrift {color:#585d43;}
.farbe-headline {color:#820024;} header.site-header,
.header-image,
.header-image-home,
footer.site-footer {
min-width:20em;
}
header.site-header {
position: fixed;
top:20px;
width:100%;
transition: .4s;
z-index: 9;
}
.header-image {
background: url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/images/header-home.jpg) no-repeat center center;
background-size:cover;
width:100%;
height:0;
padding-bottom:15em;
margin-bottom:2em;
}
.header-image-home {
background: url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/images/header-home.jpg) no-repeat center center;
background-size:cover;
width:100%;
height:0;
padding-bottom:25em;
}
.header-image-home2 {
background: url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/images/header-home2.jpg) no-repeat center center;
background-size:cover;
}
@media screen and (min-width: 50em) {
.header-image {
padding-bottom:30%;
}
.header-image-home {
padding-bottom:50%;
}
}
@media screen and (min-width: 100em) {
.header-image {
padding-bottom:30em;
}
.header-image-home {
padding-bottom:50em;
}
}
.content-1200 {
min-widht:18rem;
width: 90%;
margin:0 5%;
}
@media screen and (min-width: 83.33em) {
.content-1200 {
width: 75rem;
margin:0 auto;
}
}
.content-full {
width:100%;
}
.content-full-blue {
width:100%;
background: #365c7e;;
padding: 1em 0;
}
main.content {
padding-bottom: 2em;
}
footer.site-footer {
width:100%;
padding:1.5em 0 8em 0;
}
footer.site-footer ul{
overflow:hidden;
}
footer.site-footer ul li{
float:left;
margin:0 2em 0.25em 0;
}
footer.site-footer a {
color:#585d43;
font-size: 1.125em;
text-decoration: none;
text-transform: uppercase;
}
footer.site-footer a:hover {
color: #820024;
}
footer.site-footer ul li:last-child a{
display:block;
width:2rem;
height:2rem;
overflow:hidden;
text-indent: -999px;
background: url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/images/facebook.svg) no-repeat center center;
background-size: cover;
} .header-nav {
background-color: rgba(255, 255, 255, 0.67);
position:relative;
top:1em;
transition: .4s;
}
.header-nav:before, .header-nav:after  {
background-color: rgba(255, 255, 255, 0.67);
width:100%;
height:3px;
display:block;
content:'';
left:0;
position:absolute;
z-index: 3;
transition: .4s;
}
.header-nav:before  {
top:-7px;
}
.header-nav:after  {
bottom:-7px;
transition: .4s;
}
.header-nav	.content-1200 {
display:flex;
justify-content:space-between;
align-items: center;
}
.logo {
flex:0 0 15em;
height: 5em;
transition: .4s;
}
.logo img{
width: 12em;
height: 5em;
transition: .4s;
}
.main-navigation input {
display: none;
}
.main-navigation li a{
color:#585d43;
font-size: 1.125rem;
text-decoration: none;
text-transform: uppercase;
}
.main-navigation li a:hover {
color: #820024;
}
.main-navigation li.current-menu-item a,
body.termin-template-default .main-navigation #menu-item-43 a,
body.post-template-default .main-navigation #menu-item-105 a {
color: #820024;
}
@media screen and (max-width: 49.999em) {
.main-navigation  {
width:100%;
height:4em;
}
.main-navigation label {
position: absolute;
top: 1.625em;
right: 1.5em;
height: 1.5em;
width: 2em;
z-index: 5;
}
.main-navigation input + label span {
position: absolute;
width: 100%;
height: 0.25em;
top: 50%;
left: 0;
display: block;
background: #585d43;
transition: .4s;
}
.main-navigation input + label span:first-child {
top: 0;
}
.main-navigation input + label span:last-child {
top: 100%;
}
.main-navigation body label:hover {
cursor: pointer;
}
.main-navigation input:checked + label span {
opacity: 0;
top: 50%;
}
.main-navigation input:checked + label span:first-child {
opacity: 1;
transform: rotate(45deg);
}
.main-navigation input:checked + label span:last-child {
opacity: 1;
transform: rotate(-45deg);
}
.main-navigation nav {
background: rgba(255, 255, 255, 1);
position: absolute;
top: 5em;
left:0;
width: 100%;
display:none;
z-index: 9;
}
.main-navigation input:checked ~ nav {
display:block;
}
.main-navigation ul  {
padding: 1em 0;
}
.main-navigation ul  li {
padding: 0.25em 1em;
}
header.site-header-scroll .main-navigation nav {
top: 4em;
}
header.site-header-scroll .main-navigation label {
top: 1.25em;
}
}
@media screen and (min-width: 50em) {
.main-navigation ul{
overflow:hidden;
}
.main-navigation ul li{
float:left;
margin:0.25em 0 0.25em 1.5em;
}
.main-navigation ul li a{
line-height: 1;
}
} header.site-header-scroll {
top:0;
}
header.site-header-scroll .header-nav{
top:0em;
background-color: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
}
header.site-header-scroll .logo{
height: 4.2em;
}
header.site-header-scroll .logo img{
width: 10em;
height: 4.2em;
}
header.site-header-scroll .header-nav:after  {
bottom:0;
background-color: rgba(255, 255, 255, 0.9);
} .col{
margin-bottom:1rem;
width:100%;
}
@media screen and (min-width: 40em) {
.col{
margin-bottom:0;
}
.flexrow {
display:flex;
justify-content: space-between;
margin-bottom:1.5rem;
}
.fullrow11 .col{
width:48.4%;
}
.row111 .col{ width:30.2%;}
.row11 .col{ width:47.56%; }
.row21 .col:first-child{ width:65.1%; }
.row21 .col:last-child{ width:30.2%; }
.row12 .col:first-child{ width:30.2%; }
.row12 .col:last-child{ width:65.1%; }
.col-oben {
align-self: flex-start;
}
.col-unten {
align-self: flex-end;
}
} .home-slider-text {
padding-top:40%;
padding-left:10%;
width:80%;
font-size:1.25rem;
}
.home-slider-text-bg {
background-color: rgba(255,255,255,0.3);
padding:0.5em;
}
.home-slider-text h3{
font-weight:bold;
margin:0;
font-size:2rem;
text-transform: uppercase;
}
@media screen and (min-width: 40em) {
.home-slider-text {
padding-top:30%;
padding-left:35%;
width:40%;
}
}
.home-countdown {
display: flex;
flex-wrap: wrap;
top:-3em;
width:100%;
position: relative;
height:8em;
}
.home-countdown-left {
background:#d9ddc9;
-webkit-border-radius: 1em 1em 0 0;
border-radius: 1em 1em 0 0;
flex: 0 0 100%;
display: flex;
align-items: center;
}
.home-countdown-left-icon {
width:3em;
height:3em;
margin:0 1em 0 3em;
background: url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/images/kalender.svg) no-repeat center center;
background-size: 100% 100%;
flex: 0 0 3em;
}
.home-countdown-left-text {
padding: 0.5em;
line-height: 1.2;
}
.home-countdown-left-text h3{
margin: 0;
text-transform: uppercase;
}
.home-countdown-right {
background:#fff;
-webkit-border-radius: 0 0 1em 1em;
border-radius: 0 0 1em 1em;
border: #d9ddc9 solid 2px;
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.home-countdown-right-text {
padding: 0 1.5em;
line-height: 1.2;
}
.home-countdown-right-text h3{
margin: 0;
text-transform: uppercase;
}
.home-countdown-right-text h3 a{
text-decoration: none;
}
.home-countdown-right-text h3 a:hover{
text-decoration: underline;
}
.home-countdown-right-button {
padding: 0;
margin:1em;
}
.home-countdown-right-button a{
display:block;
padding: 0.5em 2em;
margin-right:2em;
background:#d9ddc9;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
text-decoration: none;
color:#585d43;
}
@media screen and (min-width: 30em) {
.home-countdown-right {
flex-wrap: nowrap;
}
.home-countdown-right-button {
margin:0;
}
}
@media screen and (min-width: 40em) {
.home-countdown {
flex-wrap: nowrap;
align-content: stretch;
}
.home-countdown-left {
-webkit-border-radius: 1em 0 0 1em;
border-radius: 1em 0 0 1em;
flex: 0 0 30%;
}
.home-countdown-right {
-webkit-border-radius: 0 1em 1em 0;
border-radius: 0 1em 1em 0;
flex: 0 0 70%;
}
} .content {
background: #fff;
font-size: 1.125em;
}
.content p{
margin-bottom: 1em;
}
.breadcrumb {
font-size:0.875rem;
margin-bottom:0.75rem;
}
.breadcrumb a{
color:#585d43;
}
.buchungsformular {
width:100%;
border-top: #d9ddc9 solid 1px;
}
.buchungsformular tr{
}
.buchungsformular td{
padding: 0.25em 1em 0.25em 0;
vertical-align: top;
border-bottom: #d9ddc9 solid 1px;
}
.buchungsformular input,
.buchungsformular textarea,
.buchungsformular select {
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
border: #d9ddc9 solid 2px;
padding:0.125em 0.5em;
font-size:1rem;
font-family: 'Oswald', sans-serif;
} .terminliste {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 1.5em 0 1em 0;
}
.terminliste li{
width:100%;
}
.terminliste-kreis {
width:75%;
margin: 0 auto;
height:0;
padding-bottom:75%;
position: relative;
margin-bottom:2em;
font-family: 'Oswald', sans-serif;
}
.terminliste-icon {
width:100%;
height:100%;
background:#fff url(//www.schoenstattzentrum-wien.at/wp-content/themes/kahlenberg/images/kalender.svg) no-repeat center 25%;
background-size: 33%;
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
top:0;
left:0;
}
.terminliste-datum {
width:100%;
text-align: center;
position: absolute;
top:52%;
color: #820024;
font-size:8vw;
font-weight: bold;
}
.terminliste-tag {
width:100%;
text-align: center;
position: absolute;
top:68%;
color:#585d43;
font-size:6vw;
}
.terminliste-text{
color:#fff;
text-align: center;
}
.terminliste-text h3{
color:#fff;
}
.terminliste-text h3 a{
text-decoration: none;
}
.terminliste-text h3 a:hover{
text-decoration: underline;
}
.terminliste-text a{
display:block;
margin: 0.5em 0;
color:#fff;
}
.terminliste2 {
border-top: 1px solid #d9ddc9;
}
.terminliste2 li{
width:100%;
display:flex;
border-bottom: 1px solid #d9ddc9;
margin-bottom: 1rem;
}
.terminliste2 .terminliste-kreis {
width:12em;
padding-bottom:12em;
}
.terminliste2 .terminliste-text {
width:80%;
}
.terminliste2 .terminliste-text,
.terminliste2 .terminliste-text h3,
.terminliste2 .terminliste-text a{
color:#585d43;
text-align: left;
}
.terminliste2 .terminliste-datum {
font-size:1.25rem;
}
.terminliste2 .terminliste-tag {
font-size:1rem;
}
.termine-nav {
border-top: 1px solid #d9ddc9;
margin-top: 1rem;
padding-top: 1rem;
}
.termine-nav ul li{
display:flex;
}
.termine-nav .terminliste3-datum {
flex: 0 0 160px;
}
@media screen and (min-width: 30em) {
.terminliste li{
width:44%;
}
.terminliste-datum {
font-size:3.2vw;
}
.terminliste-tag {
font-size:2.5vw;
}
}
@media screen and (min-width: 50em) {
.terminliste li{
width:22%;
}
.terminliste-datum {
font-size:1.6vw;
}
.terminliste-tag {
font-size:1.3vw;
}
}
@media screen and (min-width: 83.33em) {
.terminliste-datum {
font-size:1.33rem;
}
.terminliste-tag {
font-size:1.081rem;
}
} #cookie-notice .cn-button{
color: #820024;
background:#f8e900 !important;
display: inline-block;
padding:.25rem .5rem;
border-radius:3px;
} .newsliste {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom:1.5em;
}
.newsliste li{
width:100%;
margin:1.5em 0;
display:flex;
}
.newsliste-bild{
width:55%;
}
.newsliste-bild img{
width:95%;
height:auto;
}
.newsliste-text{
width:45%;
}
.newsliste-text h3{
margin-top:0;
}
.newsliste-text h3 a{
text-decoration: none;
}
.newsliste-datum {
color: #820024;
padding:0 0 1em 0;
}
@media screen and (min-width: 45em) {
.newsliste li{
width:48.4%;
}
}