/* Slider */

.sliderinlay {
position: absolute;
top: 60%;
transform: translateY(-50%);
left: 40%;
color: rgba(255,255,255,1);
font-size: 32px;
text-transform: uppercase;
line-height: 120%;
}

.sih1 { display: inline; }
.sih2 { display: none; }

@media only screen and (max-width: 1680px) {
.sliderinlay { font-size: 28px; }
}

@media only screen and (max-width: 1440px) {
.sliderinlay { top: 65%; font-size: 24px; }
}

@media only screen and (max-width: 1240px) {
.sliderinlay { font-size: 20px; }
}

@media only screen and (max-width: 1080px) {
.sliderinlay { top: 62%; left: 38%; }
}

@media only screen and (max-width: 980px) {
.sliderinlay { top: 60%; font-size: 18px; }
}

@media only screen and (max-width: 768px) {
.sliderinlay { top: 65%; }
.sih1 { display: none; }
.sih2 { display: inline; }
}

@media only screen and (max-width: 640px) {
.sliderinlay { left: 37%; }
}

@media only screen and (max-width: 480px) {
.sliderinlay { left: 36%; top: 67%; font-size: 16px; }
}


/* INDEX */

.sectable { width: 100%; height: auto; display: block; padding: 20px 30px; min-height: 136px; }
.sectable.first { min-height: 40px; }
.sectgrey { background-color: rgba(239,242,247,1); }
.evtr { width: 100%; display: flex; line-height: 120%; }
.evtd1 { width: 32%; display: block; padding-right: 20px; }
.evtd2 { width: 14%; display: block; padding-right: 20px; }
.evtd3 { width: 24%; display: block; padding-right: 20px; }
.evtd4 { width: 30%; display: block; }
.evtd5 { width 100%; display: none; }
.evth { color: rgba(228,35,19,1); font-family: 'HelveticaNeueLTStd-BdCn', Arial, Helvetica, sans-serif; font-size: 24px; }
.evtc { min-height: 88px; }
.evorth1 { display: none; }
a.evlink { font-family: 'HelveticaNeueLTStd-BdCn', Arial, Helvetica, sans-serif; display: inline-block; text-decoration: none; color: rgba(19,120,153,1); }
a.evlink:hover { color: rgba(228,35,19,1); }
.evtd1a { display: block; text-align: left; margin-top: 36px; }

@media only screen and (max-width: 1240px) {
.sectable { font-size: 18px; }
.evtd2 { width: 15%; }
.evtd3 { width: 23%; }
.evth { font-size: 22px; }
.evtc { min-height: 84px; }
}

@media only screen and (max-width: 1080px) {
.sectable { padding: 20px 20px; min-height: 124px; }
.evth { font-size: 20px; }
.evtd1 { width: 28%; }
.evtd2 { width: 18%; }
.evtd3 { width: 24%; }
.evtd4 { width: 30%; }
.evtd1a { margin-top: 32px; }
}

@media only screen and (max-width: 840px) {
.evtd1 { width: 40%; }
.evtd2 { width: 30%; }
.evtd3 { display: none; }
.evtd4 { width: 30%; }
.evorth1 { display: inline; }
}

@media only screen and (max-width: 768px) {
.sectable { padding: 20px 10px; }
.evtd1a { margin-top: 28px; }
}

@media only screen and (max-width: 640px) {
.evth { font-size: 18px; }
.sectable { font-size: 16px; min-height: 116px; }
.evtc { min-height: 76px; }
}

@media only screen and (max-width: 480px) {
.sectable { padding: 20px 0px; }
.evtd1, .evtd2, .evtd3, .evtd4 { display: none; }
.evtd5 { display: block; }
.evtd1a { margin-top: 24px; text-align: left; }
.evtd1a .xsmall { font-size: 16px; }
}


/* DETAILS */

.secevents { padding-bottom: 0px; padding-top: 0px; }
.secevents p { margin: 16px 0px; }

.evdetails {
display: flex;
width: 100%;
}

.evd1 {
width: 60%;
display: block;
padding: 0px 40px 40px 0px;
}

.evd2 {
width: 40%;
display: flex;
padding: 40px 0px 40px 0px;
flex-direction: column;
}

.evd2i{
display: flex;
flex-wrap: wrap;
padding: 8px 0px 14px;
}

.evdatum {
color: rgba(228,35,19,1);
font-size: 24px;
display: block;
height: 40px;
}

a.ethumb {
display: inline-block;
height: auto;
position: relative;
}

a.eti1 { width: 100%; max-width: 480px; margin-bottom: 20px; }
a.eti2 { width: calc(50% - 10px); margin-bottom: 20px; }
a.eti3 { width: calc(33% - 10px); margin-bottom: 15px; }


a.ethumb img {
width: 100%;
display: block;
z-index: 21;
}
a.ethumb:hover img {
opacity: 0.5;
}

.thsearch {
position: absolute;
width: 100%;
height: 100%;
background: url('<? echo $root; ?>images/search.png') no-repeat;
opacity: 0;
top: 0px;
left: 0px;
}
.eti1 .thsearch { background-size: 10%; background-position: center 50%; }
.eti2 .thsearch { background-size: 20%; background-position: center 52%; }
.eti3 .thsearch { background-size: 25%; background-position: center 52%; }

a.ethumb:hover .thsearch {
opacity: 1;
}


.etll { margin-right: 10px; }
.etlr { margin-left: 10px; }
.etlm { margin-left: 5px; margin-right: 5px; }


.aktd1b {
display: flex;
flex-wrap: wrap;
}

a.fbdlink {
display: inline-block;
width: 130px;
margin-right: 16px;
text-align: center;
height: 190px; 
font-size: 14px;
color: rgba(19,120,153,1);
text-decoration: none;
line-height: 100%;
}

a.fbdlink:hover { color: rgba(228,35,19,1); }

.fbdlimg {
width: 130px;
height: 130px;
border-radius: 50%;
border-top-right-radius: 0px;
opacity: 1;
margin-bottom: 10px;
display: block;
}
.fbdlname {
width: 100%;
height: 50px;
display: block;
}

a.fbdlink:hover .fbdlimg { opacity: 0.85; }

@media only screen and (max-width: 1440px) {
a.fbdlink { width: 120px; height: 180px; margin-right: 14px; font-size: 13px; }
.fbdlimg { width: 120px; height: 120px; }
}

@media only screen and (max-width: 1240px) {
a.eti2 { width: calc(50% - 8px); margin-bottom: 16px; }
a.eti3 { width: calc(33% - 8px); margin-bottom: 12px; }
.etll { margin-right: 8px; }
.etlr { margin-left: 8px; }
.etlm { margin-left: 4px; margin-right: 4px; }
}

@media only screen and (max-width: 1080px) {
.evdatum { font-size: 22px; }
a.eti2 { width: calc(50% - 6px); margin-bottom: 12px; }
a.eti3 { width: calc(33% - 6px); margin-bottom: 9px; }
.etll { margin-right: 6px; }
.etlr { margin-left: 6px; }
.etlm { margin-left: 3px; margin-right: 3px; }
.eti1 .thsearch { background-size: 15%; background-position: center 52%; }
.evd2i { padding-bottom: 12px; }
}

@media only screen and (max-width: 980px) {
a.fbdlink { width: 100px; height: 156px; margin-right: 10px; }
.fbdlimg { width: 100px; height: 100px; }
.fbdlname { height: 46px; }
}

@media only screen and (max-width: 840px) {
.evdetails { display: block; }
.evd1 { width: 100%; padding: 0px 0px 30px 0px; }
.evd2 { width: 100%; padding: 0px 0px 20px 0px; flex-direction: column-reverse; }
.evd2i { padding: 36px 0px 0px; }
a.eti2 { width: calc(50% - 10px); margin-bottom: 20px; }
a.eti3 { width: calc(33% - 10px); margin-bottom: 15px; }
.etll { margin-right: 10px; }
.etlr { margin-left: 10px; }
.etlm { margin-left: 5px; margin-right: 5px; }
.eti1 .thsearch { background-size: 10%; background-position: center 50%; }
.eti2 .thsearch { background-size: 15%; }
}

@media only screen and (max-width: 768px) {
a.fbdlink { width: 120px; height: 180px; margin-right: 14px; }
.fbdlimg { width: 120px; height: 120px; }
.fbdlname { height: 50px; }
}

@media only screen and (max-width: 640px) {
.evd2i { padding-top: 30px; }
.evdatum { font-size: 20px; }
a.eti2 { width: calc(50% - 8px); margin-bottom: 16px; }
a.eti3 { width: calc(33% - 8px); margin-bottom: 12px; }
.etll { margin-right: 8px; }
.etlr { margin-left: 8px; }
.etlm { margin-left: 4px; margin-right: 4px; }
.evd2i { padding-bottom: 10px; }
.eti2 .thsearch { background-size: 20%; }
}

@media only screen and (max-width: 480px) {
.evd2 { padding: 0px 0px 10px 0px; }
.evdatum { font-size: 18px; }
a.eti2 { width: calc(50% - 6px); margin-bottom: 12px; }
a.eti3 { width: calc(33% - 6px); margin-bottom: 9px; }
.etll { margin-right: 6px; }
.etlr { margin-left: 6px; }
.etlm { margin-left: 3px; margin-right: 3px; }
.eti1 .thsearch { background-size: 15%; background-position: center 52%; }
a.fbdlink { width: 100px; height: 156px; margin-right: 10px; }
.fbdlimg { width: 100px; height: 100px; }
.fbdlname { height: 46px; }
}

@media only screen and (max-width: 400px) {
a.fbdlink { width: 90px; height: 146px; }
.fbdlimg { width: 90px; height: 90px; }
}

@media only screen and (max-width: 360px) {
a.eti2 { width: calc(50% - 5px); margin-bottom: 10px; }
a.eti3 { width: calc(33% - 5px); margin-bottom: 7px; }
.etll { margin-right: 5px; }
.etlr { margin-left: 5px; }
.etlm { margin-left: 2px; margin-right: 2px; }
.eti1 .thsearch { background-size: 20%; background-position: center 55%; }
}

@media only screen and (max-width: 359px) {
a.fbdlink { width: 84px; height: 140px; margin-right: 8px; }
.fbdlimg { width: 84px; height: 84px; }
}