.losung-losungstext {font-weight: bold;font-size:13px;margin-top:-15px;}
.losung-lehrtext {font-weight: bold;font-size:13px;margin-top:-10px;}
.losung-copy > a {font-size: 10px !important; color:gray !important; }
.losung-copy {text-align: right!important; margin-top:-15px;line-height: 0.5;}
.losung-versangabe{margin-top:-30px;font-size:10px;text-align:right;}
.header_akutelles{font-style: normal;font-weight: 600;font-size: 13px;font-family: "texgyreadventorregular";line-height: 20.8px;text-transform: uppercase;letter-spacing: 4px;color: #28262b;}
.cookie-notice-container{width:90%;margin:auto;font-style: normal;font-size: 15px;color: #dbdbdb;}
.cn-more-info.cn-button.button{background:#867b7b;width: 214px;padding-left: 10px;color:white;}
.cn-set-cookie.cn-button.button{background:#867b7b;width: 50px;padding-left: 10px;padding-right: 10px;color:white;}


.dfd-info-banner {
    border: 1px solid #3e3d3d;
    padding: 0px;
    border-radius: 20px;
    box-shadow: 3px 3px #afafaf;
    margin: 5px;
}
.main-content {
	font-family: 'Open Sans', serif;
	padding-top: 5%;
	margin: 0 auto;
	width: 100%;
}

#photos {
	margin: 0 auto;
	position: relative;
}

#photos a {  
  display: inline-block;
}

#photos img {
	position: relative;
	width: 100%;
	float: left;
opacity: 0.35;
}


#textdiv {  

  position: absolute;
    text-align: center;
width: 100%;
height: 100%;
padding-top: 5%;


}

#textdiv4 {  

  position: absolute;
    text-align: center;
width: 100%;
height: 100%;
padding-top: 5%;


}

#textdiv2 {  
  position: absolute;
    text-align: center;
width: 100%;
height: 100%;
padding-top: 5%;
}

#textdiv3 {  
  position: absolute;
    text-align: center;
width: 100%;
height: 100%;
padding-top: 5%;
}

  #textdiv p {
    font-size: 7px !important;
line-height: 10px;
  }

  #textdiv2 p {
    font-size: 7px !important;
line-height: 10px;
  }
  
    #textdiv3 p {
    font-size: 7px !important;
line-height: 10px;
  }

  #textdiv4 p {
    font-size: 7px !important;
line-height: 10px;
  }

@media (min-width: 1180px) {
  #textdiv p {
    font-size:18px !important;
line-height: 25px;
  }
  #textdiv2 p {
    font-size:17px !important;
line-height: 24px;
  }
  
    #textdiv3 p {
    font-size:17px !important;
line-height: 22px;
  }
  
     #textdiv4 p {
    font-size:17px !important;
line-height: 22px;
  }

#namefield {
text-align: right;
font-size: 18px  !important;
}
}

@media (min-width: 1000px) and (max-width: 1179px) {

  #textdiv p {
    font-size:15px !important;
line-height: 22px;
  }

  #textdiv2 p {
    font-size:14px !important;
line-height: 21px;
  }

    #textdiv3 p {
    font-size:14px !important;
line-height: 19px;
  }
  
      #textdiv4 p {
    font-size:14px !important;
line-height: 19px;
  }
  
#namefield {
text-align: right;
font-size: 15px  !important;
}
}

@media (min-width: 760px) and (max-width: 999px) {

  #textdiv p {
    font-size:12px !important;
line-height: 13px;
  }

  #textdiv2 p {
    font-size:11px !important;
line-height: 13px;
  }
  
    #textdiv3 p {
    font-size:11px !important;
line-height: 12px;
  }

    #textdiv4 p {
    font-size:11px !important;
line-height: 12px;
  }

#namefield {
text-align: right;
font-size: 13px  !important;
}
}

@media (min-width: 300px) and (max-width: 759px) {

  #textdiv p {
    font-size:7px !important;
line-height: 9px;
  }

  #textdiv2 p {
    font-size:5px !important;
line-height: 8px;
  }
  
    #textdiv3 p {
    font-size:5px !important;
line-height: 8px;
  }
  
      #textdiv4 p {
    font-size:5px !important;
line-height: 8px;
  }

#namefield {
text-align: right;
font-size: 7px  !important;
}
}

p#block_left
{
  float:left;
  margin-right:10px;
width: 25%;
height: 100%;
}

#block_left_3 
{
  float:left;
  margin-right:10px;
width: 50%;
height: 100%;
}
#block_left_09 
{
  float:left;
  margin-right:10px;
width: 70%;
height: 100%;
}



#block_left img {
opacity: 1.0 !important;
}

#block_center img {
opacity: 1.0 !important;
}

#block_center {
    width: 25%;
    height: 100%;
    padding: 0%;
    margin-left: auto;
    margin-right: auto;
}

#brall {
width: 80%;
margin: 5%;
}

#kal1_img {
height: 50%;
    position: absolute !important;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto !important;
   opacity: 1.0 !important;
}

#kal24_img {
height: 25%;
    position: absolute !important;
    
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto !important;
   opacity: 1.0 !important;
}

#kal9_img {
height: 30%;
   
 float:left;
   opacity: 1.0 !important;
    width: auto !important;
    margin-left:10px;
}


#weihnachtsgodi {
background-image: url(http://evangelischekircheissum.de/wp-content/uploads/2020/12/Goldfond_Gottesdienste.png);
width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

#goditable {
background: inherit !important;
border: 0px !important;
border-collapse:collapse;
 width: 100%; 
overflow: auto;
}



#goditable tbody tr {
    color: #333;
    padding: 9px 10px;
    vertical-align: top;
    border: none;
    background: none;
border-bottom: 1pt dotted #ffffff;
}


#goditable2 {
background: inherit !important;
border: 0px !important;
border-collapse:collapse;
 width: 100%; 
overflow: auto;
}



#goditable2 tbody tr {
    color: #333;
    padding: 9px 10px;
    vertical-align: top;
    border: none;
    background: none;
border: 1pt dotted black;
}

#titel {
font-style: normal;
   font-weight: bold;
    font-size: 15px;
    font-family: "texgyreadventorregular";
    line-height: 21.6px;
    letter-spacing: 0px;
    color: #28262b;
}


tr#tennlinie {
    border-top: 3pt double white !important;
}

.tableresp::-webkit-scrollbar{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.tableresp::-webkit-scrollbar-thumb{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

#sonne {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 10px;
width: 30% !important;
opacity: 1.0 !important;

}

#dfd-isotope-container-5ffd9e6c8122f .dfd-masonry-container .dfd-isotope-item .dfd-info-banner.text-center .image-cover img {
  border-radius: 18px;

}

.godi {
  width:750px; 
  text-align: center;
  height: auto;
}


.aligned {
            display: flex;
            align-items: center;
        }
           
.span_kal {
            padding: 10px;
        }
        
.button {
  border: none !important;
  color: white !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 16px !important;
  margin: 4px 2px !important;
  cursor: pointer !important;
}

.button1 {background-color: #4CAF50 !important;} /* Green */