/* Minification failed. Returning unminified contents.
(435,21): run-time error CSS1030: Expected identifier, found '.'
(435,40): run-time error CSS1031: Expected selector, found ')'
(435,40): run-time error CSS1025: Expected comma or open brace, found ')'
 */

.inhalt { margin:0px 30px }
.inhalt a { color:black }
.inhalt > h1 { margin-left:16.66%;margin-bottom:45px;font-size:37px;line-height:45px;font-family:'Atlas Light';max-width:900px;letter-spacing:0px }
.inhalt > h1 strong { font-family:'Atlas Medium';font-weight:normal;letter-spacing:0px }
.inhalt > h2 { margin-left:16.66%;color:#b91e28;font-size:43px;line-height:45px }
.inhalt > h3 { width:50%;padding-left:8.33%;float:left;margin-bottom:30px;padding-right:30px;font-size:23px;line-height:26px; }
.inhalt > h3 p { max-width:550px }
.inhalt > h3 p img { margin:70px auto;display:block;max-width:100% }
.inhalt p { margin-bottom:10px }
.inhalt p a { word-wrap: break-word; }
/*.inhalt ul { padding-inline-start: 0px; }*/

.inhalt-leadtable { width:50%;padding-left:8.33%;float:left;margin-bottom:30px;padding-right:30px;font-size:23px;line-height:26px; }
.inhalt-leadtable tr td:first-child { width:21% }
.inhalt-leadtable tr td { vertical-align:top }

.inhalt-textright { width:50%;padding-right:8.33%;float:left;margin-bottom:30px;max-width:750px }
.inhalt-links { clear:both;margin-bottom:10px;text-align:center }
.inhalt-links.left { margin:30px 16.66% 0px 16.66%;text-align:left }
.inhalt-links.border { border-bottom:solid 1px black;padding-bottom:30px }
.inhalt-links a { border:solid 1px black;padding:9px 30px 8px 30px;border-radius:5px;color:black;font-weight:normal;font-family:'Atlas Medium';letter-spacing:0px;margin-bottom:13px;margin-right:50px;display:inline-block;font-size:12px;line-height:14px }
.inhalt-links a:hover { background-color:black;color:white }
.inhalt-links.rot a { border-color:#b91e28;padding:14px 30px 12px 30px;color:#b91e28;font-size:19px;font-family:'Atlas Regular';margin-top:14px;margin-bottom:80px }
.inhalt-links.rot a:hover { background-color:#b91e28;color:white }
.inhalt-links.small a { margin-right:10px;border-color:#afaa99;color:#afaa99 }
.inhalt-links.small a:hover { background-color:#afaa99;color:white }
.inhalt-links.smallred a { margin-right:10px;border-color:#b91e28;color:#b91e28 }
.inhalt-links.smallred a:hover { background-color:#b91e28;color:white }
.inhalt-links a:last-child { margin-right:0px }
.inhalt-links a.active, .inhalt-links a.active:hover { background-color:black;color:white;border-color:black }
.inhalt-links a span { margin-left:4px;display:inline-block;font-size:68%;position:relative;top:-7px }


.inhalt-documents { margin:0px 16.66% 10px 16.66%;text-align:center }
.inhalt-documents > a  { display:inline-block;margin-bottom:20px;margin-right:50px;color:black;border: solid 1px black; border-radius: 5px; padding:9px 30px 8px 30px;font-weight:normal;font-family:'Atlas Medium';letter-spacing:0px;display:inline-block;font-size:12px;line-height:14px }
.inhalt-documents > a:hover { background-color:black;color:white }
.inhalt-documents > a:last-child  { margin-right:0px }

.inhalt-3d { margin-bottom:30px; }
.inhalt-3d iframe { height:700px;width:100% }
 
.inhalt-image { width:100%;float:left;padding-right:20px }
.inhalt-persons { clear:both;margin:30px 8.33%;text-align:center;font-family: 'Atlas Medium';letter-spacing:0px;font-size:12px;line-height:18px;text-align:center; }
.inhalt-persons > div { width:16%;/*float:left;*/margin-right:2%;margin-left:2%;margin-top:30px;height:380px;display:inline-block;vertical-align:top }
/*.inhalt-persons > div:nth-child(5n) { margin-right:0% }*/
.inhalt-persons > div img { width:100%;border-radius:50%;margin-bottom:20px;filter: grayscale(100%); }
.inhalt-persons > div img:hover { filter: grayscale(0%); }
.inhalt-persons > div h4 { font-family: 'Times New Roman';font-size:17px;line-height:22px;margin-bottom:5px;letter-spacing:0.4px }


.inhalt-image .item    { display:block;background-repeat:no-repeat;background-size:cover;background-position:center center; overflow: hidden; height: 0; padding-top: 100%;position:relative;margin-bottom:30px;color:white;font-size:17px;line-height:22px; }
.inhalt-image .item .bg    { background-image:url('/grafik/verlauf/musikakademie-liechtenstein-verlauf-unten-990@3x.png');background-size:contain;background-position:center;position: absolute; top:0px;bottom:0px;left:0px;right:0px}
.inhalt-image.imageleft .item .bg, .inhalt-image.imageright .item .bg    { background-image:url('/grafik/verlauf/musikakademie-liechtenstein-verlauf-mitte-460@3x.png');background-size:contain; }
.inhalt-image .item .bg > div { position: absolute; bottom: 30px; left:30px; font-family: 'Atlas Regular';letter-spacing:0px;line-height:33px;font-size:24px; }
.inhalt-image .item .bg h3 { font-family: 'Times New Roman';font-size:29px }
.inhalt-image .item .bg > div a { border:solid 1px white;border-radius:5px;color:black;background-color:white;padding:9px 30px 8px 30px;font-weight:normal;font-family:'Atlas Medium';letter-spacing:0px;margin-top:20px;display:inline-block;font-size:12px;line-height:14px }
.inhalt-image .item .bg > div a:hover { border:solid 1px black;color:white;background-color:black; }
.inhalt-image.schwarz .item .bg > div a { border:solid 1px black;color:white;background-color:black; }
.inhalt-image.schwarz .item .bg > div a:hover { border:solid 1px white;color:black;background-color:white; }

.roombig .item .bg    { display:none }
.inhalt-roombig h3 { font-family: 'Times New Roman';color:#b91e28; font-size: 38px; padding-bottom: 15px; }
.inhalt-roombig { float: right; width: 50%; padding: 10% 30px 10% 30px; font-size: 19px;letter-spacing:0px;line-height:26px;font-family: 'Atlas Regular';clear:both }
.inhalt-roomsmall { background-color:#f5f4f2;height:120px;margin-bottom:30px;padding:20px 30px }

.inhalt-border {  clear:both;border-bottom:solid 1px black;margin:30px 16.66%;text-align:center;font-family: 'Times New Roman'; font-size: 38px; color: #b91e28;padding:30px 0px;line-height:44px }

.inhalt .imagetop,.inhalt .panorama { padding-right: 0px; }
.inhalt .imagebig { width:66%; }
.inhalt .imagesmall { width:34%; }
.inhalt .imageleft { width:50%;padding-left:0px !important;padding-right:10px }
.inhalt .roomsmall { width:25%;padding-left:0px !important;padding-right:10px; }
.inhalt .roomsmall .item { margin-bottom:0px }
.inhalt .imageright { width:50%;padding-right:0px !important;padding-left:10px }
.inhalt .inhalt-image.vollbild .item { padding-top:33%;background-size:contain  }
.inhalt .inhalt-image.vollbild .item .bg { display:none  }

.inhalt .schwarz .item { color:black }
.inhalt .text-mitte .item .bg > div { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);bottom:unset;left:10%;right:10%;text-align:center;font-family: 'Times New Roman'; font-size: 17px; line-height: 22px; margin-top: 5px; }
.inhalt .text-mitte .item .bg > div h3 { line-height:33px;font-size:29px; }
.inhalt .text-mitte .item .bg > div > div h3 { font-family: 'Atlas Regular';letter-spacing:0px; font-size: 24px; line-height: 33px;}

.inhalt .text-unten { margin-bottom:26px }

.inhalt .panorama .item { padding-top: 300px; }
.inhalt .imagetop .item { padding-top: 300px; }
.inhalt .imagetop .item .bg > div { bottom: unset; top:120px; left:0px; right:0px;text-align:center }

.inhalt-text { clear:both;max-width:100%;overflow:auto }
.inhalt-text select {  font-size: 23px; line-height: 26px; outline:none;border-width:0px;font-family: 'Times New Roman';padding-right:20px;color:#b91e28 }
.inhalt-text .maintable tr td { padding-left:2px;padding-right:2px;vertical-align:top }
.inhalt-text .maintable tr:first-child td { font-family: 'Atlas Medium';font-size:12px;line-height:16px;vertical-align:bottom }
.inhalt-text .maintable tr td:last-child { width:88px;text-align:center }
.inhalt.anmeldungsdetail > h2 { color:black  }
.inhalt.anmeldungsdetail > h1 { color:#AFAA99  }


.inhalt > h3 p a, .inhalt-text a { color:#b91e28 }
.inhalt > h3 p.inhalt-links a { color:black }

.inhalt-zurueck { float:left;margin-left:8.33%;margin-top:10px }
.inhalt-zurueck img { width:44px }

.inhalt-text { margin-left:16.66%;margin-right:16.66%;margin-bottom:30px }
.inhalt .absatz1 { float:left;width:48%;margin-right:2%;font-size:19px;line-height:26px;border-bottom:solid 1px #ebeae6;padding:12px 0px 25px 0px;margin-top:0px;margin-bottom:0px;font-family: 'Atlas Regular';letter-spacing:0px; }
.inhalt .absatz1:nth-child(2n+1) { width:50%;margin-right:0%;}
.inhalt .absatz1 strong { color:#b91e28;font-weight: normal;font-family: 'Times New Roman';font-size:23px;padding-bottom:5px }
.inhalt .absatz1 em { font-style:normal; font-family: 'Atlas Medium';font-size: 12px;line-height:18px;display:block }

.inhalt .inhalt-textright .absatz1 strong { font-size:20px; }
.inhalt .inhalt-textright .absatz1 { font-size:15px;line-height:18px;padding:20px 0px 15px 0px;}

.inhalt .absatz2 { border-bottom:solid 1px black;padding-bottom:3px;margin-bottom:5px }

.inhalt .absatz3 {
    display:inline-block;font-size:20px;margin:10px 0px;text-align:center;color:#b91e28; font-size: 23px; line-height: 26px;
}
.inhalt .absatz3:nth-last-child(1) { width: 98%; }
.inhalt .absatz3:nth-last-child(2),
.inhalt .absatz3:nth-last-child(2) ~ li { width: 48%; }
.inhalt .absatz3:nth-last-child(3),
.inhalt .absatz3:nth-last-child(3) ~ li { width: 32%; }
.inhalt .absatz3:nth-last-child(4),
.inhalt .absatz3:nth-last-child(4) ~ li { width: 24%; }

.inhalt .absatz4 { border-bottom:solid 1px black;padding-bottom:15px;margin-bottom:15px;position:relative;padding-left:250px }
.inhalt .absatz4:nth-last-child(2) { border-bottom-width:0px }
.inhalt .absatz4 strong { position:absolute;left:0px; color: #b91e28; font-weight: normal; font-size: 23px; line-height: 26px;width:240px }
.inhalt .absatz4 em { font-style:normal; font-family: 'Atlas Medium';font-size: 12px;line-height:18px;display:block;position:absolute;right:0px;top:5px;width:240px;text-align:right; }
.inhalt .absatz4:has(em) { padding-right:250px }

.inhalt .absatz5 { font-size:20px;margin:10px 0px;color:#b91e28; font-size: 23px; line-height: 26px; }

.inhalt-text h3 { clear:both;color:#b91e28;font-weight: normal;font-size:23px;line-height:26px;padding-top:30px }
.inhalt-text h4 { clear:both;font-family: 'Atlas Regular';letter-spacing:0px;font-size:21px;font-weight: normal;line-height:26px;padding-top:5px }


.inhalt-text table { border-collapse:collapse;width:100% }
.inhalt-text table td { border-bottom:solid 1px #ebeae6;padding:10px 0px }
.inhalt-text table td:empty { border-bottom:solid 1px white;width:20px }
.inhalt-text table td:empty:first-child { width:unset }
.inhalt-text table tr:first-child td, .inhalt-text table tr:nth-last-child(2) td { border-bottom:solid 2px #ebeae6; }
.inhalt-text table tr:last-child td { border-bottom-width:0px;color:#b91e28 }

.inhalt-text table td:last-child { width:200px}
.inhalt-text table td:nth-last-child(3) { width:200px}
.inhalt-text table td:nth-child(3) { width:200px}


.table-toggle-head { margin-bottom:40px;cursor:pointer;}
.table-toggle-head span { float:right;width:20px;height:20px;margin-left:15px;display:block; transition: 0.6s ease;background-image:url('/grafik/buttons/musikakademie-liechtenstein-pfeil-rot.svg');
                             background-size:contain;background-position:center center;background-repeat:no-repeat;margin-top:2px }
.table-toggle-head.open span { transform: rotate(180deg); transition: 0.6s ease; }

.table-toggle-head.open { margin-bottom:0px;}
.table-toggle-body { display:none; }
h4.table-toggle-body.open { display:block;}
table.table-toggle-body.open { display:table;}


.ausbildungsmodul { margin-bottom:50px }
.ausbildungsmodul h3 { border-top:solid 1px black;padding:20px 0px 18px 0px }
.ausbildungsmodul-table { display:table;width:100%;margin-bottom:50px }
.ausbildungsmodul-table > div { display:table-row }
.ausbildungsmodul-table > div > div { display:table-cell;padding-right:20px }
.ausbildungsmodul-table > div > div:last-child { padding-right:0px }
.ausbildungsmodul-table > div > div > div { border-bottom:solid 1px #ebeae6;padding:5px 0px }
.ausbildungsmodul-table > div:first-child > div > div { font-family:'Atlas Medium';height:30px;font-size:12px }

.ausbildungsmodul-item { padding:10px 0px 20px 0px }
.ausbildungsmodul-item > div.ausbildungsmodul-person { margin-top:20px;float:left;width:50% }
.ausbildungsmodul-item > div.ausbildungsmodul-person:nth-child(2n) { padding-right:15px }
.ausbildungsmodul-item > div.ausbildungsmodul-person:nth-child(2n+1) { padding-left:15px }
.ausbildungsmodul-item > div.ausbildungsmodul-person > div { font-family:'Atlas Medium';font-size:12px }

.inhalt-video { width:100%;background-color:black;padding:0px 16.66% }
.inhalt-video > div { position: relative; height: 0; padding-bottom: 56.25%; }
.inhalt-video > div > iframe { position: absolute;  top: 0; left: 0;  width: 100%; height: 100%; }

.inhalt-line { clear:both;margin:0px 16.66% 30px 16.66%;border-bottom:solid 1px black }

#nav { position: relative;cursor:pointer;line-height:unset } 
#nav a { padding: 5px 15px 5px; }
#nav .dropdown-toggle { padding: 0;display:block;line-height:45px;width:120px  }
#nav .dropdown-toggle span { float:right;width:20px;height:20px;margin-left:15px;display:block; transition: 0.6s ease;background-image:url('/grafik/buttons/musikakademie-liechtenstein-pfeil-rot.svg');
                             background-size:contain;background-position:center center;background-repeat:no-repeat;margin-top:15px }
#nav .dropdown-toggle.open span { transform: rotate(180deg); transition: 0.6s ease; }
#nav ul.dropdown { display: none; position: absolute; top: 100%; margin-top: 0px; padding: 5px 5px 0 0; background: white;z-index:88; }
#nav ul.dropdown li { list-style-type: none;line-height:41px }
#nav ul.dropdown li a { text-decoration: none; padding: 1px 36px 1px 15px ; display: block;font-size:80%;color:black }


.vpb-logo { position:sticky;top:100px;float:right;margin-right:16.6%;z-index:10;text-align:right }
.vpb-logo img { float:right }
.vpb-logo a { color:black;display:inline-block;background-color:white;padding:5px;margin-bottom:20px }

.inhalt-gallery { max-width:1100px;margin:0px auto 30px auto }
.slider-for h3 {width:100%;height:0px;position:relative;padding-top:66%;background-size:contain;background-position:center;background-repeat:no-repeat}
.slider-nav div {padding:10px}
.slider-nav h3 {width:100%;position:relative;padding-top:66%;background-size:contain;background-position:center;background-repeat:no-repeat}
.slider-nav button { background:url('/grafik/buttons/musikakademie-liechtenstein-pfeil.svg') no-repeat center; }

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


@media screen and (max-width:1350px) {
    .inhalt-persons > div { width:20.5%;/*margin-right:6%;*/ }
   /* .inhalt-persons > div:nth-child(5n)  { margin-right:6% }
    .inhalt-persons > div:nth-child(4n)  { margin-right:0% }*/
}

@media screen and (max-width:1200px) {
    .inhalt-text, .inhalt-border { margin-left:8.3%;margin-right:8.3% }
    .inhalt-documents { margin-left:8.3%;margin-right:8.3% }
    .inhalt-links.left { margin-left:8.3%;margin-right:8.3% }
    .inhalt-line { margin-left:8.3%;margin-right:8.3% }
    .inhalt-video { padding:0px 8.33% }
    
    .vpb-logo { margin-right:8.3%; }
    .inhalt .roomsmall { width:33.3%; }
}


@media screen and (max-width:1150px) {
    .inhalt-persons > div { width:26%;/*margin-right:11%;*/height:340px;max-width:200px }
   /* .inhalt-persons > div:nth-child(5n)  { margin-right:11% }
    .inhalt-persons > div:nth-child(4n)  { margin-right:11% }
    .inhalt-persons > div:nth-child(3n)  { margin-right:0% }*/
    .inhalt-roombig { padding: 0px 30px;  }
    
    .inhalt-3d iframe { height:600px }
}

@media screen and (max-width:999px) {
    .inhalt { margin-top:40px; }
    .inhalt-video { margin-bottom:30px }
        
    .vpb-logo { position:static;top:0px;margin-right:0px; }
}

@media screen and (max-width:900px) {
    .inhalt-zurueck { float:none;margin-left:0px;margin-top:0px;margin-bottom:30px;display:block }
    .inhalt .inhalt-image { width:100%;float:none;padding-right:0px }
    .inhalt .imageright { padding-left:0px }
    .inhalt > h1,.inhalt > h2,.inhalt > h3, .inhalt-textright  { margin-left:0px;padding-left:0px;float:none;width:unset;padding-right:0px;margin-right:0px }
    .inhalt-links a, .inhalt-links a:last-child { display:inline-block;margin-right:10px;margin-bottom:20px }

    .inhalt-documents { margin-left:0px;margin-right:0px; }
    .inhalt-text, .inhalt-border, .inhalt-persons { margin-left:0px;margin-top:0px;margin-right:0px }
    .inhalt-links.left { margin-left:0px;margin-right:0px }
    .inhalt-text .absatz1 { float:none;width:unset;margin-right:unset;padding-top:15px }
    .inhalt-text .absatz1:nth-child(2n+1) { width:unset;margin-right:unset;}
    
    .inhalt-line { margin-left:0px;margin-right:0px }
    .inhalt-video { padding:0px 0px }
    .inhalt-3d iframe { height:400px }
    
    .inhalt > h1 { font-size:30px;line-height:41px; }
    .inhalt > h2 { font-size:34px;line-height:41px }
    .inhalt-border { font-size:31px;line-height:41px;  }
    
    .inhalt-leadtable { width:100%;padding:0px;float:none }
        
    .inhalt-roombig { float: none; width: 100%; padding: 30px 0px;  }
    .inhalt .roomsmall { width:50%;float:left;padding-right:10px }
}

@media screen and (max-width:800px) {
    .inhalt-persons > div { width:44%;/*margin-right:12%;*/height:290px; }
   /* .inhalt-persons > div:nth-child(5n)  { margin-right:12% }
    .inhalt-persons > div:nth-child(4n)  { margin-right:12% }
    .inhalt-persons > div:nth-child(3n)  { margin-right:12% }
    .inhalt-persons > div:nth-child(2n)  { margin-right:0% }*/
    
    .ausbildungsmodul-table { display:block; }
    .ausbildungsmodul-table > div { display:block }
    .ausbildungsmodul-table > div > div { display:block;padding-right:0px }
    .ausbildungsmodul-table > div > div > div { border-bottom-width:0px }
    .ausbildungsmodul-table > div > div:first-child > div { font-size: 14px; }
    .ausbildungsmodul-table > div > div:nth-child(2)> div { padding:0px; }
    .ausbildungsmodul-table > div > div:last-child > div { border-bottom-width:1px;font-family: 'Atlas Medium'; font-size: 12px; }
    .ausbildungsmodul-table > div:first-child > div > div { height:unset; }
    .ausbildungsmodul-table > div:first-child > div:nth-child(2) > div { font-size: 14px; }
    
}

@media screen and (max-width:700px) {   
    .inhalt .inhalt-textright .absatz1 { float:none;width:unset }
    .ausbildungsmodul-item > div.ausbildungsmodul-person { float:none;width:unset;padding:0px !important }
    
    .inhalt .absatz4 { padding-left:0px }
    .inhalt .absatz4 strong { position:static;display:block }
    .inhalt .absatz4:has(em) { padding-right:0px }
    .inhalt .absatz4 em {  position:static;display:block;text-align:left }
    /*.inhalt-gallery .slider-for { display:none }*/
    .inhalt-gallery .slider-nav .slick-list { display:none }
    .inhalt-gallery .slider-nav button { top:-120px }
    
    .inhalt-roomsmall { padding:10px;font-size:15px }
    .inhalt-image.roomsmall .item .bg > div { bottom:10px;left:10px; }
    .inhalt-image.roomsmall .item .bg > div h3 { font-size:20px }
}

@media screen and (max-width:500px) {
    .inhalt .imageright .item .bg > div { font-size: 18px; line-height:20px }
    .inhalt .imageright .item .bg > div h3 { line-height:26px;font-size:22px; }
    .inhalt-image .item .bg h3 { line-height:26px;font-size:22px; }
    .inhalt-image .item .bg > div  { line-height:20px;font-size:18px; }
    .inhalt-image .item .bg > div a { margin-top:1px }
    
    .inhalt .absatz3 { display:block;width:100% !important; }
}

.event-image {width: 45%; padding-right: 8.33%; float: right; margin-bottom: 30px; max-width: 750px; padding-left:20px}
.event-image img { max-width:100%;border-radius:50%}
.event-image-mobile { display:none; }
.event-text { float: left; padding-left: 16.66%; width: 55%;padding-bottom:20px }

.event-text .absatz1 { float:left;width:45%;text-align:left;margin-right:10%;border-bottom:solid 1px #ebeae6;padding:30px 0px 25px 0px;font-family: 'Atlas Regular';letter-spacing:0px;font-size: 16px; line-height: 20px; }
/*.event-text .absatz1:nth-child(2n+1) { width:45%;margin-right:0%;}*/
.inhalt .event-text .absatz1 { width:45%;margin-right:5%;min-height:150px}
.event-text .absatz1 strong { display:block;color:#b91e28;font-weight: normal;font-family: 'Times New Roman';font-size:23px;line-height:27px;padding-bottom:5px }
.event-text a { color:#b91e28 }
.event-text .event-button { border:solid 1px black;padding:9px 30px 8px 30px;border-radius:5px;color:black;font-weight:normal;font-family:'Atlas Medium';letter-spacing:0px;margin:20px auto 0px auto;display:table;font-size:12px;line-height:14px }
.event-text .event-button:hover { background-color:black;color:white}

.inhalt .eventlist .ui-icon { display:none !important }

.events-archiv .eventlist > a { float:left;width:33.34%;height:160px;overflow:hidden;padding:0px;border-top-width:0px;box-sizing:border-box }
.events-archiv .eventlist > a:nth-child(2n) { margin-left:0px;padding-left:10px }
.events-archiv .eventlist > a:nth-child(2n+1) { margin-right:0px;padding-right:10px }
.events-archiv .eventlist > a > div { border-top:solid 1px #ebeae6;padding-top:10px }
.events-archiv .eventlist > a .article-date, .events-archiv .eventlist > a .article-place, .events-archiv .eventlist > a .article-title { width:unset;float:none;text-align:left;max-width:unset }
.events-archiv .eventlist > a .article-date { color:#afaa99;margin-bottom:2px }
.events-archiv .eventlist > a .article-title { line-height:26px }

.events-konzerte .vpb-logo .events-tickets { background-color:#b91e28;color:white;padding:13px 20px 10px 20px;border-radius:5px;display:block; font-size: 19px; font-family: 'Atlas Regular'; }

.events-link { float: right; margin-left: 30px; margin-right: 0px; }

.musiker { padding-left:8.33%;padding-bottom:30px }
.musiker > a { float:left;margin:30px 20px 0px 0px;min-height:120px;text-align:center; font-family: 'Atlas Medium';letter-spacing:0px; font-size: 15px;min-height:350px;width:240px }
.musiker > a img { border-radius:50%;filter: grayscale(100%); }
.musiker > a:hover img { filter: grayscale(0%); }
.musiker > a h4 { font-family: 'Times New Roman'; font-size: 21px; margin-bottom: 5px; }

@media screen and (max-width:1600px) {
    .event-image { width:40% }
    .event-text { width:55% }

}

@media screen and (max-width:1200px) {
    .event-image { width:30% }
    .event-text { width:65% }
    .events-archiv .eventlist > a { width:41.7%; }
}

@media screen and (max-width:900px) {
    .event-text { margin-left:0px;margin-top:0px;width:unset;float:none;padding-left:0px }
    .inhalt .event-text .absatz1 { float:none;width:unset;margin-right:unset;padding-top:15px }
    .inhalt .event-text .absatz1:nth-child(2n+1) { width:unset;margin-right:unset;}
    .musiker { padding-left:0px; }
    
    .event-image { /*display:none;*/ width:100%;text-align:center;padding:0px;margin:0px }
    .event-image img { max-width:400px;width:100% }
    /*.event-image-mobile { display:block;width:100%;border-radius:50%;padding-bottom:100%;max-width:400px;max-height:400px;margin-bottom:30px;background-position:center;background-repeat:no-repeat;background-size:cover }*/
    
    .events-archiv .eventlist > a { width:50%; }
}

@media screen and (max-width:700px) {
    .events-archiv .eventlist > a { width:100%;float:none;height:unset;padding-bottom:30px }
    .events-archiv .eventlist > a:nth-child(2n), .events-archiv .eventlist > a:nth-child(2n+1) { padding-left:0px;padding-right:0px }
}

@media screen and (max-width:500px) {
    .musiker > a { min-height:unset }
}

.article { clear:both }
.article > h3, .article > a { margin:0px 16.66%;border-top:solid 1px black;line-height:28px;font-family:'Atlas Regular';color:black;letter-spacing:0px;
                              font-size: 19px;padding-top:20px;padding-bottom:18px;min-height:40px;display:block;outline:none  }
.article-date { width:200px;float:left;font-family: 'Times New Roman'; font-size: 23px; color: #b91e28; }
.article-date > img { margin-top:10px;max-height:40px;max-width:110px; }
.article-background .article-date > img { display:none }
.article-title { margin-left:200px;margin-right:50px;margin-top:2px }
.article > a .article-title { margin:0px;display:inline-block;max-width:45% }
.article .ui-accordion-header-icon { float:right;width:20px;height:20px;display:block;transition: 0.6s ease;background-image:url('/grafik/buttons/musikakademie-liechtenstein-pfeil.svg');background-size:contain;background-position:center center;background-repeat:no-repeat;margin-top:3px;margin-right:20px }
.article .ui-accordion-header-active .ui-accordion-header-icon { transform: rotate(180deg); transition: 0.6s ease; }

.article-panorama .article-text > p:first-child,.article-panorama .article-text > ul:first-child, .article-imageleft .article-bild { padding-left: 8.33%;float: left;padding-right: 30px;/*font-size: 23px;line-height: 26px;*/margin-left:0px;margin-bottom:30px }

.article-bild div { width:400px;height:400px;border-radius:50%;overflow:hidden;margin:10px auto 0px auto;background-size:cover;background-repeat:no-repeat;background-position:center }
.article-imageleft .article-bild div { float:right;margin:0px }

/*.article-bild img { max-width:400px;max-height:400px;border-radius:50%;width:100% }
.article-imageleft .article-bild img { float:right; }
.article-panorama .article-bild img { margin:10px auto 0px auto;display:block}*/

.article-imageleft .article-bild { width:50%;margin-bottom:30px;margin-top:30px }
.article-panorama .article-text > p, .article-panorama .article-text > ul {    width: 50%;margin-left:50%;max-width: 750px;box-sizing:border-box;}
.article-imageleft .article-text { width: 50%;margin-left:50%;max-width: 750px;box-sizing:border-box; }
.article .inhalt-links { margin:0px }
.article .inhalt-links a:first-child { margin-top:30px }
.article .inhalt-links a { margin-bottom:30px }
.article-text  {  padding-bottom:30px;padding-top:30px;line-height:28px;font-family:'Atlas Regular';font-size:19px;letter-spacing:0px}
.article-text a { color:#b91e28 }
.article-videos  { clear:both;padding-top:30px;padding-bottom:30px }
.article-videos iframe { max-width:700px;margin:0px auto;display:block;aspect-ratio: 16 / 9; }
.article-place { float:right;width:200px;font-size:13px;font-family:'Atlas Medium';line-height:20px;text-align:right;letter-spacing:0px }

.article > .article-background { background-position:center;background-repeat:no-repeat;background-size:cover;color:white;margin:0px;padding:0px; }
.article > .article-background > div > div > div { float:none;margin:0px;text-align:center;display:block;width:unset;max-width:unset; }
.article > .article-background .article-date { color:#fa413c }
.article > .article-background .article-place { font-family: 'Times New Roman';font-size:17px;line-height:22px;margin-top:6px }
.article > .article-background { border-top-width:0px }
.article > .article-background + a { margin-top:30px }
.article > a:has( + .article-background) { border-bottom:solid 1px black;margin-bottom:30px }
.article > .article-background > div    { background-image:url('/grafik/verlauf/musikakademie-liechtenstein-verlauf-mitte-460@3x.png');background-size:contain;background-position:center;height:260px;position:relative;width:100%;}
.article > .article-background > div > div    { position:absolute;left:50%;top:50%;-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}





@media screen and (max-width:1200px) {
    .article > h3, .article > a { margin-left:8.3%;margin-right:8.3% }
}


@media screen and (max-width:900px) {
    .article-text > p, .article-text > ul,
    .article-panorama .article-text > p:first-child,.article-panorama .article-text > ul:first-child, 
    .article-panorama .article-text > p, .article-panorama .article-text > ul,
    .article-imageleft .article-bild, .article h3 { margin-left:0px;padding-left:0px;float:none;width:unset;padding-right:0px;margin-right:0px }
    .article-imageleft .article-bild img { float:none;display:block;margin:0px auto }
    .article-imageleft .article-bild { margin:0px auto }
    .article > h3, .article > a { margin-left:0px;margin-right:0px; }
    .article-imageleft .article-text { width: 100%;margin-left:0%;margin-top:20px;max-width: 750px;box-sizing:border-box;clear:both }
}

@media screen and (max-width:800px) {
    .article > a { text-align:center }
    .article > a .article-date { float:none;width:unset }
    .article > a .article-title { display:block;max-width:unset }
    .article > a .article-place { float:none;width:unset;text-align:center }
    
}

@media screen and (max-width:700px) {
    .article-title { margin-left: 0px; margin-right: 0px; margin-top: 40px; }
    .article > .article-background > div { height:unset;padding-top:60px; }
    .events-konzerte .article > .article-background > div { height:280px; }
    .events-konzerte .article > .article-background > div > div { width:90%; }
    .article > h3, .article > a { line-height:28px }
    
}

@media screen and (max-width:460px) {
    .article-bild div { width:300px;height:300px; }    
}



.renting { margin: 80px 16.66% 80px 16.66% }

.renting-calendar { width:500px;float:right }
.renting-calendar h3 { background-color: #b91e28; color: white; padding: 4px 10px;font-size:17px;margin-bottom:10px }

.renting-month { border-bottom:solid 1px #ebeae6;padding-bottom:10px;margin-bottom:20px;line-height:36px }
.renting-month a { width:36px;height:36px;border-radius:50%;background-color:white;display:inline-block;;float:right;text-align:center }
.renting-month a:hover { background-color:#b91e28;color:white }
.renting-month a:first-child { float:left }
.renting-month div { margin:0px 60px;text-align:center }


.renting-table { display:table;width:100%;text-align:center;margin-bottom:30px }
.renting-table > div { display:table-row }
.renting-table > div > div { display:table-cell;padding:4px }
.renting-table > div > div a { width:36px;height:36px;border-radius:50%;background-color:#ebeae6;display:inline-block;line-height:36px; }

.renting-table > div > div a.red, .renting .red { background-color:#b91e28;color:white }
.renting-table > div > div a.black, .renting .black { background-color:#afaa99;color:white }
.renting-table > div > div a.gold, .renting .gold { background-color:#D4AF37;color:white }
.renting-table > div > div a.silver, .renting .silver { background-color:#454545;color:white }

.renting-table .renting-week div { padding-bottom:10px }

.renting-legend > div { margin-bottom:8px; }
.renting-legend span { width:36px;height:36px;border-radius:50%;background-color:#ebeae6;display:inline-block;vertical-align:middle;margin-right:10px }


.renting-form { margin-right:600px }

@media screen and (max-width:1350px) {
.renting-calendar { width:400px; }
.renting-form { margin-right:480px }
}

@media screen and (max-width:1200px) {
    .renting { margin-left:8.3%;margin-right:8.3% }
}


@media screen and (max-width:900px) {
    .renting { margin-left:0px;margin-right:0px; }
    .renting-calendar { width:100%;max-width:500px;margin:20px auto;float:none }
    .renting-form { width:100%;max-width:500px;margin:20px auto;float:none }
}


.renting .btupload {
    background-color:#b91e28;
    display:inline-block;
    padding:10px 20px;color:white;
    margin-top:10px;
    border-radius:10px;
}

.renting .send a { display:none }

/* Container-Styles */
.floating-label {
    position: relative;
    margin-top: 40px;
}

/* Textbox Styles */
.floating-input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border:solid 1px #b91e28;
    font-family: 'Atlas Medium';
    border-width:0px 0px 1px 0px;
    outline:none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Animation für den Fokus */
}

/* Fokus-Effekt */
.floating-input:focus {
    border-color: black;
    /*box-shadow: 0 0 5px rgba(98, 0, 234, 0.5);*/
    outline: none; /* Entfernt den Standard-Fokusrahmen */
}

/* Label-Styles */
.floating-label-text {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #b91e28;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    background: white;
    padding: 0 5px;
}



/* Fokus-Animation mit .active Klasse */
.floating-label-text.active {
    top: -8px;
    font-size: 12px;
}




/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}


.slick-prev
{
    transform:rotate(90deg);
}

.slick-next
{
    transform:rotate(-90deg);
}


/*.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}*/


.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}

/*.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}*/

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}

/*.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}*/

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}