/*
Theme Name: walnut-base
Theme URI: 
Author: Ursula Baliko
Author URI: 
Description: this is walnut, a basis for my new block theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0
License: private
License URI: private
Text Domain: walnut-base
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, wide-blocks

/*
Theme Name: walnut-base
Theme URI: szmolyan.com
Author: Ursula Baliko
Author URI: mediendesign-quer.com
Description: this is a custom block theme for a customer
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 1.0.1
License: private
License URI: private
Text Domain: walnut-base
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing,   wide-blocks


/*====================  Globale Stile zeurst ============================*/

/* 1 - body - , html, Links oder generelle Typografie */



 
 /* ========== Lokale Fonts ========== */
@font-face {
  font-family: 'Lora';
  src: url('./assets/fonts/lora/Lora-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  src: url('./assets/fonts/lora/Lora-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  src: url('./assets/fonts/lora/Lora-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/*@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');*/

body{
  
	overflow-x:hidden;
	hyphens: auto;
			
}


@media screen and (min-width: 320px) and (max-width: 1200px ){
	h2 {font-size:1.5rem ;
	   
	}
	
}

/*Allgemeine Typografie -  */

address {
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
  font-style: normal;
}



/*====================  Spezifische Stile für Blöcke  ============================*/



/*------------------------------------------------
 *  Block Quote , Code, Preformatted
 -------------------------------------------------*/



/** ========== Minimal Blockquote Styles ========== */
 .wp-block-quote p:first-of-type::before {
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
  font-family: 'Lora', serif;
  color: #30526C;
}


und dann: 

.wp-block-quote p:not(:first-of-type)::before {
  content: none;
}
 



 
 /* Minimaler Zitat-Block CSS – ergänzt nur, was theme.json nicht kann */



.wp-block-quote {
  hyphens: auto;
  word-break: break-word;
}
 
 
 
 /*Queries bleiben daweil auch noch. */


@media screen and (min-width: 320px) and (max-width: 1024px) {
  .wp-block-quote {
    padding-left: 10px;
    margin-left: 2px;
    font-size: 0.9rem;
  }
}


/*=== Stile Variation: is-style-large*/

/.wp-block-quote.is-style-large {
  font-size: 2rem !important;
  line-height: 1.3;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 40px; /* wie gehabt, ggf. anpassen */
  border-left-width: 20px; /* z.B. dickerer Rand */
}

.wp-block-quote.is-style-large p::before {
  font-size: 6em; /* größeres Anführungszeichen */
  vertical-align: -0.6em;
}

.wp-block-quote.is-style-large p {
  font-size: 2rem;
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 10px;
}

/*=== Stile Variation: is-style-clean*/
.wp-block-quote.is-style-clean {
  border-left: 4px solid #30526C;
  padding-left: 1.5rem;
  margin: 1.5rem 0;
  background: none;
  border-radius: 0;
}

/* Keine Anführungszeichen */
.wp-block-quote.is-style-clean p::before {
  content: none;
}


/* Stilvariante: Orange */
.wp-block-quote.is-style-simple {
  background-color: #f2dfd7;
  border-left: 4px dotted #2B4861;
  padding: 1.5rem;
  margin: 1.5rem 0;
  border-radius: 8px;
}

/* Keine Anführungszeichen */
.wp-block-quote.is-style-simple p::before {
  content: none;
}

/*====================  Individuelle Anpassung für Seiten Templates  ============================*/




/* 3 - Individuelle Anpassung für Seiten Templates  - */

*/
/*----------------------------*/
/* LINKS  - 

1 - root
2- buttons
3- header 
4- footer
5- post-content
6-navigation 
7-listenpunkte - links
8-post-navigation -links
9-category - links 


*/
/*---------------------------*/

/* 1 - root- links ------------------------------*/

 
  a:link{color:#000;text-decoration:underline;} /*greift nicht , welches dann. */
  a:visited {color:#000;text-decoration:none;}
  a:hover { text-decoration:none;}
	 /* a:focus{color:#000;}*/
  a:active{color:#000;text-decoration:none;}  
   
   /*---------------------------------------------------------*/
   
   
  /* 2 - Buttons- links ------------------------*/ 
  
  .wp-block-button a:link, .wp-block-button a:visited {color:#fff;}
  
  /*---------------------------------------------------------*/
   
/*:root : where, das geht auch ohne, siehe unten */

  /* 3 - header, cover-block - links-------------------- */ 
  
.wp-block-cover{
	  margin-bottom:20px!important;
  }
  .wp-block-cover a:link,.wp-block-cover a:visited{color:white;text-decoration:none;}
  .wp-block-cover a:active,.wp-block-cover a:focus{color:white;}
  .wp-block-cover a:hover{text-decoration:none;}


.wp-block-cover p {color:white !important;}


.wp-block-cover h1 {font-family:'Open Sans',sans-serif;color:white!important;}
.wp-block-cover h2 {font-family:'Open Sans',sans-serif;font-size:2.1rem;color:white !important;}

 /*---------------------------------------------------------*/
   
    /* 4 - footer - links */  
    
    footer.wp-block-template-part a:link{color:white;}
	footer.wp-block-template-part a:visited{color:white;}
	footer.wp-block-template-part a:hover{color:white;text-decoration:none;}
  
   /*---------------------------------------------------------*/

 
  /* 5 - post-content  - links,  post-content-listen links  , post-content-title */ 
  
 .wp-block-post-content p
   {/*color:#1c1c1c;*/
    line-height:1.6;

   }

.wp-block-post-content ul li,.wp-block-post-content ol li {
	
	color:#464646;
	background:#fafafa;
	
	
}

.wp-block-post-content ul li a:link,.wp-block-post-content ul li a:visited {
	
	color:#880016;
	text-decoration:underline;
	
}

.wp-block-post-content ul li a:hover,.wp-block-post-content ul li a:active{
	
	color:#0D1137;
	text-decoration:none;
	
}
@media screen and (min-width: 320px) and (max-width: 1100px ){
	
	.wp-block-post-content ul li,.wp-block-post-content ol li {
	
	color:#0D1137;
	/*background:#EDD4B6;*/
	/*width:100% !important;*/
	list-style-type:disk;
	
}
	
}
   
   
	   
h2.wp-block-post-title a:link, h2.wp-block-post-title a:visited{
	
	color:#000;
	text-decoration:2px dotted burlywood;
	
}
h2.wp-block-post-title a:hover, h2.wp-block-post-title a:focus{
	
	color:#000;
	text-decoration: underline;
	
}

   
@media screen and (min-width: 450px) and (max-width: 1100px ){
	
 h2.wp-block-post-title{
	   margin:0px auto;
	   margin-top:20px;
	   margin-bottom:20px;
	   font-size:1.3 rem;
	  /* border:1px solid blue;*/
	 
	   }
h2.wp-block-post-title a{font-size:1.3rem;}	
}  

@media (min-width: 1200px){
	h2.wp-block-title a{font-size:2.5rem;color:#684268;}
}
   
 ul.wp-block-post-template{
	  border:2px solid red;
	   margin:0px auto;
	   }
     
ul.columns-2.wp-block-post-template { border: 2px solid fuchsia;}
	 /*---------------------------------------------------------*/
	 
	 
	 
	 
	 /* 6- navigation-links  */  
	 
	 
	 
  /*=============== Navigation ===========
  ========================================*/

 .wp-block-navigation{
	 border:px solid blue!important;
	 /*font-family:Lora;*/
	
	 }
 
 /*navigation - erste -reihe*/
 li.wp-block-navigation-link{
	/* background-color: rgba(255, 255, 255, 0.2);*/
	border:0px solid black !important;
	/*border-radius:15% !important;*/
	 margin-left:6px;
	 margin-right:6px;
	 }
	 
 li.wp-block-navigation-link a{
	padding:0.5rem;
	 
	border:px solid gray;
	color:white!important;
	font-weight:bold;
	/*font-family:Lora;*/
    margin-top:10px;
	text-align:left;
	}
	
 li.wp-block-navigation-link a:hover{ 
 background-color: rgba(255, 255, 255, 0.1);
 font-size:1.3rem;
 text-decoration:none;
 /*color:#49af87!important;*/
 }
 
 /*container-submenu*/
 
 li.wp-block-navigation-item ul
 {  
 background-color: rgba(162, 162, 162, 0.3)!important;
	 padding:-200px!important;
	 }  
	 
/*a: active*/
 .wp-block-navigation-item.current-menu-item{
	 border-bottom:2px solid silver!important;
	 }
	 
 /*submenü*/
 
.wp-block-navigation-submenu{
	font-weight:bold; 
	background:;
	color:white!important;
	margin-top:10px;
	}
 
/*responsive*/

/* bringt den text nach links he he */
.wp-block-navigation.items-justified-right {
  --navigation-layout-justification-setting: ;
  --navigation-layout-justify: ;
}

.has-modal-open{background:
#998B91 !important;}
/*hintergrund in responsive bestimmen jesss */



.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    /* background-color: #fff; */
     color: #913361; 
}
/*titel linke von submenü  ... wenn klickbar, ist nicht anklickbar auch responsive nicht*/

/* Responsive Navigation ändern !!!!! */

@media screen and (max-width: 1000px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}


	 /*---------------------------------------------------------*/

  /* 7- listenpunkte- plus links  */    
  
 /* ====== Listen punkte im post-content 
 ================================================ */
 
 
 .wp-block-post-content ul,.wp-block-post-content ol
 {
	 
	/*font-family:'Lora',serif !important;*/
     background:;
     font-size:1.3rem !important;
     line-height:1.5 !important;
     margin:0px auto!important;
	 color:#464646;
	 
 }
 
 .wp-block-post-content ul:last-child,.wp-block-post-content ol:last-child
 {
	margin-bottom:20px !important; 
	 
 }
 
 .wp-block-post-content li{
	 
  	/* font-family:'Lora',serif !important;*/
     font-size:1.3rem !important;
     line-height:1.5 !important;
     margin:0px auto!important;
     color:#464646;
     font-style:italic;
	 padding-left:20px;
    
 }
  .wp-block-post-content ul li:last-child{margin-bottom:20px !important; 
	  
	  
  }
  .wp-block-post-content li a:link, .wp-block-post-content li a:visited{color:;}
.wp-block-post-content li a:active,.wp-block-post-content li a:hover {
	
	color:;
	
	
}
.wp-block-post-content a.more-link{color:#880016 ;} /*ich glaub das greift*/
.wp-block-post-date{color:#000;}

.site-footer.wp-block-columns ul li a{color:#fff;}

 @media screen and (min-width : 320px)and (max-width:480px ){
	 
	 
 }  
   
  /*---------------------------------------------------------*/
  
  /* 8- post-navigation - links ------------------------*/  
  
    
/*-----------------------------------------
    Post - navigation - single.php
------------------------------------------*/

.post-navigation{
    font-size:1.0rem;
}
.postlinks{
   padding:5px;
   float:left;
   width:45%;
 }
 .postlinks:hover,.postrechts:hover{
    background:#fafafa;
}
 .postlinks a:link ,.postrechts a:link{
    font-weight:bold;
	color:#616161;
}
.postlinks a:hover,.postrechts a:hover{
   text-decoration:none;
   color:#337a7f;
}
.postrechts{
     padding:5px;
	 float:right;
	 width:45%;	
}
/*-----------------------------------------
      Pagination - blog - index.php 
------------------------------------------*/

.wp-block-query-pagination{text-align:center;}
.navigation.pagination{
}
.navigation{
   width:100%;
 }
.pagination{
    text-align:center;
}
.nav-links{
  margin:5px;
  padding:5px;
 }
 
.page-numbers{
  font-size:1.2rem;
  color:#616161;
  font-weight:bold;
   padding:10px 20px 10px 20px;
   margin:5px;
  border:1px solid #337a7f;
 }

.page-numbers a:link{ 
   color:#659b9e !important; 
 }
 .page-numbers.current{
   color:#4db1ac;
   border:1px solid #4db1ac;
 }
a:hover.page-numbers {
    text-decoration:none;
	font-family:Lora;
	color:#4db1ac;
   border:1px solid #4db1ac;
 }

@media screen and (min-width: 320px) and (max-width: 1100px ){
.page-numbers{
   font-size:0.9rem;
   padding:5px;
 }
}

@media screen and (min-width: 320px) and (max-width: 480px ){
.page-numbers{
   font-size:0.9rem;
   padding:5px;
 }
}


   
   /*---------------------------------------------------------*/
   
    /* 9- category - links ------------------------*/  
   
/*===========Archives ========*/

select#wp-block-archives-3{
	
	font-size:1.3rem !important;
	color:#684268;
	background: #f7dcd2!important; 
	padding-left:0px;
 border-radius:5px;
 font-family:Lora,serif !important; 
 height:50px; 
 margin-left:0px;
 border:2px dotted #684268;
}

/*========== Categories =================*/
 
 select#wp-block-categories-1.postform{
	
	 height:50px !important;
	 font-family:Lora,serif !important;
	 font-size:1.3 rem!important;
	
	border:2px dotted #684268 !important;
	background:lightblue;
	 
 }
 select#wp-block-categories-1{
	 font-size:1.3rem !important;
	 color:#684268;
	/* background: #f7dcd2!important;*/
	width:80%;
	 border:none !important;
 border-radius:5px;
 font-family:Lora,serif !important;

 }

/*Category Block*/

.wp-block-categories.alignfull
{
	
	margin-left: calc(50% - 48vw);
		margin-right: calc(50% - 48vw);
			
		max-width: 1000%;
		border:1px dotted fuchsia !important;
		background:lavenderblush;
		text-align:center;
	
	
}
.wp-block-categories.alignfull {
	
	width: 96vw;
}
/* Categories */
.wp-block-categories { border:px solid blue;}
.wp.block-categories-list{/*font-family:Lora,serif!important;*/}
.wp-block-categories-list ul,
.wp-block-categories-list li {
	list-style: none;
	margin: 0;
	padding: 0;
	/*font-family:Lora,serif !important;*/
	
}

.wp-block-categories-list li {
	padding: 0.25em 0;
}

.wp-block-categories-list li:not(:last-child) {
	border-bottom: 1px dashed rgba(0,0,0,0.2);
}

.wp-block-categories-list ul ul {
	padding-left: 2em;
}

.wp-block-categories-list ul ul li:last-child {
	padding-bottom: 0;
}

.wp-block-categories-dropdown {
	
	 border:px dotted silver;
   height:50px;
   color:#616161;
   width:100%;
   font-family:Lora, serif;
     font-size:1.1rem;
   padding-left:20px;
   border-radius:5px;
   margin-bottom:10px;
 background:none !important;
}

 /*---------------------------------------------------------*/

   
/*----------------------------*/
/* Media & Text Block  */
/*---------------------------*/


.wp-block-media-text {
 box-sizing:border-box;
 direction:ltr;
 display:grid;
 grid-template-columns:50% 1fr;
 grid-template-rows:auto
}


.wp-block-media-text{
border:2px solid green !important; /*über global styles im editor, funktioniert aber auch nur im blobeitrag, nicht auf seite */
/*margin-bottom:150px!important;
margin-top:150px;*/
background:lightblue !important;
}







   
   
    
   
   /*custom CSS - für meine about seite */
   
   
   	
   
.bildrand{
	   border: 2px dotted orange !important;
	   border-radius:10px 25%;
	   background:rgba(220,160,140,0.5);
	 
   } /*about-seite #DCA08C*/
   
  
  .wp-block-post-author_avatar{
	  border-radius:50px !important;
	  border:2px solid blue !important;
	  } 
  img.avatar{ 
  border:px solid gray !important;
  border-radius:10px !important;
  height:70px; 
  width:70px;
  }
  .wp-block-post-terms {
	  /*background:#fcefef !important;*/
	  padding:5px;
	  border-radius:5px;
	  margin-top:10px !important;
	  }
  /*.taxonomy-category*/
 

 
 /*=============== Seiten Templates ==============*/
 
 
 /*page.html,weite-breite.html
 die page.html, das STandard Template, hat eine Breite von 860px,und die Klasse .seiten-content, für den 
 Gruppe Block, der alles umrandet ====
 in zweites Template hat die klasse und den namen .weite-breite mit 1200px breite,
 und ein drittes fullwidth.html, hat die volle Breite mit 100%*/

/* ich glaub, das brauche ich nicht mehr */
.seiten-content{
	max-width:860px;
	border:1px dotted silver!important;
	margin:0px auto;
		border-radius:3px;
		margin-top:15px !important;
		margin-bottom:15px ! important;
	
}	/*ist standard template für seiten -dotted blue*/	
.wide{
	
	max-width:1200px ;
	border:px dotted silver!important;
	margin:0px auto;
		border-radius:3px;
		margin-top:15px !important;
		margin-bottom:15px ! important;
	
}	/*ist template weite breite - dotted silver*/
.full {

	
	max-width:95%;
	margin:0px auto;
	border:2px dotted black;
		
			
	
}	/*ist template volle breite*/
/*neue klassen ?? .is-layout-constrained - seitem get im gruppe block die wide und full nicht mehr, 
*/
.wp-block{
	
	max-width:760px;
	border:1px dotted mediumseagreen;
	
		border-radius:3px;
		margin-top:15px !important;
		margin-bottom:15px ! important;/*musste die Abstände vergrössern in Gutenberg 7.3, weil das überlappt hat. */
		
		
		
}


.wp-site-blocks p { 

margin-bottom:5px;
 margin-top:5px;
 }
.wp-site-blocks{
	padding-left:20px;
	border:px solid green;
	}
	
   /*für 3-spalten-grid query -loop block */
main.wp-block-group{
	border:px dotted blue!important;
	}
main.wp-block-query {
	background: none !important;
	}



.wp-block-post-featured-image {
 border:px solid black !important;
 margin-left:0;
 margin-right:0;
 margin-top:0;
 margin-bottom:0;
}


:where(.wp-block-columns.has-background) {
 padding:0em 0em
}

:root:where (.wp-block-query){border:none !important;}


.wp-caption {

   border-bottom:1px dotted silver;
	 -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 0px;
    text-align: center;
	
	margin-top:25px !important;
	margin-bottom:25px !important;
	
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
	
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    
font-size:14px;
font-size:0.875rem;
  
   margin:0;
	
    padding: 10px 4px 5px;
	color:#000;
}



/*----- für codezeilen -----*/
/*pre ist gleich .wp-block-preformatted */
pre {
background:none;
padding: 10px;
border-radius: 5px; 
overflow: auto;
margin: 0 0 15px 0;
width: 95%;
font-family: Consolas, Monaco, monospace;
font-size:1.3rem;
color:#c94147;
margin-bottom:20px;
}
/* code ist für code block und p Block für <code>, code übernimmt die Farben von preformatted !*/
code, kbd, tt, var {
	font-family: Consolas, Monaco, monospace;
	width:95%;
	background:lightblue;
	margin:0px auto;
}
.wp-block-code{
	color:black;
	background:#e1e1e1;
	border-radius:5px;
padding:0px;
	margin:0px auto;
}
.wp-block-preformatted{background:floralwhite;}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #d9e9fc;
	text-decoration: none;
}
sup,
sub {
	position: relative;
	vertical-align: baseline;
	height: 0;
	font-size: 75%;
	line-height: 0;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0px !important;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	
}
dt {
	padding: 0 0 7px;
	font-weight: bold;
	
}
dd {
	margin: 0 0 20px;
}
dl dt {
	font-size:20px;
	
	font-weight: bold;
	line-height:1.5;
	color: #162626;
	font-style:italic;
}
dl dd {
	margin: 0 0 34px;
	line-height:1.65;
}

/*Pullquote Block */
.wp-block-pullquote blockquote p::before {
  content: "“";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #2B4861;
  font-family: Lora, serif;
}

.wp-block-pullquote cite {
  display: block;
  margin-top: 1em;
  text-align: right;
  font-style: normal;
  color: #2B4861;
  font-size: 1.2rem;
  font-family: 'Lora', serif;
}



 .wp-block-button{margin-right:15px !important;}so, 
 .wp-block-query-pagination{border:3px solid burlywood !important; }
 
/*=============== Der Blog ===============*/



.wp-block-query{border:px solid blue !important;}
ul.wp-block-post li{background:#1e1e1e;}
/*li.wp-block-post{width:100%!important;margin:0;padding:0; background: !important;}*/

.blog.wp-block-group{border:3px dotted burlywood;}


/*.wp-block-post-template{max-width:100%!important;}*/

.wp-block-post-template {
 list-style:none;
 margin-bottom:0;
 margin-top:0;

 padding:0
}
.wp-block-post-template.wp-block-post-template {
 background:none;
}



.wp-block-post-template.is-flex-container {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:em;
  row-gap:0em !important;
column-gap: em;
}
/*.wp-block-post-template.is-flex-container.is-flex-container.columns-2 li {
 margin:0;
 width:100% ;background:wheat; border:1px solid blue !important; padding-right: 50px; padding-left:50px;
}*/
 /*li.wp-block-post{
	 border:1px solid blue !important; padding-right: 50px; padding-left:50px;
 }*/
 /*ul.is-flex-container.columns-2{background: teal !important;
 border:1px solid blue !important;
 padding-right: 50px !important; padding-left:50px;
 }*/
 ul.is-flex-container.columns-3{
	 background:lightblue !important;
	 border:3px solid black !important;
 }
 

 
 
 /* Styling the columns block */
.wp-block-columns {
	margin-bottom: 20px;
	
}


@media (min-width: 600px) {
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
}




.wp-block-column {
	margin: 0 0 0 2%;
}

.wp-block-column:first-child {
	margin: 0;
}


 
 
.wp-block-post-template.is-flex-container {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  column-gap:7px !important;
}
.wp-block-post-template.is-flex-container>li {
  margin:0;
  width:100%
}
@media (min-width:700px) {
  .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li {
    width:calc(50% - .625em)
  }
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
    width:calc(31.33333% - .83333em)!important;
  }
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
    width:calc(25% - .9375em)
  }
  .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li {
    width:calc(20% - 1em)
  }
  .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li {
    width:calc(16.66667% - 1.04167em)
  }
}
@media (max-width:600px) {
  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
    grid-template-columns:1fr
  }
}


.wp-block-query{
	
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	background:lightblue ;
	} /*wp-block-query und wp-block-post-template sind gleich groß*/
	
	/* Override the display: inline-block that is set by the the block editor, as it is 
causing long titles with links to overflow. */
.wp-site-blocks h2.wp-block-post-title a {
	display: initial;
}

 h2.wp-block-post-title{
	   margin:0px auto;
	   margin-top:25px;
	   margin-bottom:25px;
	   padding-left:0px;
	   padding-right:0px;
	   border:px solid blue;
	   font-size:2.0rem;
	  /* color:#285669;*/
	   color:#000!important; /*greift nicht hmm, sollte sein*/
	   -ms-word-wrap: break-word;
	word-wrap: break-word;
	
	   }
	   
	  
/* == entire site == */

 .wp-site-blocks{
	 border:px solid blue;
	 margin:0px auto; 
	 padding:0px;
	 max-width:100%!important;
	background:#f5f5f5!important;
	 } 
 




   
 
   
   :root :where(.is-layout-constrained) > * {
  margin-block-start:0px;
  margin-block-end: 0;
   }
.wp-block-post-content h2,.wp-block-post-content h3,.wp-block-post-content h4,.wp-block-post-content h5,.wp-block-post-content h6

{
	
	
    /* font-family: 'Over the Rainbow', cursive;*/
	/*font-family: 'Open Sans',sans-serif;*/
	 /*color:#285669;*/
	/* color:#684268;*/
	/* color:#495D70; pass- contrast*/
	/*color:#324132;*/
	color:#000;
     font-weight:700;
	padding-left:;
	
}
.wp-block-post-content h2 {
	
	
	margin: 3.5rem 0 2rem;
   font-size:2.5rem;
   line-height:1.375;
  
	
}
.wp-block-post-content h3{
  margin: 3.5rem 0 2rem;
  font-size:2.2rem;
  line-height:1.275 !important;
 
}   
.wp-block-post-content h4{
	 margin: 3.5rem 0 2rem;
    font-size:1.9rem;
    line-height: 1.25 !important; 
   }   
.wp-block-post-content h5{ 
   margin: 3.5rem 0 2rem;
  font-size:1.6rem;
  line-height: 1.25 !important; 
  font-weight:700;
  }   
.wp-block-post-content h6{
	 margin: 3.5rem 0 2rem;
   font-size: 1.4rem;
    font-style:italic;
line-height: 1.35 !important; 
	 padding-left:30px;
	 padding-bottom:10px;
	border-bottom:1px dotted #215568;
   }
 	   
@media screen and (min-width: 320px) and (max-width: 1200px ){
	h2 {font-size:1.5rem ;
	   
	}
	
}



/*========== Columns ===============*/

.wp-block-columns.has-background {
     padding: 0.8em 0.8em;
/*	padding:0; cool, damit bekomme ich einen schmalen Header, wenn ich will, */
margin-bottom:0px!important;
	 }
 .wp-block-columns {
    box-sizing: border-box;
    display: flex;
    flex-wrap: ; /*flex-wrap:wrap , das macht einen Zeilenumbruch, den hab ich weg, die Navi ist nach unten gerutscht. */
   margin-bottom: 0em; 
   border:px solid fuchsia;
   margin-top:0px!important;
   }

/*============== Custom Logo=========*/

img.custom-logo{
	padding-top:0px;
	border:px solid blue;
	} /*das greift*/

.wp-block-site-logo{
	padding-left:30px;
}

	
	footer.wp-block-template-part{background:} /*ha, das greift*/





 /*==========================
 ========Suche Block stylen ===============*/
 
 .wp-block-search .wp-block-search__input {
    border: 1px solid #949494; border-radius:5px !important; background-color: rgba(255, 255, 255, 0.3)!important;
    flex-grow: 1;
    min-width: 3em;
 padding: 8px;}
 .wp-block-search .wp-block-search__button {
   background-color: rgba(255, 255, 255, 0.3)!important;
    border: 1px solid #ccc;
	border-radius:5px;
    color: #32373c;
    margin-left: .625em;
    padding: .375em .625em;
    word-break: normal;
}
 

	.wp-block-separator.is-style-wide {
    border-bottom-width:3px;
	
	}
	.wp-block-separator{ 
	width:55%; padding-top:20px;
	}
 /*  
@media screen and (min-width: 768px) and (max-width: 1100px ){
	
.wp-block-post-content{
	width:55%; 
	background:;
	
	}
	
}
*/
/*================= Group where .has background =============
============================================================*/

.wp-block-group:where(.has-background) {
 padding:0em 0em;
}

/*scheisse, das ist es .. wenn der Gruppe Block eine Farbe hat, wird dieser Rand hier automatisch hinzugefügt, den hab ich jetzt weg. 
.wp-block-group:where(.has-background) {
 padding:1.25em 2.375em
}*/
.wp-block-group:{
	border:px dotted burlywood!important;
	}
	
	
/*==============wp-block-columns=========*/
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
    margin-left: var(--wp--style--block-gap,0em);
}
	
 /*===============  Überschriften ===========
 
 */ 
 
 
 
 p{border:	px solid burlywood; margin-bottom:20px !important; padding-left:0px;}
 


/*=== Ende Listenpunkte == greift für die Punkte */


.wp-block-columns li a{
	
	/*color:#880016 !important;*/
	list-style-type:none !important;
	
}
.wp-block-columns li a:link {
	
	color:;
	
}
.wp-block-columns li a:hover{}

 
 .wp-block-column.border-header{border-right:2px dotted red !important ;background:#a2a2a2;}/*so, das greift tatsächlich
 für den template-part-header , nur das column hier hat einen rechten roten Rand,
 und ich habe es aber manuell in den Code Editor hinzugefügt, aber es geht*/
 .wp-block-columns.border-header{background:#a2a2a2;}
 .wp-block-columns.header{}
 

 

  
  
  .wp-block-columns{background:;border:px dotted blue;padding:px!important;}
  .bottom{padding-bottom:-5px!important;}
  .wp-block-column{border:px solid yellow;margin-bottom:px !important;padding-left:}
  

/*Achtung, Gruppe Block und Columns Block sind die meisten, 
zu denen weil sie so oft vorkommoen, vergebe ich klassen, z.B. border-header, content, 
diese schreibe ich in die Theme Dateien rein, wie page.html, oder header.html,*/
 
 

  .wp-site-blocks
  {border:px dotted gray!important;
  }
.wp-block-group.content, .blog
{border:px dotted blue!important;
 background:!important;
 }
.wp-post-content
{border:px dotted blue!important;
/* background:f5f5f5!important;*/
 margin-top:0px!important;
 }
     main{border:px dotted blue!important; background:!important;}
	 
 /* .wp-block-group.content
   {margin:0px auto;
   max-width:860px;
   background:;border:2px solid green !important;
   margin-top:px;
   }
 	das greift nur für  alles, ausser blog übersicht */
	
.wp-block-template-part.site-header{border:px dotted fuchsia;}
.wp-block-template-part.site-footer{border:3px dotted teal;margin-top:0px !important; }



.wp-block-post-excerpt{font-size:; border:px solid red;font-style:italic;font-weight:bold;} /*greift im frontend */


  
 
   .wp-block-query-pagination{margin-top:10px;}
   
/*
   
   .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	margin-right: -150px;
}

.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
	margin-left: -150px;
}
  
  @media (max-width: 640px) {
  
    .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
        margin-left: 0px !important;
    }
    
    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        margin-right: 0px !important;
    }
    
}
*/
 .wp-block-columns.is-style-twentytwentyone-columns-overlap {
  justify-content: space-around;
}

.wp-block-columns.is-style-twentytwentyone-border{
	
	border:1px solid black !important;
	padding:10px !important;
}

.wp-block-column.wp-block-image.is-style-border{ border:2px solid black !important;}
.wp-block-image{border:2px solid black;}

.wp-block-column.wp-block-image{border:2px solid black !important;}
.wp-block-columns.is-style-himber-columns-overlap{justify-content:space-around;}

/*
.wp-block-column.is-vertically-aligned-bottom {
  align-self: flex-end;
  
 
 
/* iframe .wp-embedded-content */
 .wp-embedded-content {
	width:100% !important;
	height:px!important;
	border:1px solid silver!important;
	border-radius:10px !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}
.video-container{ 
    height:px !important;
	background:blue !important;
	padding-bottom:0px !important;
	}

.skip-link {
    position: absolute;
    top:-100px;
 
    /* Styled to match the default WordPress screen reader text */
    background-color: #f1f1f1;
    -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    color: #21759b;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left:6px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
 
    -webkit-transition: top .75s ease-out;
    transition: top .75s ease-out;
}
 
.skip-link:focus {
    color: #21759b;
    top: 7px;
 
    -webkit-transition: top 0s;
    transition: top 0s;
}

.custom-logo{
   padding-top:15px; 
   }

/* inline abstandshalter */
.space-footer{
   margin-left:0.5em;
   }

/* gehört zu dem script - */
.menu-padding {
    padding-top:400px;
}
.navbar-fixed-top{
   background:url(images/hg.png);
   opacity: 0.9; 
   padding-left:103px!important;
   padding-right:103px !important;
 }

 
/*Jetpack Carousel ohne Kommentare*/
#jp-carousel-comment-form,.jp-carousel-commentlink,.jp-carousel-buttons{
    display:none;
	margin:0;
	padding:0;
	border:none;
	}
	
/*Jetpack related posts im*/
 .jp-related-posts-i2__post-img-link {
  display: block;
  flex-direction: row;
  border:1px solid silver !important;
  border-radius:15px !important;
  background:silver;
}
	
	
	
img#wpstats{display:none;} /*Statistik Smiley */

/** =======  Gutenberg Styles ============ */

/*---------------------------------------------*/
/*-------------*** Gutenberg *** --------------*/
/*---------------------------------------------*/

/*Custom Colours for Text Block*/

.has-darkgray-background-color {
     background-color: #4f4b4b;
 }
.has-darkgray-color {
     background-color: #4f4b4b;
}
.has-gray-background-color {
     background-color: #7a7a7a;
}
.has-gray-color {
     color: #7a7a7a;
}
.has-lightblue-background-color {
	background-color:#c6e4f1;
}
.has-lightblue-color {
	color:#c6e4f1;
}
.has-turkis-background-color {
	background-color: #93cede;
}
.has-turkis-color {
	color:#93cede;
}
.has-wheat-background-color{
	background-color:#F0DAB3;
}
.has-wheat-color{
	color:#F0DAB3;
}
/*Custom Colors for Section Backgrounds*/
.gray{background:#efefef;
padding-left:5%;padding-right:5%;font-family:Arial,sans-serif;padding-top:2%;margin:0px!important;}
.darkblue{background:#0a2941;height:auto;padding:10%;font-family:Arial,sans-erif;}
/*Mischmasch und Sammelsurium - daweil */
/*Alles hier abgelegte ist das, was ich daweil umgesetzt
habe.. und das gehört noch geordnet */

/*featured image*/

.size-post-thumbnail{}
img.attachment-post-thumbnail{}

/*.wp-block-post-featured-image{
	max-width:100%;
margin-bottom:15px;
border-bottom:px solid black !important;
height:auto;
border:0px !important;

	
	
}
*/
/*.wp-post-image{
	max-width:1000%; 
	height:auto;
	}*/

img.wp-post-image{
	margin-top:px;
 border:px solid blue!important;
 margin-bottom:px;
}
 

/* 
.wp-block-image.layout-column-2{
padding:5px;}

.wp-block-image.layout-column-1{
padding:5px;}

*/
.wp-block-shortcode{
 margin-left: -150px;
    margin-right: -150px;
}


img.attachment-post-thumbnail{
margin-top:px; 
border:px dotted silver;
border-radius:15px;
}/*Bildrand*/



img.attachment-single-post-thumbnail{
margin-top:px; 
margin-bottom:px !important;
border:px solid fuchsia !important;
}

/*blocks-columns */

.wp-block-text-columns{
background:lightblue;

}

/** =====  File ======  */

.wp-block-file {
  font-family: 'Lora',serif;
  color:#fff;
}

.wp-block-file .wp-block-file__textlink {
  text-decoration: underline;
  color: #fff!important;
}

.wp-block-file .wp-block-file__textlink:hover {
  color: #fff;
  text-decoration: none;
}

.wp-block-file .wp-block-file__button {
 
  line-height: 1.8;
  font-size: 1.0rem;
  font-weight: bold;
  background-color: lightblue;
  border-radius: 5px;
}

.wp-block-file .wp-block-file__button-richtext-wrapper {
  display: block;
  margin-top: calc(0.75 * 1rem);
  margin-left: 0;
}


/** === Verse === */

.wp-block-verse,
.wp-block-verse pre {
  padding: 0;
}

/** === Code === */

.wp-block-code {
  border-radius: 0;
}

/** === Table === */

.wp-block-table td, .wp-block-table th {
  border-color: #767676;
}
/*-------------*/
/* Text Columns- gibt es nicht mehr 3.3.0*/
/*--------------*/
/*32em , 512px
@media only screen and ( max-width: 32em ) {
	.wp-block-text-columns,
	.wp-block-text-columns.aligncenter {
		display: block;
	}*/
/*das hier ist es, deswegen ist der Teil jetzt responsive bei 512px
	.wp-block-text-columns.columns-2 .wp-block-column,
	.wp-block-text-columns.columns-3 .wp-block-column,
	.wp-block-text-columns.columns-4 .wp-block-column {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;border:2px solid yellow;
	}
}*/

img.wp-block-column{
max-width:100% !important;}

/** ========== Columns ============= */
/*--------------------*/
/*Spalten Block */
/*--------------------*/

	/*li.wp-block-post{margin-right:50px!important;}*/
	.li-blog-post{margin-right:50px!important;}

.wp-block-columns {

  background:important; 
}/*ist sozusagen der wrapper*/

.wp-block-column{
border-right:1px dotted silver ;
margin-left:px;
padding-right:5px;

}/*ist sozusagen ein column */

.border{border-right:0px dotted silver;}



/*damit ist der Spaltenblock für mich responsive - gilt das jetzt auch noch ?
@media only screen and (max-width: 767px) {
	.wp-block-columns {
		display: block;
	}
	.has-2-columns .wp-block-column,
	.has-3-columns .wp-block-column,
	.has-4-columns .wp-block-column,
	.has-5-columns .wp-block-column,
	.has-6-columns .wp-block-column {
		width: 100%;
	}
}
*/
/*Ende Spaltenblock

.wp-inner-block{background:#efefef;}
.layout-column-2{background:powderblue;}
.layout-column-1{background:pink;}
p.layout-column-1{padding:10px;}
p.layout-column-2{padding:10px;}
*/
/* ----------------------------- */
/* Gutenberg - Full und Wide -  */
/*------------------------------ */

 .alignwide {
   
        margin-left: calc(40% - 40vw);
        margin-right: calc(40% - 40vw);
        width: auto;
        max-width: 1000%;
		border:px dotted orange;
}
/**/



/*diese Klasse greift einfach komplett und total für mich , das overfolow:hidden ist ganz oben
unter html, somit wird kein Scrollstreifen erzeugt horizontal bei */
.alignfull {
      
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		width: auto;
		max-width: 1000%;
		border:px dotted fuchsia !important;
	}
	
}



/*--------*/
/* Widths */
/*--------*/

@media screen and ( min-width: 770px ) {
	.edit-post-visual-editor .editor-post-title,
	.edit-post-visual-editor .editor-block-list__block {
		max-width: 820px; /* 730px - 90px */
	}
}


	
	
	
}

/*----------------------------*/
/* Media & Text Block  */
/*---------------------------*/


.wp-block-media-text {
 box-sizing:border-box;
 direction:ltr;
 display:grid;
 grid-template-columns:50% 1fr;
 grid-template-rows:auto
}


.wp-block-media-text{
border:; /*über global styles im editor, funktioniert aber auch nur im blobeitrag, nicht auf seite */
margin-bottom:50px;
margin-top:50px;
}


/*zusätzliche Klassen für Cover Text*/

/*-----------*/
/*Bild- Image*/
/*-----------*/
/* das ist der graue Abstand unter dem Bild, wusst nicht, wie ich das sonst lösen konnte */
.wp-block-image{

padding-bottom:10px !important;
padding-top:10px !important;
border:0px solid silver !important;
margin-bottom:15px;
margin-top:px !important;
}


/*margin-left:30px;
margin-right:-30px;*/

/** ======== Gallery ========== */
/*Styles*/
.wp-block-gallery /*das ist sozusagen der Wrapper*/
.blocks-gallery-grid /**/
.blocks-gallery-item/*das ist die Anzahl der einzelnen Bilder in der Gallery*/
/*Galerie Unterschrift - Caption*/
/*Bild- Item- Unterschrift - Caption*/


/*----------*/
/*Galleries*/
/*---------*/



.blocks-gallery-grid{
background:#ccc !important;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);


}/*greift, nur dar ma kan padding machen !*/

/*sind die einzelnen Bilder in der Galerie */
li.blocks-gallery-item{
	border:px solid silver!important;
	padding:10px !important;
	
	padding-left:10px!important;
	} 
/*Bildbeschrfitung - mit Link*/	
/* bei .gallery-item a, da habe ich den Rand am unteren Bildrand, eben item. aber nicht die bildbeschriftung,
aber die Schrifgroesse und das alles, das greift schon. */


.blocks-gallery-item a{
	
}
.blocks-gallery-item a:link,.blocks-gallery-image a:link{
	border:3px dotted fuchsia !important;
	
	}
.blocks-gallery-item a:hover,.blocks-gallery image a:hover{
	border:2px solid blue!important;
	}
	/*opacity:0.75;
     -webkit-transition: 1s;
      -moz-transition: 1s;
       transition: 1s;*/


	 /* Galerie  Unterschrift - das greift*/
	figcaption.blocks-gallery-caption{
		border:px solid blue;
		margin-bottom:40px !important;/*bringt den Abstand nach unten, nur mit !important*/
		border-bottom:1px solid silver;
		
	max-width:100%;
	font-family:Lora,serif;
	font-size:1.1rem!important;
	margin:0px auto; /*das zentriert die Bildunterschrift, greift nur über margin*/

	}
	/*das greift für die Links für Galerie Unterschrift Link */
	figcaption.blocks-gallery-caption a{
		border-bottom:px dotted blue! important;
		
		}
		figcaption.blocks-gallery-caption a:link{}
		figcaption.blocks-gallery-caption a:hover {border-bottom: none!important;}	
	


/*.blocks-gallery-image ,
{
	border:3px solid fuchsia;background:red !important;
}*/
/*.entry.wp-block-gallery.blocks-gallery-item figcaption a:link {color:#fff !important;}*/







/*.blocks-gallery-item figcaption a {font-family:Arial;font-weight:700;font-size:1.1rem;color:white !important;border:1px solid white;}
.blocks-gallery-item figcaption a:link{border-bottom:1px solid black;}

.blocks-gallery-item figcaption a:hover{border-bottom:none;}*/

/*Damit geht der schwarze Rauchrand weg */
.wp-block-gallery.wp-gallery-image figcaption a {color:black!important;}

.wp-block-gallery .blocks-gallery-item.blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption
{background:rgba(250,250,250, 0.0); border:px solid #ccc;font-size:1.1rem;font-family:Lora,serif;font-style:normal;
color:#333;}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption a{ color:;
font-size:1.3rem; background:;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption a:link {}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption a:hover{}

.wp-block-gallery.alignwide {


}
.wp-block-gallery.alignfull{


}


.wp-block-image figcaption {
	color: inherit;
	opacity: 0.8;
}


	/** =========== Embeds ============= */


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

video {
	max-width: 100%;
	
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border:1px solid yellow;
	background:#efefef;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border:5px solid lightblue;
	
}

/* Embed */

.wp-block-embed {

	background:;	border:0px solid black;margin-top:0px ! important;
}
/*macht den oberen Rand Issue bei Videos weg! , falls doppelt responsive*/
.wp-block-embed__wrapper div, .wp-block-embed__wrapper span {
    padding: inherit;
    position: static;
}
	
.wp-block-embed.alignwide{
		
		margin-left: calc(18% - 18vw);
		margin-right: calc(18% - 18vw);
		width: auto;
		max-width: 1000%;
		border:px dotted fuchsia !important;
      		
	}
		
.wp-block-embed-youtube.alignfull{
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		
		max-width: 1600px!important;
		border:px dotted green !important;
		
	}
/*	*/
.wp-block-embed_wrapper{
	
	
}
.wp-block-embed-youtube{

	
}





/** ============ Table =========== */

/*Tabellen Block*/

.wp-block-table {

 

 border-collapse:collapse;
 display:block;
 margin-bottom:10px;

}
.wp-block-table td,.wp-block-table th {

}

.wp-block-table.alignwide
{

	
      margin-left: calc(25% - 25vw);
		margin-right: calc(25% - 25vw);
	/*komisch, aber dieser WErt macht es, dass es passt*/
	
		max-width: 1000%;
		background:lightblue;
		
}

.wp-block-table.alignfull
{
	
	margin-left: calc(50% - 48vw);
		margin-right: calc(50% - 48vw);
			
		max-width: 1000%;
		border:1px dotted fuchsia !important;
		background:lavenderblush;
}

/* Tables */
.wp-block-table {
	display: table;
}

.wp-block-table.alignfull {
	width: 96vw;
}
.wp-block-table.alignwide {
	width:74vw;
}

/** =====   Button ===== */

.wp-block-button_link {
font-size:2rem!important;}




#likebox-wrapper{width: 80% !important;}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

video {
	max-width: 100%;
	
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border:1px solid yellow;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border:5px solid lightblue;
	
}

#header{ height:90px;padding-top:30px;padding-bottom:30px;
        }
.header-slider{height:700px;  width:1980px;

	    margin:0px auto 0 auto !important;}

/* statische Seiten */
.about {}
.about ul li :before {
font-family: 'FontAwesome';
content: '\f067';
margin:0 5px 0 -15px;
color: #d0e3df;
}


	
/*-------------------------------------
        Sidebar Categories 
--------------------------------------*/
li.current-cat{
   
	font-weight:bold;
	list-style-type:none;
	padding-left:15px;
	line-height:20px;
	
	}
	
li ul .current-cat a .children{
    
	font-weight:bold;
	list-style-type:none;
	padding-left:15px;
	line-height:20px;
	}


li ul li.current-cat a{
   color:white;
}



/*--------------------------------------------
               Diverses
---------------------------------------------*/

 .current_page_item a {
    text-decoration:none;
    color:#000033;
}

.current-menu-item a {}
li{
   padding-left:15px;
   list-style-position:inside;
   }

/* fixed widget */


#fixed-widget{border:1px solid silver;height:300px;width:300px;background:green;}

 
#sidebar h3{ 

font-size:21px;
font-size:1.3125rem;}

h3 a{color:gray;text-decoration:none;}

	
/*------ Fullwidth -------------*/

#fullwidth{
		background:#fff;
		color:#2E2F43;
		}

/*------------------------------
           Suche  
------------------------------*/
.wp-block-search__button {
 margin-left:.625em;
 word-break:normal
}
.wp-block-search__button.has-icon {
 line-height:0
}
.wp-block-search__button svg {
 fill:currentColor;
 min-height:1.5em;
 min-width:1.5em;
 vertical-align:text-bottom
}
:where(.wp-block-search__button) {
 border:3px dotted #684268;
 padding:.375em .625em
}
.wp-block-search__inside-wrapper {
 display:flex;
 flex:auto;
 flex-wrap:nowrap;
 max-width:100%
}
.wp-block-search__label {
 width:100%
}
.wp-block-search__input {
 border:8px solid #684268 !important;
 flex-grow:1;
 margin-left:0;
 margin-right:0;
 min-width:3em;
 padding:8px;
 text-decoration:unset!important
 font-size:2.0rem !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
 margin-left:0
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
 border:0px solid #949494;
 padding:4px
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
 border:none;
 border-radius:0;
 padding:0 0 0 .25em
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
 outline:none
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
 padding:.125em .5em
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
 margin:auto
}