@font-face {    
    font-family: OpenSans;
    src: url("fonts/RobotoSlab-Regular.ttf");
}

/* colors outsourced in stylesheets */

/* Startpage with two boxes */
.startpage-container {
    position: relative;
    width: 100%;
    padding: 50px 0px 50px 0px;
}
  
.startpage-box-image {
    opacity: 1;
    display: block;
    width: 80%;
    max-height: 530px;
    object-fit: cover;
    transition: .5s ease;
    backface-visibility: hidden;
    margin-left: auto;
    margin-right: auto;
}
  
.startpage-box-middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}
  
.startpage-container:hover .startpage-image {
    opacity: 0.3;
}
  
.startpage-container:hover .startpage-box-middle {
    opacity: 1;
}
  
.startpage-box-text {
    background-color: var(--headerColorBackground);
    color: var(--linkColorMenuItem);
    font-size: 24px;
    padding: 16px 32px;
}
  
.startpage-grid-container {
    display: grid;   
    /* Number of rows 1 */
    grid-template-rows: 100%;     
    /* Number of columns 2 */
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
}
  
.startpage-grid-item1 {
    background: #cd9fc5;
    text-align: center;
    border: black 5px solid;
}
  
.startpage-grid-item2 {
    background: #000000;
    text-align: center;
    border: black 5px solid;
}

html,body{width:100%;padding:0;margin:0; 
    background: var(--pageColorBackground);
    min-height:100%;font-family: OpenSans !important;position:relative; height:100%;line-height: 1.5;}
body{
    /* background-attachment: fixed; */
    background: repeat-y top center;
    /* background-size: cover; */
}
h1,h2,h3,h4,h5{color:#1c1c1c ;margin:0; word-break: break-word;}
h1{font-size:2em;margin-block-end: 1rem;}
h2{font-size:24px}
h3{font-size:1.5em}
span.unsichtbar{display:none;}
body.disableScroll {overflow: hidden;}
img {max-width: 100%;}
a{color:#1c1c1c ;text-decoration:none}
a:hover{color:#1c1c1c ;text-decoration:underline}
/* font {font-family: Arial, Helvetica, sans-serif !important;font-size: 16px !important; color:#000 !important} */
/* Unsichtbarer Titel fuer korrekte Title-Struktur */
.invisibleTitle {display: none;}

/* Logo */
#logo{ position: relative; z-index:200; max-width: 400px; width: 14%;}
#logo img{height:100%}
.logoText {
    position: absolute;
    /* margin-top: 20px;
    margin-left: 20px; */
    font-size: 1.4em;
    line-height: 15px;
    font-weight: bold;
    width: 100%;    
    color: var(--logoTextColor);
}

.headerbildWrapper{ flex-grow:1; padding: 0px 0px; display:flex; justify-content:center; width: 1500px; max-width:100%; margin: 1px auto; }

/* Header */
header{position:sticky; top:0; padding: 0px 0px; display:flex; justify-content:center; width:100%; box-sizing: border-box; flex-direction: column; height:80px; z-index: 200; 
    background: var(--headerColorBackground);
}

/* Header mittig ausrichten 
#headerWrapper{display:flex;width:100%;justify-content:space-between; height: 100%;} */

#headerWrapper{
    max-width: 1500px;
    width: 100%;
    margin: 1px auto;
    padding: 20px 50px;
    display: flex;
    justify-content:space-between;
    box-sizing: border-box;
    height: 100%;
}

#menu{display:flex;flex-direction: column;justify-content: space-between;}

#sprachwechsel{display:flex;flex-direction:column;justify-content:center;margin-left:10px;position:relative;z-index:200}
#sprachwechsel select{width:48px;padding:5px;border:none;font-size:24px;background:none;color: #1c1c1c ;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;outline:none;cursor:pointer}
#sprachwechsel select::-ms-expand{display:none}

#login,.loggedInUserInfo{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:200}
#login a,.loggedInUserInfo a{color: var(--linkColorMenuItem); position:relative; margin-left:10px; font-size:22px}
#login a:hover ,.loggedInUserInfo a:hover {text-decoration-color: var(--linkColorMenuUnderline); text-decoration-thickness: 2px;}

#login a {
    border-radius: 2em;
    padding: 0.3em;
    background-color: #999;
    display: block;
    margin: 10px;
    text-align: center;
  }

.loggedInUserInfo{font-size:16px;}
.loggedInUserInfo > div {display:flex;}
.loggedInUserInfo > div > div {align-self: center;}
#loginusername {color: var(--linkColorMenuItem);}

#subMenuIcon{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;cursor:pointer;position:relative;z-index:200;margin-left:15px; width: 23px;}
#subMenuIcon a{ height: 23px; }
#subMenuIcon img{ max-height:23px; width:100%; margin: auto;}
#subMenu {display:flex;justify-content: flex-end; 
    /* margin-right: 20px; */}

/* DesktopMenu */
div#desktopMenu {margin: 0px 10px 0 0;}
#desktopMenu #navi-menu > ul {padding:0;margin:0;list-style:none;display:flex;font-size: 22px;font-weight: bold; position: relative;}
#desktopMenu #navi-menu > ul > li {margin-left: 20px; padding-bottom: 20px;white-space: nowrap;}
#desktopMenu #navi-menu > ul > li a {text-decoration: none; position: relative;}
#desktopMenu #navi-menu > ul > li.menutitle-first{margin-left:0}
#desktopMenu #navi-menu ul.menuentry3Container, #desktopMenu #navi-menu ul.menuentry4Container {position:absolute;
    background: var(--headerColorBackground);
    display:none;
    white-space:nowrap;list-style:none;width:100%;justify-content:flex-end;left:0;border-top:solid 2px #1c1c1c;
}
/* Remove for level 2 main menu */
/* #desktopMenu #navi-menu ul.menuentry2Container{padding:19px 100vw 0;margin:19px 0 0 -100vw} */
#desktopMenu #navi-menu ul.menuentry3Container{padding:19px 100vw 19px 0;margin:19px 0 0 -100vw}
#desktopMenu #navi-menu > ul > li:hover > ul.menuentry2Container, #desktopMenu #navi-menu > ul > li:hover > ul.menuentry2Container > li:hover > ul.menuentry3Container{display:flex}
#desktopMenu #navi-menu ul.menuentry2Container > li, ul.menuentry3Container > li{margin:0 10px}
#desktopMenu #navi-menu ul.menuentry2Container > li:last-child, ul.menuentry3Container > li:last-child {margin-right: 0;}
#desktopMenu #navi-menu ul.menuentry2Container > li {padding-bottom: 20px;}
#desktopMenu #navi-menu > ul a{text-decoration:none;position:relative;color: var(--linkColorMenuItem)}
#desktopMenu #navi-menu > ul li:hover > a,#desktopMenu #navi-menu > ul li.menuActive > a{ text-decoration: underline; text-underline-position: under; 
    text-decoration-color: var(--linkColorMenuUnderline); 
    text-decoration-thickness: 2px; }

/* MobileMenu */
#mobileMenu nav{display:block;position:fixed;top:120px;left:100%;opacity:0;background:rgba(255, 255, 255, 0.9);z-index:100;height:calc(100vh - 120px);transition:.2s ease; padding: 20px 50px 20px 25px; overflow: scroll;}
#mobileMenu nav.is-active{display:block;opacity:1;transform: translate(-100%, 0);}
#mobileMenu nav > div{min-height:100%;display:flex;flex-direction:column;}
#mobileMenu nav #navi-menu > ul{flex-direction:column;font-size:30px;margin:50px!important;padding:0;}
#mobileMenu nav #navi-menu > ul ul.menuentry2Container, #mobileMenu nav #navi-menu > ul ul.menuentry3Container  {display:none;}
#mobileMenu nav #navi-menu > ul ul{padding:0;font-size: 26px;}
#mobileMenu nav #navi-menu > ul ul.menuentry3Container {font-size: 22px;}
#mobileMenu nav #navi-menu ul{list-style-type:none}
#mobileMenu nav #navi-menu li{margin:12px 0; position: relative;}
#mobileMenu nav #navi-menu a{position:relative; color: #1c1c1c ;text-decoration: none;}
#mobileMenu nav #navi-menu li.menuActive > a, 
#mobileMenu nav #navi-menu li > a:hover, 
#mobileMenu nav #navi-menu li:hover > a {text-decoration:none}
#mobileMenu #navi-menu > ul > li.has-dropdown:after{content:" ";width:14px;height:14px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg version="1.0" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 28" style="enable-background:new 0 0 40 28;" xml:space="preserve"><path d="M4.86,4.5L20,20.43L35.14,4.5" fill="%231c1c1c"/></svg>');position:absolute;top:19px;margin:0 0 0 12px;left:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
#mobileMenu #navi-menu > ul ul > li.has-dropdown:after{content:" ";width:14px;height:14px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg version="1.0" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 28" style="enable-background:new 0 0 40 28;" xml:space="preserve"><path d="M4.86,4.5L20,20.43L35.14,4.5" fill="%231c1c1c"/></svg>');position:absolute;top:16px;margin:0 0 0 12px;left:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
#mobileMenu #navi-menu > ul > li.has-dropdown.open:after {    transform: rotate(180deg);
    top: 17px;}
#mobileMenu #navi-menu > ul ul > li.has-dropdown.open:after{    transform: rotate(180deg);
    top: 14px;}

#mobileMenu nav #navi-menu li.has-dropdown.open > ul {display:block}

/* Burger */
#burger{flex-direction:column;justify-content:center;position: relative;z-index: 200;margin-left: 10px; display:none;}
.hamburger{cursor:pointer;height:24px}
.hamburger.is-active:hover,.hamburger:hover{opacity:.7}
.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;
    background-color: var(--menuIconColor)}
.hamburger--slider .hamburger-inner{top:2px}
.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}
.hamburger-inner:before{top:-10px}
.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}
.hamburger-inner:after{bottom:-10px}
.hamburger--slider .hamburger-inner:after{top:20px}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color: var(--menuIconColor)}
.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}

.IntroContentSeparator {margin-bottom: 20px;}

/* Seiteninhalt */
#content{ display:flex;flex-direction:column;min-height:100vh;position:relative;font-size: 16px;
    max-width: 1500px;
    margin: 1px auto;
}
#content > *{flex-shrink:0}
#content > main{flex-grow:1;
    /* Mit Ranken 1300px, ein wenig kleiner wegen Hintergrund mit Ranken */
    max-width:1500px;
    width:100%;
    margin: 1px auto;
    padding:50px;
    position:relative;
    box-sizing:border-box; 
    background-color: #fff;}
#content > main > #subnav{display:flex;height:80px;margin:0 auto;top:0;z-index:20;white-space:nowrap; display:none}
#content.nav-is-active > main > #subnav{z-index:0}
#content > main > #subnav > *{align-self:center}
#content > main > #subnav .menuentry2Container{display:flex;list-style:none;margin:0;padding:0;justify-content:center}
#content > main > #subnav .menuentry2Container li{font-size:18px;position:relative;margin:0 20px}
#content > main > #subnav .menuentry2Container a{color:#000;text-decoration:none}
#content > main > #subnav li.menuActive > a:after,#content > main > #subnav li > a:hover:after,#content > main > #subnav li:hover > a:after{content:" ";height:4px;width:100%;background:#1c1c1c ;position:absolute;top:100%;left:0}
#content > main > #subnav .menuentry3Container{display:flex;list-style:none;margin:0;padding:0;justify-content:center}
#content > main > #subnav .menuentry3Container li{font-size:18px;position:relative;margin:0 20px}
#content > main > #subnav .menuentry3Container a{color:#000;text-decoration:none}
body.bodybg{height:auto;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}
body.bodybg #content main {padding:50px; position: initial;margin: 250px auto 130px; min-height: calc(100vh - 380px - 74px);}
.kategorienbild{height:100vh;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
#content > main a {text-decoration: underline; text-underline-position: under; text-decoration-color: var(--linkColorContentText); text-decoration-thickness: 2px;}
#content > main a:hover {/* font-weight: bold; text-decoration: none; */ text-decoration-color: var(--linkColorContentUnderlineHover);}
/* Abstand nach obererm Seiteninhalt vor Formular etc. */
#cms_seiteninhalt {margin-bottom: 20px;}

/* Breadcrumb */
.breadcrumb{margin-right:30px}
.breadcrumb li:not(.pfad_listitem_1){display:none}
.breadcrumb li a{text-decoration:none;color:#1c1c1c ;font-weight:700;font-size:18px;position:relative}
.breadcrumb li a:before{content:" ";position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #1c1c1c ;margin-left:-5px;top:50%;transform:translate(85%,-35%) rotate(270deg);left:100%}
main #cms_inhaltsbereich> ul {padding:0}
.vorlageZurueckDetailBottomBox {display:flex; justify-content: space-between;}
.vorlageZurueckDetailBottomBox > a:nth-child(2) {display:none;}

/* Fusszeile */
footer{max-width:100%;width:100%;position:relative;bottom:0;box-sizing:border-box; 
    color: var(--linkColorFooterText); 
    background-color: var(--headerColorBackground);
    box-sizing:border-box;}
footer a{color: var(--linkColorFooterText);text-decoration:none}
footer a:hover{ 
    color: var(--linkColorFooterText);
    text-decoration: underline; text-underline-position: under; 
    text-decoration-color: var(--linkColorFooterUnderlineHover);
    text-decoration-thickness: 2px; }
footer a:visited {color: var(--linkColorFooterText) !important;}
footer ul{padding:0;margin:1em 0; list-style-type: none;}
footer li {margin:0 0 4px;}
footer .footerWrapper {
    max-width:1500px; width:100%; 
    margin: 1px auto;
    padding: 20px 50px; display:flex; box-sizing: border-box;}
footer .footerWrapper > div h3{font-size:1.5rem; color: var(--linkColorFooterText)}
footer .footerWrapper > div{display:flex;width:100%}
footer .footerWrapper > div > div {padding:25px 60px;font-size: 1.1rem;}
footer .footerWrapper > div:nth-child(1) > div{padding-left:0px}
/* Breite der 3 Boxen setzen */
footer .footerWrapper > div > div:nth-child(2){width:calc((100% / 3)% + 20px)}

footer .footerWrapperSocial {
    max-width:1500px; width:100%; 
    margin: 1px auto;
    padding: 20px 50px; display:flex; box-sizing: border-box;
}
footer .footerSocialIcon {
    height: 35px;
    width: 35px;
}

/* Tabellen */
table {white-space: nowrap; margin-bottom: 20px; border: solid 1px #eee; box-sizing: border-box;}
thead {background: #f5f5f5}
th {/*color:#fff;*/ text-align: left;}
table tbody tr:nth-child(2n) { background:#eee}
table tbody tr:hover {cursor: pointer;}
table th, tbody tr td {padding: 8px 10px}
tbody tr:hover > td {background:#ddd}

/* Downloadliste */
.blaettern{display:flex;justify-content:space-between}
span.blaetternPageLink a{color:#1c1c1c }
a.vorlage_titel{color:#1c1c1c}
.blaettern > div:nth-child(4) {display:none}
.blaettern img {position: relative; top: 2px;}

/* Form Login 
#content input:not([type="submit"]):not([type="reset"]), #content textarea, #content select{width:100%!important;box-sizing:border-box;border:solid 2px #1c1c1c ;font-size:19px;padding:5px 8px;max-width:300px}
#content select{color:#1c1c1c ;appearance:none;background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007576' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")}
#content input[type="submit"],input[type="reset"]{display:block;font-weight:400;color:#1c1c1c;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#abb8c3 ;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width:150px;margin:10px 20px 0 0}
#content input[type="submit"]:hover,input[type="reset"]:hover{ border-color:#1c1c1c }
form.loginForm > div > div.schrift_standard{margin-top:20px}
form.loginForm > div > div.schrift_standard:nth-child(3){display:flex;flex-wrap:wrap}
#content select {    padding: 5px 35px 5px 8px;    text-overflow: ellipsis; }
*/

/* Formular */
form > .schrift_standard > div {display:flex;flex-direction: column;}
input[type="text"],input[type="password"],input[type="email"], textarea, select{background:#fff;padding:5px 9px;border:2px solid rgba(1,1,1,0.4);font-size:20px !important;margin-bottom:5px;box-sizing: border-box;max-width: 100%;}
input[type="text"]:focus-visible,input[type="password"]:focus-visible,input[type="email"]:focus-visible {outline-color: var(--linkColorContentBackground); border-color: var(--linkColorContentBackground);}
input[type="submit"],input[type="reset"]{display:inline-block;font-weight:400;color:#fff;text-align:center;
    /* vertical-align:middle; */
    cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
    background-color: var(--btnColorBackground); 
    border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width:150px;margin-top:10px;
    text-decoration: underline; text-underline-position: under;     
    text-decoration-color: var(--btnColorUnderline);
    text-decoration-thickness: 2px;
}
input[type="submit"]:hover,input[type="reset"]:hover{
    background-color:var(--btnColorBackground); border-color: var(--btnColorBorder);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    text-decoration-color: var(--btnColorUnderline);
}
input[type="text"]:-webkit-autofill,input[type="password"]:-webkit-autofill,input[type="email"]:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover,input[type="password"]:-webkit-autofill:hover,input[type="email"]:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus,input[type="password"]:-webkit-autofill:focus,input[type="email"]:-webkit-autofill:focus,
input[type="text"]:-webkit-autofill:active,input[type="password"]:-webkit-autofill:active,input[type="email"]:-webkit-autofill:active,
input[type="text"]:-webkit-autofill::first-line,input[type="password"]:-webkit-autofill::first-line,input[type="email"]:-webkit-autofill::first-line{font-size:20px!important}
input[type="checkbox"] {width: 25px !important;height:20px}
input[type="radio"] {
    height: 18px;
    width: 18px;
    position: relative;
    top: 3px;
}
fieldset {margin:0 0 10px; max-width: 660px;}
fieldset >div {display:flex; flex-direction: column;}
fieldset input[type="text"], fieldset input[type="password"],fieldset input[type="email"], fieldset textarea, fieldset select {width:100%;}
select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}
/* Kontakt-Formularfelder maximale Breite */
form[name="KontaktForm"] input[type="text"], form[name="KontaktForm"] input[type="email"], form[name="KontaktForm"] textarea, form[name="KontaktForm"] select {width:100%; max-width: 50%;}
/* Newsletter-Formularfelder maximale Breite */
form[name="newsletter"] input[type="text"], form[name="newsletter"] input[type="email"], form[name="newsletter"]  textarea, form[name="newsletter"]  select {width:100%; max-width: 50%;}
/* Farbe Fehlermeldungen */
.errormeld, .formerror {color: var(--textColorError) !important;}
.inputerror {border-color: var(--textColorError) !important;}
.formlabel {margin-top: 15px;}

/* Passwortgeschuetzte Seite */
form[name='authentification'] .schrift_standard:last-of-type {display:flex;}
form[name='authentification'] > div > div {margin-bottom: 10px;}
form[name='authentification'] .schrift_standard:last-of-type input {margin-right: 10px;}
form[name='authentification'] input[type="text"],form[name='authentification'] input[type="password"]{width:315px;max-width:100%}

/* Startseite Tourdaten  (meid=56) */
#onePageLayout56 #vorlageListContainer75 {display:flex; flex-wrap: wrap; justify-content: flex-start; margin:0 0 0 -20px}
/* 2 Eintraege pro Zeile */
#onePageLayout56 #vorlageListContainer75 .vorlage_columnFlexible {max-width: 370px; margin:0 0 20px 20px; width:100%}
#onePageLayout56 #vorlageListContainer75 .vorlage_columnFlexible > .vorlage_entry, #onePageLayout56 .vorlage_columnFlexible > .vorlage_entry > div {height:100%;}
#onePageLayout56 .vorlage_columnFlexible > .vorlage_entry { /* background-color: #f4f4f4; */ }
/* Oberen Seitentext ausblenden */
#onePageLayout56 #cms_seiteninhalt {display: none;}
#onePageLayout56 .IntroContentSeparator {display: none;}
/* Tourdaten Hauptmenuepunkt (meid=75) */
#vorlageListContainer75 {display:flex; flex-wrap: wrap; justify-content: flex-start; margin:0 0 0 -20px}
/* 1 Eintrag pro Zeile */
#vorlageListContainer75 .vorlage_columnFlexible {max-width: 1360px;margin:0 0 20px 20px;width:100%}
#vorlageListContainer75 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer75 .vorlage_columnFlexible > .vorlage_entry > div {height:100%;}
#vorlageListContainer75 .vorlage_columnFlexible > .vorlage_entry { /* background-color: #f4f4f4; */ }

.tourdaten-item{    
    padding: 30px 30px 10px 30px;    
    transition:all .3s cubic-bezier(.25,.8,.25,1);height:100%}

.tourdaten-item *{color:#000!important;user-select:none}
.tourdaten-item a{
    /* text-decoration:none!important; color:#000; display:flex;flex-direction:column;justify-content:space-between;height:100%; */
}
.tourdaten-item-bild{float: left; width: 300px; max-width: 97%; margin-right: 50px; padding-bottom: 30px;}

/* Startseite */
#onePageLayout56 .tourdaten-item-bild{float: left; width: 200px; max-width: 97%; margin-right: 50px; padding-bottom: 30px;}

.tourdaten-item-bild img{width: 40%; height: 20%; /* height:300px; */ object-fit:cover;object-position:center; min-height: 50px;
    background-color: var(--itemColorImgBackground);    
    padding-bottom: 3px;}
.tourdaten-item-text{float: left; /* max-width: 70%; */ box-sizing:border-box; min-width: 200px;}
.tourdaten-item-titel2,.tourdaten-item-titel{margin:0 0 10px}
.tourdaten-item-beschreib {padding-bottom: 30px;}

/* Fetisch - Preise (meid=72) und Erotik - Preise (=84) */
#vorlageListContainer72, #vorlageListContainer84 {display:flex; flex-wrap: wrap; justify-content: space-evenly; margin:0 0 0 -20px; column-gap: 20px; row-gap: 20px;}
#vorlageListContainer72 .vorlage_columnFlexible, #vorlageListContainer84 .vorlage_columnFlexible {max-width: 1360px; margin:0 0 20px 20px; /* display: flex; */ flex: 28%;}
#vorlageListContainer72 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer72 .vorlage_columnFlexible > .vorlage_entry > div {height:100%;}
#vorlageListContainer84 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer84 .vorlage_columnFlexible > .vorlage_entry > div {height:100%;}
#vorlageListContainer72 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer84 .vorlage_columnFlexible > .vorlage_entry { background-color: #f4f4f4;}
.preise-item{    
    padding: 30px 30px 10px 30px;    
    transition:all .3s cubic-bezier(.25,.8,.25,1);height:100%}

.preise-item *{color:#000!important;user-select:none}
.preise-item a{
    /* text-decoration:none!important; color:#000; display:flex;flex-direction:column;justify-content:space-between;height:100%; */
}
.preise-item-bild{float: left; width: 170px; max-width: 97%; /* margin-right: 50px; padding-bottom: 30px; */}
.preise-item-bild img{width: 40%; height: 20%; /* height:300px; */ object-fit:cover;object-position:center; min-height: 50px;
    background-color: var(--itemColorImgBackgroundDark);    
    padding-bottom: 3px;}
.preise-item-text{float: left; max-width: 70%; box-sizing:border-box; min-width: 200px;}
.preise-item-titel2,.preise-item-titel{margin:0 0 10px}
.preise-item-beschreib {padding-bottom: 30px;}

/* Fetisch Services (meid=70) und Erotik Services (meid=93) */
#vorlageListContainer70, #vorlageListContainer93 {
    display:flex; 
    margin:0 0 0 -20px; 
    justify-content: space-evenly;
    flex-wrap: wrap;}
#vorlageListContainer70 .vorlage_columnFlexible, #vorlageListContainer93 .vorlage_columnFlexible{max-width:calc(1030px / 3); margin:0 0 20px 20px; width:100%}
#vorlageListContainer70 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer70 .vorlage_columnFlexible > .vorlage_entry > div {height:100%;}
#vorlageListContainer93 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer93 .vorlage_columnFlexible > .vorlage_entry > div {height:100%;}
.services-item{    
    /* background-color:#1c1c1c; */
    transition:all .3s cubic-bezier(.25,.8,.25,1); 
    height:100%}
.services-item:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.services-item *{color:#000000; user-select:none}
.services-item a{text-decoration:none!important;color:#000000;display:flex;flex-direction:column;justify-content:space-evenly;height:100%}
.services-item-bild{max-height:300px}
.services-item-bild img{width:100%;height:300px;object-fit:cover;object-position:center;min-height:300px;background-color: #fff;}
.services-item-text{width:100%;box-sizing:border-box;padding:20px;}
.services-item-titel2,.angebot-item-titel{margin:0 0 10px}
/* .services-mehr {background-repeat:no-repeat;background-position:right 1rem center;background-size:2em; height: 1.5em;padding-bottom: 20px;} */

/* Farbe Boxen Fetisch - Services */
#vorlageListContainer70 .vorlage_columnFlexible:nth-child(1) {
    /* Box 1 */    
    background-color: #edab94;
}
#vorlageListContainer70 .vorlage_columnFlexible:nth-child(1) .services-item * {
    color: #000000 !important;
}
#vorlageListContainer70 .vorlage_columnFlexible:nth-child(2) {
    /* Box 2 */    
    background-color: #f7d07a;
}
#vorlageListContainer70 .vorlage_columnFlexible:nth-child(2) .services-item * {
    color: #000000 !important;
}
#vorlageListContainer70 .vorlage_columnFlexible:nth-child(3) {
    /* Box 3 */    
    background-color: #edab94;
}
#vorlageListContainer70 .vorlage_columnFlexible:nth-child(3) .services-item * {
    color: #000000 !important;
}

/* Farbe Boxen Erotik - Services */
#vorlageListContainer93 .vorlage_columnFlexible:nth-child(1) {
    /* Box 1 */    
    background-color: #fbda0e;    
}
#vorlageListContainer93 .vorlage_columnFlexible:nth-child(1) .services-item * {
    /* color: #000000 !important; */
}
#vorlageListContainer93 .vorlage_columnFlexible:nth-child(2) {
    /* Box 2 */    
    background-color: #c4c04a;
}
#vorlageListContainer93 .vorlage_columnFlexible:nth-child(3) {
    /* Box 3 */    
    background-color: #fbda0e;

}

/* Galerie Grid Ambiente (meID = 98) */
#cmsPage98 #content main{max-width:100%;padding:80px 0 0}
#cmsPage98 #content main section{margin:0;position:relative}
#cmsPage98 #content main section h1.seitentitel,#cmsPage98 #content main section h2.vorlage_titel,#cmsPage98 #content main section .vorlage_pictureBottomMarginBildtitel{display:none}
#cmsPage98 #content main section{overflow:hidden;height:100vh}
#cmsPage98 #content main section .vorlage_columnFlexible{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,calc(100vh / 3));grid-column-gap:0;grid-row-gap:0}
#cmsPage98 #content main section .vorlageTitleBox{display:none}
#cmsPage98 #content main section .vorlage_entry{grid-column:span 3;grid-row:span 1;overflow:hidden}
#cmsPage98 #content main section .vorlage_entry img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;background:transparent}
#cmsPage98 #content main section .vorlage_entry > div{width:100%;height:100%;position:relative}
#cmsPage98 #content main section .vorlage_entry div.gallery-description{position:absolute;width:100%;height:auto;top:0;left:0;background:var(--main-bg-color);z-index:0;box-sizing:border-box;text-align:center;font-size:20px;padding:20px;top: 50%;transform: translate(0, -50%);}
#cmsPage98 #content main section .vorlage_entry div.gallery-description h2{font-size:2.25vh;margin-bottom:10px}
#cmsPage98 #content main section #cms_seiteninhalt{position:absolute}
#cmsPage98 #content main section:not(:first-child) {border-top: solid 8px var(--main-bg-color)}

/* Galerie */
.galleryContainer {margin-top: 25px;}
.galleryList {display: flex !important; justify-content: space-between; flex-wrap: wrap; row-gap: 25px; column-gap: 25px;}
.galleryImg {width: auto !important;}

/* Ueber mich */
.aboutMeLeft{float: left; width: 45%;}
.aboutMeRight{float: right; width: 50%;}
.aboutMePic{}

/* Startseite */
body.startseite{height:auto;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}
#content.startContent {position: initial; min-height: auto; margin:0}
#content.startContent main > * {padding: 0 0 100px}
#content.startContent main {padding:50px; position: initial;margin: 100px auto; min-height: calc(100vh - 380px - 74px);}
section#intro .introBG{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:bottom;
    /* kein Parallax: background-attachment: fixed; */
}
section#intro {height:87vh;position:relative}
section#intro img{max-width:500px;position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%); max-height: 20vh;}
section#intro a#scrolldown{content:" ";position:absolute;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:21px solid #1c1c1c ;top:100vh;transform:translate(-50%,-400%);left:50%; display:none}

section#intro .slogan{ 
    line-height: 42px;
    font-size: 37px;
    font-weight: bold;
    position: absolute;
    right: 100px;
    bottom: 310px;
    max-width: 500px;
    min-width: 490px;
}
section#intro .sloganArrowLeft {
    display: inline-block;
    font-size: 430px;
    position: absolute;
    right: 530px;
    bottom: 225px;
    opacity: 0.3;
    text-shadow: none;
}
section#intro .sloganArrowRight {
    display: inline-block;
    font-size: 430px;
    position: absolute;
    right: 50px;
    bottom: 40px;
    opacity: 0.3;
    text-shadow: none;
}

/* Aktuelles  */
/*
#content.startContent main > .aktuelles{z-index:1;min-height:auto;position:relative;padding-top:200px}
.aktuelles-cards {display:flex;flex-wrap:wrap;margin:0 0 0 -20px}
.aktuelles-item{background-color:#1c1c1c;transition:all .3s cubic-bezier(.25,.8,.25,1); max-width:calc(1350px / 3);margin:0 0 20px 20px;width:100%}
.aktuelles-item:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.aktuelles-item *{color:#fff!important;user-select:none}
.aktuelles-item a{text-decoration:none!important;color:#000;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.aktuelles-item-bild{max-height:300px;background-color: #fff;}
.aktuelles-item-bild img{width:100%;height:300px;object-fit:cover;object-position:center;min-height:300px}
.aktuelles-item-text{width:100%;box-sizing:border-box;padding:20px}
.aktuelles-item-titel2,.aktuelles-item-titel{margin:0 0 10px}
.aktuelles-mehr {background-repeat:no-repeat;background-position:right 1rem center;background-size:2em;background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffffff' viewBox='0 0 20 20'> <path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/> </svg>"); height: 1.5em;padding-bottom: 20px;}
*/

/* Aktuelles/Zuletzt angesehen - Startseite */
#aktuelles {margin-top: 36px;}
#aktuelles-cards {
    column-count:3; 
    column-gap:1em;    
}
/* Standard Hyperlink-Formatierung entfernen fuer Text in Box */
#aktuelles-cards article a {text-decoration: none;}

#aktuelles-cards article {background-color:#1c1c1c;transition:all .3s cubic-bezier(.25,.8,.25,1); max-width:calc(1350px / 3); margin:0 0 20px 20px; width:100%;}

#aktuelles-cards article .news-title {text-decoration: underline; text-underline-position: under; text-decoration-color: #f6227b; text-decoration-thickness: 2px;}
#aktuelles-cards article .news-title:hover {text-decoration-color: #abb8c3;}

#aktuelles-cards article:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}

#aktuelles-cards article {background-color:transparent;margin:0 0 1em;flex-direction:column; box-sizing:border-box;border:solid 1px #abb8c3;color:#000; width: 100%; display: block;
    -webkit-column-break-inside: avoid;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;}
#aktuelles-cards article .article-content {padding: 20px;}

#aktuelles-cards article:hover .news-description {font-weight: normal;}
#aktuelles-cards article img {width:100%;}
#aktuelles-cards article .news-title{ /* font-size: 20px; color: #0A589D; font-weight: bold; */ }
#aktuelles-cards.columnCount2 {column-count: 2}

/* Aktuelles - Detail */
#cmsPage116 .vorlage_list { display:block; }
#cmsPage116 .vorlageZurueckDetailBottomBox .vorlageZurueckDetail {display: none;}
#cmsPage116 #cms_inhaltsbereich {position: relative;}
#cmsPage116 .vorlageZurueckDetailTopBox {position: absolute;display:flex; justify-content: flex-end;}
#cmsPage116 .vorlage_entry{border-bottom:solid 1px #ccc;padding:0 0 10px}

.vorlageTitleBox h2 {/* font-size: 1em; */ font-weight: normal; color: #000000;}
.vorlageTitleBox h2 a:hover {font-weight: bold;}

/* Agenda */
#content.startContent main #vorlageListContainer151 .vorlage_columnFlexible{max-width:700px;width:100%;position: relative;}
#content.startContent main #vorlageListContainer151 .vorlage_columnFlexible:nth-child(1){border-top:solid 2px #1c1c1c}
#content.startContent main #vorlageListContainer151 .vorlage_columnFlexible.is-active .agenda-item-beschreibung{max-height:100vh;transition-delay: 0.225s;}
#content.startContent main #vorlageListContainer151 .vorlage_columnFlexible:after{content:" ";position:absolute;width:100%;height:120px;top:48px;background-repeat:no-repeat;background-position:right 2rem center;background-size:1em;background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80px' height='45px' viewBox='0 0 80 45' xml:space='preserve'><polyline fill='none' stroke='%231c1c1c' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' points='0,0 40,45 80,0'/></svg>"); transform: translate(0, -50%);cursor: pointer;}
#content.startContent main #vorlageListContainer151 .vorlage_columnFlexible.is-active:after {background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80px' height='45px' viewBox='0 0 80 45' xml:space='preserve'><polyline fill='none' stroke='%231c1c1c' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' points='0,45 40,0 80,45'/></svg>");}
.agenda-item{display:flex;flex-wrap:wrap;border-bottom:solid 2px #1c1c1c; padding:20px 0;cursor: pointer}
.agenda-item-left{margin-right:20px}
.agenda-item-datum{font-size:14px; color: #1c1c1c;}
.agenda-item-right{margin:0 20px; max-width: calc(100% - 180px);}
.agenda-item-titel2 {display:none}
.agenda-item-titel2 h4{font-size:14px; color: #aaa;}
.agenda-item-beschreibung{width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease; margin: 20px 0 0 110px;}
#content.startContent main #vorlageListContainer157 .vorlage_columnFlexible{max-width:700px;width:100%;position: relative;}
#content.startContent main #vorlageListContainer157 .vorlage_columnFlexible:nth-child(1){border-top:solid 2px #1c1c1c}
#content.startContent main #vorlageListContainer157 .vorlage_columnFlexible.is-active .agenda-item-beschreibung{max-height:100vh;transition-delay: 0.225s;}
#content.startContent main #vorlageListContainer157 .vorlage_columnFlexible:after{content:" ";position:absolute;width:100%;height:120px;top:48px;background-repeat:no-repeat;background-position:right 2rem center;background-size:1em;background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80px' height='45px' viewBox='0 0 80 45' xml:space='preserve'><polyline fill='none' stroke='%231c1c1c' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' points='0,0 40,45 80,0'/></svg>"); transform: translate(0, -50%);cursor: pointer;}
#content.startContent main #vorlageListContainer157 .vorlage_columnFlexible.is-active:after {background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80px' height='45px' viewBox='0 0 80 45' xml:space='preserve'><polyline fill='none' stroke='%231c1c1c' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' points='0,45 40,0 80,45'/></svg>");}

/* Linkliste */
div#vorlageListContainer192 .vorlage_columnFlexible {display:flex;flex-wrap:wrap;margin:0 0 40px -20px}
div#vorlageListContainer192 .vorlage_entry {width:335px;margin:20px 0 0 20px}
div#vorlageListContainer192 .vorlage_entry > div {max-width: 335px; height:100%}
div#vorlageListContainer202 .vorlage_columnFlexible {display:flex;flex-wrap:wrap;margin:0 0 40px -20px}
div#vorlageListContainer202 .vorlage_entry {width:335px;margin:20px 0 0 20px}
div#vorlageListContainer202 .vorlage_entry > div {max-width: 335px; height:100%}
#cmsPage192 .vorlageKategorie {display:none;}
.linklist-item{width:335px;background:#abb8c3;color:#1c1c1c!important;box-sizing:border-box;padding:15px;height:100%;min-height: 102px;}
.linklist-item a{color:#fff;text-decoration:none}
.linklist-item:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.linklist-item a:hover {text-decoration: none;}
.linklist-item-titel {font-weight: bold;}

/* Neuigkeiten Startseite de (meid=56) und en (meid=60): 3-spaltig, Bild oben */
#vorlageListContainer56, #vorlageListContainer60 {display:flex;flex-wrap:wrap;margin:0 0 0 -20px}
#vorlageListContainer56 .vorlage_columnFlexible, #vorlageListContainer60 .vorlage_columnFlexible {max-width:calc(1350px / 3); margin:0 0 20px 20px; width:100%}
#vorlageListContainer56 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer56 .vorlage_columnFlexible, #vorlageListContainer60 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer60 .vorlage_columnFlexible > .vorlage_entry > div {height:100%;}

.angebot-item{
    background-color:#f4f4f4;
    transition:all .3s cubic-bezier(.25,.8,.25,1);height:100%}
.angebot-item:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.angebot-item *{color:#000!important;user-select:none}
.angebot-item a{text-decoration:none!important;color:#000;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.angebot-item-bild{max-height:300px}
.angebot-item-bild img{width:100%;height:300px;object-fit:cover;object-position:center;min-height:300px;background-color: #fff;}
.angebot-item-text{width:100%;box-sizing:border-box;padding:20px;}
.angebot-item-datum{}
.angebot-item-titel2,.angebot-item-titel{margin:0 0 10px}
/* .angebot-mehr {background-repeat:no-repeat;background-position:right 1rem center;background-size:2em;background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23000000' viewBox='0 0 20 20'> <path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/> </svg>"); height: 1.5em;padding-bottom: 20px;} */
.angebot-mehr {width: 30px; padding-left: 88%;}

/* Buchvorstellung de (meid=48) und en (meid=63) */
#vorlageListContainer48, #vorlageListContainer63 {display:flex;flex-wrap:wrap;margin:0 0 0 -20px}
#vorlageListContainer48 .vorlage_columnFlexible, #vorlageListContainer63 .vorlage_columnFlexible {max-width: 1360px;margin:0 0 20px 20px;width:100%}
#vorlageListContainer48 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer48 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer63 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer63 .vorlage_columnFlexible > .vorlage_entry > div {height:100%;}
#vorlageListContainer48 .vorlage_columnFlexible > .vorlage_entry, #vorlageListContainer63 .vorlage_columnFlexible > .vorlage_entry { background-color: #f4f4f4; }
.buchvorstellung-item{    
    padding: 30px 30px 10px 30px;    
    transition:all .3s cubic-bezier(.25,.8,.25,1);height:100%}

.buchvorstellung-item *{color:#000!important;user-select:none}
.buchvorstellung-item a{text-decoration:none!important;color:#000;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.buchvorstellung-item-bild{float: left; width: 300px; max-width: 97%; margin-right: 50px; padding-bottom: 30px;}
.buchvorstellung-item-bild img{width: 100%; /* height:300px; */ object-fit:cover;object-position:center;min-height:300px;background-color: #fff;}
.buchvorstellung-item-text{float: left; width: 70%; box-sizing:border-box; min-width: 200px;}
.buchvorstellung-item-titel2,.buchvorstellung-item-titel{margin:0 0 10px}
.buchvorstellung-btn { 
    border: 2px solid #f6227b;
    background-color: white;
    color: black;    
    padding: 14px 28px;    
    margin-top: 15px;
    text-align: center;
    cursor: pointer;}
.buchvorstellung-btn:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.buchvorstellung-item-detail-box {clear: both; margin-top: 25px;}
.buchvorstellung-symbol-info {float: left; width: 60px; height: 60px; background-image: url('https://www.jenny-massagen.ch/images/info-alt-svgrepo-com.svg'); background-repeat: no-repeat; background-size: 40px; text-shadow: white 0px 0px 2px; padding-bottom: 20px;}
.buchvorstellung-item-beschreib-detail {float: left;}
.buchvorstellung-item-category { 
    float: left;
    letter-spacing: 0.33333333em;    
    font-size: 0.75rem;
    position: absolute;
    left: 210px;
    text-decoration: none;
    text-transform: uppercase;    
    transform-origin: 100% 0;
    transform: rotate(-90deg) translateY(-35%);
    /* fixe Groesse ist wichtit, damit Woerter mit unterschiedlichen Laengen gleich positioniert werden */
    width: 190px;
    height: 30px;
    text-align: right;}

/* Lesehistorie */
.bookhistory-item{    
    padding: 30px 30px 10px 0px;    
    transition:all .3s cubic-bezier(.25,.8,.25,1);height:100%}

/*
.bookhistory-item *{color:#000!important;user-select:none}
.bookhistory-item a{text-decoration:none!important;color:#000;display:flex;flex-direction:column;justify-content:space-between;height:100%}
*/

#bookhistory-item a {text-decoration: underline; text-underline-position: under; text-decoration-color: #f6227b; text-decoration-thickness: 2px;}
#bookhistory-item a:hover {text-decoration-color: #abb8c3;}

.bookhistory-item-bild{float: left; width: 300px; margin-right: 50px; padding-bottom: 30px;}
.bookhistory-item-bild img{width: 100%; /* height:300px; */ object-fit:cover;object-position:center;min-height:300px;background-color: #fff;}
.bookhistory-item-text{float: left; width: 70%; box-sizing:border-box; min-width: 200px; margin-bottom: 30px;}
.bookhistory-item-datum{font-weight: bold;}
.bookhistory-item-titel{margin: 0px}
.bookhistory-btn { 
    border: 2px solid #f6227b;
    background-color: white;
    color: black;    
    padding: 14px 28px;    
    margin-top: 15px;
    text-align: center;
    cursor: pointer;}
.bookhistory-btn:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}

/* Suche */
.sresult1,.sresult2{margin-bottom:20px}
h1.sresult_title{font-size:1.5em;margin:0}
.sresult_link{text-decoration: underline; text-underline-position: under; text-decoration-color: #abb8c3; text-decoration-thickness: 2px;}

@media all and (max-width: 1500px) {
	#content > main > #subnav {display:none}

    section#intro {height: 85vh;}
    section#intro .slogan{ 
        line-height: 35px;
        font-size: 30px;
        font-weight: bold;
        position: absolute;
        right: 100px;
        bottom: 200px;
        max-width: 500px;
        min-width: 490px;
    }
    section#intro .sloganArrowLeft {
        display: inline-block;
        font-size: 330px;
        position: absolute;
        right: 540px;
        bottom: 100px;
        opacity: 0.3;
        text-shadow: none;
    }
    section#intro .sloganArrowRight {
        display: inline-block;
        font-size: 330px;
        position: absolute;
        right: 50px;
        bottom: 10px;
        opacity: 0.3;
        text-shadow: none;
}
@media all and (max-width: 1450px) {
    #content > main {
        /* Mit Ranken 90%, Inhaltsbereich ein wenig kleiner wegen Hintergrund mit Ranken */
        width: 100%;
    }

    /* Galerieseite Ambiente (meid=98) Spalten */
    #cmsPage98 #content main section .vorlage_columnFlexible .vorlage_columnFlexible{grid-template-columns:repeat(9,1fr);}
    .buchvorstellung-item-text {width: 67%;}    
}

@media (max-width: 1240px) {        
    .buchvorstellung-item-text{width: 50%;}    
    
    /* Ueber mich */
    .aboutMeLeft{float: left; width: 100%;}
    .aboutMeRight{float: left; width: 100%; padding-top: 20px;}
    .aboutMePic{max-width: 95% !important; height: auto !important;}      
}

@media all and (max-width: 1050px) {
    /* Startpage */
    .startpage-grid-container {
        /* Number of rows 2 */        
        grid-template-rows: 50% 50%;  
        /* Number of columns 1 */
        grid-template-columns: 1fr;
        grid-gap: 5px;
    }

    /* Aktivierung mobile Menue */
    div#quicknav {display:none;}
    div#desktopMenu {display:none;}
    #burger {display:flex;}
    #menu {flex-direction: row;}

    /* Menu-Icon nach rechts positionieren */
    #logo {    
        max-width: none;
        width: 100%;
    }
    
    .logoText {width: 44%;}
    /* #suche img{max-height:33px;} */
    /* .footerWrapper > div:nth-child(2) {display:flex; flex-direction: column;} */
    /* .loggedInUserInfo span{display:none} */
    /* div#vorlageListContainer139 .vorlage_entry{min-width:auto;max-width:100%} */
    section#intro img {max-width: calc(100% - 50px);}
    nav #navi-menu li.menuActive > a,nav #navi-menu li > a:hover,nav #navi-menu li:hover > a{text-decoration:underline;text-underline-position:under}
    nav #navi-menu li.menuActive > a:after,nav #navi-menu li > a:hover:after,nav #navi-menu li:hover > a:after{content:" ";height:4px;width:100%;background:#1c1c1c ;position:absolute;top:100%;left:0;display: none;}
    /* Textumbruch auch wenn nicht korrekt: #content a {word-break: break-all} */

    /* Querformat */
    section#intro {height: 95vh;} /* Hochformat: 75 */
    section#intro .slogan{ 
        line-height: 35px;
        font-size: 30px;        
        right: 50px;
        bottom: 30px;
        max-width: 500px;
        min-width: 490px;
    }
    section#intro .sloganArrowLeft {
        font-size: 170px;        
        right: 530px;
        bottom: 50px;       
    }
    section#intro .sloganArrowRight {        
        font-size: 170px;
        position: absolute;
        right: 25px;
        bottom: 5px;                
    }

    #aktuelles-cards {column-count: 2 !important}
    .vorlage_list > div {min-width: auto; width:100%}

    /* Kontakt-Formularfelder maximale Breite */
    form[name="KontaktForm"] input[type="text"], form[name="KontaktForm"] input[type="email"], form[name="KontaktForm"]  textarea, form[name="KontaktForm"]  select {width:100%; max-width: 90%;}
    /* Newsletter-Formularfelder maximale Breite */
    form[name="newsletter"] input[type="text"], form[name="newsletter"] input[type="email"], form[name="newsletter"]  textarea, form[name="newsletter"]  select {width:100%; max-width: 90%;}
    
    .footerWrapper {flex-direction: column;}
    footer .footerWrapper > div {border-bottom:solid 1px #000000; width: 100% !important;}
    footer .footerWrapper > div:last-child{border-bottom: none;}
    footer .footerWrapper > div > div {padding:35px 25px 35px 0}
}

@media all and (max-width: 850px) {    
    .buchvorstellung-item-text {width: 100%;}
}

@media all and (max-width: 800px) {    
    .logoText {width: 44%;}    
    /* .footerWrapper > div:nth-child(2) {display:flex; flex-direction: column;} */
    /* .loggedInUserInfo span{display:none} */
    /* div#vorlageListContainer139 .vorlage_entry{min-width:auto;max-width:100%} */
    section#intro img {max-width: calc(100% - 50px);}
    nav #navi-menu li.menuActive > a,nav #navi-menu li > a:hover,nav #navi-menu li:hover > a{text-decoration:underline;text-underline-position:under}
    nav #navi-menu li.menuActive > a:after,nav #navi-menu li > a:hover:after,nav #navi-menu li:hover > a:after{content:" ";height:4px;width:100%;background:#1c1c1c ;position:absolute;top:100%;left:0;display: none;}
    /* Textumbruch auch wenn nicht korrekt: #content a {word-break: break-all} */

    /* Querformat */
    section#intro {height: 95vh;} /* Hochformat: 75 */
    section#intro .slogan{ 
        line-height: 35px;
        font-size: 30px;        
        right: 50px;
        bottom: 100px;
        max-width: 500px;
        min-width: 490px;
    }
    section#intro .sloganArrowLeft {
        font-size: 170px;        
        right: 530px;
        bottom: 120px;       
    }
    section#intro .sloganArrowRight {        
        font-size: 170px;
        position: absolute;
        right: 25px;
        bottom: 5px;                
    }
}
@media all and (max-width: 710px) {    
    #content > main{
        /* kein Hintergrund mit Ranken, voller Platz fuer Inhalt */
        width: 100%;
    }

    .logoText {width: 50%;}
    #aktuelles-cards {column-count: 1 !important}
}
@media all and (max-width: 670px) {
    #loginusername {display: none;}
    #headerWrapper {padding: 10px 20px;}  
    #logo { padding-top: 10px; }/* padding: 0px; */ /* margin-top: 0px; margin-left: 0px; */
    .logoText {width: 50%;}
    #content > main {padding: 45px 20px}
    /* header {padding: 30px 20px} */
    #content.startContent main {padding:0 20px 50px}
    footer .footerWrapper {padding: 10px 20px}    
    footer .footerWrapperSocial {padding: 10px 20px}    

    section#intro {height: 75vh;}
    section#intro .slogan{ 
        line-height: 28px;
        font-size: 23px;        
        right: 10px;
        bottom: 50px;
        max-width: 410px;
        min-width: 390px;
    }
    section#intro .sloganArrowLeft {
        font-size: 120px;        
        right: 370px;
        bottom: 70px;        
    }
    section#intro .sloganArrowRight {        
        font-size: 120px;
        position: absolute;
        right: 25px;
        bottom: 5px;    
    }
    .mapFrame {width: 400px; height: 380}
}
@media all and (max-width: 590px) {    
    .logoText {width: 53%;}    
}
@media all and (max-width: 550px) {
    .logoText {width: 57%;}
}
@media all and (max-width: 500px) {    
    .logoText {width: 70%;}
    #mobileMenu nav {width:100%; box-sizing: border-box;}
    #mobileMenu nav #navi-menu > ul {margin:0 !important}

    section#intro .slogan{ 
        line-height: 23px;
        font-size: 18px;        
        right: 10px;
        bottom: 50px;
        max-width: 340px;
        min-width: 300px;
    }
    section#intro .sloganArrowLeft {
        font-size: 120px;        
        right: 290px;
        bottom: 70px;        
    }
    section#intro .sloganArrowRight {        
        font-size: 120px;
        position: absolute;
        right: 25px;
        bottom: 5px;    
    }

    /* Kategorie unterhalb dem Bild platzieren */
    .buchvorstellung-item-category {         
        position: static;        
        transform: none;
        width: 97%;
        text-align: center;}
    .buchvorstellung-item{    
        padding: 30px 10px 10px 10px;    
    }
    .buchvorstellung-item-bild {
        width: 97%;
        margin-right: 10px;
    }

    .mapFrame {width: 330px; height: 290}
}