.itemimage
{
   	max-width: 180px;
    
    margin: auto;
}
.itemtext {
    max-width: 180px;
    padding: 0px 10px!important;
    margin: auto;
  	text-align: left;
}

.journal-image {
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
    margin: 10px 0px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr;

    grid-gap: 10px;
    /* background-color: #e7eaf8; */
    padding: 0px;
    /*margin-left: 0px; */
    margin: auto;
    max-width: 1000px;

}

.grid-container>div {
    background-color: #e7eaf8;
    text-align: center;
    padding: 20px;
    /* font-size: 16px; */
}


@media only screen and (min-width:750px) {
    .grid-container {
        grid-template-columns: 1fr 1fr;
        background-color: #e7eaf8;
    }
}

@media only screen and (min-width: 1200px) {
    .grid-container {
        grid-template-columns: 1fr 1fr 1fr;
        background-color: #e7eaf8;
    }
}

/* ROT */
.buttonfuellungrot {
            font-family: Helvetica,sans-serif;
            display: inline-block;
            padding: 0.75rem 1.25rem;
            border-radius: 10rem;
            color: #fff;
            text-transform: uppercase;
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 0.15rem;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }

.buttonfuellungrot:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #b5152b;
            border-radius: 10rem;
            z-index: -2;
        }

.buttonfuellungrot:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background-color: #49579f;
            transition: all 0.3s;
            border-radius: 10rem;
            z-index: -1;
        }

.buttonfuellungrot:hover {
            color: #fff;
        }

.buttonfuellungrot:hover:before {
            width: 100%;
        }


/* Aufklappbox */
       details {
            /* border: 1px solid #49579f; */
         	 border: 1px solid #b5152b;
            border-radius: 4px;
            padding: .5em .5em 0;
            font-family: OpenSans, sans-serif;
            margin: auto;
         	max-width:800px;
        

        }

        /* To Hide Marker */
        details>summary {
            list-style: none;
           cursor: pointer;
        }

        /* To Hide Marker */
        details>summary::-webkit-details-marker {
            display: none;
        }

        summary {
            margin: -.5em -.5em 0;
            padding: .5em;
            /* background-color: #49579f; */
          	background-color: #b5152b;
            color: #fff;
            text-transform: uppercase;
            font-size: 1rem;
            font-weight: 600;
            letter-spacing: 0.10rem;
            transition: all 0.3s;
            line-height: 2.5em;
          text-align:center;
        }


        .summarytext {
            padding: 0px 10px;
            display: inline-block;
            margin: auto;
            text-align: center;
            vertical-align: middle;
        }
.summarytext>*{
  margin:0px!important;

}

        .summaryimage{
            margin: 10px;
            height: 30px;
        }



        /* summary:hover {
            background-color: #b5152b;
        } */

        details[open] {
            padding: .5em;
        }

        details[open] summary {
            /* border-bottom: 1px solid #49579f; */
           border-bottom: 1px solid #b5152b; 
            margin-bottom: .5em;
        }

        summary:hover {
           /* background-color: #b5152b; */
          background-color: #49579f;
        }

        summary>div {
            display: inline-block;
            margin: auto;
           text-align:center;
        }

.advent-spende {

  margin:auto;
  width:50px !important;
}

/* //// Tabellen //// */

.divtabelle{
  max-width:340px!important;
  overflow-x: scroll;
}
table, th, td {
   font-size:small;
  border:1px solid;
}
td  > * {
  margin: 0.5em;
}

@media only screen and (min-width:750px) {

  .divtabelle {
    width:100%
    max-width:700px;
    overflow-x: scroll;
  }
  
  
  tabelle {
    overflow-x: scroll;
  /*max-width:100%;*/
  
}


table, th, td {
   font-size:small;
  border:1px solid;
}

td {
  padding:0em 0.5em;
}
}

@media only screen and (min-width:1200px) {
 .divtabelle {
    max-width:1000px;
    overflow-x: scroll;
   
  } 
}

/* /////// NAT-Video /////// */

 .nat-video {
        margin: 4em auto 1em;
        text-align: center;
        width: 90%;
        font-family: "RobotoRegular", sans-serif;
        line-height: 1.5em;
    }

.preise-intro {
  width:100%;
  display:inline-block;
  text-align:center;
  margin:auto;

}

    @media only screen and (min-width:900px) {
        .nat-video {
            width: 100%;
        }
    }
    
    .video {
      width:100%;
        max-width:500px;
        margin:auto;
    }
    .nat-intro {
        display:inline-block;
        text-align:center;
        padding: 0em 1em;
    }    
    .nat-preise {
        display: inline-block;
        
        width:250px;
        padding: 1em;
        margin: auto;
    }

.btn-email {
  
  width:100%!important;
  margin-left: -15%!important;
}