/*
 Theme Name:     twentytwentyfive Child Theme
 Theme URI:      
 Description:    A child theme for use with twentytwentyfive Theme from <a href="https://wordpress.org/">Wordpress</a>. To use this Child Theme, you must have <a href="https://wordpress.org/themes/twentytwentyfive/">twentytwentyfive</a> parent theme installed.
 Author:         JJ
 Author URI:     
 Template:       twentytwentyfive
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */
body, h1, h2, h3, h4, h4, button, input, select, textarea { 
	--wp--style--global--content-size: 1340px;
}

.page .header-image {
	display: none;
}

.site-footer .site-info {
	display: none;
}

/*@media screen and (min-width:61.56em)*/
.site-header {
    padding: 0.25em 4.5455%;
}

ul, ol {
    list-style: inside none disc;
}


.header-font-l {
    color: #222222;
    font-size: x-large;
    font-weight: bold;
    margin: 0;
    padding-bottom: 7px;
    padding-top: 5px;
    text-align: left;
    line-height: 1em;
}
.header-font-s {
    font-size: medium;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: left;
}
.header-color-left {
    background: #dd3300 none repeat scroll 0 0;
}

  * { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    display: flex;
    flex-wrap: wrap;
  }

  .img-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .img-row img {
	padding-top: 5px;
	padding-bottom: 15px;
  }
  
  .img-row img {
    width: 100%;
    height: auto;
  }

  .img-row .jj-hr {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
  /* Grosse Bildschirme: 2 Bilder nebeneinander */
  @media (min-width: 769px) {
    .img-row img {
      width: 50%;
      max-height: 90vh;
      object-fit: contain;
	padding-right: 15px;
    }
  }

  /* Kleine Bildschirme / Mobil: 1 Bild pro Zeile, maximal gross */
  @media (max-width: 768px) {
    .img-row img {
      width: 100%;
      max-height: 100vh;
      object-fit: contain;
    }
  }

.jj-name-addr::after {
	content: "nilreB 55501-D ,6 .rtswozteveL ,lekcäJ (nehcoJ) mihcaoJ";
        unicode-bidi: bidi-override;
        direction: rtl;
}

.jj-addr::after {
	content: "nilreB 55501-D ,6 .rtswozteveL";
        unicode-bidi: bidi-override;
        direction: rtl;
}

.jj-name::before {
	content: "lekcäJ (nehcoJ) mihcaoJ";
        unicode-bidi: bidi-override;
        direction: rtl;
}

.jj-mail::before {
	content: "ed.ti-jj@";
        unicode-bidi: bidi-override;
        direction: rtl;
}

.jj-mobile::after {
	content: "4123293 271 94+";
        unicode-bidi: bidi-override;
        direction: rtl;
}

.jj-phone::after {
	content: "12930193 03 94+";
        unicode-bidi: bidi-override;
        direction: rtl;
}

.jj-tel, .jj-mail, .jj-addr .jj-name{
        unicode-bidi: bidi-override;
        direction: rtl;
}

details[open] > summary , details::details-content {
  background-color: #d2f0f0;
  overflow: hidden;
}

details::details-content {
	padding-left: 2rem;
}


details[open] > *:not(summary),
details[close] > *:not(summary) {
	animation: details-show 1000ms ease-in-out;
}

ul {
	margin-left: 0;
	padding-left: 2em; 
	list-style-position: outside; 
}