body {
    font-family:Raleway,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight:300;
    color: #111;
    overflow-x:hidden;
    width:100.1%;
}
.home1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_home2.webp');
    background-size:contain;
}
.wohnheim1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_rot2.webp');
    background-size:contain;
}
.bewohnende1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_orange2.webp');
    background-size:contain;
}
.team1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_gelb2.webp');
    background-size:contain;
}
.arche1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_gruen2.webp');
    background-size:contain;
}
.events1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_blau2.webp');
    background-size:contain;
}
.archepark1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_violett2.webp');
    background-size:contain;
}
label .archepark1 {
    background-image:none;
}
.zuweisende1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_grau2.webp');
    background-size:contain;
}
.kontakt1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_grau2.webp');
    background-size:contain;
}
.datenschutz1 {
    background-image:url('/files/pictures/backgrounds/lattenwand_grau2.webp');
    background-size:contain;
}
.black-font, .font-black, .black-font:visited, .font-black:visited {
    color: #2a2b2a;
}
.red-font, .font-red {
    color: #e30000;
}
.wohnheim1 #main .mod_article{
    background-color: #f5dcdc;
    outline: 20px solid rgb(256,256,256,0.3);
    border-radius: 10px;
}
.bewohnende1 #main .mod_article{
    background-color: #f0e5d0;
    outline: 20px solid rgb(256,256,256,0.3);
    border-radius: 10px;
}
.team1 #main .mod_article{
    background-color: #f0edd7;
    outline: 20px solid rgb(256,256,256,0.3);
    border-radius: 10px;
}
.arche1 #main .mod_article{
    background-color: #dbece4;
    outline: 20px solid rgb(256,256,256,0.3);
    border-radius: 10px;
}
.events1 #main .mod_article, .events1 #main .mod_eventreader{
    background-color: #eef6fb;
    background-image:none;
    outline: 20px solid rgb(256,256,256,0.3);
    border-radius: 10px;
}
.archepark1 #main .mod_article, .archepark1 #main .mod_eventreader{
    background-color: #efdef7;
    background-image:none;
    outline: 20px solid rgb(239, 222, 247,0.3);
    border-radius: 10px;
}




.zuweisende1 #main .mod_article, .kontakt1 #main .mod_article, .datenschutz1 #main .mod_article {
    background-color: #eef0ee;
    outline: 20px solid rgb(256,256,256,0.3);
    border-radius: 10px;
}
.mod_article figure {
    margin-top:0.5rem;
    margin-bottom:1.5rem;

}
.mod_article picture {
    display:flex;
    justify-content: center;
}
.events1 .mod_article picture {
    justify-content: flex-start;
}
.home1 .mod_article figure {
    margin-top:0rem;
    margin-bottom:0rem;
}
@media screen and (max-width:649px) {
  #main .mod_article {
      outline-width:10px!important;
  }  
}

.title1 {
    /* color:#d1093a; */
    color:#e40000;
}


@media screen and (max-width:649px) {
.mod_article h2.title1 {
   font-size: calc(3vw + 1.6rem);
   letter-spacing:1px;
   color: #e40000;
   margin:0;
   padding:0.3rem 0;
   font-weight:400;
   text-align:center;
   z-index:80;
}
.mod_article h3.title1 {
   font-size: calc(1.1vw + 2em);
   font-family:Oswald,Raleway,Arial,sans-serif;
   letter-spacing:1px;
   color: #e40000;
   margin:0;
   padding:0.1rem 0;
   font-weight:400;
   text-transform: uppercase;
   text-align:right;
   display:none;
}}


@media screen and (min-width:650px) and (max-width:849px) {
.mod_article h2.title1 {
   font-size: 2.7rem;
   letter-spacing:1px;
   color: #e40000;
   margin:0;
   padding:0.3rem 0;
   font-weight:400;
   text-align:center;
   z-index:80;                  
   text-transform: uppercase;
}
.mod_article h3.title1 {
   font-size: calc(1.1vw + 0.9em);
   font-family:Oswald,Raleway,Arial,sans-serif;
   letter-spacing:1px;
   color: #e40000;
   margin-top:1rem;
   padding:0.1rem 0;
   font-weight:400;
   text-transform: uppercase;
   text-align:center;
   margin-left: 1rem;
}
   .title00 {
    display:flex;
    justify-content:center;
}
}

@media screen and (min-width:850px) {
.mod_article h2.title1 {
   font-size: calc(3vw + 2.5em);
   letter-spacing:1px;
   color: #e40000;
   margin:0;
   padding:0.3rem 0;
   font-weight:400;
   text-align:right;
}

.mod_article h3.title1 {
   font-size: calc(1.1vw + 2rem);
   font-family:Oswald,Raleway,Arial,sans-serif;
   letter-spacing:1px;
   color: #e40000;
   margin:0;
   padding:0.1rem 0;
   font-weight:400;
   text-transform: uppercase;
   text-align:right;
}
.hr_hero {
    margin-right:0;
    border-top:2px solid #e40000;
    border-bottom:1px solid #e40000;
    margin-bottom:0;
    margin-top:0;
}
}
@media screen and (min-width:750px) and (max-width:849px) {
.hero-s.mod_article h2.title1 {
   font-size: 2.7rem;
   letter-spacing:1px;
   color: #e40000;
   margin:0;
   padding:0.3rem 0;
   font-weight:400;
   text-align:center;
   z-index:80;                  
   text-transform: uppercase;
}
.hero-s.mod_article h3.title1 {
   font-size: calc(1.1vw + 0.9em);
   font-family:Oswald,Raleway,Arial,sans-serif;
   letter-spacing:1px;
   color: #e40000;
   margin-top:1rem;
   padding:0.1rem 0;
   font-weight:400;
   text-transform: uppercase;
   text-align:center;
   margin-left: 1rem;
}
   .title00 {
    display:flex;
    justify-content:center;
}
}

.ribbon .easyflex {
    margin-bottom:1rem;
}
#main .ribbon{
    background: url(/files/pictures/ribbon1.jpg);
    background-size: cover;
    background-position:left;
    width:100%;
    height:auto;
}
#main .ribbon {
    color:white;
    padding-top:1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    text-align:center;
}
#main .ribbon p, #main .ribbon a {
    font-size:1.2rem;
    line-height: 1.1;
    color:white;
}
.ribbon .flex-3 {
    flex: 1 0 295px;
    border: 2px solid white;
    padding:0.5rem;
    margin: 5px 2px 5px 5px;
}
.ribbon h4 {
  font-family: Oswald,Raleway,Arial,sans-serif;
  font-size: 2rem;
  line-height: 1
}
.ribbon .bgwt {
    background-color: rgb(253, 224, 228, 0.12);
}
.fancy {
    font-family: Brizel,Raleway,Arial,sans-serif;
}
#zitat.bg02{
    background-color: #f0eded;
    padding-top:2rem;
    padding-bottom:0;
    margin-bottom:05rem;
}
@media screen and (max-width:27.99em) {
    h1, h1 a {
        font-size: calc(2vw + 1.5rem);
        line-height:1.1;
        letter-spacing: 0.9px;
        margin-top:15px;
    }
}

@media screen and (min-width:28em) and  (max-width:39.99em) {
    h1, h1 a {
        font-size: calc(0.9vw + 1.8rem);
        line-height:1.1;
        margin-top: 10px;
    }
}
@media screen and (min-width:40em) {
    h1, h1 a {
        font-size: calc(0.8vw + 2.2rem);
        line-height: 1.15;
        color: #224626;
    }
}
@media screen and (max-width:39.99em) {
    h2, h2 a {
        font-size:1.9rem;
        line-height:1.2;
        color: #224626;
    }
}
@media screen and (min-width:40em) {
    h2, h2 a {
       font-size:2.3rem;
       line-height:1.1;
       color: #224626;
    }
}

@media screen and (max-width:39.99em) {
    h3, h3 a  {
        font-size:1.4rem;
        line-height:1.3;
    }
}
@media screen and (min-width:40em) {
    h3, h3 a {
        font-size:1.8rem;
        line-height:1.3;
    }
}
@media screen and (max-width:39.99em) {
    h4, h4 a {
        font-size:1.4rem;
        line-height:1.4;
        margin:1rem 0;
    }
}
@media screen and (min-width:40em) {
    h4, h4 a {
        font-size:1.5rem;
        line-height:1.4;
        margin:1rem 0;
    }
}
@media screen and (max-width:39.99em) {
    h5, h5 a {
        font-size:1.1rem;
        line-height:1.4;
        margin:0.4rem 0;
        font-weight:600;
        padding-top:0.5rem;
    }
}
@media screen and (min-width:40em) {
    h5, h5 a {
        font-size:1.15rem;
        line-height:1.4;
        margin:0.4rem 0;
        font-weight:600;
        padding-top: 0.5rem;
    }
}
@media screen and (max-width:39.99em) {
    p, p a, .mod_article p {
        font-size:1rem;
        line-height:1.4;
    }
}
@media screen and (min-width:40em) {
    p, p a, .mod_article p, ul li, li, li a {
        font-size:1.05rem;
        line-height:1.6;
    }
}
body h1,
body h2,
body h2 a,
body .funky h3,
body .funky h3 a,
body h3 .funky,
.funky h3,
.funky
 {
    font-family:Oswald,Raleway,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    margin-top:2rem;
}
body h6 {
    font-family:Brizel,Raleway,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 1.3;
    color: #e40000;
    padding:0.5rem 1rem;
}

body h3,
body h4,
body h5,
p,
li,
a {
    font-family:Raleway,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}
body a {
    color:#111;
    font-style:italic;
}
body a:hover {
    color:grey;
}
body a:visited {
    color: grey;
}
.home1 h1, .home1 h2, .home1 h3,
.home1 h1 a, .home1  h2 a, .home1  h3 a {
    color:#e40000;
    font-weight:500;
}
.wohnheim1 h1, .wohnheim1 h2, .wohnheim1 h3,
.wohnheim1 h1 a, .wohnheim1 h2 a, .wohnheim1 h3 a {
    color:#c80000;
    font-weight:500;
}
.bewohnende1 h1, .bewohnende1 h2, .bewohnende1 h3,
.bewohnende1 h1 a, .bewohnende1  h2 a, .bewohnende1  h3 a {
    color:#cc7402;
    font-weight:500;
}
.team1 h1, .team1 h2, .team1 h3,
.team1 h1 a, .team1  h2 a, .team1  h3 a {
  /*  color:#c4ba26; */
  color:#807805;
    font-weight:500;
}
.arche1 h1, .arche1 h2, .arche1 h3,
.arche1 h1 a, .arche1  h2 a, .arche1  h3 a {
    color:#02711d;
    font-weight:500;
}
.events1 h1, .events1 h2, .events1 h3,
.events1 h1 a, .events1  h2 a, .events1  h3 a {
    color:#0060b5;
    font-weight:500;
}
.archepark1 h1, .archepark1 h2, .archepark1 h3,
.archepark1 h1 a, .archepark1 h2 a, .archepark1 h3 a {
    font-weight:500;
    color:#520080;
}

.zuweisende1 h1, .zuweisende1 h2, .zuweisende1 h3,
.zuweisende1 h1 a, .zuweisende1  h2 a, .zuweisende  h3 a,
.datenschutz1 h1, .datenschutz1 h2, .datenschutz1 h3,
.datenschutz1 h1 a, .datenschutz1  h2 a, .datenschutz1  h3 a,
.kontakt1 h1, .kontakt1 h2, .kontakt1 h3,
.kontakt1 h1 a, .kontakt1  h2 a, .kontakt1  h3 a {
    color:#02711d;
    font-weight:500;
}
.archepark1 .ce_form h2 {
    margin-top: 4rem;
}

@media screen and (max-width:39.995em) {
    .mod_article div.ce_text h1  {
    font-size: 2rem;
    padding-left:1.4rem;
    }
}
h4 {
    font-weight:400;
}
h1,
h2 {
    text-transform:uppercase;
    font-weight:500;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    margin-bottom:1rem;
}
h5,
h6  {
  margin-bottom:0.3rem;  
}
ul {
	margin-left:0.5rem;
	list-style-type:none;
	margin-bottom:0.7rem;
}

.lst_circle li {
    list-style-type:circle;
    font-weight:300;
    margin-left:2rem;
}
.lst_none li {
    list-style-type:none;
    font-weight:300;
}
.lst_disc li {
    list-style-type:disc;
    font-weight:300;
}
nav li {
    list-style-type:none;
}

.ce_text a {
    text-decoration:underline;
    color:#43706a;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
td a {
    text-decoration:none;
}
a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
td a:hover {
    text-decoration:none;
    color:#42656A;
}

/* STYLING HEADER */
.logo1 {
	 margin-top:6px;
	 display: flex;
	 flex-flow: row nowrap;
	 justify-content: flex-start;
}
.kalender1 .logo1{
    display:none;
}
	.logo1 h3 {
		font-size: 2.5rem;
	}
@media screen and (max-width:498px) {
	.logo1 h3 {
		font-size: 1.75rem;
		margin-top: 8px;
	}
}
@media screen and (min-width:1024px) and (max-width:1324px) {
	.logo1 h3 {
		font-size: 1.75rem;
		margin-top: 8px;
	}
}

ul.accordion li.accordion-item::before {
    display:none;
}
.bgl {
    margin-top:0rem;
    margin-bottom:0.2rem;
    background-color:#D7F2F5;
    color:#36767F;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.bgl h1,
.bgl h2,
.bgl h3,
.bgl h4,
.bgl h5,
.bgl h6,
.bgl label {
    color:#1A4146;
}

.mod_article.header1.block,
.mod-article .header1 {
    margin-bottom:0rem;
    padding-left:0;
    padding-right:0;
}

@media screen and (max-width:39.995em) {
.mod_article {
    padding-right:0.6rem;
    padding-left:0.6rem;
    padding-bottom: 0.9rem;
    padding-top:0.6rem;
    margin-bottom:3rem;
}
}
@media screen and (min-width:40em) {
.mod_article {
    padding-right:1rem;
    padding-left:1rem;
    padding-bottom: 1.6rem;
    padding-top:1rem;
    margin-bottom:3rem;
}
}
.mod_article p {
  text-align: justify;
  hyphens:auto;
}

a.button:hover,
[type="submit"]:hover,
.button_update:hover,
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover,
input.submit.add_to_cart:hover,
a.submit.continue:hover {
    background-color:#fa4646;
    color:#fcf5f5;
}
.mod_faqlist li,
.info_container .downloads li {
    font-size:1.2rem;
}
.mod_faqlist li a:hover {
    background-color:#d8e8e4;
}
.mod_faqlist li a {
    padding-right:3px;
    padding-left:3px;
    background-color:rgba(67,112,106,.4);
    position: relative;
    top: -3px;
}
.mod_faqlist h2 {
    display:none;
}
.mod_article .mod_faqreader h1 {
    padding-left:1rem;
    font-size:2.2rem;
}
.ui-accordion-header-collapsed.ui-corner-all.ui-state-default.ui-accordion-icons {
  /*  width:80%;
    max-width:250px;  */
    margin:3px auto;
    margin-bottom:2rem;
    padding:8px;
    text-align:center;
    background-color:#02711d;
    color:#fff;
    cursor:pointer;
}
.ui-accordion-header-collapsed.ui-corner-all.ui-state-default.ui-accordion-icons::after {
    content:"";
    width:24px;
    height:24px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdUlEQVR4nO2SMRKAIAwE8wkZv6jPlcLnrI2FzggeBIdCtuZuQ8BsUAICJpztL7CyW0/A9okACEA8Y7GpgPvkOzA3E/BQLuUVAYnyJgIy5RI5Ad7ynACxvGpFFExeK1gv/zwkw55HBpa3cpdA5UcCL9ZNMLAHDnsaiPQmR3YHAAAAAElFTkSuQmCC);
    background-size:cover;
    position:relative;
    float:right;
}


.toggler.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-icons.ui-accordion-header-active.ui-state-active.active {
/*    margin:3px 15px;  */
    margin:3px auto;
    padding:8px;
    text-align:center;
    background-color:#02711d;
    color:#fff;
    cursor:pointer;
}
.toggler.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-icons.ui-accordion-header-active.ui-state-active.active::after {
        content:"";
    width:24px;
    height:24px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA0klEQVR4nO2UQQ6CQAxFMURXbAUPJV4AuYK4k+iGna7goOoBXD3T2OhINHYiGBf8pGHS/PbRYZggGPSXAmZADqyBzYco1Jv4ND/jrxMQWwDyNqI5EBr8IZBqTWYByMiisWnkW81Ea1YW806crVz0wveUU8DWAqhcABABF6B2crXmohag8gY4DdHnfR04+gogAvbOiWmCljoHAKPOADy2pdHobovo4SP3fkyLvn+0XM2pBSIeYOFzVSR6cfnqCEytI8fAUkYGSuDwJkr1ZObmg36uKzwtNgFBLIBvAAAAAElFTkSuQmCC);
    background-size:cover;
    position:relative;
    float:right;
}

.accordion-title {
    padding:.3rem 0;
    border:0px hidden;
    font-size:1rem;
}
.accordion {
    background-color:#e7f9f0;
    padding:0.5rem 0.8rem;
    margin-bottom: 1rem;
    position: absolute;
    z-index: 2;
    
}
@media screen and (min-width:40em) {
    .accordion {
        width:46.4%;
        margin-top:-3px;
}}
.accordion-content {
        border: 1px solid #02711d;
        padding:0.4rem;
}
.accordion-title:focus,
.accordion-title:hover {
    background-color:inherit;
}
a .accordion-label {
    color:#38645d;
}
.accordion-content {
    padding-left:.8rem;
    border-top:0px solid #38645d;
    border-right:0px solid #38645d;
    border-bottom:1px solid #38645d;
    border-left:0px solid #38645d;
}
.accordion-content input {
    padding:5px;
    border:1px solid #38645d;
}

.acco {
    position:absolute;
    z-index:2;
    width:49%;
    max-width:595px;
}
@media screen and (max-width:39.999em) {
    .acco {
        width:89%;
    }
}
@media screen and (min-width:40em) and (max-width:89.999em) {
    .acco {
        width: 43.2%;
        max-width: 555px;
    }
}


.rechner ul.accordion li.accordion-item {
    list-style-image: none;
}
hr {
    margin-right:15px;
}
.gallery_creator .list_albums .col_2 {
    width:500px;
    overflow:hidden;
}
@media screen and (max-width:914px) {
    .gallery_creator .list_albums .col_2 {
        width:100%;
        margin-left:0px;
    }
    .gallery_creator .list_albums .col_2 h2 {
        margin-left:0px;
        padding-left:0px;
        margin-top:0.5rem;
        margin-bottom:0px;
        font-size:1.8rem;
    }
}
.gallery_creator .tstamp {
    display:none;
}
.gallery_creator .list_albums li::before,
.gallery_creator .album_preview li::before,
.gallery_creator .list_albums .visitors {
    display:none;
}

.home body {
    background-color: transparent!important;
}


@keyframes slideInFromRight {
  0% {
    transform: translateX(40rem) translateY(-65rem) rotate(320deg);
  }
  100% {
    transform: translateX(0rem) translateY(0rem) rotate(360deg);
  }
}

.layout_short {
	animation: 2s ease-out 0s 1 slideInFromRight;
	margin-top:1rem;
	padding-bottom:1rem; 
	border: 1px solid #722E29;
}

/* .mod_article.corner1, .corner1.ce_text, .layout_short {
	overflow: visible;
	border: transparent;
}  */

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-40rem) translateY(35rem) rotate(0deg);
  }
  100% {
    transform: translateX(0rem) translateY(0rem) rotate(360deg);
  }
}


.mod_article.corner1::before, .layout_short::before, .news_short::before {
	content:"";
    position: absolute;
	width: 0px;
    height: 0px;
    margin-left: -2rem;
    animation: 2s ease-out 0s 1 slideInFromLeft;
/*animation-duration: 1s; /* the duration of the animation */
/*animation-timing-function: ease-out; /* how the animation will behave */
/*animation-delay: 0s; /* how long to delay the animation from starting */
/*animation-iteration-count: 1; /* how many times the animation will play */
/*animation-name: slideInFromLeft; /* the name of the animation we defined above */
    border-style: solid;
    border-width: 90px 400px 0 0;
    border-color: #2E5055 transparent transparent transparent;
    z-index:40;
    overflow:visible;
    display:block;
}
.mod_article.corner1::before, .news_short::before {
    margin-top: 0rem;	
}
.layout_short::before {
	margin-top: 0rem;
}


.mod_article.corner1.kontakt::before, .mod_article.corner1.newsreader::before {
	margin-top: 0.95rem;
}

.corner1 .ce_text,
.corner1 .ce_form,
.mod_newslist.corner2 p.info
 {
  margin-top: 3rem;
  position: relative;
  z-index: 50;
  overflow: visible;
}
.mod_newsreader p.info {
	display:none;
}

.corner1 .mod_newsreader {
	padding:3rem 2rem;
}

.corner1 .layout_short {
  padding: 0.8rem 0;
  border-bottom: 30px solid #a18db9;
}

.layout_short .bgll,
.mod_newslist .corner1 .bgll{
/*  margin-top: 0rem;
  margin-bottom: 0rem;
  padding-top: 0rem;  */
  padding-bottom: 0rem;
  background-color: #EFE9FF;
}
.bgll.mod_article p.info {
	color: #CBEFF4;
}
.formbody {
	padding:0.3rem;
	padding-right:0.5rem;
}

.label {
	color: white;
	background:#e40000;
}


.calendar .label {
    background:#515151;
}
.calendar.event.upcoming a,
.calendar .event a {
    font-size:0.9rem;
    margin:0;
}
.calendar.event.upcoming,
.calendar div.event.upcoming {
    line-height:1.1;
    margin-top:0.15rem;
}

h4.bezeichnung {
	text-align: center;
    position: relative;
    top: 0rem;
    background-color:#1A4146;
    color:#D09C98;
    font-size:2rem;
    padding-left:0;
    margin: 0;
    margin-bottom:1.5rem;
}
/*Event Menu */
.level_1 li.year {
    padding-bottom:0rem;
}
.level_1 li.year.submenu strong.active {
color: white;
   text-decoration: underline;
}
.level_1 li.year.submenu a {
    font-size:1.1rem;
    padding:2px;
    color:white;
}

li.year.submenu ul.level_2 li a{
    font-size:1rem;
    padding:2px;
    padding-left:1rem;
    color:white;
}
li.year.submenu ul.level_2 li .active{
    font-size:1rem;
    padding:2px;
    color:white;
}
body p.back {
    margin-top:0.8rem;
}
body p.back a {
	color:#fff;
	padding:5px;
	background-color: #0060b5;
	border:3px solid #0060b5;
    font-style:normal;
}
.eventgrid.event h2 {
    padding-top:0.3rem;
    padding-bottom:0.3rem;   
}
.mod_eventlist .header {
    display:none;
}
.mod_eventreader.event.upcoming h2,
html body#top.anlaesse1 div#wrapper div#container main#main div.inside div#article-10.mod_article.grid-container.block div.mod_eventreader.grid-x.grid-margin-x.block div.event.layout_full.block.upcoming div.content-text h2 {
    padding-top:2rem;
    padding-bottom:1.5rem;   
    font-size:2.4rem;
}
.event {
    padding: 0 2rem;
    padding-bottom:1.4rem;
    border:2px dotted #0060b5;
    margin:0.5rem 0;
}
.event h2,
.event h2 a {
    color:#0060b5;
    font-family:Oswald,Raleway,Arial,sans-serif;
    font-size:1.85rem;
    line-height:1.1;
    padding:0rem 0;
    margin-bottom: 0.6rem;
    font-style:normal;
}
.event p {
    margin-bottom:0;
}

.event .time time {
    font-weight:600;
}
p.time {
    margin-top: 1.2rem;
}
p.time::before, p.info time:before {
   content:"";
   width:20px;
   height:20px;
   background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAABXElEQVR4nM2Wv0vDUBSFPxxacJGCu5C5OOgsOLo6uPsPuAkdHB3s4OxfoVOWgpMZOoRODkK1tUPrUFLskEKhk7xwHlwooQmk0gsfXE7Ou4f3mh+F9ToAvoA5cMvmupF3ABzmmWpAQ5wDEXABhEbPI5Q30lqvu5lZ7QEjYCgmJmBh9DwWJmBi9G/NZh9IzG5OgBi4Bl4KHNGzvLHW+ko0ey2gpm27BVcFAi7lDf3ATQFVVWIDVsBrxaxsgLvNTitm/q9HlJgLzQK35jCHZpEAt72ueWD6wLH6e9GQ1je+rtYWCnAPja8P4Ej9nUCau+YrKhMwBtpiBjypfxNtaTPjG5cJcK+OlpgCD+o7oiVtanyjnTqiGAiEew2fqX8UgbSB8cVlAlKgJ5bAu/of0ZO2NL50p44o2nZAus0jqpsfLihJvUhAVZX4APfd/AR+K8bNzL7JPmTTv4eyZMP/AMV/yM5KiHW5AAAAAElFTkSuQmCC);
   background-size:cover;
   margin-right:10px;
   position:relative;
   display: inline-block;
   margin-bottom: -4px;
}
.location::before {
 content:"";
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA2UlEQVR4nO2WTQqCUBSFP3dRE5FWUERtxFHOzFGr0g1lK4h2ILYAK4QTPORRWT7t78CZXLl+vMt5P/CXXSu5Nx3k7wN6FuC11rl8IAeWBnAG7ICJC2AEVEABHOVCtfqbE60FOMsnYOMK1oR2DgtujCqWbYrU20qeAlKvJGnRl6gnfya9cyMUJnQMZPLIAivUe1chsG+4VDgqY4SZEZpUtdgIU2n5T/gWwEdHOhIofXWkg4cm6HNbDLLxBz/aor4Pbx/YAgvjepoqIE6up94v4N940wz2TORjdAGkI2ue3b/52QAAAABJRU5ErkJggg==);
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right:8px;
  margin-bottom:-5px;
}
.langzeit p.time::after {
   content: 'Diverse Termine → siehe Details'; 
   font-size:1rem;
   font-weight:600;
   margin-left:0px;
}
.longtemps p.time::after {
   content: 'Dates diverses → En savoir plus..'; 
   font-size:1rem;
   font-weight:600;
   margin-left:0px;
}
.longtime p.time::after {
   content: 'Various dates → Read more..'; 
   font-size:1rem;
   font-weight:600;
   margin-left:0px;
}

.event.layout_teaser.langzeit.bygone p.time time,
.event.layout_teaser.longtemps.bygone p.time time,
.event.layout_teaser.longtime.bygone p.time time
{
    display:none;
}
.langzeit2 {
    visibility: hidden;
    opacity:0;
}

.langzeit.upcoming p.time time,
.langzeit .event .time time  {
display:none;
}
.longtemps.upcoming p.time time,
.longtemps .event .time time  {
display:none;
}
.longtime.upcoming p.time time,
.longtime .event .time time  {
display:none;
}
p.location, p.location2 {
    text-align:left;
    letter-spacing:0.9;
}

/*   ************* Icon for Info in Events-List ********* */
/*
.layout_teaser.upcoming .ce_text.block::before {
   font-family: 'Font Awesome 5 Free';
   content: '\f15c';
   margin-right:10px;
   position: relative;
   margin-left:-20px;
   font-size:1.2rem;
}   */
.layout_teaser.upcoming.ce_text.block {
  /*  display:flex;
    flex-flow:row nowrap; */
    padding-bottom:10px;
    padding-left:20px;
    margin-top:10px;
}
.layout_teaser figure {
    flex:0 1 100%;
    max-width:360px;
    margin: 1rem 0;
}
/*
.event .info,
.event p.more {
   margin-top:0.5rem;
   margin-bottom:0.5rem;
}
*/
.event p.more a {
    padding:6px 9px;
    border: 1px solid #0060b5;
    color:#fff;
    background-color:#0060b5;
}
.info-anmeldung {
    background-color:#f0eded;
    padding:2rem;
    padding-top:0.1rem;
    margin-top: 1.6rem;
}
[type="submit"], [type="button"] {
    font-size: 1.1rem;
    padding:7px 8px;
    padding-bottom:7px;
    background-color: #015315;
    color:white;
}
.button-center a{
    color:white;
    padding:4px 5px;
    background-color: #e40000;
}
#ctrl_33, #ctrl_44, #ctrl_63, #ctrl_81, #ctrl_130 {
    display:flex;
    flex-flow:row wrap;
}
.portrait1::before {
    content:"";
    width: 0px;
    margin-top: 68px;
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    border-style: solid;
    border-width: 130px 0 0 1200px;
    border-color: transparent transparent transparent rgb(228,0,0,0.25);

}
.cardtext {
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-evenly;
    margin-top:-68px;
    translate: 0 8px;
    color:#e0dcdc;
}
.media1 figure {
    padding-left: 0.4rem;
}
.list-smaller li {
     font-size: 1rem;
     line-height: 1.6;
}
.goenner li a {
    color: #111;
    font-style:normal;
    font-weight:600;
}
.chevron::before {
    content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAq0lEQVR4nKXTO4pCQRSE4c9ZgqC54CpMTXwEIroLQfHtzOxiQE3M3IEYGbk0abhCczHovlNZBfU3p04fPqvmH6rjge+q4RvaWGCfC+jgiq/CL7HNhfRwLkEOuZB+CbKqMs4Apwiyxi4XMsZf5MMosxzACMfIh81sUsPDIhyX+ZsanpTmDyX+pIanH8pL/pVdXKJbCKsLryergTtaRVmhtGw18cS8Svit5HN+AfdxGB9of8IWAAAAAElFTkSuQmCC);
    background-size: auto;
  background-size: cover;
  position: relative;
  margin-right: 5px;
  padding-left: 20px;
}




/* *************************************************************************************************************************************************************************** */
/*
.button {
    color: white;
    font-size: 1rem;
    padding: 6px 4px;
    margin: 0px 3px;
    margin-top: 0.5rem;
    background-color: #e40000;
    width: 160px;
    display: block;
    text-align: center;
}
.button p, .button a, .button a:visited, .button a:hover {
    color:white;
    text-align: center;
}
.button:hover {
    background-color: #6d6d6d;
}
@media screen and (max-width:519px) {
.navigation-page .button,
.navigation-page-r .button,
.content-hyperlink .button {
    color:#e40000;
    font-family:Brizel,Raleway,Arial,sans-serif;
    font-size: 1.25rem;
    padding: 2px 1px;
    margin: 0px 3px;
    margin-top: 0.5rem;
    border:3px dotted #e40000;
    background-color: transparent;
    width: 115px;
    display: block;
    text-align: center; 
}
.navigation-page .button a,
.navigation-page-r .button a,
.content-hyperlink .button a {
    font-family:Brizel,Raleway,Arial,sans-serif;
    font-size: 1.25rem;
    color:#e40000;
}  
}
@media screen and (min-width:520px) {
.navigation-page .button,
.navigation-page-r .button,
.content-hyperlink .button {
    color:#e40000;
    font-family:Brizel,Raleway,Arial,sans-serif;
    font-size: 1.7rem;
    padding: 6px 4px;
    margin: 0px 3px;
    margin-top: 0.5rem;
    border:3px dotted #e40000;
    background-color: transparent;
    width: 160px;
    display: block;
    text-align: center; 
}
.navigation-page .button a,
.navigation-page-r .button a,
.content-hyperlink .button a {
    font-family:Brizel,Raleway,Arial,sans-serif;
    font-size: 1.7rem;
    color:#e40000;
}   
}
.content-hyperlink .button {
    width: 200px;
}


.navigation-page .button:hover,
.navigation-page-r .button:hover,
.content-hyperlink .button:hover{
        border:3px dotted grey;
        background-color:transparent;
}
.navigation-page .button a:hover,
.navigation-page-r .button a:hover,
.content-hyperlink .button a:hover,
#confetti.button:hover {
    color:grey;
}

audio {
    height: 18px;
    width: 80%;
}
.flex-2 figure {
    margin-bottom:0.8rem;
}
.lst_square ul li {
    list-style-type: square;
}
.mod_changelanguage li a, .mod_changelanguage li a:visited,
.mod_changelanguage.a.lang-de, .mod_changelanguage.a.lang-fr, .mod_changelanguage.a.lang-en{
    margin-right:0.25rem;
    margin-left:0;
    padding:0 0;
}
p.error {
    color:#e30000;
    font-weight:600;
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite; 
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }    
}
*/