/* 
Theme Name: greenzero
Theme URI: https://c-g-w.net/
Description: Hello Elementor Child 
Author: CGW GmbH
Author URI: https://c-g-w.net/
Template: hello-elementor
Version: 1.0.1
Text Domain: greenzero
*/

/*
    Add your custom styles here
*/

/* Allgemein
------------------------------------------------------- */

/* Fixes für WP Standards im Classic Editor */
/*--------------------------------------------------------------*/
.gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  /*margin-bottom: calc(1.5 * 1rem);*/
	/*border:1px solid #0069B4;*/
}

.gallery-item {
  display: inline-block;
  /*margin-right: 16px;*/
  /*margin-bottom: 15px !important;*/
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-item img {
	width:100% !important;
}

.gallery-columns-2 .gallery-item {
  max-width: calc(100% / 2);
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
  margin-right: 0;
}

.gallery-columns-3 .gallery-item {
  max-width: calc(100% / 3);
}

.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
  margin-right: 0;
}

.gallery-columns-4 .gallery-item {
  max-width: calc(100% / 4);
}

.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
  margin-right: 0;
}

.gallery-columns-5 .gallery-item {
  max-width: calc(100% / 5);
}

.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
  margin-right: 0;
}

.gallery-columns-6 .gallery-item {
  max-width: calc(100% / 6);
}

.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
  margin-right: 0;
}

.gallery-columns-7 .gallery-item {
  max-width: calc(100% / 7);
}

.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
  margin-right: 0;
}

.gallery-columns-8 .gallery-item {
  max-width: calc((100% - 16px * 7) / 8);
}

.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
  margin-right: 0;
}

.gallery-columns-9 .gallery-item {
  max-width: calc(100% / 9);
}

.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
  margin-right: 0;
}

.gallery-item:last-of-type {
  padding-right: 0;
}

@media only screen and ( max-width: 860px ) {
      .gallery-item {float:left;width:50% !important; max-width: 100% !important;}
 }

@media only screen and ( max-width: 420px ) {
      .gallery-item {float:left;width:100% !important; max-width: 100% !important;}
 }

p img.alignleft, figure.wp-caption.alignleft {
    float: left;
	margin-left:0rem;
    margin-right: 1rem !important;
}

p img.alignright, .wp-caption.alignright {
    float: right;
	margin-right:0rem;
    margin-left: 1rem !important;
}