@charset "utf-8"; /* CSS Document */ @font-face { font-family: "DINWeb1"; font-display: auto; src: url("../../layout/css_1/DINWeb.eot"); src: url("../../layout/css_1/DINWeb.eot?#iefix") format("embedded-opentype"), url("../../layout/css_1/DINWeb.woff") format("woff"), url("../../layout/css_1/DINWeb.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "DINWeb2"; font-display: auto; src: url("../../layout/css_1/DINWeb-Bold.eot"); src: url("../../layout/css_1/DINWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../../layout/css_1/DINWeb-Bold.woff") format("woff"), url("../../layout/css_1/DINWeb-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } body{ font-family:DINWeb1, Arial, sans-serif; } .container{ max-width:1270px; } hr{ clear: both; display: block; border-bottom: 1px solid #eee; border-top: 20px solid #fff; } a { color: #a6293d; } .imus_head_top { padding: 0px; /*display: block;*/ height: 43px; clear: left; width: 100%; text-align: left; background-color: #DDDDDD; list-style-type: none; line-height: 21px; } .imus_bottomfooter { background-color: #FFFFFF; font-family: DINWeb1, Arial, sans-serif; padding-left: 25px; padding-right: 25px; } .imus_thumbnail_tipps { background-image:url(../images_1/background.jpg); background-repeat:no-repeat; } .imus_thumbnail .caption_image a { color: #fff; } .imus_thumbnail .caption_image a.LinkExtern:hover { text-decoration: underline; } .imus_thumbnail .caption_image a.LinkExtern { background-image:url(../icons_1/externer_link_thumbnail.svg); background-position: left -2px; background-size: 22px; padding-left: 27px; } .eingabefeld { height: 30px; width: 167px; margin: 0px; outline: none; border: 2px solid #666C69; float: left; padding: 3px 4px 0px 10px; } .abschicken { padding: 0px; float: left; margin: 0px 0px 25px 0px; height: 30px } /*Metanavigation*/ .imus_metanavigation{ background-color: #efefef; border-bottom: solid 1px #631219; width: 100%; /* height: 3.5em; */ } .imus_symbol_header { list-style-type: none; margin: 0px auto 0px auto; position: relative; color:#1F1E1E; text-transform: none; font-kerning: normal; } .imus_symbol_header > li { display: block; padding: 0px 0 0 20px; font-weight: normal; margin-left: 20px; float:left; font-size: 12px; } .imus_symbol_header > li:first-child { margin-left: 0px; } .imus_symbol_header > li > a{ margin:0; } .imus_home { background-image: url(../icons_1/home_icon.svg); background-repeat: no-repeat; background-position: left 8px; background-size:25px; float: left; /*margin-left: 45px;*/ } .imus_dgs { background-image: url(../icons_1/gebaerdensprache_icon_haende_3.svg); background-repeat: no-repeat; background-position: left 12px; background-size:25px; float: left; /*margin-left: 45px;*/ } .imus_DGS_symbol { color:#383737; padding-left: 15px; margin: 0; font-family: DINWeb1, Arial, sans-serif; font-size: 12px; } .imus_leichteSprache { background-image: url(../icons_1/leichtesprache_3.svg); background-repeat: no-repeat; background-position: left 12px; background-size:22px; float: left; } .imus_leichteSprache_symbol { color: #383737; font-family: DINWeb1, Arial, sans-serif; font-size: 12px; } .imus_head_nav li a.Link-Extern { /* height: 47px; */ padding: 15px 15px 10px 34px; background: #952047; color: #ffffff; background-image:url(../icons_1/externer_link_thumbnail.svg); background-position: 12px 16px; background-size: 18px; background-repeat: no-repeat; } li.imus_tickets { padding: 0; } @media (max-width: 767px){ li.imus_tickets { margin-left:40px } } /* Search Icon*/ li.imus_searchbar { float: right; padding: 0px 0 0 25px; margin:7px 0 0 0; position:relative; } .search-form .form-group { } .search-form .form-group input.form-control { float: right !important; transition: all 0.35s, border-radius 0s; background-color: #fff; height: 32px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border: 1px solid #ccc; padding-right: 20px; display:block; } .search-form .form-group input.form-control::-webkit-input-placeholder { display: none; } .search-form .form-group input.form-control:-moz-placeholder { /* Firefox 18- */ display: none; } .search-form .form-group input.form-control::-moz-placeholder { /* Firefox 19+ */ display: none; } .search-form .form-group:hover, .search-form .form-group:focus, .search-form .form-group.hover { border-radius: 4px 25px 25px 4px; } input[type=text] { border-radius: 25px; -webkit-transition: width .35s ease-in-out; transition: width .35s ease-in-out; } input[type=text]:focus { border-radius: 4px 25px 25px 4px; } input[type=text]:hover { border-radius: 4px 25px 25px 4px; } @media (max-width: 767px) { input[type=text]:hover, input[type=text]:focus { width: 100%; } } .search-form .form-group span.form-control-feedback { position: absolute; top: -1px; right: 0px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #000000; left: initial; font-size: 14px; } .imus_searchbar .has-feedback { position:inherit; } .imus_searchbar .form-group { margin-bottom:inherit; } .container_imus{ padding:0; background-color:#fff; box-shadow: 0px 0px 5px #888888; } .imus_symbol_header .language { float: right; padding: 0; margin: 0; } .imus_head_nav .language a { padding: 15px 0 11px 10px; position: relative; } .imus_head_nav .language a.dropdown-item { float:right; padding: 15px 20px 10px 20px; } .language .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .language .dropdown-menu { right: 0; min-width: auto; left: inherit; margin-right: 7px; top: 80%; } /*Navigation*/ .imus_head_nav { background-color: #fff; color: #a0052c; width:100%; margin:0; padding:0; border-radius: 0; border-bottom: 1px solid #631219; position: relative; } .imus_head_nav li.dropdown { position: relative; max-width:300px; padding-right:5px; } .navbar-default .navbar-nav > li > a { color: #a0052c; display: block; text-transform:uppercase; } .navbar-default .navbar-nav > li.active > a { text-decoration:underline; } .navbar-default .navbar-nav > li > a:hover { text-decoration:underline; border:none; } .imus_head_nav li a { padding: 15px 5px 11px 18px; /* margin: 0 0 8px 0; */ display: block; font-family:DINWeb1, Arial, sans-serif; letter-spacing: 0.1em; font-size:16px; text-decoration:none; /* height: 50px; */ float:left; color:#383737; } .imus_head_nav li a.active, .imus_head_nav li a:hover { text-decoration:underline; } /* .imus_head_nav ul li a.has-arrow{ float: right; width: 40px; height: 50px; margin: 0; padding: 0; border-bottom: none; border-right: 1px solid #a0052c; background-color: none; background-image:url(../icons_1/dropdown.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; } .dropdown-menu > li > a { clear: none; } .imus_head_nav ul li a.has-arrow-sub{ float: right; width: 40px; height: 50px; top:-30px; margin: 0; padding: 0; border-bottom: none; border-right: 1px solid #a0052c; background-color: none; background-image:url(../icons_1/dropdown_right.svg); background-repeat: no-repeat; background-position: center; background-size: 15px; z-index:1000; } .imus_head_nav ul.dropdown-menu { margin:0; padding:10px 0; border:none; box-shadow: none; z-index: 1000; width:100%; position: absolute; left:0; background-color: #efefef; border-radius: 0; } .imus_head_nav ul.dropdown-menu li { border-left:none; border-right:none; max-width: 300px; padding-left:15px; margin: 0; } .imus_head_nav ul.dropdown-menu li a{ height: 40px; color: #631219; padding: 12px 10px; } .imus_head_nav ul.dropdown-menu li.dropdown-submenu { border-left:none; border-right:none; max-width: 330px; padding-left:15px; position: relative; } .imus_head_nav ul.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu:focus > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu .open:hover > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu .open:focus > .dropdown-menu{ display:block; border-radius: 0; left: 37%; top:236px; background-color:#fff; max-width: 600px; height:400px; float: left; position: fixed; } .imus_head_nav ul.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu > li, .imus_head_nav ul.dropdown-menu li.dropdown-submenu:focus > .dropdown-menu >li{ float: left; width: 300px; }*/ .sub_sa a:hover { border-bottom: 4px solid #841B80; } .sub_za a:hover { border-bottom: 4px solid #E31319; } .sub_tc a:hover { border-bottom: 4px solid #009EE0; } .sub_gh a:hover { border-bottom: 4px solid #F49C00; } .sub_pad a:hover { border-bottom: 4px solid #97BF0D; } .sub_kee a:hover { border-bottom: 4px solid #CBB400; } .sub_tm a:hover { border-bottom: 4px solid #004286; } .imus_head_nav .navbar-header { color:#fff; } .imus_head_nav .navbar-toggle { border: 1px solid #fff; border-radius:40px; float: right; height: 40px; background-color: #b33a58; color:#a0052c; margin-top: 4px; } .imus_head_nav .navbar-toggle:hover { background-color: #ddd; } .imus_head_nav .navbar-toggle .icon-bar{ background-color: #fff; } .imus_head_nav .navbar-toggle:hover .icon-bar{ background-color: #333; } .imus_head_nav .nav.navbar-nav { margin-bottom: 5px; margin-top: 10px; } .menu-overlay { display: none; background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 49; } .imus_navbar{ background-color: none; padding: 0; } .imus_navbar .navbar-nav > li > .dropdown-menu { left:-2px; opacity:0.95; } .imus_navbar span.dropdown { float: left; width: 20px; height: 15px; padding: 20px 5px 30px 5px; margin: 0px 4px 0px 2px; cursor: pointer; background: url(../icons_1/dropdown.svg); background-repeat: no-repeat; background-position: 0px 15px; } .imus_navbar li ul li { width: 100%; display:table; } .imus_navbar li li span { display:none; } .imus_navbar li li a { width:100%; padding: 15px 20px 5px 10px; } /******************************************************************************************************/ .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu.sub_sa>a:after, .dropdown-submenu.sub_za>a:after, .dropdown-submenu.sub_tc>a:after, .dropdown-submenu.sub_gh>a:after, .dropdown-submenu.sub_pad>a:after, .dropdown-submenu.sub_kee>a:after, .dropdown-submenu.sub_tm>a:after, .dropdown-submenu .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /*************************************************************************************************/ .logofooter p{ color: #FFFFFF; } .imus_logoleiste { clear: both; } .imus_logoleiste img { display:inline; } .imus_logoleiste .row div:first-of-type a { margin: 19px 0 19px 25px; display:table; } .imus_logoleiste .row div:last-of-type a { margin:19px 25px 19px 0; display:table; float:right; } a.social_media { min-height: 34px; min-width: 34px; display: inline-block; background-repeat: no-repeat; padding: 0 0 10px 40px; line-height: 1.35; } a.social_media:hover { border: none; text-decoration: underline; } .partnerlist ul { list-style-type: none; text-align: left; margin-bottom: 0; } .partnerlist a.social_media { height: 46px; } .img-floating { float: left; max-width: 320px; padding: 0 20px 20px 0; } /*Accordion teaser Startseite*/ .accordion2 { width: 100%; max-width: 1270px; height: 400px; overflow: hidden; margin-top: 80px; padding:0; z-index: 1; } .accordion2 ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; } .accordion2 ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 300px; background-repeat: no-repeat; background-position: center center; transition: all 500ms ease; } .accordion2 ul li div { display: block; overflow: hidden; width: 100%; } .border_antonyhuette { border-bottom: 13px solid #841B80; } .border_zinkfabrik { border-bottom: 13px solid #E31319; } .border_textilfabrik { border-bottom: 13px solid #009EE0; } .border_gesenkschmiede { border-bottom: 13px solid #F49C00; } .border_papiermuehle { border-bottom: 13px solid #97BF0D; } .border_kraftwerk { border-bottom: 13px solid #CBB400; } .border_tuchfabrik { border-bottom: 13px solid #004286; } .image_voll p { margin-top: 10px; } em.Schauplatz { color: #a6293d; font-style: normal; } h4 { clear: left; } .accordion2 ul li div a { display: block; height: 400px; width: 100%; position: relative; z-index: 3; vertical-align: bottom; padding: 15px 20px; box-sizing: border-box; color: #fff; text-decoration: none; font-family: DINWeb2, Arial, sans-serif; transition: all 200ms ease; background: rgba(0, 0, 0, 0.2); } .accordion2 ul li div a * { opacity: 0; margin: 0; width: 100%; text-overflow: ellipsis; position: relative; z-index: 5; white-space: nowrap; overflow: hidden; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .accordion2 ul li div a span.teasertext { width: auto; max-height: 80px; margin-top: 300px; display: block; position: absolute; overflow: hidden; } .accordion2 ul li div a h2 { font-family: DINWeb1, Arial, sans-serif; text-overflow: clip; font-size: 20px; text-transform: uppercase; margin: 0px; top: 313px; background: rgba(160, 5, 44, 0.8); padding: 10px 0px 3px 15px; } .accordion2 ul li div a p { top: 313px; font-size: 13px; background: rgba(160, 5, 44, 0.8); padding: 3px 0px 3px 15px; font-weight: normal; font-family: DINWeb1, Arial, sans-serif; } .accordion2 ul li:nth-child(1) { background-image: url("../images_1/1.jpg"); } .accordion2 ul li:nth-child(2) { background-image: url("../images_1/2.jpg"); } .accordion2 ul li:nth-child(3) { background-image: url("../images_1/3.jpg"); } .accordion2 ul li:nth-child(4) { background-image: url("../images_1/4.jpg"); } .accordion2 ul li:nth-child(5) { background-image: url("../images_1/5.jpg"); } .accordion2 ul li:nth-child(6) { background-image: url("../images_1/6.jpg"); } .accordion2 ul li:nth-child(7) { background-image: url("../images_1/7.jpg"); } .accordion2 ul:hover li { width: 8%; } .accordion2 ul:hover li:hover { width: 60%; } .accordion2 ul:hover li:hover a { background: rgba(0, 0, 0, 0); } .accordion2 ul:hover li:hover a * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 200px) { .accordion2 { height: 200px; } .accordion2 ul li, .accordion2 ul li:hover, .accordion2 ul:hover li, .accordion2 ul:hover li:hover { position: relative; display: table; table-layout: fixed; width: 100%; -webkit-transition: none; transition: none; } } /*Accordionteaser Startseite*/ .oberhausen { border-bottom:13px solid #E31319; fill:#E31319; }.st__antony_huette_6 { border-bottom:13px solid #841B80; fill:#841B80; }.ratingen_1 { border-bottom:13px solid #009EE0; fill:#009EE0; }.solingen_1 { border-bottom:13px solid #F49C00; fill:#F49C00; }.bergisch_gladbach_1 { border-bottom:13px solid #97BF0D; fill:#97BF0D; }.engelskirchen_1 { border-bottom:13px solid #CBB400; fill:#CBB400; }.euskirchen_1 { border-bottom:13px solid #004286; fill:#004286; } .Pfad { list-style-type: none; display: block; padding:0; margin:0; font-family: DINWeb1, Arial, sans-serif; } .Pfad li { display: inline; } .Pfad a { text-decoration: none; color: #000; } .Pfad a:hover { text-decoration:underline; } .Pfad span:after { content:" >"; } .row > .column { padding: 0 8px; } .row:after { content: ""; display: table; clear: both; } /* Create four equal columns that floats next to eachother */ .column { float: left; width: 25%; } /* The Modal (background) */ .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 1200px; } /* The Close Button */ .close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; } .close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; } /* Hide the slides by default */ .mySlides { display: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* Caption text */ .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } img.demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } img.hover-shadow { transition: 0.3s } .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) } .global-search-form .form-row { overflow: hidden; height: 1%; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 5px; } .global-search-form input[type=text] { float: left; border: 1px solid #CCC; height: 30px; color: #000; margin: 0 0 0 -5px; padding: 5px; border-radius:inherit; } .global-search-form .form-row { margin-bottom: 6px; } .global-search-form fieldset #search-date { display: none; } element.style { } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .form-row button:hover, .contact-formular button:focus { background-color: #c40c1f; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .global-search-form button { float: left; } .global-search-form .form-row button { display: block; width: auto; height: 27px; font-size: 120%; color: #fff; overflow: visible; border: 0; cursor: pointer; background-color: #484748; margin:0 0 0 10px; padding: 2px 20px 2px 20px; } .global-search-form .form-row button:hover { background-color: #c40c1f; } .search-results .row_detail_head h2, .row_detail_head .Group_Title h3 { text-align: center; font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #999; } .row_detail_head .detail_headline p { text-align: center; } .detail_headline h3.press_news_group { text-align: center; } .detail_lists { text-align: center; } .detail_lists ul.anchors { list-style-type: none; margin: 0; padding: 0; display: inline-block; } .detail_lists ul.anchors { text-align:left; } .mobileShow {display: none;} .imus_features { background-color: #900002; height: 40px; padding-top: 3px; } .imus_features a { color: #FFFFFF; } .LinkDownloadjpg, .LinkDownloadpdf, .LinkDownloadmp3, .LinkDownloadxls, .LinkDownloadm4a, .LinkDownloadaac, .LinkDownloadwav, .LinkDownloadflac, .LinkDownloadmp4, .LinkDownloadmov, .LinkDownloadm4v, .LinkDownloadf4v, .LinkDownloadflv, .LinkDownload3gp, .LinkDownload3g2, .LinkDownloadwmv, .LinkDownloadmpeg, .LinkDownloadmpg, .LinkDownloadavi, .LinkDownloadgif, .LinkDownloadpng, .LinkDownloadsvg, .LinkDownloadtif, .LinkDownloadpsd, .LinkDownloadeps, .LinkDownloaddoc, .LinkDownloaddocx, .LinkDownloadppt, .LinkDownloadpptx, .LinkDownloadxl, .LinkDownloadxlsx, .LinkDownloadtxt, .LinkDownloadzip, .LinkDownloadrar, .LinkDownload7z, .LinkDownloadtar { background-image:url(../icons_1/download_all.svg); background-position: left -4px; background-size: 19px; background-repeat:no-repeat; padding-left:20px; color: #a6293d; } .LinkIntern { background-image:url(../icons_1/arrow_all.svg); background-position: left -1px; background-size: 14px; background-repeat:no-repeat; padding-left:18px; color: #a6293d; } .LinkExtern { background-image:url(../icons_1/externer_link_all.svg); background-position: left center; background-size: 18px; background-repeat:no-repeat; padding-left:20px; color: #a6293d; } .imus_thumbnail a div.LinkExtern h3 { background-image:url(../icons_1/externer_link_thumbnail.svg); background-position: left bottom; background-size: 22px; background-repeat:no-repeat; padding:0 0 0 27px; margin:10px 0 10px 20px; color:#fff; text-decoration:none; } .imus_thumbnail a:hover div.LinkExtern h3 { text-decoration: underline; } .fa-external-link:after { content: "\00a0"; } .imus_arrow_right { display: inline-block; font: normal normal normal 14px/1 DinWeb1, Arial, sans-serif; font-size: inherit; text-rendering: auto; } .fa-arrow-right:after { content: "\00a0"; } .imus_topfooter h4{ color: black; font-family: DINWeb1, Arial, sans-serif; } .imus_topfooter img { margin: 0px 10px 4px 0px; } .imus_topfooter h2 { font-size: 30px; text-align: center; } .imus_startseite img{ width: 100%; } .imus_topfooter { background-color: #dddddd; font-family: DINWeb1, Arial, sans-serif; color:#000000; padding:0 25px; } .imus_midfooter { background-color: #5e6360; font-family: DINWeb1, Arial, sans-serif; padding-left: 25px; padding-right: 25px; color:#ffffff; } .imus_midfooter ul{ list-style-type: none; padding: 0; color: black; } .imus_bottomfooter { background-color: #5e6360; font-family: DINWeb1, Arial, sans-serif; padding-left: 25px; padding-right: 25px; color:#ffffff; } .imus_bottomfooter a { color:#ffffff; } .imus_bottomfooter img { vertical-align:sub; } .imus_footer { margin-bottom: 20px; margin-top: 20px; } .imus_footerside { border-top:2px solid #ffffff; padding-left: 30px; padding-right: 30px; } .imus_social { background-color: #DDDDDD; } .imus_head { background-color: #FFFFFF; position: sticky; top: 0px; z-index: 1000; } .imus_teaser { color: white; background-color:#A0052C; float: left; width: 290px; padding: 0px; padding-left: 20px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 1px; } .imus_footerside a { color: #ffffff; } .imus_topfooter a { color:#000000; } .arrowdown { color: #FFFFFF; } .nav_container { margin-right: auto; margin-left: auto; width: 1142px; } .navbar-toggle { padding-bottom: 5px; padding-top: 5px; } .imus_teasertipps_detail { background-color: #DDDDDD; padding-left: 10px; font-family: DINWeb1, Arial, sans-serif; } .imus_teasertipps_detail h2 { font-weight: bold; } .imus_carousel { float: right; padding: 0; } .imus_teaser_slider { color: white; background-color: #A0052C; padding: 20px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .imus_footerdropdown { background-color:#DDDDDD; color: black; text-transform: uppercase; list-style-type: none; padding-top: 15px; } .imus_footerdropdown a{ color: black; } .headingbottom { color: black; font-size: 18px; text-transform: uppercase; } .imus_bottom { margin-top: 20px; font-family: DINWeb1, Arial, sans-serif; } .imus_tipps_veranstaltungen { background-color: #DDD; margin: 0; } /* Content */ .imus_row_start { padding:10px 0px 50px 0px; margin-bottom: 10px; margin-left: 50px; margin-right: 50px; border-bottom: 0.5px solid #EFEFEF; } .category_text{ width: auto; padding: 15px 15px 15px 0; } .category_text h2{ font-family: DINWeb1, Arial, sans-serif; text-align: center; text-transform: uppercase; font-size: 25px; color:#1a1a1a; } .teaser_small{ padding: 0px 10px 0px 10px; margin:0; } .imus_thumbnail { background-color: #FFFFFF; padding: 0px; border: none; } .imus_thumbnail a { line-height:100%; display: table; position: relative; } .imus_thumbnail a:hover { text-decoration: none; filter: alpha(opacity=50); -webkit-transition: opacity .15s ease-in-out; -moz-transition: opactiy .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .imus_thumbnail a:hover img { opacity: 0.5; } .imus_thumbnail a:hover .caption_image { opacity: 0.48; } .imus_thumbnail_small { background-color: #FFFFFF; padding: 0; border: none; } .imus_thumbnail_small img:hover { zoom: 1.5; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opactiy .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .thumbnail .caption { padding: 0; position: relative; border: none; margin: 0; } .teaser_large .thumbnail .caption h3 { font-family: DINWeb2, Arial, sans-serif; font-size: 18px; color: #631219; padding:0; margin: 12px 0 0 0; } .teaser_large .thumbnail .Link-Extern .caption h3 { background-image:url(../icons_1/externer_link_all.svg); background-position: left center; background-size: 18px; background-repeat: no-repeat; padding: 0 0 0 22px; color: #631219; } .thumbnail .caption h2 { font-family: DINWeb2, Arial, sans-serif; font-size: 13px; color: #a0012c; text-transform: uppercase; padding: 0; margin: 8px 0 0 0; } .thumbnail .caption h4 { font-family: DINWeb1, Arial, sans-serif; font-size: 16px; line-height: 20px; padding:5px 15px 5px 28px; margin: 8px 0 0 0px; background-image:url(../icons_1/arrow.svg); background-position: left 7px; background-size: 15px; background-repeat:no-repeat; } .thumbnail .Link-Extern .caption h4 { background-image: url(../icons_1/externer_link_all.svg); } .thumbnail .caption h5 { font-family: DINWeb2, Arial, sans-serif; font-size: 15px; line-height: 20px; color:#1a1a1a; } .thumbnail .caption p { font-family: DinWeb1, Arial, sans-serif; color: #1a1a1a; font-size: 15px; line-height: 20px; margin-top:10px; } .caption_image { padding-top: 9px; padding-bottom: 9px; padding-right: 10px; padding-left: 10px; bottom: 21px; right: 0px; left: 0px; width: 100%; background-color:#a0012c; } .caption_image h4 { font-family: DINWeb1, Arial, sans-serif; font-size: 16px; line-height: 20px; color: #fff; padding:5px 15px; margin: 12px 0 0 0; background-color: #a0012c; } .caption_image h3 { font-family: DINWeb1, Arial, sans-serif; font-size: 20px; line-height: 20px; color: #fff; padding:5px 25px; margin: 12px 0 0 0; } .imus_thumbnail a .caption_image h3 { margin: 10px 0; } .row_detail_head { padding:10px 0px 20px 0px; margin-bottom: 0px; margin-left: 50px; margin-right: 50px; } .head_svg { position:relative; display: flex; align-items: center; } .head_svg img, .head_svg svg { display: block; width: 100%; height: auto; } .head_svg h1 { position: absolute; left: 6%; color: #FFFFFF; font-weight: bold; font-size: 58px; font-size:calc(2vw + 2vh + 1vmin); } /*.head_svg{ position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 100%; } .svg_scale{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; }*/ .detail_headline{ width: auto; padding: 15px 15px 0 15px; } .detail_headline h1{ font-family: DINWeb1, Arial, sans-serif; text-align: center; text-transform: uppercase; font-size: 24px; color:#a0052c; } .detail_headline h2 { font-family: DINWeb1, Arial, sans-serif; text-align: center; } h1.text_zinkfabrik, h2.text_zinkfabrik, h3.text_zinkfabrik, h4.text_zinkfabrik{ color:#E31319; } h1.text_antonyhuette, h2.text_antonyhuette, h3.text_antonyhuette, h4.text_antonyhuette{ color:#841b80; } h1.text_textilfabrik, h2.text_textilfabrik, h3.text_textilfabrik, h4.text_textilfabrik{ color:#009EE0; } h1.text_gesenkschmiede, h2.text_gesenkschmiede, h3.text_gesenkschmiede, h4.text_gesenkschmiede{ color:#F49C00; } h1.text_papiermuehle, h2.text_papiermuehle, h3.text_papiermuehle, h4.text_papiermuehle{ color:#97BF0D; } h1.text_kraftwerk, h2.text_kraftwerk, h3.text_kraftwerk, h4.text_kraftwerk{ color:#CBB400; } h1.text_tuchfabrik, h2.text_tuchfabrik, h3.text_tuchfabrik, h4.text_tuchfabrik{ color:#004286; } h1.text_imus, h2.text_imus, h3.text_imus, h4.text_imus{ color:#631219; } .detail_headline_presse { text-align:center; padding:0; } .detail_headline_presse h2 { font-size: 24px; } .detail_headline_presse h4, .detail_headline_presse h2, .detail_headline_presse p { padding: 0 65px; } .detail_headline_presse h4 { padding: 20px 65px; } .row_detail_halb { padding:10px 0px 5px 0px; margin-bottom: 10px; margin-left: 50px; margin-right: 50px; } .text_halb { column-count:2; column-gap:50px; } .text_halb p{ font-size:15px; line-height: 20px; margin-left:0px; } .image_halb { max-width:535px; height:auto; } .row_detail_viertel { padding:10px 0px 30px 0px; margin-bottom: 0px; margin-left: 50px; margin-right: 50px; } .text_viertel { max-width:535px; height:auto; } .text_viertel p{ font-size:15px; line-height: 20px; } .text_dreiviertel { max-width:800px; height:auto; } .text_dreiviertel p{ font-size:15px; line-height: 20px; } .image_dreiviertel { max-width:800px; height:auto; } .image_viertel { max-width:535px; height:auto; } .row_detail_drittel { padding:10px 0px 30px 0px; margin-bottom: 0px; margin-left: 50px; margin-right: 50px; } .row_detail_drittel h3{ margin-top: 0px; } .text_drittel { max-width:535px; height:auto; } .text_drittel p{ font-size:15px; line-height: 20px; } .text_zweidrittel { max-width:800px; height:auto; } .text_zweidrittel p{ font-size:15px; line-height: 20px; padding-left:0px; } .image_zweidrittel { max-width:800px; height:auto; } .image_drittel { max-width:535px; height:auto; } .row_detail_teaser { padding:20px 0px 20px 0px; margin-top: 7px; margin-left: 50px; margin-right: 50px; } .container_imus :nth-child(3).row_detail_teaser { border-top: none; padding-top:0; } .detail_text_large p, .detail_text_large li { font-size:15px; line-height:20px; } .detail_text_large h3 { margin-top:0px; } /* Makes images fully responsive */ .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100%; height: auto; } footer {min-height:350px; font-family: 'Open Sans', sans-serif; } .footerleft { margin-top:50px; padding:0 36px; } .logofooter { margin-bottom:10px; font-size:25px; color:#000000; font-weight:700;} .footerleft p { color:#000000; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;} .footerleft p i { width:20px; color:#999;} .paddingtop-bottom { margin-top:50px; margin-bottom: 30px;} .footer-ul { list-style-type:none; padding-left:0px; margin-left:2px;} .footer-ul li { line-height:29px; font-size:12px;} .footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; } .footer-ul i { margin-right:10px;} .footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; } .social:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .icon-ul { list-style-type:none !important; margin:0px; padding:0px;} .icon-ul li { line-height:75px; width:100%; float:left;} .icon { float:left; margin-right:5px;} .copyright { min-height:40px; background-color:#000000;} .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;} .heading7 { font-size:21px; font-weight:700; color:#FFFFFF; margin-bottom:22px;} .post p { font-size:12px; color:#FFF; line-height:20px;} .post p span { display:block; color:#8f8f8f;} .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;} .bottom_ul li { float:left; line-height:40px;} .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;} .bottom_ul li a { color:#FFF; font-size:12px;} .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; } .InhaltContentSlide dt:before { width: 30px; height: 22px; padding: 5px; margin: -2px 0px 0px 0px; cursor: pointer; background: url(../icons_1/dropdown.svg); background-repeat: no-repeat; background-position: 1px 0px; content: " "; display: inline-block; float:left; } .InhaltContentSlide dt.active:before { width: 30px; height: 22px; padding: 5px; margin: -2px 0px 0px 0px; cursor: pointer; background: url(../icons_1/dropdown_za.svg); background-repeat: no-repeat; background-position: 1px 0px; content: " "; display: inline-block; float:left; } .InhaltContentSlide dd { margin-top: 30px; padding: 0 0 0 30px; } .InhaltContentSlide dd img { float: left; padding: 0 20px 20px 0; } dt h4 { float: left; clear: inherit; margin: 0; } .InhaltContentSlide dt { display: inline-block; width:100%; } @media (max-width: 400px) { #slide-navbar-collapse { position: absolute; top: 0px; left: 15px; z-index: 99; width: 280px; height: auto; background-color: #fff; overflow: auto; border:none; } .menu-overlay { display: none; background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 49; } .imus_symbol_header { max-width:280px; } .imus_head_top { display: none; } .carouselButtons { display: none; } } @media (max-width: 767px) { .container{ max-width:767px; } .nav_container { width: auto; } .imus_logoleiste .row div:first-of-type a { margin: 10px 0; } .imus_mobilerow { margin-bottom: 10px; } .imus_logoleiste .row div:last-of-type a { margin:10px 0; } .imus_row_start { margin: 0px 5px; } .image_voll { padding:0 5px; } .row_detail_head { margin:0 10px; } .row_detail_halb { margin:0 5px; padding-bottom:0px; } .row_detail_teaser { margin: 0 5px; padding-top: 0; } .row_detail_drittel { margin:0; } .teaser_large { padding: 0px 10px; } .image_drittel { max-width: inherit; height: inherit; padding: 0 15px 20px 15px; } .category_text { padding:0; } .mobileShow { display: inline; } #slide-navbar-collapse { position: absolute; top: 0px; left: 0px; z-index: 99; width: 280px; height: auto; background-color: #fff; overflow: auto; border:none; } .menu-overlay { display: none; background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 49; } .imus_metanavigation { background-color: #efefef; border-bottom: solid 1px #631219; max-width: 280px; padding-bottom:10px; /* height:inherit; */ } .imus_head_nav li a { height:inherit; margin: 0 0 4px 0; } .imus_symbol_header { max-width: 280px; } .imus_symbol_header ul { max-width: 280px; } .imus_symbol_header > li { margin-left: 0px; } li.imus_searchbar { float: left; padding: 5px 0 0 0; margin: 0; width: 100%; } .search-form .form-group span.form-control-feedback { top:4px; right: 3px; } input[type=text] { width: 100%; } .imus_head_nav ul.dropdown-menu { background-color:#efefef; } .navbar-default .navbar-nav > li > a { color: #a0052c; display: block; text-transform: uppercase; width:82%; } .imus_head_nav ul li a.has-arrow { float: right; width: 40px; height: 50px; margin: 0; padding: 0; border-left: 1px solid #a0052c; border-right:none; background-size: 20px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #631219; padding:12px 15px; margin:0 9px 0 0; font-size:14px; } .imus_head_nav ul.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu:focus > .dropdown-menu{ display:table; border-radius: 0; background-color:#efefef; width: auto; height:auto; float:none; position: relative; padding:20px 0; margin-right:10px; left:0; top:0; } .imus_head_nav ul.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu li, .imus_head_nav ul.dropdown-menu li.dropdown-submenu:focus > .dropdown-menu li{ background-color:none; width: 100%; } .imus_head_top { display: none; } .carouselButtons { display: none; } ul#SitemapPage { margin: 0; padding: 0; } ul#SitemapPage ul { padding: 0 30px; } } @media (min-width: 768px) and (max-width: 991px) { .container { width: auto; } .nav_container { width: auto; } /*.imus_head_nav .collapse.navbar-collapse{ padding:0; } .imus_head_nav li { padding: 0; } .imus_head_nav ul.dropdown-menu li.dropdown-submenu { max-width: 280px; } .imus_head_nav ul.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu:focus > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu .open:hover > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu .open:focus > .dropdown-menu{ display:block; border-radius: 0; left: 300px; top:248px; background-color:#fff; width: 400px; height:400px; float: left; position: fixed; }*/ .imus_symbol_header > li { padding: 0px 0 0 8px; margin-left: 0; } .imus_leichteSprache{ background-position: left 12px; background-size: 22px; } .imus_dgs{ background-position: left 12px; background-size: 25px; } .imus_home{ background-position: left 12px; background-size: 24px; } .teaser_large .thumbnail .caption h3 { font-family: DINWeb2, Arial, sans-serif; font-size: 12px; color: #631219; padding:0; margin: 12px 0 0 0; } .teaser_small .thumbnail .caption h4 { font-family: DINWeb1, Arial, sans-serif; font-size: 13px; color: #631219; padding:5px 15px 5px 28px; margin: 8px 0 0 0; } .thumbnail .caption h2 { font-family: DINWeb2, Arial, sans-serif; font-size: 12px; color: #a0012c; text-transform: uppercase; padding: 0; margin: 8px 0 0 0; } .thumbnail .caption p { font-family: DinWeb1, Arial, sans-serif; color: #1a1a1a; } .caption_image h4 { font-family: DINWeb1, Arial, sans-serif; font-size: 12px; line-height: 13px; color: #fff; padding:5px 15px; margin: 12px 0 0 0; background-color: #a0012c; } .caption_image h3 { font-family: DINWeb1, Arial, sans-serif; font-size: 15px; line-height: 15px; color: #fff; padding:5px 25px; margin: 12px 0 0 0; } } @media (min-width: 992px) and (max-width:1270px) { .container { width: auto; } .nav_container { width: 942px; } /* .imus_head_nav ul.dropdown-menu li.dropdown-submenu { max-width: 320px; } .imus_head_nav ul.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu:focus > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu .open:hover > .dropdown-menu, .imus_head_nav ul.dropdown-menu li.dropdown-submenu .open:focus > .dropdown-menu{ display:block; border-radius: 0; left: 323px; top:236px; background-color:#fff; max-width: 600px; height:400px; float: left; position: fixed; } .imus_head_nav ul li a.has-arrow { width: 35px; height: 50px; background-size: 15px; } .imus_head_nav ul li a.has-arrow-sub { width: 35px; height: 50px; background-size: 15px; } */ .teaser_large .thumbnail .caption h3 { font-family: DINWeb2, Arial, sans-serif; font-size: 16px; color: #631219; padding:0; margin: 12px 0 0 0; } .teaser_small .thumbnail .caption h4 { font-family: DINWeb1, Arial, sans-serif; font-size: 14px; color: #631219; padding:5px 15px 5px 28px; margin: 8px 0 0 0; } .thumbnail .caption h2 { font-family: DINWeb2, Arial, sans-serif; font-size: 11px; color: #a0012c; text-transform: uppercase; padding: 0; margin: 8px 0 0 0; } .thumbnail .caption p { font-family: DinWeb1, Arial, sans-serif; color: #1a1a1a; } .caption_image { padding-top: 9px; padding-bottom: 9px; padding-right: 10px; padding-left: 10px; width: 100%; } .caption_image h4 { font-family: DINWeb1, Arial, sans-serif; font-size: 14px; line-height: 16px; color: #fff; padding:5px 15px; margin: 12px 0 0 0; background-color: #a0012c; } .caption_image h3 { font-family: DINWeb1, Arial, sans-serif; font-size: 18px; line-height: 18px; color: #fff; padding:5px 25px; margin: 12px 0 0 0; } } @media (max-width:768px){ .text_halb { column-count:1; } } @media (min-width: 768px) and (max-width: 1090px) { .imus_head_nav li a { font-size:14px; margin:0; } } @media (min-width: 768px) { .imus_bottomfooter h4 { font-size: 14px; } } @media (min-width: 992px) { .imus_bottomfooter h4 { font-size: 16px; } } @media (min-width: 1200px) { .imus_bottomfooter h4 { font-size: 18px; } } @media (min-width: 768px) { .imus_bottomfooter .col-sm-2 { width: 19.666667%; padding: 0 0 0 15px; } } body.leichtesprache { font-size: 18px; line-height: 27px; } .leichtesprache p, .leichtesprache li { font-size: inherit; line-height: inherit; } .leichtesprache .text_halb { column-count: inherit; } .leichtesprache .detail_headline h1 { text-align: left; font-size: 34px; } .leichtesprache .LinkIntern { background-position: left 2px; } .leichtesprache .imus_metanavigation { border: none; /* height: 3.2em; */ } /*==================================== Pinuts ====================================*/ /*! jQuery UI - v1.12.1 - 2016-11-03 * http://jqueryui.com * Includes: core.css, datepicker.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHighlight=55&bgImgOpacityError=95&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cd0a0a&fcError=%23cd0a0a&borderColorError=%23cd0a0a&bgTextureError=glass&bgColorError=%23fef1ec&iconColorHighlight=%232e83ff&fcHighlight=%23363636&borderColorHighlight=%23fcefa1&bgTextureHighlight=glass&bgColorHighlight=%23fbf9ee&iconColorActive=%23454545&fcActive=%23212121&borderColorActive=%23aaaaaa&bgTextureActive=glass&bgColorActive=%23ffffff&iconColorHover=%23454545&fcHover=%23212121&borderColorHover=%23999999&bgTextureHover=glass&bgColorHover=%23dadada&iconColorDefault=%23888888&fcDefault=%23555555&borderColorDefault=%23d3d3d3&bgTextureDefault=glass&bgColorDefault=%23e6e6e6&iconColorContent=%23222222&fcContent=%23222222&borderColorContent=%23aaaaaa&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23222222&fcHeader=%23222222&borderColorHeader=%23aaaaaa&bgTextureHeader=highlight_soft&bgColorHeader=%23cccccc&cornerRadius=4px&fwDefault=normal&fsDefault=0.7em&ffDefault=Verdana%2CArial%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:0.7em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d3d3d3}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("../images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d3d3d3;background:#e6e6e6 url("../images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("../images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #aaa;background:#fff url("../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("../images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("../images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../images/ui-icons_222222_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../images/ui-icons_cd0a0a_256x240.png")}.ui-button .ui-icon{background-image:url("../images/ui-icons_888888_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa} .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; } /* Basics and Resets */ .pi-widget { font-family: sans-serif; padding: 1em; max-width: 860px; -moz-box-sizing: border-box; box-sizing: border-box; } .pi-widget * { -moz-box-sizing: inherit; box-sizing: inherit; } .pi-widget p, .pi-widget ul, .pi-widget li, .pi-widget label { margin: 0; padding: 0; } /* Title */ .pi-heading { font-weight: bold; font-size: 1.5em; } .pi-heading p { margin-bottom: 1em; } .pi-message { padding: 0; } .pi-message-text { border: 1px solid #ddd; border-left: 5px solid #ddd; padding: 1em 1.5em; margin-bottom: 1.5em; border-radius: 0px 3px 3px 0px; } .pi-form-control__has-error > .pi-message-text { border-color: #FF3B30; } .pi-form-control__has-success > .pi-message-text { border-color: #53D769; } .pi-message-text ul { margin-top: 0.5em; padding-left: 2em; } .pi-message-text ul li { list-style-type: disc; } .pi-message-text a { text-decoration: none; } .pi-message-text a:hover { text-decoration: underline; } /* Form Controls */ .pi-form-control { position: relative; margin-bottom: 1.5em; font-size: 13px; } .pi-form-label { font-weight: bold; -webkit-transition: color 0.3s ease 0s; -moz-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; font-size: 13px; } .pi-widget input[type="text"], .pi-widget input[type="password"], .pi-widget input[type="search"], .pi-widget input[type="email"], .pi-widget select, .pi-widget textarea { height: 2.5em; font-size: 13px; padding-left: 0.5em; padding-right: 0.5em; width: 100%; border: 1px solid #aaa; background-color: #FFFFFF; border-radius: 3px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); } .pi-widget textarea { height: 4em; font-size: 13px; padding-top: 5px; } .pi-widget .pi-form-control__has-error input[type="text"], .pi-widget .pi-form-control__has-error input[type="password"], .pi-widget .pi-form-control__has-error input[type="search"], .pi-widget .pi-form-control__has-error input[type="email"], .pi-widget .pi-form-control__has-error select, .pi-widget .pi-form-control__has-error textarea { border: 1px solid #FF3B30; } .pi-widget .pi-radio-control, .pi-widget .pi-checkbox-control { display: inline-block; line-height: 2.5em; margin-right: 1em; vertical-align: top; } .pi-widget .pi-radio-control-vertical, .pi-widget .pi-checkbox-control-vertical { display: block; line-height: 1.5em; padding-top: 0.5em; } .pi-checkbox-control-vertical{ font-size: 13px; } .pi-radio-control input[type="radio"], .pi-checkbox-control input[type="checkbox"], .pi-radio-control label, .pi-checkbox-control label { vertical-align: middle; } .pi-radio-control > input[type="radio"], .pi-checkbox-control > input[type="checkbox"], .pi-radio-control-vertical > input[type="radio"], .pi-checkbox-control-vertical > input[type="checkbox"] { opacity: 0; position: absolute; left: -999em; } .pi-widget .pi-radio-control > label, .pi-widget .pi-checkbox-control > label, .pi-widget .pi-radio-control-vertical > label, .pi-widget .pi-checkbox-control-vertical > label { padding-left: 24px; display: inline-block; position: relative; } .pi-widget .pi-radio-control > label:before, .pi-widget .pi-checkbox-control > label:before, .pi-widget .pi-radio-control-vertical > label:before, .pi-widget .pi-checkbox-control-vertical > label:before { content:""; display: inline-block; width: 16px; height: 16px; border: 1px solid #aaa; border-radius: 3px; position: absolute; left: 0; top: 50%; margin-top: -11px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); -webkit-transition: background-color 0.2s ease 0s; transition: background-color 0.2s ease 0s; } .pi-widget .pi-radio-control-vertical > label:before, .pi-widget .pi-checkbox-control-vertical > label:before { top: 2px; margin-top: 0; } .pi-widget .pi-radio-control > label:before, .pi-widget .pi-radio-control-vertical > label:before { border-radius: 8px; } .pi-widget .pi-radio-control > input:checked + label:before, .pi-widget .pi-checkbox-control > input:checked + label:before, .pi-widget .pi-radio-control-vertical > input:checked + label:before, .pi-widget .pi-checkbox-control-vertical > input:checked + label:before { border-color: #007AFF; background-color: #007AFF; background-position: center center; background-repeat: no-repeat; } .pi-widget .pi-checkbox-control > input:checked + label:before, .pi-widget .pi-checkbox-control-vertical > input:checked + label:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAABGdBTUEAALGPC/xhBQAAAJ5JREFUGBmNkDEKg0AQRUUIpLPKGSw9Rop04hm0tvcMqZNLpEztMVKYC6SyFmR8f8PCShbNh4e7M2+HwSTZiZmlcIdiR/22ERtQBkg3HyFk8AGl2pTVRLo61az/R86RJ5hhvT+FEjQt85M4P0G5+Zr7UtBfeKtDtG8NF13ICKfVA10oFtCDojX8gPZHDguIFTxAecEh7EfPSEfo4BwTFttVqvzQvdRbAAAAAElFTkSuQmCC'); } .pi-widget .pi-radio-control > input:checked + label:before, .pi-widget .pi-radio-control-vertical > input:checked + label:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAE5JREFUGBljYACC////ywDxMiB+BsUgtgxIDib5FiiADkBiMiAFINW4wDJGoMwzoEGSYOMwiedMmGKoIiAFB1CFUHgHCDsSpB7oDpzeBAB4Jov/hm3kgwAAAABJRU5ErkJggg=='); } .pi-status-icon { width: 12px; height: 12px; display: inline-block; background-color: #FECB2F; border-radius: 6px; position: absolute; top: 2px; right: 5px; } .pi-form-control__has-success .pi-status-icon { background-color: #53D769; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAABGdBTUEAALGPC/xhBQAAAGdJREFUCB1jYMAC/v//zwjEwlikIEJAyVggfgvE/BiKgILcQPwUiGfAJYEcCyBmBAkA6VYg/gDEomAFQAY/EIOMOwHEPkD8HYgL4bqhukSBgjOB+BgQ3wBiVhQFMA5QQh+ILWF8EA0AUlBYnJ6pGNAAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: center center; } .pi-form-control__has-error .pi-status-icon { background-color: #FF3B30; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAGCAYAAADpJ08yAAAABGdBTUEAALGPC/xhBQAAABpJREFUCB1j/A8EDEDABCJAAJMBEQeSjDDFAOhlCAEHouV8AAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: center center; } .pi-form-control .pi-form-error { margin-top: 0.5em; font-size: 0.875em; } .pi-form-control .pi-form-error, .pi-form-control .pi-form-status { display: none; } .pi-form-control__has-error .pi-form-error, .pi-form-control__has-error .pi-form-status, .pi-form-control__has-success .pi-form-status { display: block; } .pi-form-control__has-error .pi-form-label, .pi-form-control__has-error .pi-form-error, .pi-form-control__has-error .pi-form-error-text { color: #FF3B30; } /* Form Actions */ .pi-form-actions { margin-top: 2em; } .pi-form-actions button { height: 2.5em; font-size: 1em; padding-left: 1em; padding-right: 1em; border: 0; background-color: #007AFF; color: white; cursor: pointer; border-radius: 4px; } .pi-form-actions button span { color: white; } .pi-form-actions button:hover { color: white; background-color: gray; } .pi-form-actions .pi-form-button a { margin: 0; padding: 0 1em; } .pi-form-button{ font-size: 13px; } .pi-widget input.date { width: 105px; } .pi-widget input.time { width: 80px; margin-left: 5px; } /* Styles fuer Upload Element */ .pi-form-control[data-pi-type="upload"] .pi-form-helptext, .pi-form-control[data-pi-type="UploadField"] .pi-form-helptext { margin-top: 5px; margin-bottom: 10px; color: #777; } .pi-form-control[data-pi-type="upload"] ul.upload-filelist, .pi-form-control[data-pi-type="UploadField"] ul.upload-filelist { padding: 0; margin: 0; list-style-type: none; } .pi-form-control[data-pi-type="upload"] ul.upload-filelist li, .pi-form-control[data-pi-type="UploadField"] ul.upload-filelist li { font-size: 1em; padding-left: 25px; margin-bottom: 5px; position: relative; } .pi-form-control ul.upload-filelist li:before { content:""; position: absolute; width: 16px; height: 16px; display: inline-block; top: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAOpJREFUOBHtkkEKgzAQRTNpEUTpyjO4dutG79SuC9KueyddiAfxCC5EaJ3OTw2kJSl034H4x5/hmRlDaou2bdnmVqdpSrIsu5ZlebLep2rXqOta2UVE93meeVmWo8Avbp2bvwHcDeRpmq7QOI6DkCCAmWkcRwMoiiIJQYIAaYHyPDdziaJIhSBBAE7QdZ05gagahkHJTBLp6Cz5Da0h9i/xPqlpGgDIu7uZXoB8XUkHLNMHAIu11qv4q/h4f1RVdQDDC5AiJQUEkMQOuuVG+76Hb8ILsJsAIaxa39XgEN2ib/kf8PEbceN+jSc+YV/GKkHl/gAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center center; } .pi-form-control a.upload-delete-file { width: 16px; height: 16px; display: inline-block; background-color: #222; border-radius: 8px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHxJREFUOBHdUUEOgCAMIz6Amw/nbyY+B1ulhM1dNFx0ydKttrBhSv+MWmv2m0Wc15w9hAW5IVcJWDeuiAsRotyEgOsQoMzibtOZw5xhR89kmKmMyTcQ81YZaWbdVxr1y9hMqXkTkuMynq0Aw5RHfP8b9QacRLUw4vTt43gATgDNb7Q2s6cAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: center center; vertical-align:-1px; } /* Styles fuer Iframe Content */ iframe.iframe-upload { height: 40px; overflow: hidden; } body.iframe-upload { height: auto; margin: 0; padding: 0; font-size: 16px; } .iframe-upload form { margin: 0; padding: 6px 8px; font-size: 16px; border: 1px solid #C0C0C0; background-color: #FFF; } .iframe-upload input[type="file"] { font-size: 1em; } .iframe-upload .pi-spinner { width: 1.5em; height: 1.5em; display: inline-block; position: absolute; right: 0.5em; top: 6px; background-image: url('data:image/gif;base64,R0lGODlhDgAOAOYAAP////39/fv7+/n5+ff39/X19fPz8/Hx8e/v7+3t7evr6+np6efn5+Xl5ePj4+Hh4d/f393d3dvb29nZ2dfX19XV1dPT09HR0c/Pz83NzcvLy8nJycfHx8XFxcPDw8HBwb+/v729vbe3t7W1tbOzs7Gxsa+vr6urq6mpqaenp6WlpaOjo5+fn52dnZubm5mZmZeXl5WVlY+Pj42NjYuLi4mJiYeHh4GBgX5+fnp6enh4eHZ2dnR0dHJycmpqamhoaFRUVFJSUj4+Pjw8PP4BAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgBEACwAAAAADgAOAAAHfIAAgoMPD4OHghIXADU1AA0JiAAZQAQzjigMhxAVjDQyNBkdj5EAGD4xGC0UERgNHicNgwMwKYcYHQGCCiUkIguHBxgZGga8JCPAg8LEBoIBIh+3uYMRMSMOGAgIGq+xgguGHR0YuKOQhwwoARkZAZmSCcAaGqSSgwbOiIEAIfkEBQoARAAsAAABAAsACgAAB0CARIJEFEQxMUQfFYMWPkQvLgVCHUQNEkQwkCw5O4IUNykVKBFENouDKSODqyEfHqusIB+wsBwYtJUnr7hEC7yBACH5BAUKAEQALAAAAQANAAcAAAc/gESCRBFEKytEG4ODEzhEKilEQBmLDkQpmCc2NEQeFoQxIxIjljAcO0IfgyOqgzQ8BoIaGRgHi0QVg7O1t4OBACH5BAUKAEQALAAAAQAOAAgAAAdIgESCCw5EJSZEGIKLgg8xRCQjRD8WjEQLRCMimjAvRBoTgg0nHg4fRA4qGDZAG4wdiosuNAKWthIyNDYPtosQNDU1vL2CGouBACH5BAUKAEQALAMAAAAKAAsAAAdFgESCCAiChkQLRCEhRBUOggwoRB8fRDgShh0cHx4pKUQXhhiIJRUxP6OHRCkuqoYOLi8xrkQsLrOqNDkEtBU8QpW0HRaBACH5BAUKAEQALAYAAQAHAAwAAAdEgBoaRBELREQZGEQxD4cYGCMiRBMOhyASKjgVh0QjKJycKCornA0nKaSHLjWcCzYcNkAbRBU8OUQaE4cHQhygRB+bRIEAIfkEBQoARAAsBQABAAgADQAAB0OARIJEDYOGKAyGRB0dRBCGGQ4jMRGGHyKKRAsjJCWKIiOegykwgxEUMBgxPhgaNDI0NUQXgjUzBEAZgzWyG4YPD4qBACH5BAUKAEQALAMAAwALAAoAAAdEgESCg4INCYSEHicNiIIYHI2EHyAhCJEeH5WNIymEFTNEESsVKTgVgjs6LC4uMEQTDkQdQgUuL0Q/FoMVGkQxMUQYhIEAIfkEBQoARAAsAAAGAA0ABwAAB0GARIKDhBgZGoMVhEQHhoiMPDSEHyODH0I7Gy1EDiUSIzERRBQbRDQ2JykoKUQQhBlARCkqRDgTixIXRCsrow6CgQAh+QQFCgBEACwAAAUADQAIAAAHRYBEghqChYYPNjU0EIaHNTMyEo2NAjQuhhgdhRtANhgoDkQgDh4nDYIYRC8xIiOtRA0JhRY+RCMkRDEPkxREJiVEEQuCgQAh+QQFCgBEACwAAAMACwALAAAHRoBEFBtEhYaGH0I8FYeHBDk0jYUxLiySky8uDpeFLimXGD4xFSMLRBmGD4wpKh4fHB2HEjhEHx9EKAyHEUQhIUQNlwgIhoEAIfkEBQoARAAsAAABAAgADAAAB0GARIIVGoKGRBxCB4cYRDk9FYIbQDYbMwuHNS6HKyknDZwpKIeGKCOHFDcqEh+HEkQiIxiNgg8xRBgZhgsORBoagQA7'); background-repeat: no-repeat; background-position: center center; } .pi-info-window { display: inline; position: relative; cursor: pointer; } .pi-info-window .pi-info-text { cursor: default; color: #222; font-weight: normal; background-color: #fff; background-color: rgba(255,255,255,0.95); padding: 20px; border: 1px solid #ccc; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); position: absolute; top: 15px; z-index: 1; min-width: 250px; visibility: hidden; left: -999em; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.2s ease 0.15s, opacity 0.2s ease 0.15s; transition: -webkit-transform 0.2s ease 0.15s, opacity 0.2s ease 0.15s; } .pi-info-window:hover .pi-info-text, .pi-info-window:focus .pi-info-text { visibility: visible; opacity: 1; left: 0; -webkit-transform: translateY(0); transform: translateY(0); } .pi-info-icon { width: 12px; height: 12px; display: inline-block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABGdBTUEAALGPC/xhBQAAAMVJREFUKBWVUssNwjAMrS2WYIYe02YBxBblxGcoRE+wBWKBNNfuwBQN70VNiXJA1JIT5/k9N7Er1WwhBLHWnqZpOgKqZ3hU1d45dxORQEy4GGO2AO4Q7XguDbkXvBuG4a2sXJK99xU9GQvBH5Hbtu0Z17im5K8d17ts5jsvvLxy0zQLzoBcxZ4eGJMlKYLfpaZglVEwrlCwzdrngvwNeUwOucJWoVNPti4XljFngTnsFQG44UCgJKUzc/CO3DhpJvilf36ND95TYkRhMzqwAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: center center; } .pi-subtext { display: block; font-weight: normal; margin-top: 5px; margin-bottom: 5px; /* Different Styling */ /*font-size: 0.875em; color: rgb(150,150,150);*/ } .pi-form-input .pi-subtext { margin: 0; } .pi-widget .pi-subtext, .pi-widget .pi-info-text { line-height: 1.2; } .pi-widget .pi-info-text ul, .pi-widget .pi-info-text ol, .pi-widget .pi-subtext ul, .pi-widget .pi-subtext ol { padding-left: 20px; } .pi-radio-control-vertical .pi-subtext { margin-left: 26px; } .pi-widget ul.channels { margin-left: 26px; margin-bottom: 15px; } .pi-newsletter-widget-unsubscribe-channel-text { margin-top: 10px; } /* Pi Loading Spinner */ .pi-spinner { display: none; vertical-align: -3px; margin-left: 8px; } .pi-btn-loading { opacity: 0.75; } .pi-btn-loading .pi-spinner { display: inline-block; } #piSpinner { display: inline-block; width: 18px; height: 18px; border: 3px solid rgba(255,255,255,.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } .pi-newsletter-widget *{ font-family: DINWeb1, Arial, sans-serif; font-size: 15px; color: #1a1a1a; } .pi-newsletter-widget { font-family: DINWeb1, Arial, sans-serif !important; padding: 25px 50px 50px 50px; width: 720px !important; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px !important; color: #1a1a1a !important; } /*==================================== Pinuts ====================================*/ /* * ================================================================================================ * Cookie Opt-Out Checkbox * ================================================================================================ */ .container_imus .inlineCookieOptoutCheckbox { margin-left: 50px; margin-right: 50px; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (max-width: 767px){ .container_imus .inlineCookieOptoutCheckbox { margin: 0 5px; } } /***************************************Events************************************/ .events .form-row { display: flex; align-items: stretch; flex-direction: column; } @media (min-width: 700px){ .events .form-row { justify-content: center; align-items: end; flex-direction: row; } } .events button.btn { min-width: 10rem; height: 34px; } .events input[type=text] { height: 34px; border: 1px solid #999; border-radius: 5px; } .events .form-row div { margin: 0.5rem; } .eventlist .LinkExtern, .eventlist .LinkIntern { background: none; padding: 0; } .eventlist a.LinkExtern span.eventlink { background-image: url(../icons_1/externer_link_all.svg); background-position: left center; background-size: 18px; background-repeat: no-repeat; padding-left: 20px; color: #a6293d; } .eventlist a.LinkIntern span.eventlink{ background-image: url(../icons_1/arrow_all.svg); background-position: left -1px; background-size: 14px; background-repeat: no-repeat; padding-left: 18px; color: #a6293d; } .eventlist a { color: #000000; } .eventlist a:hover { text-decoration: none; } .eventlist a:hover span.eventlink { text-decoration: underline; } .events .custom-select { box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; cursor: default; } .events .custom-select::-ms-expand { display: none; } .events .custom-select { padding: 5px 20px 5px 8px; border: 1px solid #999; border-radius: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%23333' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; background-size: 9px; color: #333; } .events .custom-select:hover { border-color: #777; } .events .custom-select:focus { border-color: #999; box-shadow: 0 0 1px 2px #6db4ff; outline: none; } .events .select-location { min-width: 26ch; } .events .select-month { min-width: 12ch; } .hideelement, .filterreset { display:none; } .filterelement { width:100%; margin:0!important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.3; } .buttonlink { display: flex; justify-content: space-around; } .buttonlink a { display: block; font-size: 120%; color: #fff; overflow: visible; border: 0; cursor: pointer; background-color: #484748; width: max-content; } .buttonlink a:hover { background-color: #c40c1f; color: #ffffff; } a.more-events { color: rgb(255, 255, 255); cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 120%; font-style: normal; font-weight: 500; text-align: center; word-spacing: 0px; background-color: #484748; min-width: 24rem; height: 34px; border-radius: 4px; padding: 4px 20px 2px 20px; margin: 20px 0 40px 0; } a.more-events:hover { background-color: #c40c1f; text-decoration: none; } .events .row_detail_drittel { padding-bottom: 0; } .eventlist { padding: 0 0 20px 0; } .eventlist .h3 { margin-top: 0; } .eventlist .subline { margin: 10px 0 5px 0; display: inline-block; } .events img { object-fit: cover; aspect-ratio: 720 / 488; } .video-wrap { position: relative; width: 100%; margin-bottom: 10px; display: inline-block; } .video-wrap img { width: inherit; } .play-btn { position: absolute; width: 100px; height: 100px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 20; } .play-btn svg { fill: #ffffff; } .sondermeldung { background: #ffff00; padding-top: 15px; margin: 10px 50px; } @media (max-width: 767px) { .sondermeldung { margin: inherit; } } .img-fluid { max-width: 100%; } .w-100 { width: 100% !important; } .row.justify-content-center { padding: 10px 0px 50px 0px; margin-bottom: 10px; margin-left: 50px; margin-right: 50px; } .position-absolute.text-white.bg-turquoise-green.py-4.teaser-box-text-wrapper.text-center.text-uppercase { background-color: #a0012c; color: #fff; } .position-absolute.text-white.bg-turquoise-green.py-4.teaser-box-text-wrapper.text-center.text-uppercase span { background-image:url(../icons_1/externer_link_thumbnail.svg); font-family: DINWeb1, Arial, sans-serif; font-size: 18px; line-height: 18px; color: #fff; padding: 17px 25px 15px 22px; display: inline-block; background-position: left center; background-size: 18px; background-repeat: no-repeat; } .social-media a { margin-bottom: 2em; float: left; } .social-media .position-absolute.text-white.bg-turquoise-green.py-4.teaser-box-text-wrapper.text-center.text-uppercase span { font-size: 18px; } @media (min-width: 440px) and (max-width: 768px){ .social-media .col-12 { width: 50%; display: inline-block; } } @media (max-width: 768px){ .social-media .position-absolute.text-white.bg-turquoise-green.py-4.teaser-box-text-wrapper.text-center.text-uppercase span { font-size: 14px; } } .social-media a h3 { text-align: left; color: #000; font-size: 16px; font-weight: 500; } .social-media .position-absolute.text-white.bg-turquoise-green.py-4.teaser-box-text-wrapper.text-center.text-uppercase { background-color: inherit; } .social-media a p { color: #000; text-transform: none; text-align: left; } .social-media a span { background: #952047; margin-top: 0.5rem } .social-media a:hover span { text-decoration: underline; } .social-media a span::before { content: url(../icons_1/externer_link_thumbnail.svg); padding: 6rem 1rem 0 0; vertical-align: -0.3rem; } .social-media .position-absolute.text-white.bg-turquoise-green.py-4.teaser-box-text-wrapper.text-center.text-uppercase span { background-image: none; padding: 15px 25px 14px 20px; } .accordion { margin: 0 3rem; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .accordion ul { list-style-type: none; margin: 0; padding: 0; display: flex; } .accordion li { padding:3rem 0 1rem 2rem; } .accordion li:first-of-type { padding: 3rem 0 1rem 0; } .accordion a { color: #1a1a1a; } .accordion h2 { font-weight: 900; margin-bottom: 0; } .accordion img { width: 330px; } @media (min-width: 992px) and (max-width: 1270px){ .accordion img { width: 300px; } .accordion { margin: 0; padding: 0px 0px 0 15px; } .accordion li { padding:2rem 0 1rem 2rem; } .accordion li:first-of-type { padding: 2rem 0 1rem 0; } .accordion li:last-of-type { padding: 2rem 2rem 1rem 2rem; } } @media (min-width: 768px) and (max-width: 991px){ .accordion img { width: 240px; } .accordion { margin: 0; padding: 0px 0px 0 15px; } .accordion li { padding:2rem 0 1rem 2rem; } .accordion li:first-of-type { padding: 2rem 0 1rem 0; } .accordion li:last-of-type { padding: 2rem 2rem 1rem 2rem; } } @media (max-width: 767px){ .accordion img { width: 140px; } .accordion { margin: 0; padding: 0px 0px 0 15px; } .accordion li { padding:1.5rem 0 1rem 2rem; } .accordion li:first-of-type { padding: 1.5rem 0 1rem 0; } .accordion li:last-of-type { padding: 1.5rem 2rem 1rem 2rem; } } @media (max-width: 560px){ #Gruppe_maskieren_3 { transform: scale(0.8) translateY(calc(100% - 348px)); transform-origin: bottom right; } .head_svg h1 { font-size: calc(1vw + 2vh + 1vmin); } } @media (max-width: 420px){ .head_svg h1 { font-size: calc(.6vw + 2vh + 1vmin); } } .stoerer { display: flex; align-items: center; position: relative; justify-content: center; } .stoerer div { position: absolute; text-align: center; padding: 1rem; color: white; } .stoerer i { background-color: #df1418; font-style: normal; padding: 0.5rem 0; text-align: center; } .black a.LinkIntern { background-image: url(../icons_1/externer_link_thumbnail.svg); background-position: 7px 4px; background-size: 18px; background-repeat: no-repeat; background-color: #952047; color: #fff; padding: 7px 7px 3px 29px; font-style: normal; }