@font-face {
font-family: 'Cardo';
font-style: normal;
font-weight: 400;
src: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-regular.eot); src: local(""), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-regular.eot?#iefix) format("embedded-opentype"), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-regular.woff2) format("woff2"), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-regular.woff) format("woff"), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-regular.ttf) format("truetype"), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-regular.svg#Cardo) format("svg"); } @font-face {
font-family: 'Cardo';
font-style: normal;
font-weight: 700;
src: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-700.eot); src: local(""), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-700.eot?#iefix) format("embedded-opentype"), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-700.woff2) format("woff2"), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-700.woff) format("woff"), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-700.ttf) format("truetype"), url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/fonts/cardo-v19-latin-700.svg#Cardo) format("svg"); }
body {
font-family: "Cardo", serif;
color: #58585A;
font-weight: normal;
line-height: 1.6;
margin: 0px;
padding: 0px;
font-size: 20px; }
@media screen and (max-width: 1024px) {
body .hide-mobile {
display: none !important; } }
@media screen and (min-width: 1024px) {
body {
font-size: 22px; }
body .hide-desktop {
display: none !important; } }
body.home #page .site-content .entry-image.oversize .inner {
position: relative; }
body.home #page .site-content .entry-image.oversize .inner .logo {
z-index: 10;
position: absolute;
pointer-events: none;
width: 40%;
left: 2%;
bottom: 15%; }
body.home #page .site-content .entry-image.oversize .inner .logo img {
width: 100%;
height: auto; }
@media screen and (min-width: 1024px) {
body.home #page .site-content .entry-image.oversize .inner .logo {
bottom: 5%; } }
body.home #page .site-content .entry-image.oversize .inner .kinder {
z-index: 10;
position: absolute;
pointer-events: none;
width: 22%;
right: 20%;
bottom: 15%; }
body.home #page .site-content .entry-image.oversize .inner .kinder img {
width: 100%;
height: auto; }
@media screen and (min-width: 1024px) {
body.home #page .site-content .entry-image.oversize .inner .kinder {
bottom: 5%; } }
body h1 {
font-size: 145%;
color: black;
font-weight: normal; }
body h2 {
font-size: 120%;
font-weight: normal; }
body h3 {
font-weight: normal; }
body p {
margin: 0px 0px 1em 0px;
padding: 0px; }
@media only screen and (max-width: 1024px) {
body #page {
padding-top: 58px; } }
body #page.mobile-nav-visible {
overflow-x: hidden;
position: relative; }
body #page.mobile-nav-visible .site-top-header,
body #page.mobile-nav-visible .site-inner,
body #page.mobile-nav-visible .site-footer {
position: relative;
left: 70%; }
body #page.mobile-nav-visible .site-top-header {
top: 0px !important; }
body #page .site-top-header,
body #page .site-inner,
body #page .site-footer {
position: relative;
left: 0%;
transition: left 500ms ease-in; }
body #page .site-top-header {
background: #e5e6e0;
position: relative;
z-index: 2;
padding: 15px 0px;
font-size: 80%; }
body #page .site-top-header::after {
display: block;
clear: both;
content: ''; }
@media only screen and (max-width: 1024px) {
body #page .site-top-header {
position: fixed !important;
top: 0px;
height: 28px;
width: 100%; } }
body #page .site-top-header .site-header-inner {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto; }
body #page .site-top-header .site-header-inner .lang-navi {
display: block;
float: left; }
body #page .site-top-header .site-header-inner .lang-navi ul {
list-style: none;
padding: 0px;
margin: 0px;
display: flex; }
body #page .site-top-header .site-header-inner .lang-navi ul li {
padding: 0px;
margin: 0px; }
body #page .site-top-header .site-header-inner .lang-navi ul li {
display: flex; }
body #page .site-top-header .site-header-inner .lang-navi ul li::before {
content: '|';
display: inline-block;
padding: 0px 10px; }
body #page .site-top-header .site-header-inner .lang-navi ul li:first-child::before {
display: none; }
body #page .site-top-header .site-header-inner .lang-navi ul li a {
text-align: center; }
@media only screen and (min-width: 768px) {
body #page .site-top-header .site-header-inner .lang-navi ul li a:hover {
text-decoration: underline; } }
body #page .site-top-header .site-header-inner .lang-navi ul li.menu-item-language-current a {
text-decoration: underline; }
body #page .site-top-header .site-header-inner .header-navi {
display: block;
float: right; }
body #page .site-top-header .site-header-inner .header-navi ul {
list-style: none;
padding: 0px;
margin: 0px; }
body #page .site-top-header .site-header-inner .header-navi ul li {
padding: 0px;
margin: 0px; }
body #page .site-top-header .site-header-inner .header-navi ul li {
display: block;
float: left; }
body #page .site-top-header .site-header-inner .header-navi ul li::after {
content: '|';
display: inline-block;
padding: 0px 10px; }
body #page .site-top-header .site-header-inner .header-navi ul li:last-child::after {
display: none; }
body #page .site-top-header .site-header-inner .header-navi ul li a {
text-align: center; }
@media only screen and (min-width: 768px) {
body #page .site-top-header .site-header-inner .header-navi ul li a:hover {
text-decoration: underline; } }
body #page .site-top-header .site-header-inner .header-navi ul li.current-menu-item a,
body #page .site-top-header .site-header-inner .header-navi ul li.current-menu-ancestor a {
text-decoration: underline; }
body #page .site-top-header .site-header-inner a {
color: #1c1c1b;
text-decoration: none; }
body #page .site-inner {
position: relative;
z-index: 1;
padding: 45px 0px; }
@media only screen and (max-width: 1024px) {
body #page .site-inner {
padding-top: 10px; } }
body #page .site-inner::before {
display: block;
position: absolute;
z-index: 1;
background: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/images/header_shadow.png) center top no-repeat;
content: '';
width: 100%;
height: 110px;
top: -80px; }
body #page .site-inner .site-header {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto; }
body #page .site-inner .site-header #logo {
margin-top: 5px;
margin-bottom: 20px; }
@media only screen and (max-width: 1024px) {
body #page .site-inner .site-header #logo {
margin-bottom: 10px; } }
body #page .site-inner .site-header #logo a img {
max-width: 600px;
width: 100%;
height: auto;
display: block;
margin: 0px auto; }
body #page .site-inner .site-header .site-navigation {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto; }
body #page .site-inner .site-header .site-navigation::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-header .site-navigation ul {
list-style: none;
padding: 0px;
margin: 0px;
text-align: center;
font-size: 90%;
display: block;
width: 100%;
margin-bottom: 25px; }
body #page .site-inner .site-header .site-navigation ul li {
padding: 0px;
margin: 0px; }
@media only screen and (max-width: 1200px) {
body #page .site-inner .site-header .site-navigation ul {
font-size: 85%; } }
body #page .site-inner .site-header .site-navigation ul li {
display: inline-block;
position: relative;
padding: 0px 25px; }
body #page .site-inner .site-header .site-navigation ul li a {
display: block;
text-decoration: none;
color: #58585A;
padding-bottom: 7px; }
body #page .site-inner .site-header .site-navigation ul li a:hover,
body #page .site-inner .site-header .site-navigation ul li.current-menu-item a,
body #page .site-inner .site-header .site-navigation ul li.current-menu-ancestor a {
padding-bottom: 6px;
border-bottom: 1px solid #1c1c1b; }
body #page .site-inner .site-header .site-navigation ul li ul {
display: none;
padding: 20px;
background: rgba(255, 255, 255, 0.9);
position: absolute;
top: 39px;
left: -20px;
width: auto;
z-index: 10000; }
body #page .site-inner .site-header .site-navigation ul li ul li {
display: block;
text-align: left; }
body #page .site-inner .site-header .site-navigation ul li ul li a {
display: block;
padding: 5px 5px 5px 0px !important;
border-bottom: none !important; }
body #page .site-inner .site-header .site-navigation ul li ul li.current-menu-item a,
body #page .site-inner .site-header .site-navigation ul li ul li.current-menu-ancestor a {
border-bottom: 1px solid #1c1c1b !important; }
body #page .site-inner .site-header .site-navigation ul li ul li:first-child a {
padding-top: 0px !important; }
body #page .site-inner .site-header .site-navigation ul li ul li:last-child a {
padding-bottom: 0px !important; }
body #page .site-inner .site-header .site-navigation ul li:hover ul {
display: block; }
body #page .site-inner .site-content {
width: 100%; }
body #page .site-inner .site-content h3 {
padding: 0px 0px 5px 0px;
margin: 0px 0px 20px 0px;
display: block;
border-bottom: 1px solid black; }
body #page .site-inner .site-content h1.linie-oben-unten, body #page .site-inner .site-content h2.linie-oben-unten, body #page .site-inner .site-content h3.linie-oben-unten, body #page .site-inner .site-content h4.linie-oben-unten, body #page .site-inner .site-content h5.linie-oben-unten, body #page .site-inner .site-content h6.linie-oben-unten {
width: 100%;
max-width: 930px;
margin-left: auto;
margin-right: auto;
padding: 15px 0%;
border-top: 1px dashed #87888A;
border-bottom: 1px dashed #87888A; }
body #page .site-inner .site-content a:link,
body #page .site-inner .site-content a:visited {
color: #58585A;
text-decoration: underline; }
body #page .site-inner .site-content ul, body #page .site-inner .site-content ol {
padding-left: 20px; }
body #page .site-inner .site-content .oversize {
width: 96%;
padding: 0% 2%;
max-width: 1550px;
margin: 0px auto; }
body #page .site-inner .site-content .standard-content-width {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto; }
body #page .site-inner .site-content .entry-image {
position: relative; }
body #page .site-inner .site-content .entry-image.standard-content-width .inner::before {
display: block;
position: absolute;
z-index: 1;
background: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/images/image_shadow.png) center top no-repeat;
content: '';
width: 100%;
height: 99px;
bottom: 0px; }
body #page .site-inner .site-content .entry-image.oversize .inner::before {
display: block;
position: absolute;
z-index: 1;
background: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/images/home_content_shadow.png) center top no-repeat;
content: '';
width: 100%;
height: 98px;
bottom: 0px; }
body #page .site-inner .site-content .entry-image .inner {
padding-bottom: 35px;
position: relative; }
body #page .site-inner .site-content .entry-image .inner img {
position: relative;
z-index: 2;
width: 100%;
height: auto;
display: block; }
body #page .site-inner .site-content .entry-image .event-overlay {
position: absolute;
right: 5%;
bottom: 8%;
max-width: 50%;
display: block;
z-index: 1000;
padding: 20px;
background: rgba(255, 255, 255, 0.9); }
body #page .site-inner .site-content .entry-image .event-overlay h3 {
font-size: 120%;
border: none;
margin-bottom: 10px;
margin-top: 0px;
line-height: 1.3; }
body #page .site-inner .site-content .entry-image .event-overlay h3 a {
color: #58585A;
text-decoration: none; }
body #page .site-inner .site-content .entry-image .event-overlay h3 .date {
line-height: 1;
display: block;
font-size: 22px;
font-weight: normal; }
@media only screen and (max-width: 667px) {
body #page .site-inner .site-content .entry-image .event-overlay {
position: static;
display: block;
right: auto;
bottom: auto;
width: 90%;
max-width: none;
padding: 5%;
margin-top: 20px;
margin-bottom: 20px;
background: #f7f7f6; } }
body #page .site-inner .site-content .content-header {
display: block;
margin-bottom: 40px; }
body #page .site-inner .site-content .content-text {
width: 100%;
max-width: 930px;
margin: 0px auto 80px auto; }
body #page .site-inner .site-content .content-text .mail-sent-message {
color: green; }
@media only screen and (max-width: 1023px) {
body #page .site-inner .site-content .content-text {
box-sizing: border-box;
padding: 0px 15px; } }
body #page .site-inner .site-content .content-formular {
width: 100%;
max-width: 930px;
margin: 0px auto 80px auto; }
body #page .site-inner .site-content .content-formular h3 {
border-bottom: none;
margin-bottom: 0px; }
body #page .site-inner .site-content .content-formular ul.form-option-list {
list-style: none;
padding: 0px;
margin: 0px;
padding: 20px 0px;
margin-bottom: 20px; }
body #page .site-inner .site-content .content-formular ul.form-option-list li {
padding: 0px;
margin: 0px; }
body #page .site-inner .site-content .content-formular ul.form-option-list li {
background: #F7F7F4; }
body #page .site-inner .site-content .content-formular ul.form-option-list ul {
list-style: none;
padding: 0px;
margin: 0px;
padding: 0px; }
body #page .site-inner .site-content .content-formular ul.form-option-list ul li {
padding: 0px;
margin: 0px; }
body #page .site-inner .site-content .content-formular ul.form-option-list ul li label {
padding: 10px 40px;
border: none;
background-image: none;
background: #F7F7F4;
display: block;
border-radius: 0px;
text-align: left;
font-family: "Cardo", serif;
font-size: 100%;
border-bottom: 3px solid white; }
body #page .site-inner .site-content .content-formular ul.form-option-list ul li label.caption {
border-top: 25px solid white;
border-bottom: none;
font-weight: bold; }
body #page .site-inner .site-content .content-formular ul.form-option-list ul li label.caption.first {
border-top: none; }
body #page .site-inner .site-content .content-formular ul.form-option-list ul li label .ui-checkboxradio-icon {
background-color: #F7F7F4 !important;
border: 1px solid #C6C7C8;
border-radius: 0px;
box-shadow: none; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper {
margin-bottom: 20px; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.left-1-2 {
width: 49%;
margin-right: 2%;
float: left; }
@media only screen and (max-width: 667px) {
body #page .site-inner .site-content .content-formular form .form-element-wrapper.left-1-2 {
margin-right: 0%;
width: 100%;
clear: both;
float: none; } }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.left-1-3 {
width: 32%;
margin-right: 2%;
float: left; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.left-2-3 {
width: 66%;
margin-right: 2%;
float: left; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.hidden {
display: none; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.nomargin {
margin-right: 0%; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper { }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper label {
width: auto;
display: inline-block;
float: left;
margin-right: 20px;
font-family: "Cardo", serif;
font-size: 100%;
border: none;
background: none;
padding-top: 0px;
padding-bottom: 0px; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper label .ui-icon {
background: #F7F7F4;
background-image: none;
width: 20px;
height: 20px; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper label.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper label.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
width: 14px;
height: 14px;
border-width: 3px; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper.labeltop > label {
width: 100%;
clear: both;
display: block;
line-height: 32px; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper .wpcf7-form-control-wrap {
display: block;
clear: both;
width: 100%; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper .wpcf7-form-control-wrap .wpcf7-radio {
width: 100%;
display: block;
padding: 9px 0px 0px 0px;
background: #F7F7F4; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper.radio-wrapper .wpcf7-form-control-wrap .wpcf7-radio::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper label {
font-size: 90%;
display: block; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper input[type='text'],
body #page .site-inner .site-content .content-formular form .form-element-wrapper input[type='email'],
body #page .site-inner .site-content .content-formular form .form-element-wrapper textarea {
border: none;
background: #F7F7F4;
display: block;
width: 96%;
padding: 10px 2%;
margin: 0px;
font-size: 100%;
font-family: "Cardo", serif; }
body #page .site-inner .site-content .content-formular form .form-element-wrapper button,
body #page .site-inner .site-content .content-formular form .form-element-wrapper input[type='submit'] {
display: block;
color: white;
background: #6f6f6e;
float: right;
padding: 10px 50px;
text-align: center;
border: none;
font-family: "Cardo", serif;
font-size: 15.84px;
cursor: pointer;
text-decoration: none; }
body #page .site-inner .site-content .content-text-image {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto;
margin-bottom: 60px; }
body #page .site-inner .site-content .content-text-image::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-text-image .image {
width: 25%;
float: left;
min-height: 1px; }
body #page .site-inner .site-content .content-text-image .image::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-text-image .image img {
width: 100%;
height: auto; }
body #page .site-inner .site-content .content-text-image .text {
width: 73%;
margin-left: 2%;
float: left; }
body #page .site-inner .site-content .content-text-image .text::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-text-image .text h3 a {
color: black;
text-decoration: none; }
body #page .site-inner .site-content .content-image-gallery {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto;
margin-bottom: 60px; }
body #page .site-inner .site-content .content-image-gallery::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-image-gallery.slider {
max-width: 1070px; }
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
body #page .site-inner .site-content .content-image-gallery.slider {
max-width: 934px; } }
@media only screen and (max-width: 1024px) and (min-width: 768px) {
body #page .site-inner .site-content .content-image-gallery.slider {
max-width: 678px; } }
@media only screen and (max-width: 768px) and (min-width: 667px) {
body #page .site-inner .site-content .content-image-gallery.slider {
max-width: 577px; } }
@media only screen and (max-width: 667px) and (min-width: 480px) {
body #page .site-inner .site-content .content-image-gallery.slider {
max-width: 390px; } }
@media only screen and (max-width: 480px) {
body #page .site-inner .site-content .content-image-gallery.slider {
max-width: 280px; } }
body #page .site-inner .site-content .content-image-gallery h3 {
margin-bottom: 50px; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery {
list-style: none;
padding: 0px;
margin: 0px; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery li {
padding: 0px;
margin: 0px; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.standard li.image-gallery-element {
width: 19%;
display: inline-block;
height: 120px;
position: relative;
margin-right: 1.2%;
margin-bottom: 10px; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.standard li.image-gallery-element.fifth {
margin-right: 0%; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.standard li.image-gallery-element a {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.standard li.image-gallery-element a img {
width: 100%;
height: auto;
display: block; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.slider li.image-gallery-element {
height: 250px;
position: relative;
padding-bottom: 60px; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.slider li.image-gallery-element.third {
margin-right: 0%; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.slider li.image-gallery-element a {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.slider li.image-gallery-element a img {
width: 100%;
height: auto;
display: block; }
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.slider li.image-gallery-element .caption {
font-size: 17.82px;
position: absolute;
bottom: 0px;
padding-left: 3%;
left: 0%;
width: 98%;
height: 60px;
display: block;
text-align: left;
background: white; }
@media only screen and (max-width: 768px) {
body #page .site-inner .site-content .content-image-gallery ul.image-gallery.slider li.image-gallery-element .caption {
font-size: 15.4px; } }
body #page .site-inner .site-content .content-image-gallery .image-gallery-more-link,
body #page .site-inner .site-content .content-image-gallery .image-gallery-less-link {
cursor: pointer;
text-align: right;
display: block;
font-style: italic; }
@media only screen and (min-width: 768px) {
body #page .site-inner .site-content .content-image-gallery .image-gallery-more-link:hover,
body #page .site-inner .site-content .content-image-gallery .image-gallery-less-link:hover {
text-decoration: underline; } }
body #page .site-inner .site-content .content-download-area {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto;
margin-bottom: 60px; }
body #page .site-inner .site-content .content-download-area::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-download-area h3 {
margin-bottom: 30px; }
body #page .site-inner .site-content .content-download-area ul {
list-style: none;
padding: 0px;
margin: 0px; }
body #page .site-inner .site-content .content-download-area ul li {
padding: 0px;
margin: 0px; }
body #page .site-inner .site-content .content-download-area ul li {
display: block;
margin-bottom: 30px; }
body #page .site-inner .site-content .content-download-area ul li a {
display: block;
padding-left: 50px;
padding-top: 25px;
position: relative;
color: #58585A;
text-decoration: none;
line-height: 1; }
@media only screen and (min-width: 768px) {
body #page .site-inner .site-content .content-download-area ul li a:hover {
text-decoration: underline; } }
body #page .site-inner .site-content .content-download-area ul li a::before {
content: '';
display: block;
background: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/images/icon_datei.svg) left bottom no-repeat;
max-width: 30px;
width: 43px;
height: 100%;
position: absolute;
left: 0px;
bottom: 1px; }
body #page .site-inner .site-content .content-download-area ul li a .open-text {
float: right; }
body #page .site-inner .site-content .content-download-area ul li a[href$='.doc']::before,
body #page .site-inner .site-content .content-download-area ul li a[href$='.docx']::before {
background: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/images/icon_doc.svg) left bottom no-repeat; }
body #page .site-inner .site-content .content-download-area ul li a[href$='.pdf']::before {
background: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/images/icon_pdf.svg) left bottom no-repeat; }
body #page .site-inner .site-content .content-download-area ul li a[href$='.xls']::before,
body #page .site-inner .site-content .content-download-area ul li a[href$='.xlsx']::before {
background: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/images/icon_excel.svg) left bottom no-repeat; }
body #page .site-inner .site-content .content-event-list .event-list-element {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto;
margin-bottom: 60px;
display: block;
clear: both; }
body #page .site-inner .site-content .content-event-list .event-list-element::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-event-list .event-list-element .image {
width: 25%;
float: left;
min-height: 1px; }
body #page .site-inner .site-content .content-event-list .event-list-element .image::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-event-list .event-list-element .image img {
width: 100%;
height: auto; }
body #page .site-inner .site-content .content-event-list .event-list-element .text {
width: 73%;
margin-left: 2%;
float: left; }
body #page .site-inner .site-content .content-event-list .event-list-element .text::after {
display: block;
clear: both;
content: ''; }
body #page .site-inner .site-content .content-event-list .event-list-element .text h3 a {
color: black;
text-decoration: none; }
body #page .site-inner .site-content .content-slider {
width: 96%;
padding: 0% 2%;
max-width: 1550px;
margin: 0px auto;
margin-bottom: 60px; }
body #page .site-inner .site-content .content-slider .slider-element {
width: 100%;
min-height: 790px;
overflow: hidden; }
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
body #page .site-inner .site-content .content-slider .slider-element {
min-height: 700px; } }
@media only screen and (max-width: 1024px) and (min-width: 768px) {
body #page .site-inner .site-content .content-slider .slider-element {
min-height: 550px; } }
@media only screen and (max-width: 768px) and (min-width: 667px) {
body #page .site-inner .site-content .content-slider .slider-element {
min-height: 550px; } }
@media only screen and (max-width: 667px) and (min-width: 480px) {
body #page .site-inner .site-content .content-slider .slider-element {
min-height: 550px; } }
@media only screen and (max-width: 480px) {
body #page .site-inner .site-content .content-slider .slider-element {
min-height: 400px; } }
body #page .site-inner .site-content .trenner {
display: block;
min-height: 68px;
width: 100%;
margin: 5px 0px 20px 0px;
background: url(//www.villa-ritz.de/wp-content/themes/twentysixteen-child/images/trenner_eule.svg) center top no-repeat; }
body #page .site-inner .pagination {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto; }
body #page .site-inner .pagination h2 {
font-size: 100%; }
body #page .site-footer {
background: #d5d6cb;
padding: 60px 0px 35px 0px;
font-size: 80%; }
body #page .site-footer::after {
display: block;
clear: both;
content: ''; }
@media only screen and (max-width: 768px) {
body #page .site-footer {
padding-top: 30px; } }
body #page .site-footer .site-footer-inner {
width: 96%;
padding: 0% 2%;
max-width: 1200px;
margin: 0px auto; }
body #page .site-footer .site-footer-inner .footer-widgets {
width: 58%;
margin-right: 2%;
float: left;
list-style: none;
padding: 0px;
margin: 0px; }
body #page .site-footer .site-footer-inner .footer-widgets li {
padding: 0px;
margin: 0px; }
@media only screen and (max-width: 768px) {
body #page .site-footer .site-footer-inner .footer-widgets {
width: 100%;
float: none;
clear: both; } }
body #page .site-footer .site-footer-inner .footer-widgets .footer-1,
body #page .site-footer .site-footer-inner .footer-widgets .footer-2 {
width: 50%;
float: left; }
body #page .site-footer .site-footer-inner .footer-widgets .footer-1::after,
body #page .site-footer .site-footer-inner .footer-widgets .footer-2::after {
display: block;
clear: both;
content: ''; }
@media only screen and (max-width: 667px) {
body #page .site-footer .site-footer-inner .footer-widgets .footer-1,
body #page .site-footer .site-footer-inner .footer-widgets .footer-2 {
float: none;
width: 100%; } }
body #page .site-footer .site-footer-inner #footer-login {
width: 40%;
max-width: 430px;
float: right;
position: relative; }
body #page .site-footer .site-footer-inner #footer-login::after {
display: block;
clear: both;
content: ''; }
body #page .site-footer .site-footer-inner #footer-login .loading-circle {
opacity: 0;
transition: all 0.5s ease-in;
text-align: center;
padding-top: 15%;
height: 85%;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
pointer-events: none;
background: #d5d6cb; }
body #page .site-footer .site-footer-inner #footer-login.logging-in .loading-circle {
opacity: 0.9; }
@media only screen and (max-width: 768px) {
body #page .site-footer .site-footer-inner #footer-login {
width: 100%;
margin-top: 40px;
max-width: none;
float: none;
clear: both; } }
body #page .site-footer .site-footer-inner #footer-login .login-form-header {
font-weight: bold;
display: block;
margin-bottom: 5px;
text-transform: uppercase; }
body #page .site-footer .site-footer-inner #footer-login span.login-form-error {
color: red; }
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper {
width: 49%;
float: left;
margin-right: 2%;
margin-bottom: 20px; }
@media only screen and (max-width: 667px) {
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper {
margin-right: 0px;
width: 100%; } }
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper.second {
margin-right: 0px; }
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper.submit {
width: 100%;
margin-right: 0px; }
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper input[type='text'],
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper input[type='password'] {
display: block;
border: none;
background: white;
font-size: 100%;
width: 96%;
padding: 10px 2%;
font-family: "Cardo", serif; }
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper label {
display: block;
font-size: 15.84px; }
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper button,
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper .logout-button {
display: block;
color: #d5d6cb;
background: #6f6f6e;
float: right;
width: 49%;
padding: 10px 0px;
text-align: center;
border: none;
font-family: "Cardo", serif;
font-size: 15.84px;
cursor: pointer;
text-decoration: none; }
body #page .site-footer .site-footer-inner #footer-login .user-login-form .form-element-wrapper .logout-button {
margin-top: 5px;
float: none; }
body #page .site-footer .site-footer-inner #footer-login nav.loggedinuser-navi ul {
list-style: none;
padding: 0px;
margin: 0px;
display: block;
clear: both; }
body #page .site-footer .site-footer-inner #footer-login nav.loggedinuser-navi ul li {
padding: 0px;
margin: 0px; }
body #page .site-footer .site-footer-inner #footer-login nav.loggedinuser-navi ul::after {
display: block;
clear: both;
content: ''; }
body #page .site-footer .site-footer-inner #footer-login nav.loggedinuser-navi ul li {
display: block;
float: left; }
body #page .site-footer .site-footer-inner #footer-login nav.loggedinuser-navi ul li::after {
content: '|';
display: inline-block;
padding: 0px 10px; }
body #page .site-footer .site-footer-inner #footer-login nav.loggedinuser-navi ul li:last-child::after {
display: none; }
body #page .site-footer .site-footer-inner #footer-login nav.loggedinuser-navi ul li a {
color: #58585A;
text-decoration: none; }
@media only screen and (min-width: 768px) {
body #page .site-footer .site-footer-inner #footer-login nav.loggedinuser-navi ul li a:hover {
text-decoration: underline; } }
body #page .site-footer .site-footer-inner .navigation-copyright {
display: block;
clear: both;
padding-top: 30px; }
body #page .site-footer .site-footer-inner .navigation-copyright .footer-navigation {
float: left; }
body #page .site-footer .site-footer-inner .navigation-copyright .footer-navigation ul {
list-style: none;
padding: 0px;
margin: 0px; }
body #page .site-footer .site-footer-inner .navigation-copyright .footer-navigation ul li {
padding: 0px;
margin: 0px; }
body #page .site-footer .site-footer-inner .navigation-copyright .footer-navigation ul li {
float: left;
margin-right: 15px; }
body #page .site-footer .site-footer-inner .navigation-copyright .footer-navigation ul li a {
color: #58585A;
text-decoration: none; }
@media only screen and (min-width: 768px) {
body #page .site-footer .site-footer-inner .navigation-copyright .footer-navigation ul li a:hover {
text-decoration: underline; } }
@media only screen and (max-width: 667px) {
body #page .site-footer .site-footer-inner .navigation-copyright .footer-navigation {
width: 40%; } }
body #page .site-footer .site-footer-inner .navigation-copyright .copyright {
float: right; }
@media only screen and (max-width: 667px) {
body #page .site-footer .site-footer-inner .navigation-copyright .copyright {
width: 60%;
text-align: right; } }
body .mobile-navigation {
-webkit-box-shadow: 0px 0px 3px 0px #c1c1c1;
-moz-box-shadow: 0px 0px 3px 0px #c1c1c1;
box-shadow: 0px 0px 3px 0px #c1c1c1;
position: fixed;
top: 0px;
left: -73%;
width: 70%;
display: block;
height: 100%;
overflow: auto;
z-index: 10000;
transition: left 500ms ease-in; }
@media (min-width: 1024px) {
body .mobile-navigation {
display: none !important; } }
body .mobile-navigation.visible {
left: 0%; }
body .mobile-navigation > ul > li {
border-top: 1px dashed #58585A; }
body .mobile-navigation ul {
list-style: none;
padding: 0px;
margin: 0px; }
body .mobile-navigation ul li {
padding: 0px;
margin: 0px; }
body .mobile-navigation ul:first-child {
padding-top: 120px; }
body .mobile-navigation ul:last-child {
padding-bottom: 50px; }
body .mobile-navigation ul li {
display: block; }
body .mobile-navigation ul li li a {
padding-left: 20%;
padding-bottom: 8px;
color: #575656; }
body .mobile-navigation ul li.active > a {
color: black;
text-decoration: underline; }
body .mobile-navigation ul li a {
color: #58585A;
text-decoration: none;
display: block;
padding: 10px 10% 10px 10%; }
body .mobile-navigation-trigger {
position: absolute;
display: block;
height: 35px;
width: 35px;
left: 5%;
top: 10px;
cursor: pointer;
z-index: 10; }
body .mobile-navigation-trigger .mobile-navigation-icon,
body .mobile-navigation-trigger .mobile-navigation-icon::after,
body .mobile-navigation-trigger .mobile-navigation-icon::before {
position: absolute;
top: 47%;
left: 0%;
height: 4px;
width: 35px;
background: #6f6f6e;
display: block;
content: '';
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out; }
body .mobile-navigation-trigger .mobile-navigation-icon::before {
transform: translate3d(0%, -12px, 0);
-webkit-transform: translate3d(0%, -12px, 0);
-moz-transform: translate3d(0%, -12px, 0); }
body .mobile-navigation-trigger .mobile-navigation-icon::after {
transform: translate3d(0%, 8px, 0);
-webkit-transform: translate3d(0%, 8px, 0);
-moz-transform: translate3d(0%, 8px, 0); }
body .mobile-navigation-trigger.active .mobile-navigation-icon {
background-color: transparent; }
body .mobile-navigation-trigger.active .mobile-navigation-icon::before {
transform: translateX(0%) rotate(45deg);
-webkit-transform: translateX(0%) rotate(45deg);
-moz-transform: translateX(0%) rotate(45deg);
-ms-transform: translateX(0%) rotate(45deg); }
body .mobile-navigation-trigger.active .mobile-navigation-icon::after {
transform: translateX(0%) translateY(-8px) rotate(-45deg);
-webkit-transform: translateX(0%) translateY(-8px) rotate(-45deg);
-moz-transform: translateX(0%) translateY(-8px) rotate(-45deg);
-ms-transform: translateX(0%) translateY(-8px) rotate(-45deg);
top: 10px; }
@media only screen and (max-width: 1024px) {
body.admin-bar #page .site-top-header {
top: 32px !important; } }
@media only screen and (max-width: 768px) {
body.admin-bar #page .site-top-header {
top: 46px !important; } }
body.admin-bar #mobile-navigation {
height: 90%; }
@media only screen and (max-width: 1024px) {
body.admin-bar #mobile-navigation {
top: 32px; } }
@media only screen and (max-width: 768px) {
body.admin-bar #mobile-navigation {
top: 46px; } }
.dropdown-toggle {
display: none; }
.de .en {
display: none !important; }
.en .de {
display: none !important; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.text-left {
text-align: left; }
.clear {
clear: both;
display: block; }