@charset "UTF-8";
/* CSS Document */

body {
	font-size: 48px;
    font-family: helvetica;
    background: #101010;
    color: white;
    margin: 0; /* 20 was */
    text-align: center;
}

h2 {
    font-family: arial;
    font-size: 32px;
}

h3 {
    font-size: 66px;
    margin: 0;
}

table.tour {
    margin: 0 auto;
}

.tour strong {
    font-weight: normal;
}

tr {
    transform: rotate(-2deg);
}

td {
    vertical-align: baseline;
    text-align: left;
    /* background: yellow; */
}

td.date {
    padding-right: 5px;
}

td.event {
    background: #c2b6c3;
    border-radius: 4px;
    padding: 5px;
}

td.book_us {
    background: #ffcdb8;
    background: #e6827c73;
    /* color: white; */
    transform: rotate(-2deg);
    display: table;
    padding: 0 5px;
}

.durch {
    text-decoration: line-through;
}

.sm {
font-size:24px;
}

.black {
    font-family: courier new;
    font-size: 17px;
}

.black {
    color: black;
}

.black_bg {
    background-image: url(../pix/senf.gif);
    background-size: cover;
}

.live_upcoming {
    background: #efd421;
    color: black;
    border-bottom: 0px solid #263e28;
    border-top: 20px solid #e300ff;
    padding: 20px;
}

.past_over {
    background: #fa516a;
    color: #571013;
    border-bottom: 2px solid #0e090d;
	/* margin-top: 50px; */
    border-top: 0px solid #0b481c;
    padding: 22px 0px;
}

.pix_space {
    /* no gap between pix */
    line-height: 0;
    display: inherit;
}

.white {
    background: white;
    color: black;
	border-bottom: 30px solid black;
	padding-bottom: 20px;
}
.event_magma {
	background: #b18178;
    font-family: courier new;
    font-size: 17px;
	color: black;
    padding: 30px;
    border: 12px double #fffad5;	
}

.musikbasar {
background: #99937f;
}

.austria {
    background: #fffcef;
    border: 7px double #ffb2fe;
    font-family: Helvetica;
    padding-top: 5px;
}

/*
@media only screen and (max-width: 480px) {
	.austria {
    border: 12px double red;
}
}
*/

.rec_autumn {
	background: #c0aabf;
    font-family: courier new;
    color: black;
    font-size: 17px;
    margin-bottom: 30px;
    padding: 5px 0 20px;
    border-top: 8px solid #3a2d37;
}

.live {
    background: yellow;
    transform: rotate(-4deg);
    display: inline-block;
    padding: 10px;
    margin: -5px 20px 0;
}

.austria .live {
	background: #826fe4;
    background: #5843dcbf;
    color: white;
    transform: rotate(-2deg);
}

.live.suche_d {
	background: #f6e9c9;
    background: #eed1907d;
    color: black;
    transform: rotate(2deg);
    padding: 5px;
}

.live.search_e {
    background: #aed6af;
    color: black;
    background: #00800054;
    padding: 5px;
}

.max_width_690 {
	max-width: 690px;
	display: inline-block;
}

.summerhits {
    background: #93a14e;
    color: black;
	border-bottom: 55px solid black;
	font-family: courier new;
    font-size: 17px;
	padding-bottom: 32px;
}


.recording {
	background: #a37fad;
}

.grau {
	background: #939393;
}

.neubad_pool {
	background: #95a4a7;
	border-bottom: 1px solid #1d0e10;
	padding-bottom: 0px;
}

.neubad_pool a:link, .neubad_pool a:visited {
    color: black;
    text-decoration: none;
    border-bottom: 1px dashed;
}

.white a {
	background: yellow;
	}
	
.deutsch {
    font-family: courier new;
    font-size: 17px;
    background: #9d898e;
    padding: 20px 0;
	border-top: 20px solid black;
}

p.big_font {
    font-size: 48px;
    margin: 0 0 -37px 0;
}
	
.lightslatergrey {
    background: #79a8a8;
}

.lightslatergrey_cd_1_2_3 {
	    background: #79a8a8;
	font-family: courier new;
    font-size: 17px;
	color: black;
	border-bottom: 21px double;
}

.brown {
    background: #221e43;
	font-family: courier new;
    font-size: 17px;
	color: #db9eb2;
	border-bottom: 21px double;
}

h1 {
    font-size: 144px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

a:link {
	text-decoration: none;
	color: #1a6a1e;
	border-bottom: 1px solid red;
}
a:visited { text-decoration: none; color: #1a6a1e; }
a:hover {
	text-decoration: none;
    color: #18ff00;
    border-bottom: 10px dotted white;
}
a:active { color: black }
a img { border: none; }


.austria a:hover, .tour a:hover {
    text-decoration: none;
    color: #d4101d;
    border-bottom: 10px dotted #144121;
}

img.pix_100 {
    max-width: 100%;
    height: auto;
}

img.pix_det {
    max-width: 33%;
    height: auto;
}
img.pix_det_50 {
    max-width: 50%;
    height: auto;
}

@media only screen and (max-width: 480px) {
	img.pix_det {
    	max-width: 100%;
    	height: auto;
	}
}

video.autowidth {
    width: auto;
}

video {
    width: 740px;
    height: auto;
    max-width: 100%;
}

.deutsch_2 {
    font-size: 14px;
    /* text-align: left; */
    /* width: 220px; */
   /* margin: 0 auto; */
    /* background: #9cfcff; */
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    line-height: 22px;
}


.deutsch_2 {
display: inline-block;
    /* background-color: #000; */
    /* height: 200px; */
    /* width: 15.15%; */
    /* transform: skew(30deg); */
    /* font-size: 56px; */
    /* padding: 1px; */
    color: #f02d5a;
    /* margin-right: 5px; */
    /* margin-left: 5px; */
    animation: shake 20s infinite;
    animation-direction: alternate;
}


@keyframes shake {
  0% {
  /*  transform: skewY(30deg); */
  }
  100% {
    transform: skewY(2deg);
  }
}

.ttt {
    font-family: courier new;
    font-size: 17px;
}

.bd.sm2-playlist-drawer.sm2-element {
    text-align: left;
}

.sm2-bar-ui .sm2-main-controls,
.sm2-bar-ui .sm2-playlist-drawer {
 background-color: #b298b1 !important;
}

.sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer a {
    border-bottom: none;
}

/* LOREN IS HISTORY */

.event_magma.austria {
    display: none;
}

.live_upcoming {
    display: none;
}