/*
 *	Theme Name: Ferienwohnungen Lüneburg
 *	Theme URI: https://www.ferienwohnung-suites-lueneburg.de
 *	Description: Ein Theme für die Ferienwohnungen + Suites Lüneburg
 *	Author: Hellmedia GmbH, Kirchanschöring, DE
 *	Author URI: https://www.hellmedia.de
 *	Tags: Basis, HTML5, CSS3
 *
 *	License: MIT
 *	License URI: http://opensource.org/licenses/mit-license.php
 */

/* Fonts */

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v17-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),url('fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v17-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v17-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),url('fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v17-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),url('fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* alata-regular - latin */
@font-face {
    font-family: 'Alata';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/alata-v2-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Alata Regular'), local('Alata-Regular'),
    url('fonts/alata-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/alata-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/alata-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/alata-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/alata-v2-latin-regular.svg#Alata') format('svg'); /* Legacy iOS */
}


/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
    url('fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('fonts/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black'), local('Roboto-Black'),
    url('fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-slab-200 - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/roboto-slab-v11-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/roboto-slab-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-slab-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-slab-v11-latin-200.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-slab-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-slab-v11-latin-200.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-slab-v11-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/roboto-slab-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-slab-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-slab-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-slab-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-slab-v11-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-600 - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/roboto-slab-v11-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/roboto-slab-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-slab-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-slab-v11-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-slab-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-slab-v11-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-800 - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/roboto-slab-v11-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/roboto-slab-v11-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-slab-v11-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-slab-v11-latin-800.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-slab-v11-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-slab-v11-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* Copper Penny DTP-regular - latin */
@font-face {
    font-family: 'Copper Penny';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Copper Penny DTP.otf'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/Copper Penny DTP.otf') format('embedded-opentype'),
    url('fonts/Copper Penny DTP.ttf') format('truetype'); /* Safari, Android, iOS */

}

/* playfair-display-regular - latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/playfair-display-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/playfair-display-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/playfair-display-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/playfair-display-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/playfair-display-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/playfair-display-v20-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}



/* playfair-display-italic - latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/playfair-display-v20-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/playfair-display-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/playfair-display-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/playfair-display-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/playfair-display-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/playfair-display-v20-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}




/**********************************************************************************************/
/* Grundlegende Definitionen
 */**********************************************************************************************/

 /* Struktur */

 html{
     font-family:'Playfair Display', Arial;
     font-size:18px;
     box-sizing:border-box;
     -webkit-text-size-adjust:100%;
     word-break: break-word;
     white-space: normal;
 }
 *,:after,:before{
     box-sizing:inherit;
     position:relative;
 }
 :focus{
     outline:0
 }
 body{
     color: #716756;
     margin:0;
     line-height:1.7;
     font-weight:300;
     background-color:#F5EEE4;
 }
 @media (max-width:60rem){
     body{
         overflow-x:hidden;
         background: #fff;
     }
     main {
         margin-top: 4.4rem;
     }
 }
 .wrapper {
     background: transparent;
     position:absolute;
     top: 0;
     z-index: 3;
     width: 100%;
     overflow-x: hidden;
 }
 article>* {
     margin: 1rem 0;
 }

 header b {
     font-weight:200;
     color: #333333;
     text-shadow: 0 1px rgba(0, 0, 0, 0.1);
     -webkit-transition: all 0.1s ease-out;
     transition: all 0.1s ease-out;
     font-size:4rem;
     line-height:1.1;
     letter-spacing:-1px;
     display:block;
     position:relative;
 }
 header span {
     margin: -3em 3em;
     font-size: 0.7em;
     color: #888;
 }
 @media (max-width:60rem){
     header span {
         display:none;
     }
     nav header a,nav[data-xx] header a{
         left: 2rem;
         color: #333333;
         /*font-family: 'Open Sans';*/
         text-shadow: 0 1px rgba(0, 0, 0, 0.1);
         -webkit-transition: all 0.1s ease-out;
         transition: all 0.1s ease-out;
     }
 }


 .logo {
     /*height: 4rem;
      *	display:block;
      *	margin-bottom:8px;*/
     height: 6rem;
     display: block;
     margin-bottom: -30px;
     top: -30px;
 }
 @media (max-width:70rem){
     .logo {
         height: 4rem;
         top:0;
         margin-bottom: 0;
     }
 }

 .header-logos {
     display: flex;
     align-items: center;
     gap: 1rem;
     margin-left: 15px;
 }
 .header-logos .logo-secondary {
     height: 3rem;
     margin-bottom: 0;
     top: -15px;
 }
 @media (max-width:70rem) {
     .header-logos .logo-secondary {
         height: 2rem;
         top: 0;
     }
 }
 @media (max-width:60rem) {
     .header-logos {
         position: absolute;
         left: 0;
         top: 1rem;
         bottom: 1rem;
         gap: .5rem;
     }
     nav header .header-logos a,
     nav[data-xx] header .header-logos a {
         position: static;
     }
 }


 .contentbackground, .footerbackground, .bottomlinebackground, .headerlinebackground, .headerbackground {
     padding: 2rem 50px 0;
 }
 .contentbackground {
     padding-bottom: 2rem;
 }
 .headerbackground {
     /*background: transparent  linear-gradient(to bottom, #fff  0%, transparent 95%); */
     background: #fff;
     color: #9d0d16;
     min-height: 4.4rem;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 20;
     box-shadow: 1px 1px 5px #9d0d16;
     box-sizing: border-box;
     /*transition: background-color 1.5s ease;*/
 }
 @media (max-width:60rem){
     .headerbackground {
         padding-top: 0;
         max-height: 120px;
         background: #fff ;
     }
 }
 .sticky {
     background-color: #fff ;
     position:fixed;
     top:0;
     max-height: 120px;
     z-index: 50;
     /*box-shadow: 1px 1px 5px #9d0d16;*/
 }
 .bottomlinebackground {
     background: #f5eee4 ;
     padding-bottom: 2rem;
     color: #9d0d16;
     font-weight: 300;
 }
 .bottomlinebackground a {
     color: #9d0d16;
 }
 .bottomlinebackground h3 {
     color: #9d0d16;
     font-size: 23px;
 }
 .footerbackground {
     background: #1f1f26;
     padding: .5rem 50px !important;
 }


 section,section[data-xx],footer{
     margin:auto;
     padding:0 22%;
     width:100%;
     background:transparent;
     box-sizing: border-box;
 }


 @media (max-width:1060px){
     section,section[data-xx],footer{
         margin:auto;
         padding:0 4%;
         width:100%;
         background:transparent;
     }
 }
 footer{
     color: #fff;
     clear: both;
     box-sizing: border-box;
 }


 .clear {
     clear:both;
     display:block;
 }


 /* Überschriften */

 h1,h2,h3,h4,h5,h6{
     margin:1rem 0 1rem;
     font-weight:normal;
     /*letter-spacing: 0.6rem;
      *	text-transform: uppercase;*/
     color: #A67B51 ; /*#716756;*/
     font-family: 'Copper Penny', Arial, Sans Serif;
     margin-top: 1rem;
     display:block;
     word-break: normal;
 }
 h1,h1[data-xx]{
     font-size: 2.8rem;
     line-height:1;
     padding: 2rem 0;
 }
 h2,h2[data-xx]{
     font-size:2.4rem;
     line-height:1.2;
     padding-top: 3rem;
 }
 h3,h3[data-xx]{
     font-size:1.6rem;
     line-height:1.3;
     letter-spacing:-.05rem
 }
 h4,h4[data-xx]{
     font-size:1.3rem;
     line-height:1.3;
     letter-spacing:-.05rem
 }
 h5,h5[data-xx]{
     font-size:1rem;
     line-height:1.5;
     letter-spacing:0;
     text-transform:uppercase;
     font-weight:700
 }
 h6,h6[data-xx]{
     font-size:1.4rem;
     line-height:1.5;
     letter-spacing:0;
     text-transform:uppercase;
     font-weight:400
 }
 @media (max-width:42rem){
     h1 {
         font-size: 11vw;
     }
     h2,h2[data-xx], .has-large-font-size{
         font-size:8vw;
         line-height:1.2;
     }
     h3,h3[data-xx]{
         font-size:1.2rem;
         line-height:1.3;
         letter-spacing:-.05rem
     }
 }

 /* Getwid Advanced Heading h2 */

 .wp-block-getwid-advanced-heading {
     margin: 4rem 0 2rem;
     display: block;
 }
 .wp-block-getwid-advanced-heading h2 {
     position: relative;
     display: inline-block!important;
     margin-bottom: 0;
     padding-right: 1.07143rem;
     padding-top: 0px;
     background-color: inherit;
     z-index: 2;
     margin-top: 0px;
     text-transform: none;
     background-color: #fff;
     font-size: 1.4rem;
     font-weight: 400;
 }
 .wp-block-getwid-advanced-heading:before, .wp-block-getwid-advanced-heading:after {
     content:"";
     position:absolute;
     left:auto;
     right:0;
     width:100%;
     height:0;
     border-top-width:1px;
     border-color:#c00000;
     border-top-style: solid;
 }
 .wp-block-getwid-advanced-heading:before {
     top: 46%;
 }
 .wp-block-getwid-advanced-heading:after {
     top: 54%;
 }


 /* Links */

 a{
     color:inherit;
     text-decoration:none;
     display:inline-block;
     z-index:1;
     vertical-align:top;
     color: #ac595b;
 }
 .has-background-dim a {
     color: #fff;
 }
 /*.current-menu-item a, nav .current-menu-ancestor a, nav .current-menu-ancestor ul a  {
  *	background-color: #ffffff;
  *	color: #f42535;
  * }*/

 /* Schriftstile */


 b,strong{
     font-weight:700
 }

 .has-medium-font-size {
     font-family: 'Alata', Arial, Sans Serif;
     font-size: 1.3em;
 }
 .has-large-font-size {
     font-weight: 100;
     margin: 20px 0;
     line-height: 1.1;
 }

 code,code[data-xx]{
     display:inline-block;
     background:#f4f5f6;
     border:1px solid #e3e6e8;
     padding:0 .5rem;
     color:#454f54;
     font-size:1.2rem;
     line-height:1.8;
     font-family:monospace;
     border-radius:2px;
     text-transform:none;
     font-weight:300
 }
 pre code,pre[data-xx] code{
     padding:2rem;
     border:none;
     border-left:4px solid #679;
     border-radius:0;
     width:100%;
     display:block
 }
 span{
     /*display:block;
      *	font-family:'Open Sans';
      *	font-size: 0.9em;*/
     width:auto;
 }
 /*span span:not(:first-child){
  *	margin:1rem -1rem 0
  * }*/
 span.wpcf7-list-item {
     display: inline;
     margin: 0px;
 }

 /* Zitatblöcke */

 blockquote, .wp-block-getwid-testimonial {
     background-color: #eee;
     padding: 2em;
     font-style: italic;
     line-height: 1.5em;
     quotes: none;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 .wp-block-columns blockquote, .wp-block-columns .wp-block-getwid-testimonial {
     margin: 0px;
 }

 /* Horizontale Linien */

 hr{
     background:#e3e6e8;
     border:none;
     width:20%;
     height:3px;
     margin:4rem auto;
 }

 /* Listen */

 ol,ol[data-xx],ul,ul[data-xx]{
     padding-left:2rem;
     margin:0 0 2rem
 }
 ol ol,ol ul,ol[data-xx] ol,ol[data-xx] ul,ul ol,ul ul,ul[data-xx] ol,ul[data-xx] ul{
     margin-bottom:0
 }
 ul,ul[data-xx]{
     list-style:disc
 }
 ul ul,ul[data-xx] ul{
     list-style:circle
 }
 ol,ol[data-xx]{
     list-style:decimal
 }
 ol ol,ol[data-xx] ol{
     list-style:lower-alpha
 }
 ul.features {
     list-style: none;
     padding-left: 0px;
 }
 ul.features li:before {
     list-style: none;
     content: '✓';
     padding-right: 10px;
     font-size: 1.3em;
     font-weight: 700;
 }


 /* Tabellen */

 table,table[data-xx]{
     width:100%;
     border-collapse:collapse;
     border-spacing:0;
     margin-bottom:2rem;
     text-align:left;
     overflow:hidden
 }
 table td,table th,table[data-xx] td,table[data-xx] th{
     border-bottom:2px solid #e3e6e8;
     padding:1rem
 }
 .bottomlinebackground table td,.bottomlinebackground table th,.bottomlinebackground table[data-xx] td,.bottomlinebackground table[data-xx] th{
     padding:0rem;
     vertical-align: top;
 }
 .bottomlinebackground.alignfull {
     padding: 2rem 35%;
 }
 @media (max-width:42rem){
     .bottomlinebackground.alignfull {
         padding: 2rem 15px;
     }
 }
 table th,table[data-xx] th{
     font-weight:700;
     color:#454f54
 }
 table th:before,table[data-xx] th:before{
     content:"";
     width:100%;
     height:10000%;
     position:absolute;
     display:block;
     top:0;
     left:0;
     background:#f4f5f6;
     z-index:-1;
     opacity:0;
     visibility:hidden
 }
 table th:hover:before,table[data-xx] th:hover:before{
     opacity:1;
     visibility:visible
 }
 table td,table[data-xx] td{
     border-bottom-width:1px
 }
 table tbody tr:hover,table[data-xx] tbody tr:hover{
     background:#f4f5f6
 }

 /* Bilder */

 img,amp-img{
     border:0;
     /* Universal settings */
     -webkit-transition:all .2s;
     -moz-transition:all .2s;
     -ms-transition:all .2s;
     -o-transition:all .2s;
     transition:all .2s;
 }

 .wp-block-image img {
     height: 100%;
 }

 figure {
     margin: 0px;
 }

 .wp-post-image {
     width: 100%;
 }
 .thumb {
     display: block;
     box-sizing: border-box;
     width:100%;
 }
 figcaption {
     width: 100%;
     display: block;
     clear:both;
     text-align: right;
     font-size: 0.7em;
     z-index: 10;
 }


 /* Grid */

 [data-col="1/12"]{
     width:8.33333333%
 }
 [data-col="2/12"],[data-col="1/6"]{
     width:16.66666667%
 }
 [data-col="3/12"],[data-col="1/4"]{
     width:25%
 }
 [data-col="4/12"],[data-col="2/6"],[data-col="1/3"]{
     width:33.33333333%
 }
 [data-col="5/12"]{
     width:41.66666667%
 }
 [data-col="6/12"],[data-col="3/6"],[data-col="2/4"],[data-col="1/2"]{
     width:50%
 }
 [data-col="7/12"]{
     width:58.33333333%
 }
 [data-col="8/12"],[data-col="4/6"],[data-col="2/3"]{
     width:66.66666667%
 }
 [data-col="9/12"],[data-col="3/4"]{
     width:75%
 }
 [data-col="10/12"],[data-col="5/6"]{
     width:83.33333333%
 }
 [data-col="11/12"]{
     width:91.66666667%
 }
 [data-col="1/1"]{
     width:100%
 }
 [data-col]{
     display:inline-block;
     padding:1rem;
     vertical-align:top;
     float:left;
 }
 @media (max-width:80rem){
     [data-col]:not([data-fx]){
         width:100%
     }
 }


 /**********************************************************************************************/
 /* Formulare und Buttons
  */**********************************************************************************************/

  /* Buttons */

  [data-btn],button,button[data-xx],input[type=submit]{
      background-color: #f42535;
      border: none;
      border-radius: 28px;
      box-shadow: none;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 18px;
      margin: 0;700px
      padding: 12px 24px;
      text-align: center;
      text-decoration: none;
      overflow-wrap: break-word;
  }
  [data-btn]:before,button:before,button[data-xx]:before,input[type=submit]:before{
      content:"";
      position:absolute;
      z-index:-1;
      opacity:0;
      width:100%;
      height:100%;
      left:0;
      top:0;
      -webkit-transform:scale3d(1.2,1.2,1.2);
      transform:scale3d(1.2,1.2,1.2);
      /* background:#679 */
  }
  [data-btn]:not(:disabled):hover,button:not(:disabled):hover,button[data-xx]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{
      box-shadow:2px 2px 4px rgba(0,0,0,.3);
      background:#b31b27
  }
  [data-btn]:not(:disabled):hover:active,button:not(:disabled):hover:active,button[data-xx]:not(:disabled):hover:active,input[type=submit]:not(:disabled):hover:active{
      box-shadow:none;
      -webkit-transition:none;
      transition:none
  }
  [data-btn][data-primary],button[data-primary],button[data-xx][data-primary],input[type=submit][data-primary]{
      border-color:#5a6987;
      background:#679;
      color:#fff;
      font-weight:700
  }
  [data-btn][data-primary]:not(:disabled):hover,button[data-primary]:not(:disabled):hover,button[data-xx][data-primary]:not(:disabled):hover,input[type=submit][data-primary]:not(:disabled):hover{
      background:#5a6987
  }
  [data-btn][data-round],button[data-round],button[data-xx][data-round],input[type=submit][data-round]{
      border-radius:4rem
  }
  @media (max-width:60rem){
      [data-btn][m-full],button[m-full],button[data-xx][m-full],input[type=submit][m-full]{
          width:100%
      }
  }
  [data-btn].disabled,[data-btn]:disabled,button.disabled,button:disabled,button[data-xx].disabled,button[data-xx]:disabled,input[type=submit].disabled,input[type=submit]:disabled{
      border-color:#e3e6e8;
      background:#e3e6e8;
      color:#abb5ba;
      cursor:default
  }

  /* Formulare */

  .wpcf7 {
      background: rgba(46.7, 14.9, 23.5, 0.2);
      padding: 1rem;
  }
  .wpcf7 p {
      padding-bottom: 0px;
  }
  label,label[data-xx]{
      display:inline-block;
      width: 45%;
      font-weight:400;
      float:left;
      clear: both;
      margin-top: .5rem;
  }
  label:first-child,label[data-xx]:first-child{
      margin-top:0
  }
  label.datenschutz {
      clear: none;
      width: 80%;
      margin-bottom: 1rem;
      margin-top: 0px;
      padding-left: 10px;
  }
  input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]),input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx],input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-]{
      display:inline-block;
      background:0 0;
      width:55%;
      padding:.5rem;
      margin-bottom:.5rem;
      border:1px solid #fff;
      font-weight:300;
      border-radius:0;
      background: #ddd;
  }
  input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):hover,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx]:focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx]:hover,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-]:focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-]:hover{
      border-color:#000;
      outline:0
  }
  input.wpcf7-submit {clear: both;}
  textarea,textarea[data-xx],textarea[class^=user-]{
      display:inline-block;
      background:0 0;
      width:55%;
      padding:.5rem;
      margin-bottom:.5rem;
      font-weight:300;
      border-radius:0;
      min-height:8rem;
      border:1px solid #fff;
      padding-right:2rem;
      min-height: 120px;
      background: #ddd;
  }
  textarea:focus,textarea:hover,textarea[data-xx]:focus,textarea[data-xx]:hover,textarea[class^=user-]:focus,textarea[class^=user-]:hover{
      border-color:#000;
      outline:0
  }
  select,select[data-xx],select[class^=user-]{
      padding:.5rem 3rem .5rem 1rem;
      display:block;
      width:55%;
      border:1px solid #fff;
      background:#ddd;
      height:8rem;
      font-weight:300;
      text-indent:.5rem;
      line-height: 1.2;
      margin:.5rem 0 .5rem;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      cursor:pointer
  }
  select:focus,select:hover,select[data-xx]:focus,select[data-xx]:hover,select[class^=user-]:focus,select[class^=user-]:hover{
      border-color:#679;
      outline:0
  }
  input[type=checkbox],input[type=checkbox][data-xx],input[type=checkbox][class^=user-],input[type=radio],input[type=radio][data-xx],input[type=radio][class^=user-]{
      display: inline-box;
      z-index:2;
      width:1rem;
      height:1rem;
      vertical-align:middle;
      cursor:pointer;
      background:#ddd;
      float: left;
  }
  input[type=checkbox]+label,input[type=checkbox][data-xx]+label,input[type=checkbox][class^=user-]+label,input[type=radio]+label,input[type=radio][data-xx]+label,input[type=radio][class^=user-]+label{
      width:auto;
      text-transform:none
  }
  input[type=checkbox]+label:before,input[type=checkbox][data-xx]+label:before,input[type=checkbox][class^=user-]+label:before,input[type=radio]+label:before,input[type=radio][data-xx]+label:before,input[type=radio][class^=user-]+label:before{
      content:"";
      display:inline-block;
      width:2rem;
      height:2rem;
      border:1px solid #abb5ba;
      background:#ddd;
      vertical-align:middle;
      margin-right:1rem
  }
  input[type=checkbox]+label:after,input[type=checkbox][data-xx]+label:after,input[type=checkbox][class^=user-]+label:after,input[type=radio]+label:after,input[type=radio][data-xx]+label:after,input[type=radio][class^=user-]+label:after{
      content:"";
      position:absolute;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      width:1.6rem;
      height:1.6rem;
      left:2px;
      top:4px;
      -webkit-transform:scale(0);
      transform:scale(0)
  }
  input[type=radio]+label,input[type=radio][data-xx]+label,input[type=radio][class^=user-]+label{
      font-size:1.4rem;
      font-weight:200
  }
  input[type=radio]+label:before,input[type=radio][data-xx]+label:before,input[type=radio][class^=user-]+label:before{
      border-radius:100%
  }
  input[type=radio]:checked+label:before,input[type=radio][data-xx]:checked+label:before,input[type=radio][class^=user-]:checked+label:before{
      background:#679;
      border-color:#679
  }
  input[type=radio]:checked+label:after,input[type=radio][data-xx]:checked+label:after,input[type=radio][class^=user-]:checked+label:after{
      opacity:1;
      visibility:visible;
      background:#679;
      border:1px solid #fff;
      border-radius:100%;
      -webkit-transform:scale(1);
      transform:scale(1);
      top:.5rem
  }
  input[type=checkbox]+label,input[type=checkbox][data-xx]+label,input[type=checkbox][class^=user-]+label{
      font-size:1.4rem;
      font-weight:200
  }
  input[type=checkbox]+label:before,input[type=checkbox][data-xx]+label:before,input[type=checkbox][class^=user-]+label:before{
      border-radius:2px
  }
  input[type=checkbox]+label:after,input[type=checkbox][data-xx]+label:after,input[type=checkbox][class^=user-]+label:after{
      background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%2F%3E%3C%2Fsvg%3E) no-repeat center center;
      border-radius:100%;
      background-size:100%
  }
  input[type=checkbox]:checked+label:before,input[type=checkbox][data-xx]:checked+label:before,input[type=checkbox][class^=user-]:checked+label:before{
      background:#679;
      border-color:#679
  }
  input[type=checkbox]:checked+label:after,input[type=checkbox][data-xx]:checked+label:after,input[type=checkbox][class^=user-]:checked+label:after{
      opacity:1;
      visibility:visible;
      left:2px;
      top:.5rem;
      -webkit-transform:scale(1);
      transform:scale(1)
  }

  /**********************************************************************************************/
  /* Navigation
   */**********************************************************************************************/



   nav,nav[data-xx]{
       color: #ffffff;
       /*padding:0 23rem;
        */
       z-index:4000;
       min-height:4.4rem;
       /*position: fixed;
        */
       width: 100%;
       display: block;
   }
   nav[data-fx],nav[data-xx][data-fx]{
       background:rgba(255,255,255,.95);
       position:absolute;
       top:0;
       left:0;
       right:0;
       z-index:50
   }
   nav label,nav[data-xx] label{
       margin:auto;
       display:block;
       width: 100%;
   }
   nav label>input,nav[data-xx] label>input{
       display:none
   }
   nav ul,nav[data-xx] ul{
       /*padding:0 2rem;
        */
       padding: 0;
       margin:0;
       font-size:0;
       text-align:right;
       float:right;
   }
   nav ul li,nav[data-xx] ul li{
       display:inline-block;
       font-size:1.5rem;
       /*padding: 0 .7rem;*/
   }
   @media (min-width:60.1rem){
       nav ul li:hover ul,nav ul ul:hover,nav[data-xx] ul li:hover ul,nav[data-xx] ul ul:hover{
           visibility:visible;
           opacity:1;
           -webkit-transform:translate3d(0,-1rem,0);
           transform:translate3d(0,-1rem,0);
           pointer-events:auto
           border-bottom: 1px solid #9d0d16;
       }
       .sub-menu {
           border-bottom: 1px solid #9d0d16;
       }
   }
   nav ul a,nav[data-xx] ul a{
       text-decoration:none;
       text-transform:uppercase;
       padding:8px 20px;
       display:block;
       color:#9d0d16;
       text-shadow: 0px 1px 5px rgba(255, 255, 255, 0.8);
       /*background: #f93634;*/
       box-sizing: border-box;
       transition: .4s all ease;
       /*border-radius: 27px;*/
       font-size: 0.7em;
       line-height: 25px;
       cursor: pointer;
       text-align: center;
       vertical-align: top;
   }
   /*@media (min-width:60.1rem){
    *	nav ul a:not(:only-child),nav[data-xx] ul a:not(:only-child){
    *		background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22red%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E);
    *		background-repeat:no-repeat;
    *		background-position:90% 50%;
    *		background-size:2rem;
    *		padding-right:4rem
    * }
    * }*/
   /*nav ul a:hover,nav[data-xx] ul a:hover, nav ul .current_page_item a, nav ul .current-menu-item a{
    *	color:#f93634;
    *	background-color: #ffffff;
    * }
    * @media (min-width:60.1rem){
    *	nav ul .current_page_item a{
    *		color:#f93634;
    *		background: #ffffff;
    *	}
    * }*/
   nav ul li ul,nav[data-xx] ul li ul{
       padding:10px;
       margin:0;
       z-index:2;
       text-align:left;
       min-width:100%
   }
   @media (min-width:60.1rem){
       nav ul li ul,nav[data-xx] ul li ul{
           visibility:hidden;
           opacity:0;
           position:absolute;
           top:148%;
           right:0;
           /*box-shadow:0 1px 4px 0 rgba(0,0,0,.2);*/
           /*-webkit-transform:translate3d(0,-2rem,0);
            *		transform:translate3d(0,-2rem,0);
            *		pointer-events:none;*/

           box-sizing: border-box;
           transition: .4s all ease;
           /*border-radius: 27px;*/
           font-size: 13px;
           line-height: 25px;
           cursor: pointer;
           text-align: center;
           vertical-align: top;
           white-space: nowrap;
           background: #fff;
       }
   }
   nav ul li ul li,nav[data-xx] ul li ul li{
       display:block;
       /*border-left:4px solid transparent*/
   }
   nav ul li ul li:hover,nav[data-xx] ul li ul li:hover{
       /*border-color:#679;
        *
        *	background-color:#f4f5f6*/
   }
   /*nav ul li ul li:hover a,nav[data-xx] ul li ul li:hover a{
    *	-webkit-transform:translate3d(.5rem,0,0);
    *	transform:translate3d(.5rem,0,0)
    * }*/
   nav ul li ul li a,nav[data-xx] ul li ul li a{
       text-transform:uppercase;
       /*padding:.5rem 2rem .5rem 1.6rem;*/
       border:none;
       color: #9d0d16;
       font-size:0.9rem;
       font-weight: 300;
   }
   nav header ,nav[data-xx] header{
       float:left;
   }
   nav header:after,nav header:before,nav[data-xx] header:after,nav[data-xx] header:before{
       content:"";
       position:absolute;
       top:0;
       right:1rem;
       width:4.4rem;
       height:4.4rem;
       display:none;
       background-size:3rem;
       background-position:center center;
       background-repeat:no-repeat;
       background-color: #9d0d16;
   }
   nav header:before,nav[data-xx] header:before{
       background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M6%2036h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z%22%2F%3E%3C%2Fsvg%3E)
   }
   nav header:after,nav[data-xx] header:after{
       background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M38%2012.83L35.17%2010%2024%2021.17%2012.83%2010%2010%2012.83%2021.17%2024%2010%2035.17%2012.83%2038%2024%2026.83%2035.17%2038%2038%2035.17%2026.83%2024z%22%2F%3E%3C%2Fsvg%3E);
       opacity:0;
       -webkit-transform:rotate(180deg);
       transform:rotate(180deg)
   }
   nav header a,nav[data-xx] header a{
       /*position:absolute;
        *	left:2rem;
        *	left:0rem;
        *	top:1rem;
        *	bottom:1rem;
        */
       cursor:pointer;
       z-index:2;
       font-size:1.6rem;
       text-decoration:none
   }
   @media (max-width:60rem){
       nav header a,nav[data-xx] header a{
           position:absolute;
           left:2rem;
           left:0rem;
           top:1rem;
           bottom:1rem;
       }
   }
   nav header a amp-img,nav[data-xx] header a amp-img{
       height:2rem;
       vertical-align:middle;
       top:-1px;
       margin-right:1rem
   }
   @media (max-width:60rem){
       body{
           padding-top:4.4rem
       }
       nav,nav[data-xx]{
           position:fixed;
           padding:0;
           top:0;
           left:0;
           right:0
       }
       nav header,nav[data-xx] header{
           position:absolute;
           top:0;
           left:0;
           right:0;
           bottom:0
       }
       nav header:after,nav header:before,nav[data-xx] header:after,nav[data-xx] header:before{
           display:block
       }
       nav label,nav[data-xx] label{
           height:4.4rem
       }
       nav label>ul,nav[data-xx] label>ul{
           position:fixed;
           top:4.4rem;
           right:0;
           bottom:0;
           padding:0;
           -webkit-transform:translate3d(100%,0,0);
           transform:translate3d(100%,0,0);
           /*border-top:1px solid #eee;*/
           text-align:left;
           background:#fff;
           box-shadow:0 1px 4px 0 rgba(0,0,0,.2);
           overflow-x:visible;
           overflow-y:auto;
           z-index:50;
           max-width: 100%;
           width: 100vw;
       }
       nav label>ul li,nav[data-xx] label>ul li{
           /*display:block;*/
           /*border-top:1px solid #e3e6e8;*/
           width: 100%;
       }
       nav label>ul a,nav[data-xx] label>ul a{
           /*padding:1rem 6rem 1rem 2rem;*/
           border:none;
       }
       nav label input:checked~ul,nav[data-xx] label input:checked~ul{
           -webkit-transform:none;
           transform:none
       }
       nav label input:checked~header:before,nav[data-xx] label input:checked~header:before{
           -webkit-transform:rotate(-180deg);
           transform:rotate(-180deg);
           opacity:0
       }
       nav label input:checked~header:after,nav[data-xx] label input:checked~header:after{
           -webkit-transform:none;
           transform:none;
           opacity:1
       }
       nav label ul li ul,nav[data-xx] label ul li ul{
           display: block;
           width: 100%;
           padding: 0px;
       }

       nav label ul li ul li,nav[data-xx] label ul li ul li{
           border-color:#e3e6e8
       }
   }

   /**********************************************************************************************/
   /* Kleinzeugs und Hilfsklassen
    */**********************************************************************************************/

    mark{
        display:inline-block;
        font-size:1.1rem;
        border-bottom:1px solid #e3e6e8;
        border-radius:1.5rem;
        background:#f4f5f6;
        color:#679;
        padding:.2rem 1.2rem;
        margin:0 .5rem .5rem 0
    }
    [data-att],[data-dtt]:disabled,[data-tt]{
        overflow:visible
    }
    [data-att]:after,[data-dtt]:disabled:after,[data-tt]:after{
        position:absolute;
        left:50%;
        top:0;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        z-index:2;
        background:#454f54;
        border-radius:3px;
        color:#fff;
        /*font-family:sans-serif;*/
        font-size:1.2rem;
        line-height:2.5;
        font-weight:300;
        letter-spacing:0;
        white-space:nowrap;
        padding:0 1rem;
        -webkit-transform:translate(-50%,-95%);
        transform:translate(-50%,-95%);
        text-transform:none
    }
    [data-att]:hover:after,[data-dtt]:disabled:hover:after,[data-tt]:hover:after{
        opacity:.9;
        visibility:visible;
        -webkit-transform:translate(-50%,calc(-100% - 5px));
        transform:translate(-50%,calc(-100% - 5px))
    }
    [data-tt]:after{
        content:attr(data-tt)
    }
    [data-dtt]:disabled:after{
        content:attr(data-dtt)
    }
    [data-att]:after{
        content:attr(href)
    }
    :after,:before,a,button,input,ul,li,select,textarea,tr,ul{
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    }

    [data-full]{
        width:100%
    }
    [data-hide]{
        display:none
    }
    [data-serif]{
        font-family:serif
    }
    [data-sans]{
        font-family:sans-serif
    }
    [data-mono]{
        font-family:monospace
    }
    [data-fs="xs"]{
        font-size:1.1rem
    }
    [data-fs="s"]{
        font-size:1.2rem
    }
    [data-fs="m"]{
        font-size:1.4rem
    }
    [data-fs="l"]{
        font-size:1.6rem
    }
    [data-fs="xl"]{
        font-size:2.4rem
    }
    [data-mt="0"]{
        margin-top:0
    }
    [data-mt="2"]{
        margin-top:2rem
    }
    [data-mt="4"]{
        margin-top:4rem
    }
    [data-mt="8"]{
        margin-top:8rem
    }
    [data-mb="0"]{
        margin-bottom:0
    }
    [data-mb="2"]{
        margin-bottom:2rem
    }
    [data-mb="4"]{
        margin-bottom:4rem
    }
    [data-mb="8"]{
        margin-bottom:8rem
    }
    [data-pt="0"]{
        padding-top:0
    }
    [data-pt="2"]{
        padding-top:2rem
    }
    [data-pt="4"]{
        padding-top:4rem
    }
    [data-pt="8"]{
        padding-top:8rem
    }
    [data-pb="0"]{
        padding-bottom:0
    }
    [data-pb="2"]{
        padding-bottom:2rem
    }
    [data-pb="4"]{
        padding-bottom:4rem
    }
    [data-pb="8"]{
        padding-bottom:8rem
    }
    [data-pa="0"]{
        padding:0
    }
    [data-pa="2"]{
        padding:2
    }
    [data-txt="l"]{
        text-align:left
    }
    [data-txt=r]{
        text-align:right
    }
    [data-txt=c]{
        text-align:center
    }
    [data-txt=j]{
        text-align:justify
    }



    /**********************************************************************************************/
    /* Custom
     */**********************************************************************************************/


     .textlarge {
         width: 100%;
         text-align:right;
         font-size: 1.5em;
         color: #000;
         padding-right: 15px;
     }

     /* Video-Container (zum responsiven Einbinden von Videos) */

     .video-container {
         position: relative;
         padding-bottom: 56.25%;
         padding-top: 0;
         height: 0;
         margin-bottom: 20px;
         overflow: hidden;
     }
     .video-container iframe,.video-container object,.video-container embed {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
     }
     .wp-block-getwid-media-text-slider-slide-content {
         position: unset;
     }

     /* Banner im Contentbereich */

     .banner {
         min-height: 60vh!important;
     }
     @media (max-width:600px){
         .banner {
             min-height: 40vh!important;
         }
     }
     .home .banner {
         min-height: 80vh!important;
     }

     /* Container mit Vollbreite, aber Inhaltspadding */

     p.alignfull , div.alignfull {
         width: 100vw;
         margin-left: calc(50% - 50vw);
         margin-bottom: 0px;
         margin-top: 0px;
         padding: 4rem 35%;
         box-sizing: border-box;
     }
     @media (max-width:1060px){
         p.alignfull , div.alignfull {
             width: 100vw;
             margin-left: calc(50% - 50vw);
             margin-bottom: 0px;
             margin-top: 0px;
             padding: 0;
             box-sizing: border-box;
         }
     }
     p.alignfull {
         padding-left: 9rem;
         padding-right: 9rem;
     }

     /* Container mit Vollbreite ohne Inhaltspadding */


     div.vollebreite {
         padding: 0;
     }


     /* Infoleiste */

     div.infoleiste {
         padding: 20px 80px;
         position: sticky;
         position: -webkit-sticky;
         top: 120px;
         font-family: 'Copper Penny', Arial, Sans Serif;
     }

     .infoleiste p a:not([data-btn])::before,.infoleiste p a[data-xx]:not([data-btn])::before {
         background: none;
     }

     @media (max-width:80rem){
         div.infoleiste {
             padding: 20px 10px;
         }
     }
     .infoleiste h3 {
         display: none;
     }

     .infoleiste * {
         color: #fff;
         font-size: 1.0rem;
         text-transform: uppercase;
         font-weight: 500;
     }

     .infoleiste p {
         margin: 0px;
     }

     div.dirs {
         padding: 10px 80px;
         border-bottom: 3px solid #9d0d16;
         text-align: center;
         z-index: 1;
     }

     @media (max-width:80rem){
         div.dirs {
             padding: 20px 10px;
         }
     }
     #d21-quickbook .material-icons.d21-input-icon, #d21-book-button.d21-btn.d21-primary {
     background-color: #9d0d16;
     }
     #d21-selected-day-price {
     display:none;
     }
     #d21-book-button.d21-btn.d21-primary.d21-pulse {
     background-color: #456c3c;
     }
     .d21-row{
         margin-bottom: 0;
     }
     .infobox {
         width: 25%;
         float: left;
         padding: 0px;
         text-align: center;
     }

     @media (max-width:60rem){
         .infobox {
             width:50%;
         }
     }

     /* Spalten-Block ohne Innenabstand */

     .keinmargin .wp-block-column {
         margin-left: 0px;
     }
     .keinmargin .wp-block-group__inner-container {
         padding: 3.1rem;
     }
     @media (max-width: 600px){
         .keinmargin .wp-block-group__inner-container {
             padding: 0.5rem;
         }
     }
     .keinpadding {
         padding:0!important;
     }


     /* 3-Spalten-Block (zum besseren Skalieren des Standardblocks mit drei Spalten)*/


     @media (max-width: 900px) and (min-width: 600px) {
         .dreispalter {
             display: block;
         }
         .dreispalter .wp-block-column {
             flex-basis: 100%!important;
         }
     }

     /* Cards */


     .card h4 {
         font-weight: 400;
     }
     .card{
         background:#fff;
         display:block;
         padding:.5rem;
         box-shadow:0 1px 4px 0 rgba(0,0,0,.2);
         border-radius:2px;
         margin:0 0 2rem 0
     }
     .card hr,.card hr[data-xx]{
         margin:1rem 0
     }
     .card>amp-img,.card>amp-img[data-xx],.card>amp-img[class^=i-amp],.card>amp-img[class^=-amp]{
         width:calc(100% + 4rem);
         max-width:none;
         margin:0 0 2rem -2rem;
         display:block
     }
     .card>amp-img:first-child,.card>amp-img[data-xx]:first-child,.card>amp-img[class^=i-amp]:first-child,.card>amp-img[class^=-amp]:first-child{
         margin:-2rem 0 2rem -2rem;
         border-top-left-radius:2px;
         border-top-right-radius:2px
     }
     .card>amp-img:last-child,.card>amp-img[data-xx]:last-child,.card>amp-img[class^=i-amp]:last-child,.card>amp-img[class^=-amp]:last-child{
         margin:0 0 -2rem -2rem;
         border-bottom-left-radius:2px;
         border-bottom-right-radius:2px
     }
     .card .wp-block-columns  {
         margin-bottom: 0px;
     }

     /* Flipboxen */

     .flipboxen a {
         color: #fff;
     }
     .flipboxen p a:not([data-btn]):before {
         display:none;
     }
     .flipboxen .wp-block-column {
         background-color: transparent;
         height: 100px;
         width: 100px;
         border: 1px solid #f1f1f1;
         perspective: 1000px;
     }

     .flipboxen .wp-block-column .wp-block-media-text {
         position: relative;
         width: 100%;
         height: 100%;
         text-align: center;
         transition: transform 0.8s;
         transform-style: preserve-3d;
         display: inherit;
     }

     .flipboxen .wp-block-column:hover .wp-block-media-text {
         transform: rotateY(180deg);
         cursor: pointer;
     }

     .flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__media, .flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__content {
         position: absolute;
         width: 100%;
         height: 100%;
         -webkit-backface-visibility: hidden; /* Safari */
         backface-visibility: hidden;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__media {
         background-color: #transparent;
         color: black;
     }

     .flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__media img {
         width: 90px;
     }

     .flipboxen .wp-block-column .wp-block-media-text .wp-block-media-text__content {
         background-color: #c00000;
         color: #fff;
         grid-column: auto;
         transform: rotateY(180deg);
     }

     /* Teaserblock */

     .teaserblock figure a:after {
         height: 0px;
     }
     .teaserblock figcaption /* Für die Teaserblöcke (Bild und Link-Balken drunter) */{
         text-align: left;
         margin-top: -8px;
         padding: 10px;
         font-size: 1.1em;
         font-weight: 400;
         color: #fff;
         background: #77263c;
     }
     .teaserblock figcaption a {
         color: #fff;
     }

     /* Nach oben überlappen */
     .ueberlappend {
         margin-top: -120px;
         z-index: 10;
     }
     .ueberlappt {
         padding-bottom: 150px!important;
     }




     /* Shine */

     .shine {
         margin: 0px;
         position:relative;
         transition: .4s all ease;
     }
     .shine .wp-block-column {
         display: block;
         position: relative;
         overflow: hidden;
     }
     .shine .wp-block-column::after, .shine .wp-block-column::before {
         position: absolute;
         top: 0;
         left: -95%;
         z-index: 2;
         display: block;
         content: '';
         width: 50%;
         height: 100%;
         background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0) 100%);
         background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0) 100%);
         -webkit-transform: skewX(45deg);
         transform: skewX(45deg);
         pointer-events: none;
     }
     .shine .wp-block-column::after {
         background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
         background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
     }
     .shine .wp-block-column::after {
         background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
         background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
     }
     .shine .wp-block-column:hover::before {
         -webkit-animation: shine 1s;
         animation: shine 1s;
     }
     .shine .wp-block-column:hover::before {
         -webkit-animation: shine 0.8s;
         animation: shine 0.8s;
         -webkit-animation-delay: 0.25s;
         -moz-animation-delay: 0.25s;
         -o-animation-delay: 0.25s;
         animation-delay: 0.25s;
     }

     @-webkit-keyframes shine {
         100% {
             left: 160%;
         }
     }

     @keyframes shine {
         100% {
             left: 160%;
             -webkit-transform: skewX(45deg);
             transform: skewX(45deg);
         }
     }

     /* "Letzte Posts"-Block */

     .wp-block-latest-posts a {
         display: block;
         width: 100%;
     }
     .wp-block-latest-posts h3 {
         min-height: 2.6em;
         font-weight: 500;
         font-size:2.5rem;
         letter-spacing: -.05rem;
     }
     .wp-block-latest-posts .beitragslink {
         display:block;
         width: 100%;
         padding: 1em 0;
         background: #000000;
         color: #fff;
         text-align: center;
     }

     /* Beitragsloop */


     .beitragsloop {
         border-bottom: 3px #ddd dotted;
         padding: 0 0 1rem;
         position:relative;
     }
     .beitragsloop img {
         width: 100%;
         margin: 2rem 0 0;
     }
     .beitragsloop h3 {
         font-size: 1.3rem;
         margin-top: 0.4rem;
     }


     /**********************************************************************************************/
     /* Custom Linkstyles (am Ende der Datei, damit !important vermieden wird)
      */**********************************************************************************************/

      nav ul a {
          color: #9d0d16;
      }
      a::after {
          content: '';
          display: block;
          width: 0;
          height: 2px;
          background: #9d0d16;
          transition: width .3s;
      }
      a:hover::after, a:active::after, .current_page_item > a::after, .current-menu-item > a::after, .current-menu-parent > a::after  {
          width: 100%;
          text-decoration: none;
      }
      .text-shadow-1 {
          text-shadow: 1px 1px 4px black;
      }
      .copyright {
          margin-bottom:0px;
      }



      /**********************************************************************************************/
      /* Gutenberg Farbpalette (!important nach Bug bei Update auf 5.5)
       */**********************************************************************************************/

       .has-rot-background-color {
           background-color: #9F1926 !important;
       }
       .has-aubergine-background-color {
           background-color: #9d0d16 !important;
       }
       .has-tuerkis-background-color {
           background-color: #51A3A3!important;
       }
       .has-weiss-background-color {
           background-color: #fff!important;
       }
       .has-rot-color {
           color: #9F1926 !important;
       }
       .has-aubergine-color {
           color: #9d0d16 !important;
       }
       .has-tuerkis-color {
           color: #51A3A3!important;
       }
       .has-weiss-color {
           color: #fff!important;
       }