.wrapper-page .my_veranstaltung {
margin-bottom:40px;
}

.grey {
/* background-color: rgba(0, 0, 0, 0.03)!important; */
/* background-color:#f9f9f9!important; */
background: linear-gradient(to bottom right, #f4f4f4, #f9f9f9);
}

.wrapper-page .my_veranstaltung h2 {
clear:both;
font-size: clamp(23px, 3vw + 1rem, 30px)!important;
line-height: clamp(27px, 3.5vw + 0.5rem, 33px);
letter-spacing:-0.5px;
margin-bottom:15px!important;
margin-top:0px!important;
font-weight:900!important;
/* font-size:35px!important;
line-height:39px; */
color:#f9b61d!important;
background:inherit;
padding-bottom:0px;
padding-top:5px;
}

@media (min-width: 1px) and (max-width: 540px) {
.wrapper-page .my_veranstaltung h2 {
}
}

/* //////////////// Kurzttext Langtext //////////////// */

.wrapper-page .my_veranstaltung .text-ausgabe {
color:#6a6a6a;
font-weight: 200;
/*
line-height:20px;
font-size:16px!important;
*/
border-top: 1px dotted #6a6a6a;
/* border-bottom: 1px dashed #807e7c; */
margin:5px 0px 5px 0px;
padding:10px 0px 10px 0px;
}

.wrapper-page .my_veranstaltung a.downloadlink,
.wrapper-page .my_veranstaltung a.downloadlink:link {
display:inline-block;
float:left;
font-size:16px;
font-weight:300;
margin-bottom:30px;
/* background-color:rgba(154,132,119, .6); */
text-decoration:none!important;
color:#3b5666!important;
border-radius:3px;
}

.wrapper-page .my_veranstaltung a.downloadlink:hover{
color:#f9b61d!important;
}


/* //////////// Datum Zeit Tickets Texte ///////////////////////////// */

.wrapper-page .my_veranstaltung .veranstaltung_box {
display:inline-block;
float:left;
font-size:20px;
line-height:25px;
font-weight:200;
margin:0px 20px 15px 0px;
/* -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37); */
}

@media (min-width: 1px) and (max-width: 540px) {
.wrapper-page .my_veranstaltung .veranstaltung_box {
font-size:21px;
line-height:23px;
}	
}

.wrapper-page .my_veranstaltung .veranstaltung_datum {
color:#6a6a6a;
letter-spacing:0.5px;
}

.wrapper-page .my_veranstaltung .veranstaltung_wochentag {
color:#6a6a6a;
letter-spacing:0.5px;
}

.wrapper-page .my_veranstaltung .veranstaltung_zeit {
color:#6a6a6a;
letter-spacing:0.5px;
}


.wrapper-page .my_veranstaltung .veranstaltung_ort {
color:#6a6a6a;
letter-spacing:0.5px;
}

.wrapper-page .my_veranstaltung .veranstaltung_preis {
background-color:#643483;
font-size:18px!important;
color:#FFFFFF;
margin:10px 0px 0px 0px!important;
}

.wrapper-page .my_veranstaltung .urheber_fotograf {
display:inline-block;
font-size:16px!important;
color:#979696;
margin:0px 0px 25px 0px!important;
padding-left:10px;
}

.wrapper-page .my_veranstaltung p {
color:#6a6a6a!important;
/*
font-size:20px!important;
line-height:28px!important;
*/
font-weight:300;
margin-bottom:10px;
word-spacing:2px;
}

.wrapper-page .my_veranstaltung ul {
margin:0 0 15px 5px; /* margin:0 0 30px 10px; */
}

.wrapper-page .my_veranstaltung .color_creative_grau {
  color: #2B2E31!important;
}

.wrapper-page .my_veranstaltung ul li {
font-size: 1.0em;
line-height: 1.3em;
padding: 5px 0px 5px 0px!important;
margin-left:15px;
font-weight:200;
margin-bottom:5px!important;
color:#6a6a6a!important;
-moz-hyphens: none!important;
-webkit-hyphens: none!important;
-ms-hyphens: none!important;
-o-hyphens: none!important;
hyphens: none!important;
list-style-type:none!important;
list-style-image:url(../../media/listenpunkt_schwarz.svg);
border-bottom:1px dotted #a4a2a2!important;
}


/* //////////////////////// veranstaltung-details aufklappen ///////////////////////////////// */

.wrapper-page a.veranstaltung_alle_infos,
.wrapper-page a.veranstaltung_alle_infos:link {
position:relative;
display:inline-block;
margin-top:20px;
margin-bottom:20px;
padding:5px 15px 4px 15px;
font-size:17px!important;
font-weight:500;
color:#FFFFFF!important;
text-decoration:none!important;
background-color:#3b5666;
border-radius:3px;
font-style:italic;
text-transform:uppercase;
}

.wrapper-page a.veranstaltung_alle_infos:hover {
background-color:#f9b61d;
color:#FFFFFF!important;
}


.wrapper-page .my_veranstaltung .veranstaltung_show  {
/* wird im script sichtbar gesetzt , je nach farbenbox */
/* background-color:#f8f8f8; */
display:none;
padding:20px 0px 0px 0px!important;
}

@media (min-width: 1px) and (max-width: 480px) {
.wrapper-page .my_veranstaltung .veranstaltung_show  {
padding:20px 0px 0px 0px!important;
}
}

.wrapper-page .my_veranstaltung a.google_karte_link,
.wrapper-page .my_veranstaltung a.google_karte_link:link {
display:inline-block;
margin:20px 0px 20px 0px!important;	
color:#FFFFFF!important;
font-weight:400;
padding:5px 10px 5px 10px;
border-radius:4px;
font-size:17px!important;
background-color:#40ed56;
}

.wrapper-page .my_veranstaltung a.google_karte_link:hover {
background-color:#0070b2;
}

@media (min-width: 1px) and (max-width: 600px) {
.wrapper-page .my_veranstaltung a.google_karte_link,
.wrapper-page .my_veranstaltung a.google_karte_link:link {
/* display:none; */
}	
}

.wrapper-page .my_veranstaltung a.schalter_email,
.wrapper-page .my_veranstaltung a.schalter_email:link {
display:inline-block;
background-color:#40ed56;
padding:4px 12px 4px 14px;
font-size:17px!important;
color:#FFFFFF;
margin:5px 0px 20px 0px!important;
border-radius:4px;
}

.wrapper-page .my_veranstaltung a.schalter_email:hover {
background-color:#0070b2;
}

.wrapper-page p.headline_veranstaltung_show {
display:inline-block;
color:#000000;
padding: 3px 9px 3px 9px;
background: rgba(255, 255, 255, .9);
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
border-radius:3px;
margin-bottom:20px!important;
/* margin-left:-45px; */
}

/* Images Zoom bei Rollover innerhalb der Größe */

/* Container-Wrapper */
.wrapper-page .img-zoom-wrapper-veranstaltung-images {
  border-radius: 20px;
  display: block;
  overflow: hidden;
  line-height: 0;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background-color: #fff;
  isolation: isolate;
  z-index: 1;
}

/* Das Bild */
.wrapper-page .img-zoom-wrapper-veranstaltung-images img {
  border-radius: 20px;
  transition: transform 1.3s cubic-bezier(0.2, 0, 0.2, 1);
  width: 100%;
  height: auto;
  display: block;  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  filter: brightness(1.001); 
  transform: scale(1);
}

/* Hover-Zustand */
.wrapper-page .img-zoom-wrapper-veranstaltung-images:hover img {
  transform: scale(1.20);  
  /* Falls es immer noch abdunkelt, diesen Filter dazunehmen: */
  filter: brightness(1);
}

.wrapper-page .my_veranstaltung a.navi_veranstaltungen,
.wrapper-page .my_veranstaltung a.navi_veranstaltungen:link {
color:#FFFFFF!important;
font-size:19px;
padding:10px;
margin-right:20px;
margin-bottom:10px;
background: rgba(255, 255, 255, .2);
text-decoration:none!important;
display:inline-block;
}

.wrapper-page .my_veranstaltung a.navi_veranstaltungen:hover {
background: rgba(0, 0, 0, .3);
text-decoration:none!important;
}

.wrapper-page .my_veranstaltung a.auswahl_navi {
background: rgba(255, 255, 255, .7)!important;
color:#000000!important;
}

.wrapper-page .my_veranstaltung .box_navi_veranstaltungen {
margin-bottom:20px;
}

.wrapper-page .my_veranstaltung .smart_line_blau {
display:block;
border-bottom: 2px dotted #c2deed!important;
margin: 5px 0 20px;
}

.wrapper-page .my_veranstaltung .smart_line_gelb {
display:block;
border-bottom: 2px dotted #e3d38d!important;
margin: 5px 0 20px;
}

.wrapper-page .my_veranstaltung .galeriebild_immo {
float:left;
height:150px!important;
margin:10px;
border-radius:1px;
border: 1px solid #dfdfdf;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
}

.wrapper-page .my_veranstaltung .galeriebild_immo:hover {
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}

@media (min-width: 1px) and (max-width: 600px) {
.wrapper-page .my_veranstaltung .galeriebild_immo {
display:inline-block;
width:100%!important;
height:auto!important;
margin:0px 0px 25px 0px!important;
}
}

@media (min-width: 992px) and (max-width: 4000px) {
.wrapper-page .my_veranstaltung  .my_cleaner {
display:none;	
}
}

/* rollover Immobox */
.wrapper-page .veranstaltung_aktive:hover {
/* background: rgba(31, 31, 31, .02); */
/*
-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
*/
}

/*  Letter Aktuelle Veranstaltungen */
.wrapper-page .my_veranstaltung h3 {
display:inline-block;
background: rgba(31, 31, 31, .75);
padding:8px 12px 10px 12px;
font-size:30px!important;
color:#dedad2!important;
border-radius:5px;
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page .my_veranstaltung h3 {
font-size:26px!important;
}
}

/* zwischen Ort und Veranstaltungsart */
@media (min-width: 1px) and (max-width: 480px) {
.wrapper-page .my_veranstaltung .umbruch_mobile {
display:block!important;
}
}

.wrapper-page .my_veranstaltung .my_glyphicon_music {
color:#a9abff!important;
}

.wrapper-page a.alle_anzeigen_link,
.wrapper-page a.alle_anzeigen_link:link {
display:inline-block;
background: rgba(255, 255, 255, .70);
padding:5px 10px 5px 10px;
text-decoration:none!important;
font-size:17px;
border-radius:5px;
float:right;
}

@media (min-width: 1px) and (max-width: 767px) {
.wrapper-page a.alle_anzeigen_link,
.wrapper-page a.alle_anzeigen_link:link {
float:none!important;
text-align:center!important;
margin: 0 auto;
min-width:100px;
}
}