body{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
      background-color: #525252;
}

a:link,
a:visited, 
a:hover, 
a:focus, 
a:active,
a:visited:hover{color:blue}

p {
    margin-top: 0;
    margin-bottom: 0rem;
}

::-moz-selection { background: #000; color: #fff!important}
::selection { background: #000; color: #fff!important; }



.buket{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 25%;
}


particle {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 9998;
}

.row object{
  width: 100%;
  max-width: 100%!important;
  pointer-events: none;
}

.particleflower{
  width:50%;
  animation: asd 6s alternate cubic-bezier(.69,.12,.32,.95);
    animation-iteration-count: 1;
}

@keyframes asd {
  0%   {}
  30% {transform: translate(0px, 0%);  opacity: 1}
  100% {transform: translate(0px, 0%);
        opacity: 0}
}


svg text::selection {
  fill: white;               /* Textfarbe während der Auswahl */
  background: blue;          /* funktioniert aber oft nicht bei SVG */
}

::selection {
  background: blue;          /* funktioniert bei HTML-Text */
}
.event-column{
}

.header-logo{
	background-color: #fff;
}


.table-wrapper {
    background-color: #fff;
    position: relative;
    margin: 14px;
    box-shadow: 0px 0px 0px 1px #493b3b24, 0px 0px 9px 1px #35262691, 0px 0px 20px 8px #00000045;
}

.divider {
    height: 45px!important;
    width: 100%;

    position: relative;
    z-index: -9;
}


.first-column{
	width: 110px;
}

.second-column{
	width: 110px;
}
.date-column{
	width: 120px;
}

.footer-first-column{
	width: 240px;
}


.footer-second-column{
	width: 80px;
}

.footer-last-column{
	width: 100px;
}

.footer-invitation-colum{
position: relative;
}

.centerline-column:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 1px solid black;
  background: black;
  width: 100%;
  transform: translateY(-50%);
}

.border{
border: 1px solid #000!important;
}

.border-top{
border-top: 1px solid #000!important;
}
.border-bottom{
border-bottom: 1px solid #000!important;
}
.border-left{
border-left: 1px solid #000!important;
}
.border-right{
border-right: 1px solid #000!important;
}



@media (min-width: 576px) { 
	.programm-column-name{
    width: 145px;
}

.programm-column-first-cell{
	width: 100px;
}

.programm-column-date{
	width: 90px;
}
.programm-column-programmtext{
hyphens: auto;
}
.programm-column-letter{
	width: 20px;
}



.md-20{
	width: 20%
}
.md-40{
	width: 40%
}
.md-60{
	width: 60%
}
.md-80{
	width: 80%
}
.md-100{
	width: 100%
}
}

@media (max-width: 576px) { 

body{
  font-size: 12px;
}

	.mobile-hide-border-top {
		border-top: none!important;
	}
	.mobile-hide-border-bottom {
		border-bottom: none!important;
	}

	.programm-column-name{
	width: 90px;

}

.programm-column-programmtext{
hyphens: auto;
flex: auto;
}
	.programm-column-name{
flex: auto;
border-bottom: 1px solid;
}

.programm-column-date {
    flex: 2;
	
border-bottom: 1px solid;
}



.programm-column-letter{
	max-width: 20px;
	    flex: 3;
	    border-bottom: 1px solid;
}

.programm-column-first-cell {
    width: 30px!important;
}


.programm-column-first-cell a, .programm-column-first-cell span{

    writing-mode: tb-rl;
    transform: rotate(-180deg);
    position: relative;
padding-left: 17px;
}
.first-column{
	width: 80px;
}

.second-column{
	width: 80px;
}


.date-column{
	width: 110px;
}
.footer-first-column{
	width: 140px;
}


.footer-second-column{
	width: 60px;
}

.footer-last-column{
	width: 80px;
}


 }





/* smartphone queries */

@media only screen and (max-width: 767px) {


  .particleflower{
  width:250px;
}

 }