/* Theme Name: LeftTheme
 * Theme URI: https://leftwp.com
 * Author: LeftWP
 * Author URI: http://leftwp.com/
 * Description: WordPress / WooCommerce / LeftTheme von LeftWP
 * Version: automatic
 * License: Copyright LeftWP
 * License URI: https://leftwp.com
 * Text Domain: leftwp
 */
@charset "UTF-8";

/* --------------------------------------------------------------------------------- */
/* General ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@font-face     { font-family:'Open Sans'; font-style: normal; font-weight: 500; 
                 src: url('include/OpenSans-Regular.ttf'); font-display: swap;}
.standardfont  { font-family:'Open Sans' !important; }


html           { margin: 0; padding: 0;}
body           { margin:  var(--leftwp_app_lefttheme_var_Body_Margin); 
                 padding: var(--leftwp_app_lefttheme_var_Body_Padding); 
                 max-width: 100%; }
*              { font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; 
                 font-style: normal; }
#leftwpWrap {
   margin:0; padding:0;
   line-height: 1.8em; font-size: 1.05em; outline: 0; 
   -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; 
   z-index:0
}

/* --------------------------------------------------------------------------------- */
/* Mobile Switches ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.onlymobile, .is-style-onlymobile { display: none }
.nomobile, .is-style-nomobile   { display: block }

.onlytablet, .is-style-onlytablet { display: none }
.notablet, .is-style-notablet   { display: block }

/* --------------------------------------------------------------------------------- */
/* header -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

.leftwpHeader { 
   width:              var(--leftwp_app_lefttheme_var_Header_Width ); 
   padding:            var(--leftwp_app_lefttheme_var_Header_Padding); 
   height:             var(--leftwp_app_lefttheme_var_Header_Height); 
   background:         var(--leftwp_app_lefttheme_var_Header_Background); 
   -webkit-box-shadow: var(--leftwp_app_lefttheme_var_Header_Shadow); 
   -moz-box-shadow:    var(--leftwp_app_lefttheme_var_Header_Shadow); 
   box-shadow:         var(--leftwp_app_lefttheme_var_Header_Shadow);
   z-index:1; position:absolute; top:0; left:0; 
   /*overflow:hidden;*/
   display: flex; flex-flow: row no-wrap; flex-wrap: row no-wrap; 
   flex-direction: row; justify-content: flex-start; align-content: stretch; 
}
.leftwpHeaderSticky { position: fixed; z-index:1; top:0; left:0;  }
.leftwpHeader a.custom-logo-link { display: block }
.leftwpHeader img.custom-logo    { margin-right: 20px; width: var(--leftwp_app_lefttheme_var_Logo_Width); max-width: var(--leftwp_app_lefttheme_var_Logo_Width); height: var(--leftwp_app_lefttheme_var_Logo_Height) }

/* --------------------------------------------------------------------------------- */
/* header menu --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.leftwpHeader ul.menu               { min-height:var(--leftwp_app_lefttheme_var_Header_Height); 
                                      margin:0; padding: 5px 0 0 0; overflow: hidden; 
                                      display: flex; flex-flow: row no-wrap; flex-wrap: row no-wrap; flex-direction: row; justify-content: flex-start; align-content: stretch; }
.leftwpHeader ul.menu li            { display:inline-block; list-style: none; margin: 0 20px 0 0; padding:0; }
.leftwpHeader ul.menu li:last-child { margin: 0 0 0 0; }
.leftwpHeader ul.menu li.current-menu-item a { text-shadow: 0px 0px 1px rgb(0, 0, 0, .3); }
.leftwpHeader ul.menu li:hover      { text-shadow: 0px 0px 1px rgb(0, 0, 0, .3); }
.leftwpHeader ul.menu li a          { font-size: var(--leftwp_app_lefttheme_var_MenuFontSize); 
                                      line-height: var(--leftwp_app_lefttheme_var_MenuLineHeight); 
                                      text-transform: var(--leftwp_app_lefttheme_var_MenuLinkTransform);
                                      color: var(--leftwp_app_lefttheme_var_Menu_LinkColor); 
                                      height: var(--leftwp_app_lefttheme_var_Header_Height);
                                      display: block; text-decoration: none; 
                                      font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif;
                                      font-weight: normal; white-space: nowrap;  }
.leftwpHeader ul.menu li a img      { height: 16px; margin-top:1px; max-width: none }
.leftwpHeader ul.menu li.menu-item-has-children > a:after { content: "\25BC"; margin-left: 5px; font-size: 5px; }

/* icons */
#leftwpIconsMenu         { margin-left: auto; padding-left: 20px; width: fit-content; }
#leftwpIconsMenu ul.menu { justify-content: flex-end; }

/* submenu -----------------------------------*/
.leftwpHeader ul.menu li ul         { 
   display:          none; 
   top:              calc( var(--leftwp_app_lefttheme_var_Header_Height) + 15px ); 
   position:         absolute; 
   z-index:          100000; 
   padding:          15px 20px 0px 10px; 
   background-color: var(--leftwp_app_lefttheme_var_SubMenu_Background); 
}
.leftwpHeaderSticky ul.menu li ul   { position: fixed; }
.leftwpHeader ul.menu li:hover > ul { display: block; position: absolute; }
.leftwpHeader ul li ul li   { display:block !important; padding: 25px 20px 5px 15px ; border-bottom: 1px solid rgb( 255,255,255,.3); margin:0 0 0 10px;  }
ul.menu li ul li:last-child { display:block; border-bottom: 0; padding-bottom: 0px }
ul.menu li ul li a          { color:var(--leftwp_app_lefttheme_var_Menu_LinkColor); 
                              text-transform: none !important; text-shadow: none; margin: 5px 5px 5px 2px; height: unset; }
ul.menu li ul li a:hover    { text-shadow: 0px 0px 1px rgb(0, 0, 0, .3); }
*/
/* no sub sub menu */
ul.menu li.menu-item-has-children ul li.menu-item-has-children > a:after { content: ""; }
ul.menu li ul li:hover > ul { display:none !important}


/* --------------------------------------------------------------------------------- */
/* Content         ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#leftwpContentWrapper { 
   margin:0; 
   display: flex; flex-wrap: no-wrap; 
   flex-direction: row; justify-content: flex-start; 
   gap: 0;
   flex-basis:     var(--leftwp_app_lefttheme_var_Wrap_Width);
   padding-top:    var(--leftwp_app_lefttheme_var_Wrap_Padding_Top); 
   padding-right:  var(--leftwp_app_lefttheme_var_Wrap_Padding_Right); 
   padding-bottom: var(--leftwp_app_lefttheme_var_Wrap_Padding_Bottom); 
   padding-left:   var(--leftwp_app_lefttheme_var_Wrap_Padding_Left); 
   min-height:     var(--leftwp_app_lefttheme_var_Wrap_MinHeight); 
   overflow-x:hidden; 
}
#leftwpSidebarLeft { 
   flex-basis: var(--leftwp_app_lefttheme_var_SideBarLeft_Width);
   flex-grow: 0; overflow-x:hidden;
   padding: var(--leftwp_app_lefttheme_var_SideBarLeft_Padding);
   width: var(--leftwp_app_lefttheme_var_SideBarLeft_Width);
}
#leftwpContent {
   color:var(--leftwp_app_lefttheme_var_textcolor);
   flex-basis: var(--leftwp_app_lefttheme_var_Content_Width);
   flex-grow: 0; 
   padding: var(--leftwp_app_lefttheme_var_Content_Padding);
   width:100%; max-width:100%;
   z-index:0
}
#leftwpSidebarRight {
   flex-basis: var(--leftwp_app_lefttheme_var_SideBarRight_Width); 
   flex-grow: 0; overflow-x:hidden;
   padding: var(--leftwp_app_lefttheme_var_SideBarRight_Padding);
   width: var(--leftwp_app_lefttheme_var_SideBarRight_Width);
}


/* --------------------------------------------------------------------------------- */
/* Footer -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
#leftwp_footer { 
   background-color: var(--leftwp_app_lefttheme_var_Footer_Background);
   padding:          var(--leftwp_app_lefttheme_var_Footer_Padding);
   width:            var(--leftwp_app_lefttheme_var_Footer_Width);
   color:            var(--leftwp_app_lefttheme_var_Footer_TextColor);
}
#leftwp_footer a { color: var(--leftwp_app_lefttheme_var_Footer_LinkColor); } 
#leftwp_footer :where(.wp-block-columns) { margin-bottom:0 } /* fuck WP */





/* --------------------------------------------------------------------------------- */
/* Navigation ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.leftwpNavi { 
   margin-right: var(--leftwp_app_lefttheme_var_Wrap_Padding_Right);
   margin-left:  var(--leftwp_app_lefttheme_var_Wrap_Padding_Left); 
   margin-top: 20px; 
   margin-bottom: 40px; 
   width: max-content; max-width: 100%; 
   padding: 3px 20px 5px 5px; 
   border-radius: 4px;
   background-image: url('include/images/home.png'); background-size: 20px; background-position: 8px 9px;
   background-repeat: no-repeat; background-color: rgba(247, 247, 247, .5); 
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 2px rgba(0, 0, 0, 0.2); 
}
.leftwpNavi ul                      { list-style-type: none; display: flex; flex-direction: row; margin: 0; }
.leftwpNavi ul li                   { margin-right: 10px; list-style-type: none;}
.leftwpNavi ul li::before           { content: "" !important;  }
.leftwpNavi ul li::after            { content: "\00BB"; margin-left: 10px; color:grey}
.leftwpNavi ul li:last-child::after { display: none}
.leftwpNavi ul li a                 { color: grey; font-size: 14px; font-weight: normal}
.leftwpNavi ul li a:hover           { color: black}




/* --------------------------------------------------------------------------------- */
/* END STANDARD CSS with variables          ---------------------------------------- */
/* --------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* WP Corrections        ----------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.wp-block-cover  { padding:0 }
.wp-block-cover__inner-container { width: 100% !important }
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll !important }
/*p.has-background { padding: 5px }*/
.wp-block-image.aligncenter, .aligncenter { margin: 0 auto 0 auto; display: block !important; text-align:center }
.has-text-align-center { text-align:center; margin: 0 auto 0 auto !important; }
.has-text-align-right { text-align: right; margin: 0 0 0 auto !important; }


/* Columns               ----------------------------------------------------------- */
.wp-block-columns { display:flex; margin-bottom: 0px; padding:0 0 0 0 !important; flex-wrap:nowrap; gap: 0 20px; flex-direction: row; }
.leftcolumns      { display:flex; margin-bottom: 0px; padding:0 0 0 0 !important; flex-wrap:nowrap; gap: 0 20px; flex-direction: row; width: 100%; }
.nogap, .is-style-nogap { gap: 0; margin-bottom:0 }
.nogap .wp-block-column, .is-style-nogap .wp-block-column{ padding:0 !important}
.wp-block-column, .leftcolumn  { flex-basis:0; flex-grow:1; min-width:0; word-break:break-word; overflow-wrap:break-word;
                    padding: 10px !important; overflow: hidden; box-sizing: border-box;}
.wp-block-columns .wp-block-column:has( div.wp-block-cover ) { padding: 0 !important; } 
.wp-block-column[style*=flex-basis] { flex-grow:0 }

#leftwpContent ul, #leftwp_footer ul            { padding-left: 0px; margin: 0}
#leftwpContent ul li, #leftwp_footer ul li         { list-style-type: none; padding-bottom: 10px; margin: 0px; padding-left: 12px; line-height: 1.6em; /* text-align:left;  */}
#leftwpContent ul li::before, #leftwp_footer ul li::before { content: "-"; display: inline-block; width: 12px; margin-left: -12px }
#leftwpContent ul li.is-style-block, #leftwpContent ul li.block, #leftwpContent ul li.is-block, #leftwp_footer ul li.is-style-block, #leftwp_footer ul li.block, #leftwp_footer ul li.is-block { text-align: justify; }
#leftwpContent ul li strong:first-child{  margin-left: -5px }

ul.horiz, ul.is-style-horiz { 
   display:flex; margin-bottom:10px; flex-wrap:wrap; gap: 10px; flex-direction: row; 
   list-style-type: none; justify-content: center; }
ul.horiz li, ul.is-style-horiz li { padding: 0 10px !important }
ul.horiz li::before, ul.is-style-horiz li::before { display:none; content: '' !important; width: 0 !important; margin:0 !important}


/* images                 ----------------------------------------------------------- */
.wp-block-image, .wp-block-image figure  { margin-top:0; margin-bottom: 0}
.wp-block-image, figure { max-width: 100% !important; width: 100%; margin:0 !important}
.wp-block-image img { height: auto!important;   }
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { width: calc( 100% - 80px); }
.alignwide img { height: auto !important; margin-right: 20px }
.wp-block-media-text .wp-block-media-text__media > img { margin: 0 20px 0 20px }
.wp-block-media-text.has-media-on-the-right > img { margin: 0 0 0 20px }
figure.alignright > img, figure.alignright > a > img { margin-left: auto ; display: block }
.nowrap, .is-style-nowrap { flex-wrap: nowrap !important; }

/* search                 ----------------------------------------------------------- */
.wp-block-search input[type=search], .wp-block-search input[type=text] { 
   border-radius: 5px; padding: 12px 8px 12px 8px; line-height: 2; min-height: 30px;
   border: 1px solid #949494; flex-grow: 1;   }
.wp-block-search input[type=text] { min-width: 80%; font-size: 1.08em;} /* only on search page */
.wp-block-search button, .wp-block-search input[type=submit] { 
   border-radius: 5px;padding: 13px 18px 13px 18px; line-height: 2; min-height: 30px;
   border: 1px solid #949494; }

/* div                    ----------------------------------------------------------- */
.wp-block-separator { border-top-width: 1px }


/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* REGISTERED STYLES     ----------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.is-style-fulltop, .fulltop  { 
   background-size: cover !important;
   margin-top: calc( var(--leftwp_app_lefttheme_var_Wrap_Padding_Top) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Top) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Top) );
   margin-right:  0;
   margin-bottom: 0;
   margin-left: calc( var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) );
   padding-top: 0;
   padding-right: var(--leftwp_app_lefttheme_var_Wrap_Padding_Right);
   padding-bottom:  0;
   padding-left: var(--leftwp_app_lefttheme_var_Wrap_Padding_Left);
   width: calc( 100% + var(--leftwp_app_lefttheme_var_Wrap_Padding_Right) + var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) ); 
   position: relative;
   z-index: -10;
}
.is-fulltop img, .fulltop img { size: cover !important}

.is-style-fullback, .fullback {
   margin-top:    0;
   margin-right:  0;
   margin-bottom: 0;
   margin-left: calc( var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) - var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) ) !important;
   width: calc( 100% + var(--leftwp_app_lefttheme_var_Wrap_Padding_Right) + var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) ) ; 
   max-width: calc( 100% + var(--leftwp_app_lefttheme_var_Wrap_Padding_Right) + var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) ) !important; 
   background-size: cover !important
}
.is-style-fullback img, .fullback img { width: calc( 100% + var(--leftwp_app_lefttheme_var_Wrap_Padding_Right) + var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) ); } 
   
.is-style-mid100, .mid100, .div100, .is-div     { width: 100% !important; margin: 0 auto 0 auto !important; padding:0 }
.is-style-mid90, .mid90, .div90     { width: 90% !important; margin: 0 auto 0 auto !important; padding:0 }
.is-style-mid80, .mid80, .div80     { width: 80% !important; margin: 0 auto 0 auto !important; padding:0 }
.is-style-mid70, .mid70, .div70     { width: 70% !important; margin: 0 auto 0 auto !important; padding:0 }
.is-style-mid60, .mid60, .div60     { width: 60% !important; margin: 0 auto 0 auto !important; padding:0 }
.is-style-mid50, .mid50, .div50     { width: 50% !important; margin: 0 auto 0 auto !important; padding:0 }

.is-style-dropshadow, .dropshadow { filter: drop-shadow( 1px 1px 2px rgb(0, 0, 0, .3) ); }
.is-style-boxshadow, .boxshadow  { -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow:  0px 0px 2px rgba(0, 0, 0, 0.3); }

.is-style-textshadow, .textshadow { text-shadow: 1px 1px 2px #c0bebe; }

.is-style-linkbox, .linkbox, .is-linkbox, .leftclick, .blanklinkbox, .is-style-blanklinkbox { cursor: pointer }

.subselect, .subselect .wp-block-cover, .is-style-subselect, .is-style-subselect .wp-block-cover { padding:0 !important;  }
.subselect a, .is-style-subselect a, .is-style-subselect, .subselect { letter-spacing: 0; text-shadow: 1px 1px 2px #c0bebe; }
.is-style-subselect .wp-block-cover__inner-container, .subselect .wp-block-cover__inner-container { width: 100% !important }

.is-style-subselect p.has-background, .subselect p.has-background{ padding: 10px !important }


/* --------------------------------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* REGISTERED BLOCKS     ----------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.is-block, .is-style-block, .block { text-align: justify; }











/* --------------------------------------------------------------------------------- */
/* buttons   ----------------------------------------------------------------------- */ 
/* --------------------------------------------------------------------------------- */
.wp-block-columns .wp-block-column.button,  .wp-block-columns .wp-block-column.leftbutton{ 
            background-color: var(--leftwp_app_lefttheme_var_button_background);  
            padding: 10px 20px 10px 20px; margin-bottom: 7px; border-radius: 4px; cursor:pointer; line-height: 1.6em; 
            text-align:center; -webkit-box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); -moz-box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); }
.wp-block-columns .wp-block-column.button a, .wp-block-columns .wp-block-column.leftbutton a     { 
            color: var(--leftwp_app_lefttheme_var_button_text); font-weight:normal;}
.wp-block-columns .wp-block-column.button:hover, .wp-block-columns .wp-block-column.leftbutton:hover { 
            background: var(--leftwp_app_lefttheme_var_button_hover); cursor:pointer;}
p.button, .is-style-button, p.leftbutton, .is-style-leftbutton, .leftbutton   { 
            /* margin-bottom: 7px ;*/ width:fit-content; background-color: var(--leftwp_app_lefttheme_var_button_background); cursor:pointer;
            border-radius: 4px 4px 4px 4px; padding: 5px 20px 7px 20px !important; color: var(--leftwp_app_lefttheme_var_button_text);
            -webkit-box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); -moz-box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); }
.button:hover, .is-style-button:hover, .leftbutton:hover, .is-style-leftbutton:hover {     
            background-color: var(--leftwp_app_lefttheme_var_button_hover) !important;  }
.button:hover > a, .is-style-button:hover > a, .leftbutton:hover > a, .is-style-leftbutton:hover > a { /* filter: brightness(125%);*/
            background: var(--leftwp_app_lefttheme_var_button_hover);  }
p.button a, p.is-style-button a, .is-style-button a, p.leftbutton a, p.is-style-leftbutton a, .is-style-leftbutton a { 
            border:0; color: var(--leftwp_app_lefttheme_var_button_text); white-space: nowrap; 
            cursor:pointer; line-height: 1.6em; text-align:center; font-weight: normal; }
input.button, input.is-style-button, input.leftbutton, input.is-style-leftbutton { 
            margin: 0px 0 20px 0; width: fit-content; border-radius: 4px; background: var(--leftwp_app_lefttheme_var_button_background); border:0; 
            color: var(--leftwp_app_lefttheme_var_button_text); white-space: nowrap; -webkit-box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); -moz-box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); 
            padding: 10px 20px 10px 20px; cursor:pointer; line-height: 1.6em; text-align:center; font-weight: normal; font-size: 1.05em;}
.has-text-align-right.is-style-button, .has-text-align-right.button, .has-text-align-right.leftbutton, .has-text-align-right.is-style-leftbutton  { text-align: right; margin: 0 7px 0 auto !important; }


/* --------------------------------------------------------------------------------- */
/* comments  ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* Comment List */
.leftwpCommentTitle { font-weight: bold; margin: 40px 0 10px 0; border-top: 1px solid rgb(187, 187, 187); padding-top: 10px;}
#leftwpContent .leftwpComments ul                 { margin: 0;  }
#leftwpContent .leftwpComments ul li              { margin: 0 0 20px 0 }
#leftwpContent .leftwpComments ul li::before      { content: ''; width: 0 }
#leftwpContent .leftwpComments ul li span.cauthor { font-style: italic; font-size: small; }
/* Comment Input */
.leftwpComments .logged-in-as { display: none }
.leftwpComments .required { display: none }
.leftwpComments .comment-form-comment label { display: block;  }
.leftwpComments p { margin-bottom: 10px; }
.leftwpComments label { font-size:12px; }
.leftwpComments input, .leftwpComments input[type=text], .leftwpComments input[type=email], .leftwpComments input[type=url] { 
            border-radius: 4px; border: 1px solid rgb(156, 154, 154); font-size: 16px; line-height: 25px;
            max-width: calc( 100% - 5px ); 
            position: absolute; left: calc( var(--leftwp_app_lefttheme_var_Wrap_Padding_Left) + 70px )} 
.leftwpComments input[type=checkbox] {  position: unset; margin-top: 10px }
label[for=wp-comment-cookies-consent] { margin-left: 5px; }
.leftwpComments input.submit { position: unset; background-color: var(--leftwp_app_lefttheme_var_button_background); color: var(--leftwp_app_lefttheme_var_button_text); 
            padding: 10px 20px 10px 20px; margin: 2px 0 7px 0; border-radius: 5px; cursor:pointer; line-height: 1.6em; 
            text-align:center; -webkit-box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); -moz-box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); box-shadow: 4px 3px 7px -2px rgba(0,0,0,0.6); }
.leftwpComments .comment-notes { display: none; }
.leftwpComments textarea#comment { max-width: calc( 100% - 5px );  }



/* --------------------------------------------------------------------------------- */
/* Galery    ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
.wp-block-gallery { display: flex; flex-wrap: wrap; gap:20px; max-width: 100%; }
.wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 50% - 20px ); }
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 33% - 20px ); }
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 25% - 20px ); }
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 20% - 20px ); }
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 16% - 20px ); }
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 14% - 20px ); }
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { flex-basis: calc( 12% - 20px ); }


/* Latest Posts */
#leftwpContent ul.wp-block-latest-posts            { margin: 0; ; }
#leftwpContent ul.wp-block-latest-posts li         { margin: 0 0 20px 0; text-align:center }
#leftwpContent ul.wp-block-latest-posts li a       { font-weight: normal; font-size: 14px; line-height: 14px}
#leftwpContent ul.wp-block-latest-posts li::before { content: ''; width: 0; }
.wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 5px }
#leftwpContent ul.wp-block-latest-posts.columns-2 li  { width: calc( 50% - 20px ) }
#leftwpContent ul.wp-block-latest-posts.columns-3 li  { width: calc( 33% - 20px ) }
#leftwpContent ul.wp-block-latest-posts.columns-4 li  { width: calc( 25% - 20px ) }
#leftwpContent ul.wp-block-latest-posts.columns-5 li  { width: calc( 20% - 20px ) }
#leftwpContent ul.wp-block-latest-posts.columns-6 li  { width: calc( 16% - 10px ) }



/* --------------------------------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* Special styles        ----------------------------------------------------------- */
/*                       ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

/* Text                  ----------------------------------------------------------- */
h1, h1 a, h2, h3, h4, h5, h2 a, h3 a, h4 a, h5 a  { 
              font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; 
              outline: 0; letter-spacing: 0.0em; font-weight:normal; line-height: 140%; margin: 0;
              margin-top: 0 !important; margin-bottom: 0 !important; word-break:break-word;overflow-wrap:break-word;
            }
h1, h1 a    { font-size: var(--leftwp_app_lefttheme_var_h1size); color: var(--leftwp_app_lefttheme_var_h1color); }
h2, h2 a    { font-size: var(--leftwp_app_lefttheme_var_h2size); color: var(--leftwp_app_lefttheme_var_h2color); }
h3, h3 a    { font-size: var(--leftwp_app_lefttheme_var_h3size); color: var(--leftwp_app_lefttheme_var_h3color); }
h4, h4 a    { font-size: var(--leftwp_app_lefttheme_var_h4size); color: var(--leftwp_app_lefttheme_var_h4color); }
h5, h5 a    { font-size: var(--leftwp_app_lefttheme_var_h5size); color: var(--leftwp_app_lefttheme_var_h5color); }
a           { color:var(--leftwp_app_lefttheme_var_linkcolor); text-decoration: none; font-weight: bold;
              word-break:break-word; overflow-wrap:break-word; }
p           { margin:0; padding:0; word-break:break-word; overflow-wrap:break-word; }
.small, .has-small-font-size { font-size: 11px; line-height: 18px; }
em          { font-style: italic; }
.center, .aligncenter     { text-align:center; margin: 0 auto 0 auto; display:block !important }
.has-text-align-left { text-align: left; margin-left: 0 !important; width: fit-content; }
.has-text-align-left.is-style-mid90, .has-text-align-left.mid90, .has-text-align-left.div90 { margin-left: auto !important }
.has-text-align-left.is-style-mid80, .has-text-align-left.mid80, .has-text-align-left.div80 { margin-left: auto !important }
.has-text-align-left.is-style-mid70, .has-text-align-left.mid70, .has-text-align-left.div70 { margin-left: auto !important }
.has-text-align-left.is-style-mid60, .has-text-align-left.mid60, .has-text-align-left.div60 { margin-left: auto !important }
.has-text-align-left.is-style-mid50, .has-text-align-left.mid50, .has-text-align-left.div50 { margin-left: auto !important }

.rounded    { border-radius: 5px; }
.nopadding, .is-style-nopadding { padding: 0 !important }
.padding10 { padding: 10px !important }
.padding20 { padding: 20px !important }
.wp-block-cover .nopadding, .wp-block-cover .is-style-nopadding { padding: 0 !important }
.wp-block-column .nopadding, .wp-block-column .is-style-nopadding { padding: 0 !important }


/* Silly WP Colors */
.has-white-color, .has-white-color a, .is-style-leftbutton.has-white-color > a { color: #ffffff; } .has-white-background-color                 { background-color: #ffffff; } 
.has-black-color, .has-black-color a, .is-style-leftbutton.has-black-color > a { color: #000000; } .has-black-background-color                 { background-color: #000000; } 
.has-pale-pink-color, .has-pale-pink-color a, .is-style-leftbutton.has-pale-pink-color > a                   { color: #f78da7; } .has-pale-pink-background-color             { background-color: #f78da7; } 
.has-vivid-red-color, .has-vivid-red-color a, .is-style-leftbutton.has-vivid-red-color > a                   { color: #cf2e2e; } .has-vivid-red-background-color             { background-color: #cf2e2e; } 
.has-pale-cyan-blue-color, .has-pale-cyan-blue-color a, .is-style-leftbutton.has-pale-cyan-blue-color > a    { color: #8ed1fc; } .has-pale-cyan-blue-background-color        { background-color: #8ed1fc; } 
.has-vivid-cyan-blue-color, .has-vivid-cyan-blue-color a, .is-style-leftbutton.has-vivid-cyan-blue-color > a { color: #0693e3; } .has-vivid-cyan-blue-background-color       { background-color: #0693e3; } 
.has-vivid-purple-color, .has-vivid-purple-color a, .is-style-leftbutton.has-vivid-purple-color > a          { color: #9b51e0; } .has-vivid-purple-background-color          { background-color: #9b51e0; } 
.has-cyan-bluish-gray-color, .has-cyan-bluish-gray-color a, .is-style-leftbutton.has-bluish-gray-color > a   { color: #abb8c3; } .has-cyan-bluish-gray-background-color      { background-color: #abb8c3; } 
.has-luminous-vivid-orange-color, .has-luminous-vivid-orange-color a, .is-style-leftbutton.has-luminous-vivid-orange-color > a { color: #ff6900; } .has-luminous-vivid-orange-background-color { background-color: #ff6900; } 
.has-luminous-vivid-amber-color, .has-luminous-vivid-amber-color a, .is-style-leftbutton.has-luminous-vivid-amber-color > a    { color: #fcb900; } .has-luminous-vivid-amber-background-color  { background-color: #fcb900; } 
.has-light-green-cyan-color, .has-light-green-cyan-color a, .is-style-leftbutton.has-light-green-cyan-color > a                { color: #7bdcb5; } .has-light-green-cyan-background-color      { background-color: #7bdcb5; } 
.has-vivid-green-cyan-color, .has-vivid-green-cyan-color a, .is-style-leftbutton.has-vivid-green-cyan-color > a                { color: #00d084; } .has-vivid-green-cyan-background-color      { background-color: #00d084; } 




/* --------------------------------------------------------------------------------- */
/* Cookies ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/*
#leftsuite_cookies { position: absolute; top:0; left:0; z-index: 998; width: calc( 100% - 30px ); padding: 30px 15px 10px 15px; 
                     height: auto; background:white; border-bottom: 1px solid grey; }
#leftsuite_cookies .button { cursor:pointer; float: right; color:white; margin-right: 10px }




/* --------------------------------------------------------------------------------- */
/* comments  ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/*
.leftsuiteComment, .comment-respond { margin: 50px 0 20px 0 }
.leftsuiteComment h3, h3.comment-reply-title { font-size: 1.2em;  }
.leftsuiteComment .logged-in-as, .logged-in-as { display:none }
.leftsuiteComment p.comment-form-comment label, p.comment-form-comment label { display: none; }
.leftsuiteComment textarea, .comment-respond textarea { color: rgba(0,0,0,.87); margin: 10px 0 10px 0; outline: none;
   font-size: 16px; line-height: 24px; height: 140px;
   padding: 8px 2px 8px 8px; width: calc( 100% - 16px ); border: 1px solid #dfe1e5;
   border-radius: 4px; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif;}
.leftsuiteComment input.submit, .comment-respond input.submit { background: var(--leftsuite_var_buttons); margin: 0; border:0; color:var(--leftsuite_var_button_color) !important;
   padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer  }
#leftsuiteContent .leftsuiteComment ul, .comment-respond ul { margin:0; padding:0 }
#leftsuiteContent .leftsuiteComment ul li { list-style-type: none; padding-left:0; padding-bottom: 20px }
#leftsuiteContent .leftsuiteComment ul li .cauthor { font-size: small; font-style: italic; }
#leftsuiteContent .leftsuiteComment li.notapproved { background-color: #FCF9E8 }
#leftsuiteContent .leftsuiteComment .comment-form-author { margin: 0 auto 20px 0; }
#leftsuiteContent .leftsuiteComment .comment-form-author input { font-size: 14px; padding: 4px}



.leftsuiteBlogPost ul.blocks-gallery-grid li::before { content:""; display:none !important}
.leftsuiteBlogPost ul.blocks-gallery-grid li { padding-left: 0}





/* forms 7 ---------------------------------------------------------------- */
/*
.wpcf7-form input.wpcf7-form-control, .wpcf7-form textarea.wpcf7-form-control { border: 1px solid rgba(0, 0, 0, 0.8); width: calc(100% - 8px); border-radius: 4px; padding: 4px; margin-bottom: 10px; }
.wpcf7-form input[type=submit] { background: var(--leftsuite_var_buttons); border:0; color:white; white-space: nowrap; width:100%;
   padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer; line-height: 1.6; font-size: 1.05em; ; text-align:center }















/*************************************************************************************************
**************************************************************************************************
**************************************************************************************************
**************************************************************************************************
**************************************************************************************************
*************************************************************************************************/

/*************************************************************************************************
**************************************************************************************************
**************************************************************************************************
**************************************************************************************************
**************************************************************************************************
*************************************************************************************************/





















/* post wrapper */
/*
.leftsellBlogPost { margin: 0 0 40px 0; padding-bottom: 20px;  }

/* post title with cover */
/*
.leftsellposttitle .wp-block-cover, .leftsellposttitle .wp-block-cover-image { 
   min-height: 40vh !important; filter: drop-shadow( 1px 1px 2px rgb(0, 0, 0, .1) );
   padding:0; display:block; text-align:center;
}
.leftsellBrighten { 
   cursor:pointer; 
   background: rgb( 255,255,255,.2); padding: 15vh 10px 15vh 10px;
   background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.3) 36%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%); 
   background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.3) 36%,rgba(255,255,255,0) 77%,rgba(255,255,255,0) 100%); 
   background: radial-gradient(ellipse at center,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.3) 36%,rgba(255,255,255,0) 77%,rgba(255,255,255,0) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ); 
 }
.leftsellBrighten:hover { background: rgb( 255,255,255,.1); animation: pulse 1s; }
.leftsellposttitle { margin-bottom: 20px; } 
.leftsellposttitle .wp-block-cover h2.textshadow {text-align:center; font-size: 30px; margin-bottom: 20px }
.leftsellposttitle .wp-block-cover h2.textshadow a { color:white; text-shadow: 2px 2px 3px #000000; filter: drop-shadow( 0px 0px 30px rgb(255, 255, 255, .9) ); text-align:center }
.leftsellposttitle .wp-block-cover p, .leftsellposttitle .wp-block-cover p a { color:white; text-shadow: 2px 2px 3px #000000; font-style: italic; font-size: 14px }

/* single post title */
/*
h1.innertitle { font-size: 40px;line-height:80px; margin-bottom: 30px !important; text-align:center !important; color:white; text-shadow: 2px 2px 3px #000000; filter: drop-shadow( 0px 0px 30px rgb(255, 255, 255, .9) ); }
h1.innertitle a { color: white;  }
@media screen and ( max-width: 400px ) {
   h1.innertitle a { font-size: 40px !important; line-height:40px; }
}

/* post content */
/*
.leftsellBlogPost { text-align: justify }
.leftsellBlogPost ul { margin: 10px 0 10px 18px; padding:0 }
.leftsellBlogPost ul li { list-style-type: none; padding-left: 7px; text-align:left; margin-bottom: 5px }
.leftsellBlogPost h2, .leftsellBlogPost h3, .leftsellBlogPost h4, .leftsellBlogPost h5 { font-size:20px; text-align:left; margin-bottom: 5px }
.leftsellBlogPost ul li::before {content: "-"; display: inline-block; width: 1em; margin-left: -1em}
@media screen and ( max-width: 781px ) {
   .leftsellBlogPost h2, .leftsellBlogPost h3, .leftsellBlogPost h4, .leftsellBlogPost h5 { font-size:16px; }
}





/* blog sidebar */
/*
#leftsellBlogSideBar .leftsellsearch input.search-field, #leftsellBlogSideBar input.search-field { width:100%; border-radius: 4px; }
#leftsellBlogSideBar .leftsellsearch input.search-submit, #leftsellBlogSideBar input.search-submit { margin: -15px 0 0 0; }
#leftsellBlogSideBar .leftsell-widget { margin-bottom: 20px }
#leftsellBlogSideBar .leftsell-widget.widget_search { margin-bottom: 40px }
#leftsellBlogSideBar a { font-weight: normal }
#leftsellBlogSideBar .buttons { margin-top: 10px; }
#leftsellBlogSideBar a.button { margin-top: 10px; width: auto; }
#leftsellBlogSideBar .leftsell-widget ul { margin:5px 0 0 0; padding:0 }
#leftsellBlogSideBar .leftsell-widget ul li { list-style-type: none; margin-bottom: 4px }

/* blog navi */
/*
.previous-page { float: left; max-width: 48%; overflow: hidden; }
.previous-page a, .next-page a { background-color: var(--leftsuite_var_buttons); color: white; padding: 4px 12px 4px 8px; border-radius: 4px }
.previous-page a::before { content: "\2770"; padding-right: 6px }
.next-page     { float: right; max-width: 48%; overflow: hidden; }
.next-page a::after { content: "\2771"; padding-left: 6px }
@media screen and ( max-width: 781px ) { 
   .previous-page { white-space: nowrap; }
   .previous-page a::before { display:none }
   .next-page { white-space: nowrap; }
   .next-page a::after { display: none; }
   #leftsellBlogSideBar .previous-page { display: none }
   #leftsellBlogSideBar .next-page { display: none }
}

.leftsuite_blogpreviewlink h2::first-letter { font-size: 22px; }
.leftsuite_blogpreviewlink h2 a { font-size: 15px !important; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif !important; }
.leftsuite_postcontent p {text-align:justify; }
#leftsuiteBlogContent h3 { font-size:20px; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif !important; }
#leftsuiteBlogContent h3::first-letter { font-size:20px; }
#leftsuiteBlogContent h1 { margin-bottom: 10px !important }
#leftsuiteBlogContent .keep2 { width:100% !important; margin-top: 10px }
@media screen and (max-width: 782px) {
  .leftsuite_blogpreviewlink h2::first-letter { font-size: 15px !important; margin: 0 !important; }
  .leftsuite_bloghome .leftsuite_blogpreviewlink h2 { line-height: 15px !important; }
  .leftsuite_bloghome .leftsuite_blogpreviewlink h2 a { letter-spacing:normal; }
}


/* --------------------------------------------------------------------------------- */
/* search -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/*
.leftsellsearch input.search-field, input.search-field { 
   min-width:50%; margin: 0 auto 0 auto; display:block;
   color: rgba(0,0,0,.87);
   word-wrap: break-word;
   outline: none;
   font-size: 16px;
   line-height: 34px;
   padding: 8px 2px 8px 45px;
   height: 44px !important;
   border: 1px solid #dfe1e5;
   border-radius: 24px;
   background-image: url('include/images/minisearch.png');
   background-size: 24px; background-repeat: no-repeat; background-position: 8px 10px;
}
.leftsellsearch input.search-submit, input.search-submit { 
   background: var(--leftsuite_var_buttons); margin: 0 auto 0 auto; display:block; border:0; color:white; 
   padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer }

.leftsellSearchresults { width: 70%; margin: 40px auto 100px auto }
@media screen and ( max-width: 781px ) { 
   .leftsellsearch input.search-field { width: 100% }
   .leftsellSearchresults { width: 100%; }
}
.leftsellSearchresults ul { margin:0 }
.leftsellSearchresults ul li { list-style-type: none; margin: 0 0 40px 0 }
.leftsellSearchresults ul li a { font-weight:bold; color: var(--leftsuite_var_buttons); }




/* plugins */
/*
.wc-gzd-additional-info { text-align:left}
.kartenlegengpl { margin-top: 15px}
.kartenlegengpl #orakelspruch { margin-top: 80px; clear: left}


/* WP 5.6 - 5.8 corrections */
/*
.has-text-align-center { text-align:center }
--.aligncenter { margin: 0 auto 0 auto; display: block; text-align:center }
.has-white-color, .has-white-color a { color:white }