/*
@media (min-width: 768px) and (max-width: 992px) { 
  .myColoredCol{background-color:green;}
}

@media (min-width: 992px) and (max-width: 1200px) { 
  .myColoredCol{background-color:yellow;}
}

*/

:root {
  --body-color:   black;
  --body-bgcolor: white;
  
  --header-color:   white;
--header-bgcolor: #005F6B;

  --footer-color:   white;
 --footer-bgcolor: #005F6B;
  
  --nav-color:  blue;
  --nav-bgcolor: white;
  
  --hline1-color: grey;
  --hline2-color: grey;  
   
/* --hline1-color: #77C4CE;*/
/* --hline2-color: #77C4CE;*/  

/* --hline1-color: #229ebf;*/
/* --hline2-color: #229ebf;*/  

/*--header-bgcolor: #229ebf; */
/*--header-bgcolor: #224100; */

  --header1: black;
  --header1-bgcolor: white;

  --block1-color:   black;
  --block1-bgcolor: white;

  --footer1-color:   black;
  --footer1-bgcolor: white;


  --header2-color: black;
  --header2-bgcolor: white;

  --block2-color:   black;
  --block2-bgcolor: white;

  --footer2-color:   black;
  --footer2-bgcolor: white;



/*  --link_color: #2badad;*/
/*  --link-visited-color: #a81f97; */


   
  --link-color:      #3373d2; 
  --link-visited-color: #3373d2; 
  
  --link-color:      #005F6B; 
  --link-visited-color: #005F6B;   
  
  --link-hover-color: silver; 
  
   --tooltip-color:   white; 
   --tooltip-bgcolor:   black; 
  
  --header-font-size:  30px;
  --nav-font-size:     20px;
  --icon-font-size:     40px;
  --footer-font-size:  20px;
 
  --header2-font-size: 25px;
  
  --text-extra-font-size:20px;
  --leserstimmen-font-size: 17px;
  --text-reni-font-size: 20px;
  --institutionen-font-size: 20px;
  --input-font-size: 20px;
  --tooltip-font-size: 15px;
}

.config{ 
    grid-row: config;
    grid-column: 1/  span 5;
    display: block;
    font-size: 15px;
}

#icon {
    font-size: var(--icon-font-size);
}

a { 
    text-decoration: none;
    color: var(--link-color);
    outline: none;
}

a:visited{
    color: var(--link-visited-color); 
}

button::-moz-focus-inner {
    border: 0;
}

body{
    display: grid;
    grid-template-rows: [config] auto [header] auto [nav-bar] auto
	                    [hline1] 10px [header1] auto   [block1] auto [footer1] auto [hline2] 10px 
	                    [header2] auto [block2] auto [footer2] auto   [footer] auto; 
	                    
    grid-template-columns: [c1] 1fr [c2] 37.5% [c3] 5% [c4] 37.5% [c5] 1fr;
    grid-row-gap: 0em;
    font-family: 'Helvetica Neue', sans-serif;
    color: var(--body-color);
    background-color: var(--body-bgcolor);
}

nav.desktop {
    color: var(--nav-color);
    background-color: var(--nav-bgcolor);
    z-index: 100;
    font-size: var(--nav-font-size);
    grid-column: 1/  span 5;
    grid-row: nav-bar;
    position: sticky;
    top: 0;
}    

nav.cell{  
    display: none;
}    
@media only screen and (max-width: 900px) {
    body{
        display: grid;
        grid-template-rows: [nav-bar] auto [header] auto
	                    [hline1] 10px [header1] auto   [block1] auto [footer1] auto [hline2] 10px 
	                    [header2] auto [block2] auto [footer2] auto   [footer] auto; 
	                    
        grid-template-columns: [c1] 1fr [c2] 45% [c3] 10% [c4] 45% [c5] 1fr;
        grid-row-gap: 0em;
        font-family: 'Helvetica Neue', sans-serif;
        color: var(--body-color);
        background-color: var(--body-bgcolor);
    } 
    
    
 
 
     /*cell phone stuff*/
     /* Hide the links inside the navigation menu (except for logo/home) */
   

     /* Style the navigation menu */
     
    nav.desktop {
        display: none;
    } 
     nav.cell {    
        display: block;
/*        position: sticky;*/
/*        top: 0;*/
        color: var(--nav-color);
	background-color: var(--nav-bgcolor);
	overflow: hidden;
        grid-column: 1/  span 4;
	grid-row: nav-bar;
	z-index: 100;
        font-size:  var(--nav-font-size);
    }
    
    
     nav.cell #links {
         display: none;
         line-height: 1.6;
     }


    /* Add a grey background color on mouse-over */
    nav.cell a:hover {
        background-color: var(--link-hover-color);
    }
    
    
    
}

ul.nav {    
    margin-right: 5%;
    list-style-type: none;
    display: flex;
    justify-content: space-evenly;
}

ul.nav li {
    padding: 0x 0px px 0px;
    margin: 0;
/*    float: left;*/
/*    width: 10%;*/
/*    text-align: center;*/
}

/*get rid of #hine1 and #hline2*/
#hline1 {
    background-color: var(--hline1-color);
    z-index: 10;
    margin-top: 2px;
    margin-bottom: 2px;
    grid-row: hline1;
    grid-column: 2/ span 3;
}

#hline2 {
    background-color: var(--hline2-color);
    margin-top: 2px;
    margin-bottom: 2px;
    z-index: 10;
    grid-row: hline2;
    grid-column: 2/ span 3;
}


header{ 
    padding: 20px;
    margin: 0px;
    display: block;
    text-align: center;
    font-size: var(--header-font-size);
    color: var(--header-color);
    background-color: var(--header-bgcolor);
    grid-column: 1/ span 5;
    grid-row: header;
        
}


footer {
    padding: 20px;
    display: block;
    text-align: center;
    font-size: var(--footer-font-size);
    color: var(--footer-color);
    background-color: var(--footer-bgcolor);
    grid-column: 1/ span 5;
    grid-row: footer; 
}

/*extras experminentell*/

.event-container {
    max-width: 600px;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
.event-card {
    font-family: Arial, sans-serif;
    padding: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    background-color: #ffffff;
  }
.event-category {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0066cc;
    font-weight: bold;
  }
.lowercase {
  text-transform: none; /* Hebt das "uppercase" der übergeordneten Klasse auf */
}
.event-card h1 {
    font-size: 1.6rem;
    margin: 5px 0 15px 0;
    color: #333333;
    line-height: 1.3;
  }
.event-card h2 {
    font-size: 1.2rem;
    color: #555555;
    margin-top: 20px;
  }
 .event-header {
   padding-left: 0;
   background-color: #ffffff;
   text-align: left;"
  } 
  
.event-details {
    background-color: #f9f9f9;
    padding: 12px 15px;
    border-left: 4px solid #0066cc;
    margin-bottom: 20px;
  }
  .event-meta {
    margin: 6px 0;
  }
  .note {
    font-size: 0.85rem;
    color: #666;
    font-style: italic;
  }
  .event-speakers h3 {
    font-size: 1rem;
    margin-bottom: 5px;
  }
  .event-speakers ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 5px;
  }
  .event-speakers li {
    padding: 6px 0;
    border-bottom: 1px dashed #eeeeee;
  }
  .event-speakers li:last-child {
    border-bottom: none;
  }
  .event-actions {
    margin-top: 20px;
    background-color: #ffffff;
    border-left: 4px solid #0066cc;
  }
  .btn {
    display: inline-block;
    background-color: #0066cc;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.9rem;
  }
  .btn:hover {
    background-color: #004499;
  }
 .event-more-info {
  font-size: 0.95rem;
  margin-top: 15px;
  color: #555555;
}

.event-more-info a {
  color: #0066cc;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

/* Stil beim Drüberfahren mit der Maus */
.event-more-info a:hover {
  color: #004499;
  border-bottom: 1px solid #004499; /* Dezente Unterstreichung beim Hovern */
} 
  


/* end extras experminentell*/
/*main.html*/



.block1 {
    display: block;
    padding: 0px;
    margin: 0px;
    grid-column: 1/ span 5;
    grid-row: block1; 
}

.bookcover{
    padding: 0px;
    margin: 0px;
    background-color: var(--block1-bgclor);
    grid-column: 2/ span 3;
    grid-row: block1; 
}


.cover-front{
    margin: 3ex; 
    
/*    margin-top:  6ex;*/
/*    margin-left:  9ex;*/
    border: 0px; 
    grid-column: 2/span 1;
    grid-row: block1; 
}

.cover-back{
    margin: 3ex;
    border: 0px; 
    grid-column: 4/span 1;
    grid-row: block1; 
}

.extra{
    grid-column: 2/span 3;
    grid-row: footer1; 
    border: 0px; 
    vertical-align: top;

}

p.extra {
    font-size: var(--text-extra-font-size);
    text-align: center;
    line-height: 1.2
}
.leserstimmen-header {
    color: var(--header2-color);
    background-color: var(--header2-bgcolor);
    margin-top: 20px;
    padding: 1em;
    font-size: var(--header2-font-size);
    text-align: center;
    font-weight: bold;
    grid-column: 2/ span 3;
    grid-row: header2;
}

.leserstimmen{
    color: var(--block2-color);
    background-color: var(--block2-bgcolor);
    padding: 1em;    
    grid-column: 2/ span 3;
    grid-row: block2;
}

.about-me{
    color: var(--block2-color);
    background-color: var(--block2-bgcolor);
    padding: 1em;    
    grid-column: 2/ span 3;
    grid-row: block2;
}

#leftbox {
    float: left; 
    background: white;
    width: 33%;
    height: 100%;
    text-align: center;
}

#middlebox{
    float: left; 
    background: white;
    width: 34%;
    height: 100%;
    text-align: center;
}

#rightbox{
    float: right;
    background: white;
    width: 33%;
    height: 100%;
    text-align: center; 
}

p.leserstimmen{     
    margin: 0px;
    padding:2em;
    background-color: white;
    font-size: var(--leserstimmen-font-size); 
    line-height: 1.6;
}

span.signature{
    font-weight: bold;
}

/*about-me*/



.bild-reni{
/*   margin: 25px;*/
  
  
   grid-column: 2/span 1;
   grid-row: block1; 
}

.bild-reni-center{
/*   margin: 25px;*/
   grid-column: 2/span 3;
   grid-row: block1; 
}



img.reni {
    width: 100%; 
	margin-top:  3ex;
    margin-left:  3ex;
    margin-bottom:  3ex;
}

img.renix {
    width: 100%; 
	margin-top:  3ex;
	margin-bottom:  3ex;
	justify-self: center;
	
}

.text-reni {
    padding: 0ex;
    margin-top:  6ex;
    margin-left:  9ex;
    grid-column: 3/span 2;
    grid-row: block1; 
   
}


p.text-reni {
    padding: 0ex;
    margin: 0ex;
    font-size: var(--text-reni-font-size);
    text-align: left;
    line-height: 1.2;
    
}

p.text-reni-cell {
    padding: 0ex;
    margin: 3ex;
    font-size: var(--text-reni-font-size);
    text-align: left;
    line-height: 1.2;
    
}

p.reni {
    font-size: var(--text-reni-font-size);
    text-align: justify;
    line-height: 1.6;
}

p.mam {
    font-size: var(--text-reni-font-size);
    text-align: left;
    line-height: 1.2;
}

b.mam {
    font-size: var(--text-reni-font-size);
    text-align: left;
    line-height: 1.6;
}







.tooltip {
  position: relative; 
  display: inline-block;
  
}

.tooltip .tooltiptext {
  visibility: hidden;
  padding: 5px 5px;
  width: 500px;
  color: var(--tooltip-color);
  background-color: var(--tooltip-bgcolor);
  border-radius: 6px;
  line-height: 1.2;
  text-align: left;
  font-size: var(--tooltip-font-size);
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 30px;
  left: -220px;
}



.tooltip:hover .tooltiptext {
  visibility: visible;
}



/*buch*/


/*variante kleines cover, daneben text*/

.text-buch{
    grid-column: 3/span 2;
    grid-row: block1; 
    vertical-align: top;
    margin-top: 20px;
}

.leseprobe{
    color: var(--leseprobe_color);
    background-color: var(--leseprobe_bgcolor);
    padding: 1em;    
    overflow-x: scroll;
    grid-column: 2/ span 3;
    grid-row: block2;
}


/*not perfect yet*/


.bestellung{
    color: var(--leseprobe_color);
    background-color: var(--leseprobe_bgcolor);
    padding: 1em;    
    text-align: center;
   /* font-size: font-size 15px;*/
    grid-column: 2/ span 3;
    grid-row: block2;
}

textarea {
  width: 500px;
  height: 250px;
}

input, textarea {
    margin: auto;
    margin-bottom: 20px; 
    margin-top: 5px; 
    border-style: solid;
    border-color: blue;
    font-size: var(--input-font-size);
    
}

label{
    font-size: var(--input-font-size);  
}
span.form {
    font-size: var(--input-font-size);  
}
span.form-red {
    color: red;
    font-size: var(--input-font-size); 
}



/* not in the right place */
.collapsible {
   
    cursor: pointer;
    border-style: solid;
    outline: none;
}


/*institutionen*/

/*.stiftungen{*/
/*    color: var(--leseprobe_color);*/
/*    background-color: var(--leseprobe_bgcolor);*/
/*    padding: 1em;    */
/*    grid-column: 2/ span 3;*/
/*    grid-row: block2;*/
/*}*/

.stiftungen{
    color: var(--block2-color);
    background-color: var(--block2-bgcolor);
    padding: 1em;    
    grid-column: 2/ span 3;
    grid-row: block2;
}



li:not(:last-child) {
    margin-bottom: 10px;
}

li.links {
    font-size: var(--text-extra-font-size); 
}

table{
    background: var(--table_bgcolor);
    border:1px solid var(--table_bordercolor); 
}


table.tblValues{
    margin: 0em;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    width: 100%;
}

tr{
	padding: 0;
	margin: 0;
	border:1px solid black; 
}

td.tblValues{
    padding: 1rem;
    padding-top: 0.4rem;
    margin: 0;
}

td.right{
    padding: 1ex 1ex 1ex 1ex;
   
    font-size: var(--institutionen-font-size);
    text-align: left;
    line-height: 1.6;
    border-right: 1px solid;
}

img.stiftungen {
    height: 100px;
/*    border: 20px solid black;*/
}

.collapsible {
   
    cursor: pointer;
    border-style: solid;
    outline: none;
}
.hidden-content {
    display: none;
    overflow: hidden;
    background-color: white;
}

/*main1 mit text auf backcover*/

.text-block {
  position: absolute;/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
  top: 100px;
  left: 75px;.leserstimmen{
    color: var(--block2-color);
    background-color: var(--block2-bgcolor);
    padding: 1em;    
    grid-column: 2/ span 3;
    grid-row: block2;
}
  color: white;
  text-align: left;
  font-size: 20px;.leserstimmen{
    color: var(--block2-color);
    background-color: var(--block2-bgcolor);
    padding: 1em;    
    grid-column: 2/ span 3;
    grid-row: block2;
}
  line-height: 1.6;
}

.stiftungen-cell {
    display: none;
}

/*neu*/
.image-container {
  position: relative;
  height: 100%;           /* Scale to half the width of the parent layout */
  aspect-ratio: 1 / 1;  /* Keeps it perfectly square (use 4/3, 16/9, etc*/
  
}
.img-bottom, .img-middle, .img-top {
position: absolute;
  width: 100%;          /* Forces the images to scale relative to the container */
  height: auto;
}
.img-bottom {
/*  position: absolute;*/
  top: 0px;
  left: 0px;
  z-index: 1;    /* Lower number goes behind */
}

.img-middle {
/*  position: absolute;*/
  top: 50px;
  left: 50px;
/*  top:20%; */
/*  left: 20%;*/
  z-index: 2;    /* Lower number goes behind */
}

.img-top {
/*  position: absolute;*/
  top: 30%;     /* Adjust to change the overlap shift */
  left: 30%;    /* Adjust to change the overlap shift */
  z-index: 3;    /* Higher number sits on top */
}
    

.leseprobe-cell {
    display: none;
}

.leserstimmen-cell {
    display: none;
}

.about-me-cell {
    display: none;
}
.text-reni-cell {
    display: none;
}

.bild-reni-cell {
    display: none;
}

.bild-reni-center-cell{
	display: none;
}


@media only screen and (max-width: 900px) {
    .stiftungen {
        display: none;
    }
 
	.stiftungen-header{
        display: none;
    }  
    
    .stiftungen-cell {
        display: block;
        color: var(--leseprobe_color);
        background-color: var(--leseprobe_bgcolor);
        padding: 1em;    
        grid-column: 2/ span 3;
        grid-row: block2;
    }
    
    
     .leseprobe {
        display: none;
    }
    

    .leseprobe-cell {
        display: block;
        color: var(--leseprobe_color);
        background-color: var(--leseprobe_bgcolor);
        padding: 1em;    
        grid-column: 2/ span 3;
        grid-row: block2;
    }   
    
   .bild-reni{
      display: none;
   }
   
    .bild-reni-center{
      display: none;
   }  
   
   .text-reni{
      display: none;
   }
   
   .bild-reni-cell{
   display: block;
   grid-column: 2/span 3;
   grid-row: block1; 
   }
   
   .text-reni-top-cell{
    display: block;
    padding: 0ex;
    grid-column: 2/span 3;
    grid-row: header1; 
    }   
    

   .text-reni-cell{
     display: block;
     padding: 0ex;
     margin-right: 2ex;
/*        margin-top:  6ex;*/
/*      margin-left:  9ex;*/
       grid-column: 2/span 3;
      grid-row: footer1; 
    }
   
     p.text-reni-cell {
/*    display: block;*/
/*    padding: 2ex;*/
    font-size: var(--text-reni-font-size);
/*    width: 80%;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    text-align: justify;*/
       text-align: center;
    line-height: 1.6;
    
   }  
   
   
   
    p.gedichte-cell {
    display: block;
    padding: 0ex;
    font-size: var(--text-reni-font-size);
    text-align: center;
    line-height: 1.6;
    
   }
   
    img.buch-cell {
    width: 75%;
    display: block;
    margin-top:  3ex; 
    margin-left: auto;
    margin-right: auto;
   
    margin-bottom:  3ex;
   }  
   
   img.reni-cell {
    width: 50%;
    display: block;
    margin-top:  3ex; 
    margin-left: auto;
    margin-right: auto;
   
    margin-bottom:  3ex;
   }
   
      img.gedichte-cell {
    width: 75%;
    display: block;
    margin-top:  0ex; 
    margin-left: auto;
    margin-right: auto;
   
    margin-bottom:  6ex;
   }
   .about-me{
   display: none;
   }
   .about-me-cell{
   display: block;
    color: var(--block2-color);
    background-color: var(--block2-bgcolor);
    padding: 1em;    
    grid-column: 2/ span 3;
    grid-row: block2;
}   

}




@media only screen and (max-width: 700px) {

	.bild-reni1{
	        display: none;
    }

	.bild-reni2{
	        display: none;
    }

    .leserstimmen {
        display: none;
    }
    
     .leserstimmen-header {
        display: none;
    }  

    .leserstimmen-cell {
        display: block;
        color: var(--block2-color);
        background-color: var(--block2-bgcolor);
        padding: 1em;    
        grid-column: 2/ span 3;
        grid-row: block2;
    }  
    p.leserstimmen-cell{     
    margin: 0px;
    padding:2em;
    background-color: white;
    font-size: var(--leserstimmen-font-size); 
    line-height: 1.6;
}
    #middlebox-cell{
       background: white;
   
       height: 100%;
       text-align: center;
   }


   p.gedichte-cell {
       font-size: 15px;
   }
}

/* Hack */
/* This only triggers on the page with the special class */


body.split-block-page {
	grid-template-rows: 
		[config] auto [header] auto [nav-bar] auto
		[hline1] 10px [header1] auto   
		[block1-a] auto [block1-b] auto /* Split row */
		[footer1] auto [hline2] 10px 
		[header2] auto [block2] auto [footer2] auto   [footer] auto; 
	grid-template-columns: [c1] 1fr [c2] 45% [c3] 10% [c4] 45% [c5] 1fr;
	grid-row-gap: 0em;
	font-family: 'Helvetica Neue', sans-serif;
	color: var(--body-color);
	background-color: var(--body-bgcolor);    
}
	
@media (min-width: 901px) {	
	body.split-block-page .bild-reni1{
	   grid-column: 2/span 1;
	   grid-row: block1-a; 
	}
	body.split-block-page .text-reni1{
		padding: 0ex;
		margin-top:  6ex;
		margin-left:  9ex;
		grid-column: 3/span 2;
		grid-row: block1-a; 
	}	
	body.split-block-page .bild-reni2{
	   grid-column: 2/span 1;
	   grid-row: block1-b; 
	}
	body.split-block-page .text-reni2{
		padding: 0ex;
		margin-top:  6ex;
		margin-left:  9ex;
		grid-column: 3/span 2;
		grid-row: block1-b; 
	}	
	body.split-block-page .bild-reni1-cell {
		display: none;
    }
    body.split-block-page .bild-reni2-cell {
		display: none;
    }
}

@media (max-width: 900px) {
	body.split-block-page .bild-reni1 {
		display: none;
    }
	body.split-block-page .bild-reni2 {
		display: none;
    }
    body.split-block-page  .bild-reni1-cell{
   display: block;
   width: 70%;
   grid-column: 2/span 3;
   grid-row: block1-a; 
   justify-self: center;
  
	}
   body.split-block-page  .bild-reni2-cell{
   display: block;
   width: 70%;
   grid-column: 2/span 3;
   grid-row: block1-b; 
   justify-self: center;
	}	
	body.split-block-page .text-reni1-cell{
		padding: 0ex;
		margin-top:  6ex;
		margin-left:  9ex;
		grid-column: 3/span 2;
		grid-row: block1-a; 
	}	
	body.split-block-page .text-reni2-cell{
		padding: 0ex;
		margin-top:  6ex;
		margin-left:  9ex;
		grid-column: 3/span 2;
		grid-row: block1-b; 
	}	
	
}


/*@media (max-width: 900px) {*/
/*	body.split-block-page {*/
/*		grid-template-rows: */
/*			[config] auto [header] auto [nav-bar] auto*/
/*			[hline1] 10px [header1] auto   */
/*			[block1] auto*/
/*			[footer1] auto [hline2] 10px */
/*			[header2] auto [block2] auto [footer2] auto   [footer] auto; */
/*		grid-template-columns: [c1] 1fr [c2] 45% [c3] 10% [c4] 45% [c5] 1fr;*/
/*		grid-row-gap: 0em;*/
/*		font-family: 'Helvetica Neue', sans-serif;*/
/*		color: var(--body-color);*/
/*		background-color: var(--body-bgcolor);    */
/*	}*/
/*	body.split-block-page .bild-reni1 {*/
/*		display: none;*/
/*    }*/
/*	body.split-block-page .bild-reni2 {*/
/*		display: none;*/
/*    }*/
/*}*/

/*Not quite where. The divs bild-reni1 and bild-reni2 should not show on cell-phones. In the special page I have*/


/*<body class="split-block-page">*/

/*<div class="bild-reni1">  */
/*     ...*/
/*</div>   */

/*and in the css*/

/*@media (min-width: 901px) {*/
/*	body.split-block-page {*/
/*		grid-template-rows: [block1-a] auto [block1-b] auto; /* Split row */*/
/*		grid-template-columns: [c1] 1fr [c2] 45% [c3] 10% [c4] 45% [c5] 1fr;*/
/*	}*/
/*	body.split-block-page .bild-reni1{*/
/*	   grid-column: 2/span 1;*/
/*	   grid-row: block1-a; */
/*	}*/
/*	body.split-block-page .bild-reni2{*/
/*	   grid-column: 2/span 1;*/
/*	   grid-row: block1-b; */
/*	}	*/
/*	*/
/*	*/
/*@media (max-width: 900px) {*/
/*	body.split-block-page {*/
/*		grid-template-rows: */
/*			[block1] auto*/
/*			grid-template-columns: [c1] 1fr [c2] 45% [c3] 10% [c4] 45% [c5] 1fr;*/
/*	}*/
/*	body.split-block-page .bild-reni1 {*/
/*		display: none;*/
/*    }*/
/*}*/