body.hidden-scroll {
overflow: hidden;
} .sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
opacity: 0.7;
display: none;
z-index: 1050;
} .sl-wrapper {
z-index: 1040;
} .sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 28px;
padding: 0;
cursor: pointer;
} .sl-wrapper button:hover {
opacity: 0.7;
} .sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
top: 30px;
z-index: 1060;
margin-top: -14px;
margin-right: -14px;
height: 44px;
width: 44px;
line-height: 44px;
font-family: Arial, Baskerville, monospace;
color: #000;
font-size: 3rem;
} .sl-wrapper .sl-close:focus {
outline: none;
} .sl-wrapper .sl-counter {
display: none;
position: fixed;
top: 30px;
left: 30px;
z-index: 1060;
color: #000;
font-size: 1rem;
} .sl-wrapper .sl-navigation {
width: 100%;
display: none;
} .sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
height: 44px;
width: 22px;
line-height: 44px;
text-align: center;
display: block;
z-index: 1060;
font-family: Arial, Baskerville, monospace;
color: #000;
} .sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
} .sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
} .sl-wrapper .sl-navigation button:focus {
outline: none;
}
@media (min-width: 35.5em) { .sl-wrapper .sl-navigation button {
width: 44px;
} .sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
} .sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
}
@media (min-width: 50em) { .sl-wrapper .sl-navigation button {
width: 44px;
} .sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
} .sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
} .sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10000;
} .sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
border: 0 none;
}
@media (min-width: 35.5em) { .sl-wrapper .sl-image img {
border: 0 none;
}
}
@media (min-width: 50em) { .sl-wrapper .sl-image img {
border: 0 none;
}
} .sl-wrapper .sl-image iframe {
background: #000;
border: 0 none;
}
@media (min-width: 35.5em) { .sl-wrapper .sl-image iframe {
border: 0 none;
}
}
@media (min-width: 50em) { .sl-wrapper .sl-image iframe {
border: 0 none;
}
} .sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
} .sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
} .sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
} .sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 1060;
} .sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
} .sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-o-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-ms-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: 'Roboto', sans-serif;
}
.pure-g {
font-family: 'Roboto',FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
}
.pure-g [class*="pure-u"] {
font-family: 'Roboto',FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
}
.pure-g >*{
letter-spacing: normal;
}
body {
line-height: 1.7em;
color: #7f8c8d;
font-size: 13px;
}
hr{
border: 0;
height: 1px; background-color: rgba(102, 102, 102, 1);
}  
@media (min-width: 64em) {
body {
font-size: 16px;
}
}
body a#back-to-top {
display: none;
width: 55px;
height: 55px;
text-indent: -9999px;
position: fixed;
z-index: 999;
right: 0;
left: 0;
bottom: 1em;
margin-left: auto;
margin-right: auto;
background: #dd0d1a url(//www.skischule-ulm.de/wordpress/wp-content/themes/vfb/assets/images/caret-top.svg) no-repeat center 43%;
background-size: 35px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
body a:hover#back-to-top {
background-color: #000;
background-color: #dd0d1a;
}
#top-line {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 5px;
background-color: #dd0d1a;
z-index: 100;
}
h1, h2, h3, h4, h5, h6, label {
color: #ffffff;
font-family: 'Amaranth', sans-serif;
}
.contentpage .content .pure-g img {
max-width: 100%;
height: auto;
display: block;
}
.landingpage {      }
.landingpage .splash-container {
background: #1f8dd6;
z-index: 1;
overflow: hidden; width: 100%;
height: 88%;
top: 0;
left: 0;
position: fixed !important;
}
.landingpage .splash-container .mood-image-container {
height: 75%;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
}
.landingpage .splash { width: 80%;
height: 50%;
margin: auto;
position: absolute;
top: 100px;
left: 0;
bottom: 0;
right: 0;
text-align: center;
text-transform: uppercase; }
.landingpage .splash-head {
font-size: 20px;
font-weight: bold;
color: white;
border: 3px solid white;
padding: 1em 1.6em;
font-weight: 100;
border-radius: 5px;
line-height: 1em;
}
.landingpage .splash-subhead {
color: white;
letter-spacing: 0.05em;
opacity: 0.8;
}
.landingpage .content-wrapper { position: absolute;
top: 55%;
width: 100%;
min-height: 12%;
z-index: 2;
}
.landingpage .content {
padding: 1em 1em 3em;
position: relative;
background: white;
background: #235c96;
color: white;
}
.landingpage .content.portfolio {
background-color: white;
color: #4a4a4a;
}
.landingpage .content.portfolio .l-box.topic {
text-align: center;
padding-bottom: 1em;
margin-bottom: 1em;
color: #4a4a4a;
text-decoration:none;
border-bottom: 2px solid white;
}
.landingpage .content.portfolio .l-box.topic .top-link {
text-decoration:none;
display:block;
color:inherit;
}
.landingpage .content.portfolio .l-box.topic .icon img {
width: 4em;
}
.landingpage .content.portfolio .l-box.topic .headline {
font-family: 'Amaranth';
font-size: 1.3em;
font-weight: bold;
margin-top: 0.3em;
margin-bottom: 0.8em;
}
.landingpage .content.portfolio .l-box.topic .text {
margin-bottom: 0.1em;
}
.landingpage .content.portfolio .l-box.news {
padding: 0;
}
.landingpage .content.portfolio .l-box.news .entries {
background-color: #f7f7f7;
padding: 1em;
}
.landingpage .content.portfolio .l-box.news .entries h1 {
color: #235c96;
text-align: center;
}
.landingpage .content.portfolio .l-box.news .entries .entry {
margin-bottom: 1.2em;
margin-left: -1em;
padding-left: 1em;
border-left: 2px solid transparent;
}
.landingpage .content.portfolio .l-box.news .entries .entry p {
margin-bottom:0;
margin-top:0;
}
.landingpage .content.portfolio .l-box.news .entries .entry h3 {
color: #235c96;
margin-bottom: 0.2em;
}
.landingpage .content.portfolio .l-box.news .advertisement {
width: 100%;
margin-top: 1.5em;
}
.landingpage .content.portfolio .l-box.news .advertisement .headline {
text-align: center;
color: #a8a8a8;
}
.landingpage .content.portfolio .l-box.news .advertisement .stage {
height: 136px;
width: 100%;
margin-top:1em;
overflow: hidden;
}
.landingpage .content.portfolio .l-box.news .advertisement .stage .entry {
border: 1px solid #bfbfbf;
margin-bottom: 15px;
text-align: center;
line-height: 60px;
height: 60px;
width:100%;
margin-top:0px;
opacity: 1;
}
.landingpage .content.portfolio .l-box.news .advertisement .stage .entry.animate {
margin-top: -75px;
opacity: 0;
transition: all 1s ease;
}
.landingpage .content.portfolio .l-box.news .advertisement .stage .entry img {
max-width: 80%;
max-height: 50px;
vertical-align: middle;
} .landingpage .content.portfolio .l-box.news .advertisement .entry a::before {
content: ".";
opacity:0;
}
.landingpage .slope.top {
width: 100%;
line-height: 0;
padding: 0;
overflow: hidden;
margin-bottom: -1px;
position:relative;
}
.landingpage .slope.top .img {
fill: #235c96;
}
.landingpage .content-head {
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 2em 0 1em;
}
.landingpage .content-head-ribbon {
color: white;
}
.landingpage .content-subhead {
color: #1f8dd6;
}
.landingpage .content-subhead i {
margin-right: 7px;
}
.landingpage .l-box {
padding: 1em;
letter-spacing: normal;
}
.landingpage .l-box-lrg {
padding: 2em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.landingpage .is-center {
text-align: center;
}
.contentpage {  }
.contentpage .read-more{
font-size: inherit;
font-weight: bold;
}
.contentpage .splash-container {
--background: #1f8dd6;
z-index: 1;
overflow: hidden; width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed !important;
}
.contentpage .splash-container .mood-image-container {
height: 100%;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
}
.contentpage .content-wrapper { position: absolute;
top: 35%;
width: 100%;
min-height: 12%;
z-index: 2;
}
.contentpage .content-wrapper h1, 
.contentpage .content-wrapper h2, 
.contentpage .content-wrapper h3, 
.contentpage .content-wrapper h4 {
color: #4a4a4a;
margin-bottom: 0.4em;
}
.contentpage .content a, 
.contentpage .content a:link, 
.contentpage .content a:visited, 
.contentpage .content a:hover, 
.contentpage .content a:active {
font-size: 1em;
text-decoration: none;
color: #dd0d1a;
}
.contentpage .content-wrapper .slope-container {
max-width: 1281px;
width: 100%;
line-height: 0;
padding: 0;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
position:relative;
}
.contentpage .content-wrapper .slope.top {
max-width: 1281px;
width: 100%;
line-height: 0;
padding: 0;
overflow: hidden;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}
.contentpage .content-wrapper .slope.top .img {
fill: #ffffff;
opacity: 0.85;
opacity: 0.93;
}
.contentpage .content-wrapper .l-box.marginal {
border-top: 2px solid #dd0d1a;
border-bottom: 2px solid #dd0d1a;
}
@media (min-width: 48em) {
.contentpage .content-wrapper .l-box.marginal {
border: none;
border-left: 2px solid #dd0d1a;
}
}
.contentpage .content {
padding: 2.5em 1em 2em;
position: relative;
background: rgba(255, 255, 255, 0.85);
background: rgba(255, 255, 255, 0.93);
color: #4a4a4a;
max-width: 1280px;
margin: 0 auto;
margin-bottom: 5em;
} .contentpage .content img.alignleft{
float: left;
margin-right:0.8em;
margin-top:0.6em;
}
.contentpage .content img.alignright{
float: right;
margin-left:0.8em;
margin-top:0.6em;
} .contentpage .slope-container > h1 {
background: #dd0d1a;
line-height: 1em;
display: inline-block;
padding: 0.2em 0.9em;
color: white;
position: absolute;
bottom: -1.0em;
left: 0.7em;
transform: rotate(-2.3deg);
margin-right: 1em;
z-index:1;
} @media (min-width: 80em) {
.contentpage .slope-container > h1{
bottom: -.95em;
}
} @media (min-width: 64em) {
.contentpage .slope-container > h1{
}
} @media (min-width: 48em) {
.contentpage .slope-container > h1{
bottom: -0.5em;
left: 4em;
}
} @media (min-width: 35.5em) {
.contentpage .slope-container > h1{
margin-right: 4em;
}
}
.contentpage .l-box {
padding: 1em;
letter-spacing: normal;
}
.contentpage .l-box-lrg {
padding: 2em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contentpage .is-center {
text-align: center;
}
header {
position: relative;
display: none;
}
@media (min-width: 35.5em) {
header {
display: block;
}
}
header.home-menu {
text-align: center;
padding: 0.5em;
padding-right: 1em;
padding-top: 1.4em;
}
header.home-menu ul {
float: right;
}
header.home-menu.pure-menu.pure-menu-fixed {
border-bottom: none;
z-index: 4;
}
header.home-menu.pure-menu.pure-menu-fixed .pure-menu-heading {
font-size: 120%;
}
header.home-menu.pure-menu.pure-menu-fixed .pure-menu-has-children > .pure-menu-link:after {
font-size: inherit;
padding-left: 1px;
}
header.home-menu.pure-menu.pure-menu-fixed > ul > li > a.pure-menu-link {
color: #6FBEF3;
color: #e6f5ff;
font-weight: 700 !important;
letter-spacing: 0.1em;
border-bottom: 2px solid transparent;
padding: .1em .3em;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); 
}
header.home-menu.pure-menu.pure-menu-fixed > ul > li.current-menu-item > a.pure-menu-link {
border-bottom: 2px solid #dd0d1a;
color: white;
}
header.home-menu.pure-menu.pure-menu-fixed > ul > li > a.pure-menu-link:hover {
color: white;
opacity: 0.7;
}
header.home-menu.pure-menu.pure-menu-fixed > ul > li > ul {
background: white;
}
header.home-menu.pure-menu.pure-menu-fixed > ul > li > ul > li {
text-align: left;
color: #4a4a4a;
}
header.home-menu.pure-menu.pure-menu-fixed > ul > li > ul > li > a.pure-menu-link:hover {
color: #4a4a4a !important;
background-color: #f3f3f3;
transition: background-color 0.3s ease;
}
header.home-menu.pure-menu.pure-menu-fixed li a:hover, 
header.home-menu.pure-menu.pure-menu-fixed li a:focus {
background: none;
color: #AECFE5;
}
header .logo {
position: absolute;
top: -26px;
left: 15%;
z-index: 2;
width: 12.5em;
}
@media (min-width: 64em) {
header .logo {
width: 14em;
}
}
header#header-sticky .logo {
top: 7px;
left: 7px;
width: 55px;
}
@media (min-width: 64em) {
header#header-sticky .logo {
width: 65px;
}
}
header#header-sticky.home-menu {
padding-bottom: 1em;
}
@media (min-width: 64em) {
header#header-sticky.home-menu {
padding-top: 1em;
}
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed {
background: white;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
border-bottom: 1px solid grey;
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed a.pure-menu-link {
color: #235c96;
color: #4c4c4c;
color: #888888;
text-shadow: none; 
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed a.pure-menu-link.active {
border-bottom: none;
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed a.pure-menu-link:hover {
color: white;
background-color: rgba(221, 13, 26, 0.7);
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed > ul > li > ul {
background: white;
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed > ul > li > ul > li {
text-align: left;
color: #4a4a4a;
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed > ul > li > ul > li > a.pure-menu-link:hover {
color: #ffffff !important;
background-color: #dd0d1a;
transition: background-color 0.3s ease;
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed li a:hover, 
header#header-sticky.home-menu.pure-menu.pure-menu-fixed li a:focus {
background: #dd0d1a;
color: #ffffff;
}
header#header-sticky.home-menu.pure-menu.pure-menu-fixed .pure-menu-children {
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
header#header-mobile {
position: absolute;
display: block;
text-align: center;
background-color: white;
margin-bottom: 1em;
-webkit-font-smoothing: antialiased;
height: 4.7em;
z-index: 6;
width: 100%;
top:0
}
header#header-mobile.home-menu.pure-menu.pure-menu-fixed a.pure-menu-link {
text-shadow:none;
}
@media (min-width: 35.5em) {
header#header-mobile {
display: none;
}
}
header#header-mobile .logo {
position: static;
width: 4.6em;
margin-top: 7px;
}
header#header-mobile .main-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: white;
height: 100%;
z-index: 7;
}
header#header-mobile .submenu {
position: absolute;
top: -800px;
left: 0;
width: 100%;
display: block;
background: white;
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
-ms-transition: top 0.5s;
transition: top 0.5s;
z-index: 5;
}
header#header-mobile .submenu .pure-menu-item {
display: block;
} header#header-mobile .submenu .pure-menu-item.isopen > a {
background: #e1e1e1;
}
header#header-mobile .submenu .pure-menu-item.isopen ul {
display: block !important;
background-color: #f1f1f1;
} header#header-mobile .pure-menu-active > a {
background: #e1e1e1;
}
header#header-mobile ul.menu-depth-1 {
background-color: #f1f1f1;
}
header#header-mobile.open .submenu {
top: 4.5em;
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
-ms-transition: top 0.5s;
transition: top 0.5s;
}
header#header-mobile .pure-menu-children {
position: static;
}
header#header-mobile .custom-menu-3 {
text-align: right;
}
header#header-mobile .custom-toggle {
width: 34px;
height: 34px;
position: absolute;
top: 5px;
right: 5px;
}
header#header-mobile .custom-toggle .bar {
background-color: #777;
display: block;
width: 20px;
height: 2px;
border-radius: 100px;
position: absolute;
top: 18px;
right: 7px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
header#header-mobile .custom-toggle .bar:first-child {
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
header#header-mobile .custom-toggle.x .bar {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header#header-mobile .custom-toggle.x .bar:first-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header.show {
top: 0px;
transition: top 1s ease;
}
header.hide {
top: -360px;
transition: top 1s ease;
}
.footer {
background-color: #4a4a4a;
overflow: hidden;
padding-top: 35px;
padding-bottom: 75px;
position: relative;
}
.footer .link a{
text-decoration:none;
color: #c2c2c2;
opacity: 1;
transition: opacity 0.3s ease;
}
.footer .link a:hover{
opacity: 0.6;
transition: opacity 0.3s ease;
}
.footer h1 {
color: #ffffff !important;
}
.footer .l-box {
letter-spacing: normal;
color: #c2c2c2;
}
.footer .bottom {
background: #525252;
transform: rotate(-2deg);
width: 120%;
height: 60px;
position: absolute;
left: -10px;
bottom: -30px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6) inset;
}
@media (min-width: 48em) {
.footer .bottom {
bottom: -30px;
}
}
.footer .text {
position: absolute;
bottom: 0.3em;
right: 1em;
color: rgba(255, 255, 255, 0.5);
width: 100%;
text-align: right;
letter-spacing: 0em;
font-size: 0.9em;
}
.footer .text a::before {
content: " | ";
}
.footer .text a:first-child:before  {
content: '';
}
.footer .contact .pure-form input[type]{
width:100%;
margin-bottom: 1em;
}
.footer .address #email-errors{
display: none;
background-color: #dd0d1a;
padding: 0.3em 0.6em;
text-align: left;
border-radius: 5px;
color: white;
}
.footer .address #email-success{
display: none;
background-color: #5da81f;
padding: 0.3em 0.6em;
text-align: left;
border-radius: 5px;
color: white;
}
.footer .address fieldset textarea{
margin-bottom: 1em;
}
@media (min-width: 35.5em) {
.footer .text {
bottom: 0.5em;
}
}
@media (min-width: 48em) {
.footer .text {
bottom: 0.4em;
}
}
@media (min-width: 64em) {
.footer .text {
bottom: 0.7em;
}
}
.footer .contact {
padding: 0;
border-top: 1px dotted grey;
}
.footer .contact button {
margin-top: 10px;
}
@media (min-width: 64em) {
.footer .contact .address {
text-align: right;
}
}
.footer .contact, .footer .links {
border-top: 1px dotted #5e5e5e;
}
@media (min-width: 35.5em) {
.footer .contact, .footer .links {
border-top: none;
}
}
.footer .media{
display:none;
}
.footer .media:before {
position: fixed;
bottom: 20px;
left: 20px;
padding: 10px;
opacity: 0.5;
background: grey;
font-size: 12px;
content: "Standard";
--display: none;
}
@media (min-width: 35.5em) {
.footer .media:before {
content: "sm";
}
}
@media (min-width: 48em) {
.footer .media:before {
content: "md";
}
}
@media (min-width: 64em) {
.footer .media:before {
content: "lg";
}
}
@media (min-width: 80em) {
.footer .media:before {
content: "xl";
}
} .single.contentpage .content{
padding-bottom: 1em;
min-height: 25em;
}
.single .content .l-box .date{
margin-bottom: 0.4em;
}
.single .content .l-box .date span{
color: #dd0d1a;
font-size: 1.1em;
background: none;
border-radius: 0px;
}
.single .post-calendar {
font-size: .95em;
margin-top:1.5em;
}
.single .post-calendar .day {
letter-spacing: normal;
margin-top:1px;
}
.single .content a.back-icon{
width: 4em;
display: inline-block;
position: absolute;
top: -1em;
right: 3em;
}
.single .content a.back-icon svg{
fill: #dd0d1a;
fill: #cfcfcf;
transition: fill 0.5s ease;
}
.single .content a.back-icon svg:hover{
fill: #235c96;
fill: #dd0d1a;
transition: fill 0.5s ease;
}
.single .post-links{
margin-top: 0em;
} .category .content .l-box .date span{
color: white;
font-size: 1.1em;
background: none;
background-color: rgba(35, 92, 150, 0.8);
}
.category.contentpage .content a.block-link, 
.category.contentpage .content a.block-link:link, 
.category.contentpage .content a.block-link:visited, 
.category.contentpage .content a.block-link:hover, 
.category.contentpage .content a.block-link:active {
font-size: inherit;
text-decoration: none;
color: inherit;
outline: none;
}
.category.contentpage .content a.block-link > p{
margin:0px;
}
.category h2{
min-height: 2.15em;
} .contentpage.error404 .content {
max-width:600px;
transform: rotate(-2deg);
}
.contentpage.error404 .content h2{
font-size:2em;
line-height:1.2em;
}
.contentpage.error404 .content .button-container{
text-align: center;
margin-top: 2em;
}
.contentpage.error404 .content .button-container a{
border: 2px solid #dd0d1a;
padding: 0.5em 1em;
font-size:1.2em;
font-weight: bold;
}
.contentpage.error404 .slope-container h1{
left:40%;
bottom: -1.0em;
} .post-date-small{
font-size:0.8em;
--font-weight:bold;
color: #235c96;
line-height: 0.8em;
margin-bottom:0.8em;
opacity: 0.7;
}
a.read-more,
.post-links a,
.btn-link{
color: inherit !important;
text-decoration: none;
font-weight:bold;
font-size:0.8em;
display:block;
text-align:left;
}
.post-links a{
display:inline;
}
.btn-link{
text-align:center;
display:inline;
line-height:0.8em;
}
a.read-more span, 
.post-links a,
.btn-link{
border-bottom: 2px solid transparent !important;
transition: border-bottom-color 1s ease;
}
a.read-more:hover span, 
.post-links a:hover,
.btn-link:hover{
border-bottom: 2px solid #dd0d1a !important;
transition: border-bottom-color 1s ease;
}
a.read-more span::after, 
.post-links a span::after,
.btn-link::after{
content: " \203A";
} .post-calendar {
background-color: rgb(207, 207, 207);
background-color: #dd0d1a;
color: #ffffff;
border: 0px;
font-size: 0.47em;
line-height: 0.9em;
float:left;
font-weight: normal;
margin-right: 1em;
margin-top: 0.5em;
--border: 1px solid rgb(214, 214, 214);
padding: 0.4em 1em;
width: 4.2em;
}
.post-calendar div{
text-align: center;
color: #ffffff;
color: inherit;
}
.post-calendar div.day{
padding-bottom:0.25em;
padding-top:0.3em;
text-align: center;
--background-color: #ffffff;
font-weight: bold;
font-size: 2em;
color: inherit;
letter-spacing: .1em;
} .modal{
display:none;
}
.modal.is-open {
display: block;
}
.modal h2{
background: #dd0d1a;
line-height: 1em;
display: inline-block;
padding: 0.2em 0.9em;
color: white;
transform: rotate(-2.1deg);
}
.modal .modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 20;
}
.modal .modal__container {
background-color: #fff;
padding: 30px;
max-width: 700px;
max-height: 100vh;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
}
.modal .modal__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.modal .modal__title {
background: #dd0d1a;
line-height: 1.2em;
display: inline-block;
padding: 0.2em 0.9em;
color: white;
transform: rotate(-2.1deg);
position:relative;
}
.modal .modal__close {
background: transparent;
border: 0;
position:absolute;
top:0;
right: 0;
}
.modal .modal__header .modal__close:before { content: "\2715"; }
.modal .modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.5;
color: rgba(0,0,0,.8);
}
@keyframes mmfadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes mmfadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes mmslideIn {
from { transform: translateY(15%); }
to { transform: translateY(0); }
}
@keyframes mmslideOut {
from { transform: translateY(0); }
to { transform: translateY(-10%); }
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}
.gallery-images-container{
text-align:center;
}
@media (min-width: 35.5em) {
.gallery-images-container{
text-align:left;
}
}
.gallery-images-container img{
display: inherit !important;
vertical-align: middle;
opacity: 0;
margin:0.92em;
width: 150px;
height: 150px;
}
.gallery-images-container img.show{
opacity: 1;
transition: all 2s ease-in-out;
}
.passwort-form input, 
.passwort-form label {
color: #4a4a4a;
}
.passwort-form input{
color: #4a4a4a;
} img.alignleft{
float:left;
margin-right: 0.5em;
margin-top: 0.5em;
}
img.alignright{
float:right;
margin-left: 0.5em;
margin-top: 0.5em;
}
img.aligncenter{
}
.wp-caption {
width: 100% !important;
}
.wp-caption-text{
font-size: 0.85em;
color: #8d8d8d;
margin-top:0.2em;
}
blockquote p::before{
content:"\201E";
color: #dd0d1a;
font-weight: bold;
font-size:1.3em;
padding-right:0.2em;
}
blockquote p::after{
content:"\201D";
color: #dd0d1a;
font-weight: bold;
font-size:1.3em;
padding-left:0.2em;
}
blockquote p{
font-size:1em;
line-height:1.2em;
font-weight:normal;
font-style:oblique; 
} .sl-overlay{
background-color: rgb(1, 1, 20);
background-color: rgba(0, 0, 0, 0.7);
opacity: 1;
}
.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter{
color: #ffffff;
}