/*
CSS Stylesheet
Updated: 2021-03-26 19:56:19
*/

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;	padding: 0;	border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
 
html { width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth !important; }
body { font-family:'Noto Sans', sans-serif; font-size:18px; color:#000; background-color:#fff; background-repeat:no-repeat; width:100%; height:100%; border:0 none; padding:0; margin:0; }	

/* Works on Firefox */
* {
  scrollbar-width: thin ;
  scrollbar-color: #d1d1bd #ffffff }

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 15px !important }
*::-webkit-scrollbar-track {background-color: transparent !important }
*::-webkit-scrollbar-thumb {background-color: #d1d1bd !important; border-radius: 20px !important; border: 1px solid #fff !important }

:root { --responsive--aligndefault-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 70%); --responsive--alignwide-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 70%) }

.site-branding { margin-top:0px !important}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { display:none;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent !important;
	text-decoration: underline 1px dotted currentColor !important;
	text-decoration-skip-ink: none !important;}

#data { overflow:hidden; }
#data1 { position:relative; top:0px; z-index:3; width:100%; margin:0px auto; background:rgba(255,255,255,1); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8); 
              -moz-box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.8); box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.8);}
#data4 { width:100%; height:600px;  background-attachment:fixed; box-shadow:inset 0 10px 10px -10px rgba(0,0,0,1); }

#header { position:relative; z-index:100; height:120px; width:100%; background: url(/data/layout/bg_head_b1.svg); background-repeat: no-repeat; background-size:100% 100%; } 
#head_warp { position:relative; z-index:80; margin:0px auto; width:100%; height:100% }

logo { position:absolute; z-index:100; width:350px; height:auto; left:20px; top:5px;}
l-t1 { position:absolute; top:20px; left:380px; font-size:28px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.8px; color:#333 }
l-t2 { position:absolute; top:55px; left:380px; font-size:24px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0.5px; color:#333 }
.adresse { position:absolute; z-index:100; top:15px; right:60px; text-align:right; font-size:18px; font-family:'Noto Sans', sans-serif; font-weight:normal; color:#333 }
.headinfo { position:absolute; z-index:100; top:15px; right:320px; text-align:left; font-size:18px; font-family:'Noto Sans', sans-serif; font-weight:normal; color:#333 }

.f-logo { position:absolute; z-index:100; width:220px; height:220px; left:10px; bottom:120px; background: url(/data/layout/zunftzeichen1w.svg); background-repeat: no-repeat; background-size:220px; filter: alpha(opacity=20); opacity:0.2 }
.f-t1 { position:absolute; z-index:100;bottom:50px; left:20px; font-size:14px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.5px; color:#D1D1BD }
.f-t2 { position:absolute; z-index:100;bottom:30px; left:20px; font-size:14px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-1px; color:#D1D1BD }

#bg_menu { position:relative; z-index:90;  width:100%; height:100%; border-bottom:1px #fff solid;  font-family:'Noto Sans', sans-serif;  
           -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.4); box-shadow:0 3px 5px rgba(0, 0, 0, 0.4) }   

#content { position:relative; text-align:left; z-index:10; width:100%; left:0px; border-top:2px solid;
           -moz-border-image: -moz-linear-gradient(left, #666666 0%, #ffffff 20% 80%, #666666 100%);
           -webkit-border-image: -webkit-linear-gradient(left, #666666 0%, #ffffff 20% 80%, #666666 100%); 
           -o-border-image: linear-gradient(left, #666666 0%, #ffffff 20% 80%, #666666 100%);
           border-image: linear-gradient(to right, #666666 0%, #ffffff 20% 80%, #666666 100%); border-image-slice:1; 
           -moz-box-shadow: 0px -2px 12px #222; -webkit-box-shadow: 0px -2px 12px #222; box-shadow: 0px -2px 12px #222 } 

.site-main > article > :last-child, .site-main > .not-found > :last-child, .entry-content > :last-child, [class*="inner-container"] > :last-child, .wp-block-template-part > :last-child {margin-bottom: 20px;}

.cont_bg1{ position:absolute; z-index:-10; width:100%; height:auto; bottom:-500px; filter:alpha(opacity=60); opacity:0.6 } 
.cont_bg1 img { display: block; width: 100%; height: 100%;  object-fit: cover;     /* füllt Fläche ohne Verzerrung, ggf. Beschnitt */  opacity: .9;}

/* Bilder  ---------------------------------------------------------------------- */
.thempic1 { position:relative; width:100%; height:auto; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; box-shadow: 0px 2px 8px #666 }
.thempic2 { position:relative; width:100%; height:auto; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; box-shadow: 0px 2px 8px #666; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px }
.thempic3 { position:relative; width:100%; height:auto }

.shade1 { -webkit-box-shadow: 0px 2px 8px #666; box-shadow: 0px 2px 8px #666 }

/* Icons ---------------------------------------------------------------------- */
.icons1 { position:relative; top:4px; width:18px; height:18px }
.ihead { position:relative; top:5px; width:20px; height:20px }
.ikont1 { position:relative; top:2px; padding-right:6px; width:40px; height:40px }
.punkt1 { position:relative; top:0px; width:18px; height:18px; }
.ifoot1 { position:relative; top:5px; width:20px; height:20px}

.wp-block-image2:not(.is-style-rounded) img {border-radius:50px;  -webkit-box-shadow: 0px 15px 8px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 15px 8px -8px rgba(0,0,0,0.75); box-shadow: 0px 15px 8px -8px rgba(0,0,0,0.75) }

.flexbox1 { position:relative; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display: flex; -webkit-flex-flow: row wrap;justify-content:flex-start; }
.flexbox2 { position:relative; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display: flex; -webkit-flex-flow: row wrap;justify-content:space-around }

#foot{ position:relative;z-index:20; width:100%; height:400px; border-top: 2px solid;
          -moz-border-image: -moz-linear-gradient(left, #666666 0%, #dddddd 20% 80%, #666666 100%);
          -webkit-border-image: -webkit-linear-gradient(left, #666666 0%, #dddddd 20% 80%, #666666 100%); 
          -o-border-image: linear-gradient(left, #666666 0%, #dddddd 20% 80%, #666666 100%);
          border-image: linear-gradient(to right, #666666 0%, #dddddd 20% 80%, #666666 100%); border-image-slice: 1; 
          background: url(/data/layout/bg_foot1a.svg); background-repeat: no-repeat; background-size:100% 100%; 
         -moz-box-shadow: 0px -1px 12px #222; /* Firefox */ -webkit-box-shadow: 0px -1px 12px #222; /* Chr, Saf */ box-shadow: 0px -1px 12px #222; /* CSS3 */}
.f-bg{ position:absolute; top:0; width:100%; height:100%; background: url(/data/layout/bg_foot1b.svg) no-repeat;  background-position: left bottom;  background-size: auto;  opacity: 0.8;}
#foot_end{ position:absolute; z-index:100; bottom:0px; width:100%; height:30px;  }

.publisher { position:relative; top:0px; padding-left:20px; text-align:left; }
.ai-hinweis { position: absolute;  top: 12px;   left: 12px;  z-index: 2147483647;  pointer-events: none;  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;  font-size: 11px;  line-height: 1.2;  color: #666666;  letter-spacing: 0.02em; white-space: nowrap; font-weight: 400 }
.ai-hinweis2 { position: relative;  top: -20px;   left: 12px;  z-index: 2147483647;  pointer-events: none;  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;  font-size: 11px;  line-height: 1.2;  color: #666666;  letter-spacing: 0.02em; white-space: nowrap; font-weight: 400 }
.ai-hinweis3 { position: relative;  top: 20px;   }

/* Intro */
#intro { position:relative; left:0px; width:100%; padding:0; line-height:0px; margin-top:-150px; border:0 none; }
.intro-shade1 { width: 100%; height: auto; background-color: #ffffff; box-shadow: inset 0px 8px 10px rgba(0, 0, 0, 0.5),  inset 0px -8px 10px rgba(0, 0, 0, 0.5); border: 1px solid #ddd }

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1600px) {
logo { position:absolute; z-index:100; width:300px; height:auto; left:20px; top:5px;}
l-t1 { position:absolute; top:15px; left:360px; font-size:26px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.8px; color:#333 }
l-t2 { position:absolute; top:50px; left:360px; font-size:22px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0.5px; color:#333 }
.adresse { position:absolute; z-index:100; top:15px; right:60px; text-align:right; font-size:16px; font-family:'Noto Sans', sans-serif; font-weight:normal; color:#333 }
.headinfo { position:absolute; z-index:100; top:15px; right:300px; text-align:left; font-size:16px; font-family:'Noto Sans', sans-serif; font-weight:normal; color:#333 }
}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1440px) {
:root { 
--responsive--aligndefault-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 95%); 
--responsive--alignwide-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 95%) }

h1.entry-title {font-family: 'Noto Sans', sans-serif; font-size: 26px; font-weight:600;} 
h2 { font-size:36px; font-weight:500; font-family:'Noto Sans', sans-serif; color:#000  }

logo { position:absolute; z-index:100; width:250px; height:auto; left:20px; top:12px;}
l-t1 { position:absolute; top:15px; left:300px; font-size:24px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.8px; color:#333 }
l-t2 { position:absolute; top:50px; left:300px; font-size:18px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.5px; color:#333 }
.adresse { position:absolute; z-index:100; top:16px; right:30px; text-align:right; font-size:15px; font-family:'Noto Sans', sans-serif; font-weight:normal; color:#333 }
.headinfo { position:absolute; z-index:100; top:15px; right:250px; text-align:left; font-size:15px; font-family:'Noto Sans', sans-serif; font-weight:normal; color:#333 } 
	
.f-logo { position:absolute; z-index:100; width:220px; height:220px; left:10px; bottom:120px; background: url(/data/layout/zunftzeichen1w.svg); background-repeat: no-repeat; background-size:220px; filter: alpha(opacity=20); opacity:0.2 }
.f-t1 { position:absolute; z-index:100;bottom:50px; left:20px; font-size:18px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0.6px; color:#666666 }
.f-t2 { position:absolute; z-index:100;bottom:30px; left:20px; font-size:14px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-1px; color:#666666 }

#foot{ position:relative;z-index:20; width:100%; height:500px }  
.f-bg{ position:absolute; top:0; width:100%; height:100%; background: url(/data/layout/bg_foot1b.svg) no-repeat;  background-position: left bottom;  background-size: auto;  opacity: 0.8;}
	
.ihead { position:relative; top:5px; width:18px; height:18px }
      
#intro { position:relative; left:0px; width:100%; padding:0; line-height:0px; margin-top:0px; border:0 none; }
.introbox_txt1 { top:0px !important; }
        
.publisher { position:relative; top:0px; padding-left:20px; text-align:left; }
	
.cont_bg1{ position:absolute; z-index:-1; width:80%; bottom:-35px; right:0px; height:auto; filter: alpha(opacity=60); opacity:0.6 } 
.cont_bg2{ position:absolute; z-index:-1; width:60%; bottom:-35px; right:0px; height:auto; filter: alpha(opacity=40); opacity:0.4 } 
	
}

/* Tablet Hochformat (Portrait) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width: 1024px) {
    
:root {
--responsive--aligndefault-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 96%);
--responsive--alignwide-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 96%) }

h1.entry-title {font-family: 'Noto Sans', sans-serif; font-size: 24px; font-weight:600;}  
h2 { font-size:34px; font-weight:500; font-family:'Noto Sans', sans-serif; color:#000  }
      
.footnav1 a { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #999; margin:0px; text-decoration: none; text-decoration-line: none}
.footnav1 a:hover { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin:0px; text-decoration: none; text-decoration-line: none}
.footnav1 a:active { font-size: 16px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #999; margin:0px; text-decoration: none; text-decoration-line: none}
.footnav2 a { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif;color: #666; margin:0px; text-decoration: none; text-decoration-line: none}
.footnav2 a:hover { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin:0px; text-decoration: none; text-decoration-line: none}
.footnav2 a:active { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #666; margin:0px; text-decoration: none; text-decoration-line: none}
      
#header{ position: relative; z-index: 80; height: 100px }

logo { position:absolute; z-index:100; width:160px; height:auto; left:20px; top:5px;}
l-t1 { position:absolute; top:10px; left:200px; font-size:22px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0.5px; color:#2b2a28 }
l-t2 { position:absolute; top:40px; left:200px; font-size:14px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0.2px; color:#2b2a28 }
.adresse { position:absolute; z-index:100; top:10px; right:30px; text-align:right; font-size:14px; font-family:'Noto Sans', sans-serif; font-weight:normal; color:#444 }
.headinfo { display:none} 
	
.f-logo  { display:none} 
.f-t1 { position:absolute; z-index:100;bottom:60px; left:20px; font-size:16px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0px; color:#666666 }
.f-t2 { position:absolute; z-index:100;bottom:40px; left:20px; font-size:12px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-1px; color:#666666 }
      
.publisher { position:relative; top:0px; padding-left:20px; text-align:left; }

.cont_bg1{ position:absolute; z-index:-1; width:80%; bottom:-35px; right:0px; height:auto; filter: alpha(opacity=60); opacity:0.6 } 
.cont_bg2{ position:absolute; z-index:-1; width:60%; bottom:-35px; right:0px; height:auto; filter: alpha(opacity=40); opacity:0.4 } 
      
#foot{ position:relative;z-index:20; width:100%; height:550px }  
.f-bg{ position:absolute; top:0; width:100%; height:100%; background: url(/data/layout/bg_foot1b.svg) no-repeat;  background-position: left bottom;  background-size: auto;  opacity: 0.8;}
      
#intro { position:relative; left:0px; width:100%; padding:0; line-height:0px; margin-top:0px; border:0 none; }
.introbox_txt1 { top:30px !important; }
  
}

/* Smartphone Querformat (Landscape)  ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
      
:root {
--responsive--aligndefault-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 97%);
--responsive--alignwide-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 97%) }
      
/* Fonts ---------------------------------------------------------------------------------------------- */  
:root .is-large-text, :root .has-large-font-size {font-family: 'Noto Sans', sans-serif; font-size: 20px}        
:root .is-regular-text, :root .has-regular-font-size, :root .is-normal-font-size, :root .has-normal-font-size, :root .has-medium-font-size {font-family: 'Noto Sans', sans-serif; font-size: 16px}
:root .is-small-text, :root .has-small-font-size {font-family: 'Noto Sans', sans-serif; font-size: 14px}      
h1.entry-title {font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight:600;} 
.entry-content, .entry-summary {font-family: font-family: 'Noto Sans', sans-serif; font-size: 16px; /* Standard Font */ } 
h2 { font-size:28px; font-weight:500; font-family:'Noto Sans', sans-serif; color:#000  }
h4 { font-size:16px; font-weight:bold; font-family:'Noto Sans', sans-serif; color:#000  }
      
.footnav1 a { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #999; margin:0px; text-decoration-line:none}
.footnav1 a:hover { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin:0px; text-decoration-line:none}
.footnav1 a:active { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #999; margin:0px; text-decoration-line:none}
.footnav2 a { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif;color: #666; margin:0px; text-decoration-line:none}
.footnav2 a:hover { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin:0px; text-decoration-line:none}
.footnav2 a:active { font-size: 12px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #666; margin:0px; text-decoration-line:none}

#bg_menu { position:relative; z-index:90; background:#ddd; width:100%; height:100%; border-bottom:1px #fff solid;  font-family:'Noto Sans', sans-serif;  
           -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.4); box-shadow:0 3px 5px rgba(0, 0, 0, 0.4) } 
      
#header{ position: relative; z-index: 100; height:80px; } 
      
.wp-block-image2:not(.is-style-rounded) img {border-radius: 20px; width:300px; margin-right:10px; -webkit-box-shadow: 0px 12px 6px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 12px 6px -8px rgba(0,0,0,0.75); box-shadow: 0px 12px 6px -8px rgba(0,0,0,0.75) }

logo { position:absolute; z-index:100; width:140px; height:auto; left:10px; top:2px;}
l-t1 { position:absolute; top:10px; left:170px; font-size:20px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0px; color:#2b2a28 }
l-t2 { position:absolute; top:35px; left:170px; font-size:13px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.2px; color:#2b2a28 }
.adresse { display:none}
.headinfo { display:none} 
	
.f-logo { position:absolute; z-index:100; width:180px; height:90px; left:20px; bottom:80px; background: url(/data/layout/logo_ek1g.svg); background-repeat: no-repeat; background-size:180px; filter: alpha(opacity=60); opacity:0.6 }
.f-t1 { position:absolute; z-index:100;bottom:50px; left:20px; font-size:16px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0px; color:#666666 }
.f-t2 { position:absolute; z-index:100;bottom:30px; left:20px; font-size:12px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-1px; color:#666666 }
      
.cont_bg1{ position:absolute; z-index:-1; width:80%; bottom:-35px; right:0px; height:auto; filter: alpha(opacity=90); opacity:0.9 } 
.cont_bg2{ position:absolute; z-index:-1; width:80%; bottom:-35px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
         
#foot{ position:relative; z-index:20; width:100%; height:550px }  
.f-bg{ position:absolute; top:0; width:100%; height:100%; background: url(/data/layout/bg_foot1b.svg) no-repeat;  background-position: left bottom;  background-size: auto;  opacity: 0.8;}
      
.publisher { position:relative; top:0px; padding-left:20px; text-align:left; }
    
/* Icons ---------------------------------------------------------------------- */	 
.icons2 { position:relative; width:110px; height:auto; margin: 0 5px } 
.icons3 { position:relative; width:25px; height:auto; top:-2px; padding-right:5px; }
.ikont1 { position:relative; top:2px; padding-right:6px; width:30px; height:auto }
      
#intro { position:relative; left:0px; width:100%; padding:0; line-height:0px; margin-top:0px; border:0 none; }
.introbox_txt1 { top:30px !important; }
      
}

/* Smartphone Hochformat (Portrait) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width: 480px) {
      
:root {
--responsive--aligndefault-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 97%);
--responsive--alignwide-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 97%) }
  
#bg_menu { position:relative; z-index:90; background:#ddd; width:100%; height:100%; border-bottom:1px #fff solid;  font-family:'Noto Sans', sans-serif;  
           -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.4); box-shadow:0 3px 5px rgba(0, 0, 0, 0.4) } 
      
.primary-navigation {position:absolute; top:0px; right: 0; color: var(--primary-nav--color-text); font-size:var(--primary-nav--font-size); line-height:1.15; margin-top:0px; margin-bottom:0; width:100%; }

/* Fonts ---------------------------------------------------------------------------------------------- */  
:root .is-large-text, :root .has-large-font-size {font-family: 'Noto Sans', sans-serif; font-size: 18px}        
:root .is-regular-text, :root .has-regular-font-size, :root .is-normal-font-size, :root .has-normal-font-size, :root .has-medium-font-size {font-family: 'Noto Sans', sans-serif; font-size: 14px}
:root .is-small-text, :root .has-small-font-size {font-family: 'Noto Sans', sans-serif; font-size: 12px}         
h1.entry-title {font-family: 'Noto Sans', sans-serif; font-size: 18px; font-weight:600;}
.entry-content, .entry-summary {font-family: font-family: 'Noto Sans', sans-serif; font-size: 14px; /* Standard Font */ } 
h2 { font-size:22px; font-weight:500; font-family:'Noto Sans', sans-serif; color:#000  }
h4 { font-size:16px; font-weight:bold; font-family:'Noto Sans', sans-serif; color:#000  }
      
.footnav1 a { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif;color: #999; margin:0px; text-decoration-line:none}
.footnav1 a:hover { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin:0px; text-decoration-line:none}
.footnav1 a:active { font-size: 15px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #999; margin:0px; text-decoration-line:none}
.footnav2 a { font-size: 10px; font-weight:normal; font-family: 'Noto Sans', sans-serif;color: #666; margin:0px; text-decoration-line:none}
.footnav2 a:hover { font-size: 10px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin:0px; text-decoration-line:none}
.footnav2 a:active { font-size: 10px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #666; margin:0px; text-decoration-line:none}
      
#header{ position:relative; z-index:80; height:70px }

logo { position:absolute; z-index:100; width:100px; height:auto; left:10px; top:8px;}
l-t1 { position:absolute; top:10px; left:160px; font-size:18px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0px; color:#2b2a28 }
l-t2 { position:absolute; top:35px; left:160px; font-size:12px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.2px; color:#2b2a28 }
.adresse { display:none }
.headinfo { display:none } 
	
.f-logo { position:absolute; z-index:100; width:160px; height:80px; left:20px; bottom:80px; background: url(../layout/logo_ek1g.svg); background-repeat: no-repeat; background-size:160px; filter: alpha(opacity=60); opacity:0.6 }
.f-t1 { position:absolute; z-index:100;bottom:50px; left:20px; font-size:14px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.6px; color:#666666 }
.f-t2 { position:absolute; z-index:100;bottom:30px; left:20px; font-size:10px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-1px; color:#666666 }    
      
.cont_bg1{ position:absolute; z-index:-1; width:100%; bottom:-25px; right:0px; height:auto; filter: alpha(opacity=90); opacity:0.9 } 
.cont_bg2{ position:absolute; z-index:-1; width:100%; bottom:-25px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 }  
      
.wp-block-image2:not(.is-style-rounded) img {border-radius: 0px; width:100%; margin-right:0px; -webkit-box-shadow: 0px 12px 6px -8px rgba(0,0,0,0); -moz-box-shadow: 0px 12px 6px -8px rgba(0,0,0,0); box-shadow: 0px 12px 6px -8px rgba(0,0,0,0) }

#foot{ position:relative; z-index:20; width:100%; height:550px }  
.f-bg { display:none } 
	
.publisher { position:relative; top:0px; padding-left:20px; text-align:left; }          
     
/* Icons ---------------------------------------------------------------------- */	
.ikont1 { position:relative; top:2px; padding-right:1px; width:25px; height:auto }   
.icons2 { position:relative; width:110px; height:auto; margin: 0 5px } 
.icons3 { position:relative; width:20px; height:auto; top:-2px; padding-right:5px; }
      
      
#intro { position:relative; left:0px; width:100%; padding:0; line-height:0px; margin-top:0px; border:0 none; }
.introbox_txt1 { top:50px !important; }
      
}


/* Smartphone Hochformat (Portrait) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 320px) {
      
:root {
--responsive--aligndefault-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 97%);
--responsive--alignwide-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), 97%) }
  
#bg_menu { position:relative; z-index:90; top:0px; background:#ddd; width:100%; height:100%; border-bottom:1px solid; border-top:1px solid;}   
      

.primary-navigation {position:absolute; top:0px; right: 0; color: var(--primary-nav--color-text); font-size:var(--primary-nav--font-size); line-height:1.15; margin-top:0px; margin-bottom:0; width:100%; }

/* Fonts ---------------------------------------------------------------------------------------------- */  
:root .is-large-text, :root .has-large-font-size {font-family: 'Noto Sans', sans-serif; font-size: 18px}        
:root .is-regular-text, :root .has-regular-font-size, :root .is-normal-font-size, :root .has-normal-font-size, :root .has-medium-font-size {font-family: 'Noto Sans', sans-serif; font-size: 14px}
:root .is-small-text, :root .has-small-font-size {font-family: 'Noto Sans', sans-serif; font-size: 12px}         
h1.entry-title {font-family: 'Noto Sans', sans-serif; font-size: 18px; font-weight:600;}
.entry-content, .entry-summary {font-family: font-family: 'Noto Sans', sans-serif; font-size: 14px; /* Standard Font */ } 
h2 { font-size:22px; font-weight:500; font-family:'Noto Sans', sans-serif; color:#000  }
h4 { font-size:16px; font-weight:bold; font-family:'Noto Sans', sans-serif; color:#000  }
      
.footnav1 a { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif;color: #999; margin:0px; text-decoration-line:none}
.footnav1 a:hover { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #fff; margin:0px; text-decoration-line:none}
.footnav1 a:active { font-size: 14px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #999; margin:0px; text-decoration-line:none}
.footnav2 a { font-size: 9px; font-weight:normal; font-family: 'Noto Sans', sans-serif;color: #666; margin:0px; text-decoration-line:none}
.footnav2 a:hover { font-size: 9px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #ddd; margin:0px; text-decoration-line:none}
.footnav2 a:active { font-size: 9px; font-weight:normal; font-family: 'Noto Sans', sans-serif; color: #666; margin:0px; text-decoration-line:none}
      
#header{ position:relative; z-index:80; height:60px }

logo { position:absolute; z-index:100; width:80px; height:auto; left:10px; top:8px;}
l-t1 { position:absolute; top:8px; left:100px; font-size:14px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:0px; color:#2b2a28 }
l-t2 { position:absolute; top:30px; left:100px; font-size:10px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.55px; color:#2b2a28 }
.adresse { display:none }
.headinfo { display:none } 
.f-logo { position:absolute; z-index:100; width:160px; height:80px; left:20px; bottom:80px; background: url(../layout/logo_ek1g.svg); background-repeat: no-repeat; background-size:160px; filter: alpha(opacity=60); opacity:0.6 }
.f-t1 { position:absolute; z-index:100;bottom:50px; left:20px; font-size:14px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-0.6px; color:#666666 }
.f-t2 { position:absolute; z-index:100;bottom:30px; left:20px; font-size:10px; font-family:'Noto Sans', sans-serif; font-weight:400; letter-spacing:-1px; color:#666666 } 
      
.cont_bg1{ position:absolute; z-index:-1; width:100%; bottom:-25px; right:0px; height:auto; filter: alpha(opacity=90); opacity:0.9 } 
.cont_bg2{ position:absolute; z-index:-1; width:100%; bottom:-25px; right:0px; height:auto; filter: alpha(opacity=90); opacity:0.9 }  
      
.wp-block-image2:not(.is-style-rounded) img {border-radius: 0px; width:100%; margin-right:0px; -webkit-box-shadow: 0px 12px 6px -8px rgba(0,0,0,0); -moz-box-shadow: 0px 12px 6px -8px rgba(0,0,0,0); box-shadow: 0px 12px 6px -8px rgba(0,0,0,0) }

#foot{ position:relative; z-index:20; width:100%; height:600px }  
.f-bg { display:none } 
	
.publisher { position:relative; top:0px; padding-left:20px; text-align:left; }   
      
/* Icons ---------------------------------------------------------------------- */	
.ikont1 { position:relative; top:2px; padding-right:1px; width:25px; height:auto }   
.icons2 { position:relative; width:110px; height:auto; margin: 0 5px } 
.icons3 { position:relative; width:20px; height:auto; top:-2px; padding-right:5px; }
      
#intro { position:relative; left:0px; width:100%; padding:0; line-height:0px; margin-top:0px; border:0 none; }
.introbox_txt1 { top:50px !important; }
}