/* @font-face {font-family: 'Ubuntu';src: url('../Fonts/ubuntu/Ubuntu.eot');src: url('../Fonts/ubuntu/Ubuntu.eot?#iefix') format('embedded-opentype'),url('../Fonts/ubuntu/Ubuntu.woff2') format('woff2'),url('../Fonts/ubuntu/Ubuntu.woff') format('woff'),url('../Fonts/ubuntu/Ubuntu.ttf') format('truetype'),url('../Fonts/ubuntu/Ubuntu.svg#Ubuntu') format('svg');font-weight: normal;font-style: normal;}*/ body, html { font-family:Arial, sans-serif;line-height: 20px;font-size: 14px; } ol, ul {list-style:none;} #mainContentWrap .contentWrap ul {padding-left: 1em} #mainContentWrap .contentWrap ul li::before { content: "\2022"; color: #0053a2;font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;} #mainContentWrap .contentWrap .tx-indexedsearch-browsebox ul li::before {display:none;} #mainContentWrap .contentWrap .news-list-view ul li::before {display:none;} #mainContentWrap .contentWrap .news-menu-view ul li::before {display:none;} #mainContentWrap .contentWrap .tx-datec-contact-pagination ul li::before { display:none; } #mainContentWrap .contentWrap ul.typo3-messages li::before {display:none;} a, a:visited, a.active, a:hover { text-decoration:none;outline:none; } p.bodytext, p { margin-bottom:20px;} /* RTE STYLE */ .align-left { text-align: left; } .align-center { text-align:center; } .align-right { text-align:right; } .align-justify { text-align:justify; } .contenttable TD { vertical-align:top;} b, strong { font-weight:bold; } /* MAILFORM */ div.csc-mailform { border:none; padding:0px; margin:0px; } .csc-form-element label { display: block; float:left; width: 120px; } .csc-form-element textarea { width:327px;margin-left:2px; } .csc-form-element input[type="text"] { width:327px;margin-left:2px; } .csc-form-element { margin-bottom: 7px; } .csc-form-element-submit { margin-left: 122px; } .csc-form-element img { margin-left: 122px; } div.csc-mailform ol li {margin-bottom:13px;} /* OLD STYLES */ .element2cols { border-bottom: 2px solid #D9AE00; padding-bottom: 10px; margin-bottom: 10px; } .element3cols { border-bottom: 2px solid #D9AE00; padding-bottom: 10px; margin-bottom: 10px; } .spacer_div { clear: both; } .dce_empfehlungsschreiben {} .dce_empfehlungsschreiben .elements {margin-left:-10px;margin-right:-10px;} .dce_overlay {display:none;position:fixed;left:0;width:100%;top:0;height:100%;background:rgba(0,0,0, 0.8);} .dce_empfehlungsschreiben .elements .element {padding-left:10px;padding-right:10px;float:left;margin-bottom:20px;} .dce_empfehlungsschreiben .elements .element .image {position: relative;float: left;width: auto;cursor:pointer;} .dce_empfehlungsschreiben .elements .element .image .name {position: absolute;bottom: 3px;color:#FFFFFF;background: rgba(0,0,0,0.6);padding:5px;display:none;} .dce_empfehlungsschreiben .elements .element .image:hover .name {display:block;} .popup_content {position:absolute;display:none;background-color: #424242;left:-5%;z-index:1000;color:#FFFFFF;padding:5.5% 5%;top: 50px;} .popup_content {width:1073px;border:3px solid #ffffff;position:fixed;left:50%;top:16%;margin-left:-636.5px;} .popup_content { box-sizing: content-box; } .popup_content .pop_pic {} .popup_content .pop_title {font-size:20px;font-weight: bold; margin-bottom:10px;margin-top:10px;} .popup_content .pop_text p {font-size:15px;line-height:18px;color:#ffffff;} .popup_content .close_element {background: url(../Images/close_btn.png) no-repeat;height: 40px;width: 40px;position:absolute;right:1%;top:2%;cursor:pointer;} .popup_content .previous_element {background: url(../Images/previous_element.png) no-repeat;width: 40px;height: 40px;left: 1%;position: absolute;top: 50%;cursor:pointer;z-index:1000;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;} .popup_content .next_element {background: url(../Images/next_element.png) no-repeat;width: 40px;height: 40px;position:absolute;right:1%;top: 50%;cursor:pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;} .shareLink { max-width: 115px; margin: 30px 0; background-size: 24px; background: #0152a1 url(../Images/icon_mail.png) no-repeat 10px; color: #fff !important; padding: 10px 10px 10px 40px; border-radius: 5px; display: block; } .videoLink { margin-top: 20px; padding: 10px; display: none; } .share-container { display: none; } /* CUSTOM STYLES */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body { font-family: 'Open Sans', Arial, sans-serif; line-height: 24px; overflow-x: hidden; max-height: 100%; } h1 { font-size: 28px; line-height: 40px; color: #0053a2; } h2 { font-size: 20px; line-height: 32px; color: #000000; } h3 { font-size: 20px; line-height: 32px; color: #0053a2; } h4 { font-size: 15px; line-height: 24px; color: #0053a2; } h1 { margin: 40px 0 24px; } h4 { margin: 16px 0 8px; font-family: 'open_sanssemibold', 'Open Sans', Arial, sans-serif } p.bodytext, p { margin-bottom: 16px; } input { border-radius: 3px; background-color: #ffffff; border: solid 1px #cdd1d7; padding: 6px 8px; margin-bottom: 16px; } input[type=submit] { margin-bottom: 0; } textarea { border-radius: 3px; background-color: #ffffff; border: solid 1px #cdd1d7; padding: 6px 8px; margin-bottom: 16px; } .imagePreload { width: 0; height: 0; visibility: hidden; } .imagePreload.ipMainMenu { background:url(../Images/caret-black.svg); } #datenSchutz #content ul { list-style: disc; } /*********************/ /* Responsive iFrame */ /*********************/ .responsiveIFrame { position: relative; width: 100%; height: 0; } .responsiveIFrame.ratio_4_3 { padding-bottom: 75%; } .responsiveIFrame iFrame { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .rowsave input {margin: 29px 0 0 0; color: #ad9b59; font-weight: 600; border: none; float: right;} .rowsave input::before {font-family: FontAwesome; content: "\f061"; color: #ad9b59; } .rowsave .fa-arrow-right {font-family: FontAwesome;font-size: 19px;color: #ad9b59; /* float: right; */ margin: 35px 0 0 0;} .rowproove {float: right; margin-top: 30px;} .rowproove input {width: 160px; height: 36px; border-radius: 3px; background-color: #2a65ab; color: white;} .single .singleh1 {width: 416px; height: 32px; font-size: 20px; line-height: 1.6rem; color: black; padding-left: 15px;} .booking .pruefenh1 { height: 32px;font-size: 20px;font-weight: normal;font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: normal;color: #a3a3a3;} .booking .pruefenh1 .active { height: 32px; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: normal; color: rgba(0, 0, 0, 0.8);} .pruefenh1:after {content: ""; position: absolute; top: 80px; left: 0px; right: 0; z-index: -1; width: 100%; height: 2px; background-image: linear-gradient(to right, #ad9345, #d3c992 25%, #b5914b 55%, #b89e5a 75%, #ccbb78)} .single label input {width: 196px; height: 36px; border-radius: 3px; background-color: #ffffff; border: solid 1px #cdd1d6;} .rpa:after {width: 196px; height: 36px; border-radius: 3px; background-color: #ffffff; border: solid 1px #cdd1d6;} .singleh1:after {content: ""; position: absolute; top: 65px; left: 0px; right: 0; z-index: -1; width: 100%; height: 2px; background-image: linear-gradient(to right, #ad9345, #d3c992 25%, #b5914b 55%, #b89e5a 75%, #ccbb78)} .single label {font-weight: normal;} .daily .row {padding: 30px 10px; border-bottom: 1px solid #e5e5e5;} .weekly .row {padding: 30px 10px; border-bottom: 1px solid #e5e5e5;} .weekly .weekday {padding-left: 15px;} #popup h1 {margin: 10px 0 24px;} .uhrzeit.not{text-decoration: line-through;color: rgba(171, 37, 37, 0.8);} .not {color: rgba(171, 37, 37, 0.8);} .timestamp:nth-child(even) {background-color: white;} .timestamp:nth-child(odd) {background-color: rgba(42, 101, 171, 0.06);} .timestamp .row {border: none;} .weekdays .weekday {padding: 5px 15px;} .addWeekday:before {content: "\f055"; font-family: FontAwesome;} .daily input { margin: 0px 5px;} .weekday select, input { margin: 0px 5px; } .rowaddday {text-align:center; text-align: center;padding: 20px 0; border-bottom: 1px solid #e5e5e5;} .tx-sic-worship .close {opacity: 1; color: #ad9b59;} .monthly .row {padding-top: 2em; padding-bottom: 2em; border-bottom: 1px solid #e5e5e5;} .monthly .radiobuttonmonthly {padding: 2em 20px; border-bottom: 1px solid #e5e5e5;} .monthly .table {margin-top: 25px; border-collapse: initial; border-spacing: 0px;} .monthly .table .toggleDay {width: 40px;height: 36px;font-weight: normal;text-align: center;color: rgba(0, 0, 0, 0.8); border: solid 1px #cdd1d6;} .monthly .table .toggleDay.active { background-color: rgba(42, 101, 171, 0.1); border: solid 1px #2a65ab;color: #2a65ab;} .monthly .table .notoggleDay {border: none;} .rowcancel {float: left; margin-top: 30px;} .rowcancel input {width: 160px; height: 36px; border-radius: 3px; background-color: #dfe3e8; color: black;} .container-fluid.booking {} .rowback {float: left; margin-top: 30px;} .rowback input {width: 160px; height: 36px; border-radius: 3px; background-color: #dfe3e8; color: black;} /*************************/ /* Responsive iFrame End */ /*************************/ /* 943 because of breakpoint at 960 minus scrollbar width */ .container-horeb { width: 1248px; margin-left: auto; margin-right: auto; max-width: 100%; min-width: 943px; } .contentWrap { padding-top: 32px; padding-bottom: 32px; } .contentWrap.noCWrap { padding: 0px 0 !important; } #logo { padding: 24px 0 24px 32px; float: left; position: relative; } #logo a.isSmall { display: none; } #startseite #logo:after { content: ''; display: block; background-color: #0053a2; width: 115%; height: 6px; position: absolute; top: 100%; left: 0; border-right: 2px solid white; } #header {position: fixed; top: 0; z-index: 1099; background: white; width: 100%;} #headerPlaceholder { height: 110px; margin-bottom: 2px; } #headerRight { float: right; padding-right: 32px; } #headerRight .contentWrap { padding-top: 0; padding-bottom: 0; } #headerAudio { padding: 0 16px; min-height: 48px; } #headerRight ul.menu { padding-left: 0; margin-bottom: 0; } #headerRight ul.menu:after { content:''; display: block; clear: both; } #headerRight ul.menu li { float: left; position: relative; } #headerRight ul.menu li a { padding: 16px; display: block; font-weight: normal; font-size: 15px; line-height: 24px; text-decoration: none; color: #666; } #headerRight ul.menu li ul.submenu a { padding: 0; display: block; font-weight: normal; font-size: 15px; line-height: 24px; text-decoration: none; color: #666; } #headerRight ul.menu li ul.submenu.lvl1 { padding: 20px 20px 0; background-color: #FFF; position: absolute; width: 526px; z-index: 3; visibility: hidden; transition: visibility linear 0s 1s,opacity 0s;opacity:0;} #headerRight ul.menu li ul.submenu.lvl1 { top: calc(100% + 6px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #headerRight ul.menu li ul.submenu.lvl1.stickToRight { left: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #headerRight ul.menu li ul.submenu.lvl1:before { content:''; display: block; width: 100%; height: 6px; position: absolute; top: -6px; left: 0; background-color: #0053a2; border-left: 2px solid #FFF; border-right: 2px solid #FFF; } #headerRight ul.menu li ul.submenu.lvl1 li.left > ul { padding: 0 16px 0 0; float: left; width: 240px; } #headerRight ul.menu li ul.submenu.lvl1 li.right > ul { padding: 0 0 0 16px; float: left; width: 240px; } #headerRight ul.menu li ul.submenu.lvl1 li.left > ul:after { content:''; display: block; clear: both; } #headerRight ul.menu li ul.submenu.lvl1 li.right > ul:after { content:''; display: block; clear: both; } #headerRight ul.menu li ul.submenu.lvl1 li.subTitle { float: none; margin-bottom: 32px; } #headerRight ul.menu li ul.submenu.lvl1 > li:not(.left):not(.right) { float: none; margin-bottom: 32px; } #headerRight ul.menu li ul.submenu.lvl1 li.subTitle > a { font-weight: bold; display: inline; position: relative; } /* #headerRight ul.menu li ul.submenu.lvl1 li.subTitle > a:after { content:''; display: block; width: 24px; height: 24px; background: url(../Images/caret-black.svg); position: absolute; top: 0; right: -32px; } #headerRight ul.menu li ul.submenu.lvl1 li.subTitle > a:after { -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } */ #headerRight ul.menu li ul.submenu.lvl1 li.subTitle ul { padding-left: 0; } #headerRight ul.menu li ul.submenu.lvl2:after { content:''; display: block; clear: both; } #headerRight ul.menu li ul.submenu.lvl2 li { float: none; } #headerRight ul.menu li ul.submenu.lvl2 a { margin-bottom: 8px; } #headerRight ul.menu li ul.submenu.lvl2 a:first-child { margin-top: 8px; } #headerRight ul.menu li ul.submenu.lvl2 a:last-child { margin-bottom: 0; } #headerRight ul.menu.noJQuery li:hover ul.submenu.lvl1 { visibility: visible; transition: visibility linear 0s 0s; z-index: 4; opacity:1;} #headerRight ul.menu > li.active:after { content:''; display: block; position: absolute; top: 100%; left: 0; background-color: #0053a2; width: 100%; height: 6px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; } #headerRight ul.menu.noJQuery > li:hover:before { content:''; display: block; position: absolute; bottom: 0; } #headerRight ul.menu.noJQuery > li:hover:before { border: 8px solid #0053a2; border-top-width: 0; border-left-color: transparent; border-right-color: transparent; } #headerRight ul.menu.noJQuery > li:hover:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #headerRight ul.menu.noJQuery > li:hover:after { content:''; display: block; position: absolute; top: 100%; left: 0; background-color: #0053a2; width: 100%; height: 6px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; } #headerRight ul.menu.noJQuery > li:hover > a { color: #0053a2; } #headerRight ul.menu > li.active > a { color: #0053a2; } #headerLine { clear: both; height: 6px; } /* jQuery Menu Aim - simulate hover effect for active row */ #headerRight ul.menu li.pseudoHover ul.submenu.lvl1 { display: block; } #headerRight ul.menu > li.pseudoHover:before { content:''; display: block; position: absolute; bottom: 0; } #headerRight ul.menu > li.pseudoHover:before { border: 8px solid #0053a2; border-top-width: 0; border-left-color: transparent; border-right-color: transparent; } #headerRight ul.menu > li.pseudoHover:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #headerRight ul.menu > li.pseudoHover:after { content:''; display: block; position: absolute; top: 100%; left: 0; background-color: #0053a2; width: 100%; height: 6px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; } #headerRight ul.menu > li.pseudoHover > a { color: #0053a2; } #headerRight ul.menu li.search a { padding: 16px 12px 14px; } #headerRight ul.menu li.search div.headerSuchbox { position: absolute; top: calc(100% + 6px); right: 0; z-index: 10; } #headerRight ul.menu li.search.hovered div.headerSuchbox { display: block; } #headerRight ul.menu li.search div.headerSuchbox:before { content:''; display: block; width: 100%; height: 6px; position: absolute; top: -6px; left: 0; background-color: #0053a2; border-left: 2px solid #FFF; border-right: 2px solid #FFF; } #headerRight ul.menu > li.hovered:before { content:''; display: block; position: absolute; bottom: 0; } #headerRight ul.menu > li.hovered:before { border: 8px solid #0053a2; border-top-width: 0; border-left-color: transparent; border-right-color: transparent; } #headerRight ul.menu > li.hovered:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #headerRight ul.menu > li.hovered:after { content:''; display: block; position: absolute; top: 100%; left: 0; background-color: #0053a2; width: 100%; height: 6px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; } #kesearch_boxsubmit { position: absolute; top: 4px; right: 4px; padding: 0; border: none; } div.tx-kesearch-pi1 form { margin-bottom: 0; } div.tx-kesearch-pi1 span.resetbutt a, div.tx-kesearch-pi1 span.submitbutt input { margin-bottom: 0; } div.tx-kesearch-pi1 input[type="text"] { height: 36px; padding: 6px; } div.tx_indexedsearch form { margin-bottom: 0; } div.tx_indexedsearch span.resetbutt a, div.tx_indexedsearch span.submitbutt input { margin-bottom: 0; } .tx_indexedsearch input[type="text"], .tx_indexedsearch select, .tx_indexedsearch textarea { padding: 0.3em 0.3em 0.3em 0.4em; background: #fff; border: 1px solid #bbb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #2b2b2b; } div.tx_indexedsearch input[type="text"] { height: 36px; padding: 6px;} #tx-indexedsearch-box-searchbox-button-submit{ position: absolute; top: 4px; right: 4px; padding: 0; border: none; } #tx-indexedsearch-searchbox-button-submit{ margin:10px 0; } #mainContentWrap div.kesearch_pagebrowser a.prev, #mainContentWrap div.kesearch_pagebrowser a.next { color: transparent; } ul.tx-indexedsearch-browsebox { padding:8px 0; margin:0; text-align:center; } ul.tx-indexedsearch-browsebox li{ display:inline; margin:0 10px; } #mainContentWrap ul.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage a { color:#000000; } .tx-indexedsearch-browsebox-top ul.tx-indexedsearch-browsebox { border-bottom:1px dashed #707070; } .tx-indexedsearch-browsebox-bottom ul.tx-indexedsearch-browsebox { border-top:1px dashed #707070; } #header.smaller { } #header.smaller #logo { } #header.smaller #logo a.isNotSmall { display: none; } #header.smaller #logo a.isSmall { display: block; } #header .headerSuchbox { display: none; } #logoMobile { display: none; padding: 12px 0 12px 16px; float: left; } #logoMobile img { max-height: 48px; width: auto; } #mobileMenuOpener { display: none; padding: 24px 56px 24px 24px; margin-right: -32px; font-size: 15px; line-height: 24px; cursor: pointer; } #mobileMenuOpener:after { content:''; display: block; width: 32px; height: 32px; position: absolute; top: 20px; right: 16px; background: url(../Images/open-mobile-menu.svg); } #mobileMenuOpener.opened:after { background: url(../Images/close-mobile-menu.svg); } #mobileMenu { display: none; position: absolute; top: 72px; left: 0; width: 100%; height: auto; z-index: 4; background-color: #FFF; border-top: 6px solid #0053a2; border-bottom: 2px solid #0053a2; } #mobileMenu:before { display: none; position: absolute; top: 72px; left: 0; width: 100%; height: 6px; background-color: #0053a2; } #mobileMenuList ul { padding-left: 0; margin-bottom: 0; } #mobileMenuList a { padding-left: 0; font-size: 15px; line-height: 24px; color: #666; position: relative; } #mobileMenuList ul.mobileMenu li { position: relative; } #mobileMenuList ul.mobileMenu > li > a { padding: 24px; display: block; } #mobileMenuList ul.mobileMenu .subOpener { display: block; position: absolute; height: 100%; width: 80px; top: 0; right: 0; } #mobileMenuList ul.mobileMenu .subOpener .subOpenerArrow { content:''; display: block; width: 24px; height: 24px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 16px auto 0; background:url(../Images/caret-black.svg); transition: transform 0.5s; } #mobileMenuList ul.mobileMenu .subOpener .subOpenerArrow { -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } #mobileMenuList ul.mobileMenu .subOpener.opened .subOpenerArrow { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } #mobileMenuList ul.subMenu { display: none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } #mobileMenuList ul.mobileMenu li.active > ul.subMenu { display: block; } #mobileMenuList ul.subMenu > li > a { padding: 16px 16px 16px 32px; display: block; } #mobileMenuList ul.subMenu.sub1 > li > a { padding-left: 48px; } #mobileMenuList ul.subMenu.sub2 > li > a { padding-left: 64px; } #mobileMenuList ul.subMenu.sub3 > li > a { padding-left: 80px; } #mobileMenuList ul.subMenu.sub4 > li > a { padding-left: 96px; } #mobileMenuList ul.subMenu.sub5 > li > a { padding-left: 112px; } #mobileMenuSocial { padding: 24px; } #mobileMenuSocial a { width: 32px; height: 32px; margin-right: 16px; } #mobileMenuSocial a:last-child { margin-right: 0; } /* Mobile Menu as Flex */ #mobileMenuWrap { height: 100vh; /* Fallback */ } #mobileMenuWrap { display: flex; flex-direction: column; justify-content: space-between; height: calc(100vh - 72px); } #mobileMenuList { flex-basis: 0; flex-grow: 1; flex-shrink: 0; overflow-y: scroll; } #mobileMenuSocial { flex-basis: 80px; flex-grow: 0; flex-shrink: 0; } /* Mobile Menu as Flex End */ /* MASK: HeaderSlider */ /*#headerSlider {margin-top: 112px;}*/ #headerSlider { overflow-x: hidden; max-height:502px; } #headerSlider .slides li img { width: auto; max-width: 100%; max-height: 100%; margin: auto; } #headerSlider .slides li img { width: 100%; height: auto; } #headerSliderWrap { border: none; margin-bottom: 0; border-radius: 0; } #headerSlider { max-height:502px; overflow-y: hidden; } #headerSlider .contentWrap { padding-top: 0; padding-bottom: 0; } #headerSliderWrap ul.slides { max-height: 502px; } #headerSliderWrap ul.slides li { max-height: 502px; position:relative; } #headerSliderWrap ul.slides li:first-child { display:block; } #headerSlider .headersliderImageText { position: absolute; margin:0; left: 0; top: 0;} #headerSlider .headersliderImageText .posx { position: relative; margin:0; left: 10%; right: 0; max-width: 58.33333333%; } #headerSlider .headersliderImageText .posx-left { left: 2%; right: 0; } #headerSlider .headersliderImageText .posx-mid { left: 50%; right: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align:center; } #headerSlider .headersliderImageText .posx-midright { left: 90%; right: 0; text-align:right; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #headerSlider .headersliderImageText .posx-right { left: 98%; right: 0; text-align:right; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #headerSlider .headersliderImageText { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:100%; } #headerSlider .headersliderImageText.posy-top { top: 0%; -webkit-transform: translateY(-0%); -ms-transform: translateY(-0%); transform: translateY(-0%); } #headerSlider .headersliderImageText.posy-midtop { top: 25%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } #headerSlider .headersliderImageText.posy-midbottom { top: 75%; -webkit-transform: translateY(-75%); -ms-transform: translateY(-75%); transform: translateY(-75%); } #headerSlider .headersliderImageText.posy-bottom { top: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-bottom:45px; } #headerSlider .headersliderImageText .textElement > span { font-size: 40px; line-height: 1.8; color: #FFF; max-width: 50%; padding: 4px 16px; } #headerSlider .headersliderImageText .textElement > span.fonts-xsmall { font-size: 18px; } #headerSlider .headersliderImageText .textElement > span.fonts-small { font-size: 24px; } #headerSlider .headersliderImageText .textElement > span.fonts-smaller { font-size: 30px; } #headerSlider .headersliderImageText .textElement > span.fonts-def { font-size: 35px; } #headerSlider .headersliderImageText .textElement > span.fonts-larger { font-size: 40px; } #headerSlider .headersliderImageText .textElement > span.fonts-large { font-size: 46px; } #headerSlider .headersliderImageText .textElement > span.fonts-xlarge { font-size: 56px; line-height:1.2; } #headerSlider .headersliderImageText .textElement>span { -webkit-box-decoration-break: clone; box-decoration-break: clone; } #headerSlider .headersliderImageText .textElement>span { font-family: Cinzel, 'Open Sans', Arial, sans-serif;; } #headerSlider .headersliderImageText .imageTitle { position: relative; } #headerSlider .headersliderImageText .imageTitle .textElement>span { /*padding-left: 16px; padding-right: 16px;*/ } #headerSlider .headersliderImageText .imageSubTitle { position: relative; } #headerSlider .headersliderImageText .imageSubTitle .textElement>span { font-size: 30px; line-height: 1.8; color: #FFF; max-width: 50%; padding: 4px 16px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-xsmall { font-size: 12px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-small { font-size: 14px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-def { font-size: 20px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-larger { font-size: 24px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-large { font-size: 30px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-xlarge { font-size: 52px; line-height:1.2; } #headerSlider .flex-control-nav { bottom: 8px; z-index: 2; } #headerSlider .flex-control-nav.flex-control-paging { width: auto; left: 50%; padding: 10px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #headerSlider .flex-control-nav li { margin: 0 4px; } #headerSlider .flex-control-nav li a { background-color: transparent; width: 20px; height: 20px; border: 2px solid #ad9b59; cursor: pointer; } #headerSlider .flex-control-nav li a { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #headerSlider .flex-control-nav li a.flex-active { background-color: #ad9b59; } #headerSlider .flex-control-nav li a:not(.flex-active):hover { background-color: rgba(173, 155, 89,0.75); } /* MASK: HeaderSlider Ende */ /* Livestream on mobile */ #mobileStream { display: none; background-color: #efefef; position: relative; } #mobileStream .contentWrap { padding: 8px 16px; } #mobileStream .contentWrap .jQueryPlayer { padding: 0; } /* Livestream on mobile End */ /* MASK: StartHeaderItem */ #startHeader { padding-bottom: 32px; } #startHeaderInner { border-bottom: 1px solid #dfe5ed; } #startHeaderInner .container-horeb:after { content:''; display: block; clear: both; } #startHeaderInner .startHeaderItem { position: relative; width: 50%; float: left; } #startHeaderInner .startHeaderItem:first-child { border-right: 1px solid #dfe5ed; } #startHeaderInner .startHeaderItem:last-child { border-left: 1px solid #dfe5ed; } #startHeaderInner .startHeaderItem .textHeader { font-size: 19px; line-height: 32px; color: #000; } #startHeaderInner .startHeaderItem .textBody { font-size: 16px; line-height: 28px; color: #000; } #startHeaderInner .startHeaderItem a { margin-top: 12px; display: block; } #startHeaderInner .startHeaderItem .startHeaderTextWrap { padding: 72px; } #startHeaderInner .startHeaderItem:first-child .startHeaderTextWrap { padding-left: 64px; } #startHeaderInner .startHeaderItem:last-child .startHeaderTextWrap { padding-right: 64px; } #startHeaderInner .startHeaderItem .startHeaderTextWrap .textHeader { width: 256px; display: block; } #startHeaderInner .startHeaderItem .startHeaderImage { position: absolute; bottom: 0; } #startHeaderInner .startHeaderItem:first-child .startHeaderImage { right: 0; top: 0;} #startHeaderInner .startHeaderItem:first-child .startHeaderImage img { right: 0; top: 50%; transform: translateY(-50%); position:absolute;} #startHeaderInner .startHeaderItem:last-child .startHeaderImage { right: 64px; } /* MASK: StartHeaderItem Ende */ #startHeaderInner .slide { padding: 0; } #startHeaderInner .slide-news { padding: 72px 72px 72px 64px; width:100%; height:100%; background-size:contain !important; } #mainContentWrap a, #footer a { color: #ad9b59; font-weight: 600; } #footer p { color: rgba(0,0,0,0.6); } #mainContentWrap a.anchor { color:#333; padding-top:115px; } .frame .ce-textpic ul, .frame .ce-textpic ol, .frame .ce-textmedia ul, .frame .ce-textmedia ol { list-style: none; } .horebColorFlow { background-color: #ad9b59; /* Fallback */ } .horebColorFlow { background-image: linear-gradient(90deg, #ad9345, #d3c992 25%, #b5914a 55%, #b89e5a 75%, #ccbb78); } .horebBorderTopBottom, .frame-zitat .contentWrap .zitatWrap { border-width: 1px 0; border-style: solid; border-color: #ad9b59; } .horebBorderTopBottom, .frame-zitat .contentWrap .zitatWrap { border-image: linear-gradient(90deg, #ad9345, #d3c992 25%, #b5914a 55%, #b89e5a 75%, #ccbb78) 1; } .accordionWrap .horebColorFlow { height: 2px; } .frame-zitat .ce-bodytext > p:last-child { margin-bottom: 0; } .frame-zitat .ce-intext.ce-right .ce-gallery { margin-left: 32px; margin-bottom: 0; } /* flex-variant for compatible browsers - sorry, IE */ .frame-zitat .ce-textpic { display: flex; flex-direction: row-reverse; } .frame-zitat .ce-textpic .ce-gallery { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; justify-content: center; } div.frame.frame-zitat div.ce-textpic div.ce-gallery { width: 336px; margin: 0 0 0 32px; } .frame-zitat .ce-textpic .ce-bodytext { display: flex; flex-direction: column; justify-content: center; flex-shrink: 1; flex-grow: 1; } .frame-zitat .ce-textpic .ce-bodytext p { font-style: italic; } .frame-zitat .ce-textpic .ce-bodytext p:last-child { font-style: normal; font-weight: bold; } .frame-zitat .ce-textpic .ce-bodytext p:first-child:last-child { font-style: italic; font-weight: normal; } /* flex-variant End */ .frame-zitat .ce-gallery { margin: 0 0 0 32px; } /* No padding for shortcut contentwrap */ div.frame.frame-type-shortcut > .contentWrap { padding: 0; } .smallUnderline { width: 40px; height: 2px; margin: 8px auto 0; } div.fiveCols { width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } #footerStartTextMobile { display: none; } .centeredText { text-align: center; } .arrowBeforeText { color: #ad9b59; text-decoration: none; padding-left: 20px; font-size: 14px; padding-top: 4px; padding-bottom: 4px; position: relative; } .arrowBeforeText:before { content:''; display: block; width: 12px; height: 24px; position: absolute; top: 3px; left: 0; background: url('/typo3conf/ext/horeb/Resources/Public/Images/footer_content/link-pfeil.svg') no-repeat left center; } a.arrowBeforeText, a.arrowBeforeText:link, a.arrowBeforeText:visited { color: #ad9b59; } .arrowBeforeText.backArrow:before { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } a.iconBeforeText { color: #ad9b59; text-decoration: none; padding-left: 28px; font-size: 14px; padding-top: 4px; padding-bottom: 4px; position: relative; } a.iconBeforeText:before { content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 0; left:0; } a.iconBeforeText.youTube:before { background: url('../Images/sidebar-icon-link-youtube.svg') no-repeat left center; top: 2px; } #content { position: relative; } #content:after { content:''; display: block; clear: both; } #allContentWrap { display: flex; } #sidebarBackground { position: absolute; top: 0; right: 0; margin-left: 72px; height: 100%; width: 41.66666667%; background: #ede8dd; } #sidebarBackground { display: none; } #mainContentWrap { float: left; padding: 0 32px 119px; width: 100%; max-width: 832px; margin-right: 40px; min-width: 640px; } #mainContentWrap.noSidebar { float: none; max-width: 1248px; margin-right: auto; } body#startseite #mainContentWrap { float: none; } #mainSideBar { float: none; background-color: #ede8dd; width: 100%; max-width: 376px; padding-left: 0; padding-right: 0; padding-bottom: 119px; position: relative; min-width: 280px; } #mainSideBar:after { width: 10000px; /* Fallback */ } #mainSideBar:after { content:''; width: 100vw; height: 100%; position: absolute; top: 0; left: 100%; background-color: #ede8dd; } #mainSideBar .sidebarContent { padding: 0 32px; position: relative; } #mainSideBar .sidebarContent > div.frame { border-bottom: 2px solid #FFF; position: relative; } #mainSideBar .sidebarContent > div.frame .contentWrap { padding-top: 56px; padding-bottom: 56px; } #mainSideBar .sidebarContent > div.frame.frame-type-shortcut > .contentWrap { padding: 0; } #mainSideBar .sidebarContent > div.frame:before { content:''; display: block; width: 32px; height: 100%; position: absolute; left: -32px; top: 0; border-bottom: 2px solid #FFF; } #mainSideBar .sidebarContent > div.frame:after { content:''; display: block; width: 200%; height: 100%; position: absolute; left: 100%; top: 0; border-bottom: 2px solid #FFF; z-index: 1; background-color: #ede8dd; } #mainSideBar .sidebarContent > div.frame:before { height: calc(100% + 2px); } #mainSideBar .sidebarContent > div.frame:after { height: calc(100% + 2px); width: 100vw; } #mainSideBar .sidebarContent > div.frame > .contentWrap > p:last-child { margin-bottom: 0; } #mainSideBar .sidebarContent > div.frame.frame-horebCalendar:before { background-color: #e3ded3; } #mainSideBar .sidebarContent > div.frame.frame-horebCalendar:after { background-color: #e3ded3; } #mainSideBar .sidebarContent > div.frame.frame-horebCalendar > .contentWrap { background-color: #e3ded3; } #mainSideBar #broadcastPrintLink > .contentWrap { padding: 56px 0; } #startseite #mainContentWrap { padding-bottom: 0; } #mainSideBar div.frame-type-text a, #mainSideBar .ce-textpic a, #mainSideBar .ce-textmedia a { color: #ad9b59; /*font-family: open_sanssemibold,"Open Sans",Arial,sans-serif;*/ font-weight: 600; } #mainSideBar b, #mainSideBar strong { font-weight: 600; } #mainSideBar h2 { color: rgba(0,0,0,0.6); } #mainSideBar h3 { color: rgba(0,0,0,0.6); font-size: 16px; line-height: 24px; margin-bottom: 7px; } #mainSideBar p, #mainSideBar span { color: rgba(0,0,0,0.6); } #startFooter { padding-top: 64px; padding-bottom: 84px; background-color: #ede8de; } #startFooter h2 { font-size: 20px; margin: 0; padding: 10px 0 0; } #startFooter .kreisText { color: rgba(0,0,0,0.6); } #startFooter a { color: #ad9b59; font-family: open_sanssemibold,"Open Sans",Arial,sans-serif; } #footerStartTextBlock { clear: left; padding-top: 64px; } #footerBar > div { background-color: #FFF; } #footerBar > div.horebColorFlow { background-color: #AD9B59; } #footerBar .container-horeb { padding: 0 32px; } #footerBar .footerBarInner { } #footerBar .footerBarInner .container-horeb { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } #footerBar .footerBarInner .container-horeb:after { content:''; display: block; clear: both; } #footerBar .footerBarIconLink { text-decoration: none; margin-right: 12px; float: left; } .footerSocialIcon { padding-right: 8px; } #footer h3 { font-size: 16px; line-height: 24px; color: rgba(0,0,0,0.6); margin-top: 0; margin-bottom: 8px; } #footerLower { background-color: #eef4fa; padding: 64px 0 32px; } #footerLower .container-horeb { padding: 0 32px; } #footerDescription a, #footerNewsletter a, #footerQuicklinks a, #footerSocial a { display: block; margin-bottom: 8px; color: #ad9b59; } #footerLower .rowHoreb:after { content:''; display: block; clear: both; } #footerLower .rowHoreb .footerDiv { float: left; min-width: 256px; max-width: 416px; width: 33.33333333%; padding: 0 32px; } #footerLower .rowHoreb #footerCenterWrap:after { content:''; display: block; clear: both; } #footerLower .rowHoreb #footerCenterWrap > div { width: 128px; } #footerLower .rowHoreb #footerCenterWrap #footerQuicklinks { float: left; } #footerLower .rowHoreb #footerCenterWrap #footerSocial { float: right; } #breadcrumb { padding: 32px 0 0 0; } #breadcrumb .breadcrumbLink { color: rgba(0,0,0,0.6); } #breadcrumb .breadcrumbText { color: #0053a2; } body#startseite #breadcrumb { display: none; } /* Powermail */ fieldset.nolabel > legend { display: none; } form > fieldset > legend {padding-left:32px;padding-right:32px; } fieldset:after { content:''; display: block; clear: both; } .tx-powermail { margin-bottom: 25px; } .tx-powermail .container-fluid form { margin-left: -15px; margin-right: -15px; } .tx-powermail form.nolabel h1, .tx-powermail form.nolabel h2, .tx-powermail form.nolabel h3, .tx-powermail form.nolabel h4, .tx-powermail form.nolabel h5, .tx-powermail form .nolabel>label.powermail_label { display: none; } .tx-powermail form fieldset { margin-left: -32px; margin-right: -32px; } .tx-powermail form label { font-size: 14px; line-height: 24px; color: #000; font-weight: bold; } .tx-powermail form label .mandatory { color: #0053a2; } .tx-powermail form .powermail_fieldwrap { padding-left: 32px; padding-right: 32px; padding-top: 24px; } .tx-powermail form .powermail_fieldwrap_type_input { width: 50%; float: left; } .tx-powermail form .powermail_fieldwrap_type_input input { width: 100%; height: 36px; } .tx-powermail form .powermail_fieldwrap_type_textarea { width: 100%; clear: both; } .tx-powermail form .powermail_fieldwrap_type_textarea textarea { width: 100%; height: 140px; } /* .tx-powermail form .powermail_fieldwrap_type_check { position: relative; float: left; width: 50%; } .tx-powermail form .powermail_fieldwrap_type_check > label { margin-left: 32px; } .tx-powermail form .powermail_fieldwrap_type_check .checkbox { width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); } */ /* .tx-powermail form .powermail_fieldwrap_anonymbleiben { position: relative; float: left; width: 50%; } .tx-powermail form .powermail_fieldwrap_anonymbleiben > label { margin-left: 32px; } .tx-powermail form .powermail_fieldwrap_anonymbleiben .checkbox { width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); } */ .tx-powermail form .powermail_fieldwrap_type_check { position: relative;} .tx-powermail form .powermail_fieldwrap_type_check > label { margin-left: 32px; } .tx-powermail form .powermail_fieldwrap_type_check .checkbox { width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); } .tx-powermail form .powermail_fieldset.layout1 .powermail_fieldwrap_type_input, .tx-powermail form .powermail_fieldset.layout1 .powermail_fieldwrap_type_select { width: 50%; float: left; } .tx-powermail form .powermail_fieldset.layout1 .powermail_fieldwrap_type_textarea { width: 100%; float: none; } .tx-powermail form .powermail_fieldwrap_type_check.nolabel .checkbox { width:auto;height:auto; float:none; padding:0; margin:0; top:0; transform: translateY(0); position:relative;} .tx-powermail form .powermail_fieldwrap_type_input.layout2 { width:auto; float:none; padding-bottom:8px; padding-top:2px; } .tx-powermail form .powermail_fieldwrap_type_input.layout2 input { width:200px; } .tx-powermail form .powermail_fieldwrap_type_check.layout2 .checkbox { width:auto;height:auto; float:none; } .tx-powermail form .powermail_fieldwrap_type_text.layout1 {font-wight:bold;color:#0053a2 } .tx-powermail form .powermail_fieldwrap_type_check.nolabel { padding-top: 8px; } /* Powermail End */ @media(max-width:767px) { .tx-powermail form .powermail_fieldwrap_type_input { width: 100%; float: none; } .tx-powermail form .powermail_fieldwrap_type_submit { float: none;} } /* Start page news */ .startNewsHeader { text-align: center; } .startNewsHeader > h2 { margin-top: 0; } .rowHoreb { margin-left: -32px; margin-right: -32px; } .rowHoreb:after { content:''; display: block; clear: both; } .newsTileWrap { padding: 64px 32px 24px; float: left; width: 33.33333333%; } .newsTile { max-width: 352px; } .newsTile h3 { margin-top: 24px; margin-bottom: 8px; } .newsTile .teaser-text > div { margin-bottom: 16px; } .newsTile .teaser-text > div > p:last-child { margin-bottom: 0; } .newsTile .news-img-wrap { max-height: 200px; overflow: hidden; max-width: 100%; } .newsTile .news-img-wrap img { margin: auto; } /* Start page news End */ /* News Detail Image Gallery */ .news.news-single .article .news-img-wrap { float: none; width: auto; margin: 0 -32px 0 -32px; } .news.news-single .article .news-img-wrap:after { content:''; display: block; clear: both; } .news.news-single .article .news-img-wrap .outer { max-width: 768px; padding: 32px; } .news.news-single .article .news-img-wrap.multipleImages .outer { float: left; max-width: 414px; } .news.news-single .article .news-img-wrap .outer .mediaelement-image { max-height: 400px; overflow: hidden; } .news.news-single .article .news-img-wrap.multipleImages .outer .mediaelement-image { max-height: 242px; overflow: hidden; } .news.news-single .article .news-img-wrap .outer .mediaelement-image a { float: none; padding: 0; border: none; background: none; } .tx-powermail form .powermail_fieldset.layout1 .powermail_fieldwrap_type_input, .tx-powermail form .powermail_fieldset.layout1 .powermail_fieldwrap_type_select { width: 50%; float: left; } .tx-powermail form .powermail_fieldset.layout1 .powermail_fieldwrap_type_textarea { width: 100%; float: none; } /* Powermail End */ /* Start page news */ .startNewsHeader { text-align: center; } .startNewsHeader > h2 { margin-top: 0; } .rowHoreb { margin-left: -32px; margin-right: -32px; } .rowHoreb:after { content:''; display: block; clear: both; } .newsTileWrap { padding: 64px 32px 24px; float: left; width: 33.33333333%; } .newsTile { max-width: 352px; } .newsTile h3 { margin-top: 24px; margin-bottom: 8px; } .newsTile .teaser-text > div { margin-bottom: 16px; } .newsTile .teaser-text > div > p:last-child { margin-bottom: 0; } .newsTile .news-img-wrap { max-height: 200px; overflow: hidden; max-width: 100%; } .newsTile .news-img-wrap img { margin: auto; } /* Start page news End */ /* News Detail Image Gallery */ .news.news-single .article .news-img-wrap { float: none; width: auto; margin: 0 -32px 0 -32px; } .news.news-single .article .news-img-wrap:after { content:''; display: block; clear: both; } .news.news-single .article .news-img-wrap .outer { max-width: 768px; padding: 32px; } .news.news-single .article .news-img-wrap.multipleImages .outer { float: left; max-width: 414px; } .news.news-single .article .news-img-wrap .outer .mediaelement-image { max-height: 400px; overflow: hidden; } .news.news-single .article .news-img-wrap.multipleImages .outer .mediaelement-image { max-height: 242px; overflow: hidden; } .news.news-single .article .news-img-wrap .outer .mediaelement-image a { float: none; padding: 0; border: none; background: none; } .news.news-single .article .frame .ce-gallery[data-ce-columns='2']:not([data-ce-images='1']) .ce-column { width: calc(50% - 32px); } .news.news-single .article > .news-img-wrap .outer { max-width: 832px; margin: 0 auto; } .news.news-single .article > .news-img-wrap img { max-width: 100%; height: auto; } /* News Detail Image Gallery END */ /* Pagination */ .f3-widget-paginator { position: relative; text-align: center; } .paginateButtonWrap { position: absolute; top: 0; } .paginateButtonWrap.pbwPrevious { left: 0; } .paginateButtonWrap.pbwNext { right: 0; } .paginateButton { width: 24px; height: 24px; background:url(../Images/caret-gold.svg); } .paginateButton > div { width: 24px; height: 24px; } .paginateButton.paginatePreviousButton { -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg); } .paginateButton.paginateNextButton { float: right; -webkit-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } .paginateButton.noPrevious { background:url(../Images/caret-grey.svg); } .paginateButton.noNext { background:url(../Images/caret-grey.svg); } .pageListWrap { display: inline-block; } .pageListWrap:after { content:''; display: block; clear: both; } .pageListWrap > div { float: left; margin-right: 16px; width: 16px; } .pageListWrap > div:last-child { margin-right: 0; } /* Pagination End */ /* datec_contact (Gästebuch) */ .tx-datec-contact .tx-datec-contact-guestbookEntryForm { margin-right: 0; width: 100%; } #tx-datec-contact-guestbookEntryForm { } #tx-datec-contact-guestbookEntryForm label { font-weight: 600; margin-bottom: 4px; display: block; width: 100%; text-align: left; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap_text .required, #tx-datec-contact-guestbookEntryForm label .required { color: #0053a2; } #tx-datec-contact-guestbookEntryForm .datec_inputFields > div:nth-child(2n+1) { clear: left; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap { padding-left: 32px; padding-right: 32px; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap:after { content:''; display: block; clear: both; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap .displayBlock { display: block; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap_input { float: left; width: 50%; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap_textarea { clear: both; width: 100%; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap_submit { margin-bottom: 0; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap_submit .datec_submit { text-align: right; } #tx-datec-contact-guestbookEntryForm .datec_fieldwrap_text { margin-bottom:4px; } .tx-datec-contact-guestbookEntryForm { padding: 32px 0; } .tx-datec-contact-guestbookEntry { padding: 32px 0; margin-bottom: 0; } .tx-datec-contact-guestbookEntry .tx-datec-contact-guestbookEntry-contact { font-size: 15px; line-height: 24px; color: #0053a2; padding: 0; background-color: transparent; font-weight: 600; } .tx-datec-contact-guestbookEntry .tx-datec-contact-guestbookEntry-text { padding: 0; } .tx-datec-contact-guestbookEntry .tx-datec-contact-guestBookEntry-left { font-size: 14px; line-height: 24px; color: rgba(0,0,0,0.6); margin-bottom: 24px; } .tx-datec-contact-guestbookEntry .tx-datec-contact-guestBookEntry-right { font-size: 14px; line-height: 24px; color: #000; padding-left: 24px; border-left: 2px solid #0053a2; } .tx-datec-contact-guestbookEntry .tx-datec-contact-guestBookEntry-right > p:last-child { margin-bottom: 0; } .tx-datec-contact-pagination { margin-top: 16px; width: 100%; } .tx-datec-contact input[type=text].form-control, .tx-datec-contact textarea.form-control { padding: 6px 8px; } /* datec_contact End */ /* Mask: Horeb-Highlights */ .tx_mask_horebHighlights {} .tx_mask_horebHighlights ul.hhEventList { padding-left: 0; } .tx_mask_horebHighlights .hhInformationBlockWrap { padding: 16px; } .tx_mask_horebHighlights .hhInformationBlock { display: none; } .tx_mask_horebHighlights .hhInformationBlock:first-child { display: block; } /*.tx_mask_horebHighlights .hhInformationBlock .hhEventList li.active { color: #0053a2; text-shadow: 1px 1px 1px #ad9b59; }*/ .tx_mask_horebHighlights .hhInformationBlock .hhEventList li.active { color: rgba(0,0,0,0.7); } .tx_mask_horebHighlights .hhInformationBlock .hhYearNumber { font-size: 19px; line-height: 32px; padding-bottom: 28px; } .tx_mask_horebHighlights .hhInformationBlock .hhYearNumber + li { font-size: 14px; line-height: 24px; padding-bottom: 16px; } .tx_mask_horebHighlights .hhInformationBlock .hhMonthTitle { font-weight: 600; } .tx_mask_horebHighlights .hhInformationBlock .hhFlexSliderWrap { width: 297px; float: right; } .tx_mask_horebHighlights .hhInformationBlock .hhFlexSliderWrap { margin-left: 80px; } .tx_mask_horebHighlights .hhSliderWrap { position: relative; left: 36px; width: calc(100% - 72px); } .tx_mask_horebHighlights .hhSliderWrap .fadePrev { position: absolute; width: 36px; height: 100%; top: 0; left: -16px; background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0)); display: none; pointer-events: none; } .tx_mask_horebHighlights .hhSliderWrap .fadeNext { position: absolute; width: 36px; height: 100%; top: 0; right: -16px; background: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0)); display: none; pointer-events: none; } .tx_mask_horebHighlights .hhSlider ul.slides > li.slide { display: none; } .tx_mask_horebHighlights .hhSelectableYear { width: 48px; height: 24px; line-height: 24px; font-size: 14px; color: #ad9b59; padding-right: 16px; } .tx_mask_horebHighlights .hhSelectableYear.active { color: #0053a2; } .tx_mask_horebHighlights .substituteInactiveFlex { position: absolute; top: 0; height: 100%; width: 24px; } .tx_mask_horebHighlights .substituteInactiveFlex:before { content:''; display: block; position: absolute; top: calc(50% - 12px); left: 0; background: url(../Images/caret-grey.svg); } .tx_mask_horebHighlights .inactiveFlexPrev { left: -36px; } .tx_mask_horebHighlights .inactiveFlexNext { right: -36px; } .tx_mask_horebHighlights .inactiveFlexPrev:before { content:''; display: block; width: 24px; height: 24px; -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); } .tx_mask_horebHighlights .inactiveFlexNext:before { content:''; display: block; width: 24px; height: 24px; -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } .tx_mask_horebHighlights .flex-direction-nav > li { } .tx_mask_horebHighlights .flex-direction-nav > li > a { width: 36px; height: 100%; opacity: 1; top: 0; margin-top: 0; } .tx_mask_horebHighlights .flex-direction-nav > li > a:before { content:''; width: 24px; height: 24px; background: url(../Images/caret-gold.svg); position: relative; top: calc(50% - 12px); } .tx_mask_horebHighlights .flex-direction-nav > li > a.flex-prev { left: -36px; } .tx_mask_horebHighlights .flex-direction-nav > li > a.flex-prev:before { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); } .tx_mask_horebHighlights .flex-direction-nav > li > a.flex-next { right: -36px; } .tx_mask_horebHighlights .flex-direction-nav > li > a.flex-next:before { -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } /* Mask: Horeb-Highlights End */ /* Mask: Andere über uns */ .tx_mask_othersAboutUs { padding-bottom: 32px; } .tx_mask_othersAboutUs .oauOpinionWrap { padding: 16px; } .tx_mask_othersAboutUs .oauOpinionWrap .oauOpinion { display: none; } .tx_mask_othersAboutUs .oauOpinionWrap .oauOpinion.active { display: block; } .tx_mask_othersAboutUs .oauOpinionWrap .oauOpinion .opinionText { font-style: italic; } .tx_mask_othersAboutUs .oauOpinionWrap .oauOpinion .opinionText p:last-child { margin-bottom: 16px; } .tx_mask_othersAboutUs .oauOpinionWrap .oauOpinion .opinionName { font-weight: 600; } .tx_mask_othersAboutUs .oauNavigationWrap { margin-top: 16px; position: relative; overflow: hidden; } @supports (pointer-events: none) { .tx_mask_othersAboutUs .oauNavigationWrap .fadePrev { position: absolute; width: 40px; height: 100%; top: 0; left: 48px; background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0)); pointer-events: none; display: none; } .tx_mask_othersAboutUs .oauNavigationWrap .fadeNext { position: absolute; width: 40px; height: 100%; top: 0; right: 48px; background: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0)); pointer-events: none; display: block; } } /* .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigationButton { width: 24px; height: 24px; background:url(../Images/caret-gold.svg); margin: auto 0; position: relative; } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigationButton { top: 64px; } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigationButton.inactive { background:url(../Images/caret-grey.svg); } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigationButton.oauPrevious { float: left; margin-right: 24px; -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg); } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigationButton.oauNext { float: right; margin-left: 24px; -webkit-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigation { overflow: hidden; } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigation .oauNavigationList { padding-left: 0; white-space: nowrap; position: relative; left: 0; margin-bottom: 0; } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigation .oauNavigationList li { display: inline-block; margin-right: 16px; cursor: default; position: relative; } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigation .oauNavigationList li img { cursor: pointer; } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigation .oauNavigationList li.active:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; border: 2px solid #0053a2; } .tx_mask_othersAboutUs .oauNavigationWrap .oauNavigation .oauNavigationList li:last-child { margin-right: 0; } */ .tx_mask_othersAboutUs .substituteInactiveFlex { position: absolute; top: 0; height: 100%; width: 24px; } .tx_mask_othersAboutUs .substituteInactiveFlex:before { content:''; display: block; position: absolute; top: calc(50% - 12px); left: 0; background: url(../Images/caret-grey.svg); } .tx_mask_othersAboutUs .inactiveFlexPrev { left: 0; } .tx_mask_othersAboutUs .inactiveFlexNext { right: 0; } .tx_mask_othersAboutUs .inactiveFlexPrev:before { content:''; display: block; width: 24px; height: 24px; -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); } .tx_mask_othersAboutUs .inactiveFlexNext:before { content:''; display: block; width: 24px; height: 24px; -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } .tx_mask_othersAboutUs .oauSlider { margin: 0 48px; position: relative; } .tx_mask_othersAboutUs .oauSlider .slides { } .tx_mask_othersAboutUs .oauSlider .slides li.slide { display: none; } .tx_mask_othersAboutUs .oauSlider .slides li.slide .oauSelectableThumbnail { position: relative; } .tx_mask_othersAboutUs .oauSlider .slides li.slide .oauSelectableThumbnail.active:before { content:''; display: block; width: 100%; height: 100%; border: 2px solid #0053a2; position: absolute; top: 0; left: 0; } .tx_mask_othersAboutUs .oauSlider .flex-direction-nav > li { } .tx_mask_othersAboutUs .oauSlider .flex-direction-nav > li > a { width: 48px; height: 100%; opacity: 1; top: 0; margin-top: 0; } .tx_mask_othersAboutUs .oauSlider .flex-direction-nav > li > a:before { content:''; width: 24px; height: 24px; background: url(../Images/caret-gold.svg); position: relative; top: calc(50% - 12px); } .tx_mask_othersAboutUs .oauSlider .flex-direction-nav > li > a.flex-prev { left: -48px; } .tx_mask_othersAboutUs .oauSlider .flex-direction-nav > li > a.flex-prev:before { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); } .tx_mask_othersAboutUs .oauSlider .flex-direction-nav > li > a.flex-next { right: -48px; } .tx_mask_othersAboutUs .oauSlider .flex-direction-nav > li > a.flex-next:before { -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } /* Mask: Andere über uns End */ /* Accordion Quick Fix */ div.panel-heading.accordion-toggle { cursor: pointer; /*padding: 32px 16px;*/ padding: 16px; } div.panel-heading.accordion-toggle .panel-title { pointer-events: none; } div.panel-heading.accordion-toggle .accordionOpener { color: #666666; } /* Using Flexbox */ div.panel-heading.accordion-toggle { border: none; background: none; } div.panel-heading.accordion-toggle .panel-title { display: flex; align-items: center ; } div.panel-heading.accordion-toggle .panel-title .accordionLink { flex-grow: 1; flex-shrink: 1; } div.panel-heading.accordion-toggle .panel-title .accordionLink a { font-size: 15px; line-height: 24px; } #mainContentWrap div.panel-heading.accordion-toggle .panel-title .accordionLink a { color: #0053a2; } div.panel-heading.accordion-toggle .panel-title .accordionLink .accordionHeaderDescription { font-size: 14px; line-height: 24px; } div.panel-heading.accordion-toggle .panel-title .accordionIcon, div.panel-heading.accordion-toggle .panel-title .accordionOpener { flex-grow: 0; flex-shrink: 0; } div.panel-heading.accordion-toggle .panel-title .accordionIcon img { margin-right: 24px; } div.panel-heading.accordion-toggle .panel-title .accordionOpener { padding-left: 24px; } div.panel-heading.accordion-toggle .panel-title .accordionOpener i.fa { transition: 0.5s transform; } /*div.panel-heading.accordion-toggle[aria-expanded=true] .panel-title .accordionOpener i.fa { transform: rotateZ(180deg); }*/ div.panel-heading.accordion-toggle:not(.collapsed) .panel-title .accordionOpener i.fa { transform: rotateZ(180deg); } .panel-group.accordionContainer .panel+.panel { margin-top: 0; } .panel-group.accordionContainer .panel { border: none; border-bottom: 1px solid #E5E5E5; } .panel-group.accordionContainer .panel:last-child { border: none; } /* Accordion Quick Fix End */ /* MASK Podcast Groups */ .horebPodcastGroups {} .horebPodcastGroups .podcastBlocksWrap { margin-left: -32px; margin-right: -32px; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap { float: left; width: 33.33333333%; padding: 32px; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupInnerWrap { max-width: 352px; } .horebPodcastGroups .podcastBlocksWrap:after { content:''; display: block; clear: both; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupImage { max-height: 216px; overflow: hidden; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupImage img { width: 100%; height: auto; max-width: 352px; } .horebPodcastGroups .podcastBlocksWrap .feedWrap { position: relative; text-align:right; } .horebPodcastGroups .podcastBlocksWrap .feedWrap .feedLabel { position: relative; font-weight: 600; padding-right: 80px; text-align: right; } .horebPodcastGroups .podcastBlocksWrap .feedWrap .feedRss, .horebPodcastGroups .podcastBlocksWrap .feedWrap .feedItPc { width: 24px; height: 24px; position: absolute; top: 0; } .horebPodcastGroups .podcastBlocksWrap .feedWrap .feedRss { right: 0; } .horebPodcastGroups .podcastBlocksWrap .feedWrap .feedItPc { right: 40px; } .horebPodcastGroups .podcastBlocksWrap .feedWrap .inactiveFeed { opacity: 0.5; } .horebPodcastGroups .podcastBlocksWrap > .row > .col-md-4:nth-child(3n+1) { clear: left; } /* MASK Podcast Groups End */ /* SICOR Podcast List */ .singlePodcastWrap { padding: 16px; border-bottom: 1px solid #e5e5e5; position: relative; } .singlePodcastWrap .singlePodcastTitle { font-weight: 600; } .singlePodcastWrap .podcastPlayer { display: none; } .singlePodcastInfos { padding-right: 112px; } .singlePodcastDescription { } .singlePodcastDescriptionLong { display:none; padding-bottom:1px; } .singlePodcastButtons .playButton, .singlePodcastButtons .downloadButton, .singlePodcastButtons .shareButton, .singlePodcastButtons .infoButton { position: absolute; width: 24px; height: 24px; top: 16px; } .singlePodcastButtons .infoButton { right: 96px; } .singlePodcastButtons .playButton { right: 71px; } .singlePodcastButtons .downloadButton { right: 46px; } .singlePodcastButtons .shareButton { right: 16px; } .singlePodcastButtons .shareButton .shareLinks { position: absolute; width: 170px; height: 52px; right: -20px; top: -67px; padding: 10px; } .singlePodcastButtons .shareButton .shareLinks { border: 2px solid #ad9b59; border-radius: 10px; background: white; display: none; } .singlePodcastButtons .shareButton .shareLinks:after { border: 10px solid transparent; border-top-color: #ad9b59; width: 0; height: 0; position: absolute; content: ''; right: 18px; bottom: -20px; } .singlePodcastButtons .shareButton .shareLinks > div { float: left; } .singlePodcastButtons .shareButton .shareLinks > div:not(:first-child) { padding-left: 8px; } .singlePodcastButtons .shareButton.active .shareLinks { display: block; } .singlePodcastYoutube { margin-top:10px; } .singlePodcastInfo { margin-top:10px; } .singlePodcastInfoLong { margin-top:10px;display:none; padding-bottom:1px; } /* SICOR Podcast List End */ /* Boradcasts Share Button */ .broadcastList .shareIcon { position: relative; color: #ad9b59; font-weight: 600; cursor: pointer; } .broadcastList .shareIcon .shareLinks { position: absolute; width: 170px; height: 52px; right: 0; top: -67px; padding: 10px; border: 2px solid #ad9b59; border-radius: 10px; background: white; display: none; } .broadcastList .shareIcon .shareLinks:after { border: 10px solid transparent; border-top-color: #ad9b59; width: 0; height: 0; position: absolute; content: ''; right: 50px; bottom: -20px; } .broadcastList .shareIcon .shareLinks > div { float: left; } .broadcastList .shareIcon .shareLinks > div:not(:first-child) { padding-left: 8px; } .broadcastList .shareIcon .shareLinks .WhatsAppButton img, .shareButton .shareLinks .WhatsAppButton img { width: 25px; height: 30px; } .broadcastList .shareIcon.active .shareLinks { display: block; } /* MASK MediaFotoGallery (mfg) */ .tx_mask_mediaFotoGalerie { } .tx_mask_mediaFotoGalerie div.frame > .contentWrap { padding-top: 0; padding-bottom: 8px; } ul.mfgGalleries { padding-left: 0; margin-bottom: 0; } ul.mfgGalleries:after { content:''; display: block; clear: both; } ul.mfgGalleries li { margin-top: -24px; margin-bottom: 64px; } ul.mfgGalleries li:first-child { margin-top: 0; } ul.mfgGalleries li:last-child { margin-bottom: 0; } ul.mfgGalleries li.mfgTwoImages { display: flex; justify-content: space-between; } ul.mfgGalleries li.mfgTwoImages > div { flex-shrink: 1; } ul.mfgGalleries li.mfgTwoImages div:first-child { margin-right: 32px; } ul.mfgGalleries li.mfgTwoImages div:last-child { margin-left: 32px; } ul.mfgGalleries li:last-child > div { margin-bottom: -24px; } #mainContentWrap > div.frame .tx_mask_mediaFotoGalerie.no-lines { padding:0; } #mainContentWrap > div.frame .tx_mask_mediaFotoGalerie.no-lines .contentWrap { padding:0; } #mainContentWrap > div.frame .tx_mask_mediaFotoGalerie.no-lines .mfgGalleries { padding:0; } .mfgGalleryWrap { position:relative; } .mfgGalleryWrap::after { content:""; width:100%; height:100%; top:0; left:0; position:absolute; background:url('../Images/kamera_icon.svg') no-repeat center center; background-size:30% 30%; pointer-events: none; } /* MASK MediaFotoGallery (mfg) End */ /* FELogin */ .tx-felogin-pi1 form label { display: block; margin-bottom: 4px; } /* FELogin End */ .horebMultiRow { margin-left: -32px; margin-right: -32px; } .horebMultiRow:after { content:''; display: block; clear: both; } .horebMultiCol { padding: 0 32px; } .sharePodcasts { height: 32px; margin-top: 44px; margin-bottom: 38px; } .sharePodcasts .sharePodcastsText { padding: 8px 8px 8px 0; font-weight: 600; } .sharePodcasts .socialShareLink { padding-left: 8px; } .podcastListWrap .podcastListBlock { display: none; } .podcastListWrap .podcastListBlock.active { display: block; } /*ul.f3-widget-paginator { margin-bottom: 0; padding-left: 0; }*/ .podcast .f3-widget-paginator li { float: left; margin-right: 16px; } .podcast .f3-widget-paginator li:last-child { margin-right: 0; } .podcastDetail .singlePodcastWrap { border: none; } .podcastDetail .audioPlayer { margin-top: 25px; } .frame-gridelement-two-columns.frame-gridelement-columnType-contentSidebar .horebMultiRow { display: flex; } .frame-gridelement-two-columns.frame-gridelement-columnType-contentSidebar .horebMultiRow:after { content:''; display: block; clear: both; } .frame-gridelement-two-columns.frame-gridelement-columnType-contentSidebar .contentLikeBlock { float: left; max-width: 832px; min-width: 640px; width: 100%; } .frame-gridelement-two-columns.frame-gridelement-columnType-contentSidebar .sidebarLikeBlock { margin-top: 64px; overflow: hidden; max-width: 416px; min-width: 320px; width: calc(100% - 832px); } /* This one line is here for easy changes, instead of Extension-CSS-File */ .broadcastWrap .broadcastAnchor { position: relative; top: -110px; visibility: hidden; } .ce-above .ce-gallery { margin-bottom: 32px; } .ce-above.hasNoText .ce-gallery { margin-bottom: 0; } /*.frame[class*="frame-type-"] > .contentWrap > header:first-child { margin-top: 32px; } .panel-collapse .frame[class*="frame-type-"] > .contentWrap > header:first-child { margin-top: 0; } .panel-collapse .frame[class*="frame-type-"]:first-child > .contentWrap > header:first-child > * { margin-top: 0; }*/ div.frame div.ce-left.ce-intext .ce-gallery { margin: 0 32px 32px 0; } div.frame div.ce-right.ce-intext .ce-gallery { margin: 0 0 32px 32px; } div.frame div.ce-below .ce-gallery { margin-top: 32px; } div.frame .ce-textpic.hasNoText .ce-gallery { margin: 0; } .ce-textpic p:last-child { margin-bottom: 0; } .ce-textpic figcaption p:last-child { margin-bottom: 16px; } .panel-collapse .panel-body { /*padding: 32px 16px;*/ padding: 16px; } #breadcrumb { padding-bottom: 8px; } /* Default top and bottom space of content elements */ #mainContentWrap > div.frame .contentWrap { padding-top: 32px; padding-bottom: 32px; } #mainContentWrap > div.frame.frame-type-shortcut > .contentWrap { padding: 0; } /* No top/bottom space if header is loaded by other element (e.g. accordion container) */ #mainContentWrap > div.frame div.frame.frame-type-onlyHeader .contentWrap { padding: 0; } /* No top/bottom space on first/last accordion-content */ #mainContentWrap > div.frame .panel-body > div.frame:first-child > .contentWrap { padding-top: 0; } #mainContentWrap > div.frame .panel-body > div.frame:last-child > .contentWrap { padding-bottom: 0; } /* No top/bottom space on first/last element per column */ #mainContentWrap div.frame-type-gridelement .horebMultiCol > div.frame:first-child > .contentWrap { padding-top: 0; } #mainContentWrap div.frame-type-gridelement .horebMultiCol > div.frame:last-child > .contentWrap { padding-bottom: 0; } /* sidebarLikeBlock correct padding and border */ #mainContentWrap div.frame-type-gridelement .sidebarLikeBlock.horebMultiCol div.frame:not(.frame-type-shortcut) > .contentWrap, #mainContentWrap div.frame-type-gridelement .sidebarLikeBlock.horebMultiCol div.frame-type-shortcut > .contentWrap div.frame:not(.frame-type-shortcut) > .contentWrap { padding: 24px; border: 1px solid #ad9b59; border-image-source: linear-gradient(71deg, #ad9345, #d3c992 25%, #b5914a 55%, #b89e5a 75%, #ccbb78); border-image-slice: 1; } .sidebarLikeBlock h3 { font-size: 16px; line-height: 24px; color: rgba(0,0,0,0.6); margin: 0 0 8px 0; } .sidebarLikeBlock .resultText { display: none; } .panel-group.accordionContainer { margin-bottom: 0; } .frame.frame-type-textpic.hasNoText header > * { margin-bottom: 0; } .frame-zitat .ce-textpic, .frame-zitat .ce-textmedia { padding: 16px; } .frame.frame-zitat .contentWrap .zitatWrap { border-width: 1px 0; border-style: solid; border-color: #ad9b59; } .frame.frame-zitat .contentWrap .zitatWrap { border-image: linear-gradient(90deg, #ad9345, #d3c992 25%, #b5914a 55%, #b89e5a 75%, #ccbb78) 1; } .frame.frame-zitat .contentWrap .zitatWrap .ce-bodytext { flex-basis: 50%; } .frame.frame-zitat .contentWrap .zitatWrap img { max-width: 336px; } .frame .contentWrap > header:first-child { margin-top: 0; } .frame .contentWrap > header:first-child > * { margin-top: 0; } .frame .contentWrap > header:last-child { margin-bottom: 0; } .frame .contentWrap > header:last-child > * { margin-bottom: 0; } .frame .contentWrap > div > div.ce-bodytext > header { margin-top: 0; } .frame .contentWrap > div > div.ce-bodytext > header > * { margin-top: 0; } /* #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-images="1"] .ce-row > .ce-column { max-height: 400px; overflow: hidden; } #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-images="1"] .ce-row > .ce-column img { max-width: 100%; width: 768px; height: auto; } #mainContentWrap .frame-zitat .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-images="1"] .ce-row > .ce-column { max-height: 240px; overflow: hidden; } #mainContentWrap .frame-zitat .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-images="1"] .ce-row > .ce-column img { max-width: 100%; width: 336px; height: auto; } #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-images="2"] .ce-row > .ce-column { max-height: 242px; overflow: hidden; } #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-images="2"] .ce-row > .ce-column img { max-width: 100%; width: 352px; height: auto; } #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-images="2"][data-ce-columns="1"] .ce-row > .ce-column { max-height: 400px; overflow: hidden; } #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-images="2"][data-ce-columns="1"] .ce-row > .ce-column img { max-width: 100%; width: 768px; height: auto; } */ #mainContentWrap .contentWrap .ce-gallery .ce-row > .ce-column figcaption {width:100% } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery .ce-row {display:flex; margin-bottom:16px;} #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery .ce-row > .ce-column {margin-right:16px; } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery figcaption {width:100%;} #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery figure {height:100%; display:flex; flex-direction:column;justify-content:space-between; } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-columns="2"] .ce-row > .ce-column { width:50% } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-columns="3"] .ce-row > .ce-column { width:33.33% } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-columns="4"] .ce-row > .ce-column { width:25% } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-columns="5"] .ce-row > .ce-column { width:20% } .liveVideoPlayer { width: 100%; max-height: 433px; } select { border-radius: 3px; border: solid 1px #cdd1d7; padding:5px 16px 5px 8px; -webkit-appearance: none; -moz-appearance: none; background: url(../Images/select-arrow.svg) no-repeat right 4px center; } select::-ms-expand { display: none; } #subPageMenu { background-color: #e3ded3; position: relative; border-bottom: 2px solid #FFF; } #subPageMenu a { color: #ad9b59; font-weight: 600; } #subPageMenu .contentList > div { padding: 8px 0; } #subPageMenu:before { content:''; display: block; width: 32px; height: 100%; position: absolute; left: -32px; top: 0; border-bottom: 2px solid #FFF; background-color: #e3ded3; } #subPageMenu:after { content:''; display: block; width: 200%; height: 100%; position: absolute; left: 100%; top: 0; border-bottom: 2px solid #FFF; z-index: 1; background-color: #e3ded3; } #subPageMenu:before { height: calc(100% + 2px); } #subPageMenu:after { height: calc(100% + 2px); width: 100vw; } #sidebarPrayers { background-color: #e3ded3; position: relative; border-bottom: 2px solid #FFF; } #sidebarPrayers a { color: #ad9b59; font-weight: 600; } #sidebarPrayers .prayerList > div { padding: 8px 0; } #sidebarPrayers .prayerList > div.active { margin-left: -32px; padding-left: 32px; color: rgba(0,0,0,0.6); background-image: linear-gradient(to right, #d3cab7, #e3ded3); position: relative; } #sidebarPrayers:before { content:''; display: block; width: 32px; height: 100%; position: absolute; left: -32px; top: 0; border-bottom: 2px solid #FFF; background-color: #e3ded3; } #sidebarPrayers:after { content:''; display: block; width: 200%; height: 100%; position: absolute; left: 100%; top: 0; border-bottom: 2px solid #FFF; z-index: 1; background-color: #e3ded3; } #sidebarPrayers:before { height: calc(100% + 2px); } #sidebarPrayers:after { height: calc(100% + 2px); width: 100vw; } .frame-ruler-before::before { margin-bottom: 0; } .frame-ruler-after::after { margin-top: 0; } /* mobile menu fix for "position: fixed" */ #mobileMenu { height: 100vh; /* Fallback */ } #mobileMenu { height: calc(100vh - 72px); overflow-y: scroll; } .frame.frame-space-before-space16 { margin-top: 16px; } .frame.frame-space-before-space32 { margin-top: 32px; } .frame.frame-space-before-space56 { margin-top: 56px; } .frame.frame-space-before-space64 { margin-top: 64px; } .frame.frame-space-after-space16 { margin-bottom: 16px; } .frame.frame-space-after-space32 { margin-bottom: 32px; } .frame.frame-space-after-space56 { margin-bottom: 56px; } .frame.frame-space-after-space64 { margin-bottom: 64px; } .mobileMenuSocialIcon img[src$='.svg'] { width: 32px; } input.hasDatepicker { background: url(../Images/kalender.svg) no-repeat right 8px center; } /* jQueryUI datepicker */ #ui-datepicker-div { border: none; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); padding: 0; width: 268px; border-radius: 0; } #ui-datepicker-div .ui-datepicker-header { background: #0053a2; padding: 8px 0; color: #FFFFFF; line-height: 24px; border-radius: 0; } #ui-datepicker-div .ui-datepicker-header .ui-icon { width: 24px; height: 24px; background: url(../Images/caret-white.svg); } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { line-height: 24px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { top: 0; height: 40px; padding: 8px 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev { left: 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { right: 0; } #ui-datepicker-div .ui-datepicker-header .ui-state-hover { background: none; border: none; cursor: pointer; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span { left: 0; top: 0; position: relative; margin: 0; } #ui-datepicker-div .ui-datepicker-calendar { margin: 4px; font-size: 14px; line-height: 20px; width: 260px; } #ui-datepicker-div .ui-datepicker-calendar th { padding: 1px 0 7px; } #ui-datepicker-div .ui-datepicker-calendar tbody td { padding: 2px; width: 34px; } #ui-datepicker-div .ui-datepicker-calendar tbody td:first-child { padding-left: 0; } #ui-datepicker-div .ui-datepicker-calendar tbody td:last-child { padding-right: 0; } #ui-datepicker-div .ui-datepicker-calendar tbody td a { border: none; background: none; text-align: center; padding: 0; } #ui-datepicker-div .ui-datepicker-calendar tbody td.ui-datepicker-today a { background: #0053a2; border-radius: 31px; display: block; color: #FFFFFF; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon { -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } /* jQueryUI datepicker End */ /* If ever needed: .frame-ruler-after::after { content: ''; display: block; height:1px; width: 100%; border-bottom: 0 solid transparent; background-image: linear-gradient(90deg, #ad9345, #d3c992 25%, #b5914a 55%, #b89e5a 75%, #ccbb78); margin-top: 32px; float:left; } */ /* Page Overlay */ #pageOverlay { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: #000; z-index: 102; opacity: 0; display: none; } /* Page Overlay END*/ /* HeaderSlider Parallax */ #headerSlider.parallax { } #headerSlider.parallax #headerSliderWrap { position: fixed; z-index: 0; max-height: 502px; overflow: hidden; } #content { background-color: #FFF; } #startHeader { position: relative; background-color: #FFF; } #startFooter { position: relative; } #footer { position: relative; } #headerSlider .headerSliderOverlay { position: absolute; width: 100%; height: 100%; pointer-events: none; display: none; } /* HeaderSlider Parallax End */ /* Donation Icon */ #header .donationIcon { position: absolute; top: 10px; right: 44px; } /* Donation Icon End */ /* IE+oldFF image max width fix */ .ce-gallery > .ce-outer { max-width: 100%; } .ce-gallery > .ce-outer > .ce-inner { max-width: 100%; } .ce-gallery > .ce-outer > .ce-inner > .ce-row { max-width: 100%; } .ce-gallery > .ce-outer > .ce-inner > .ce-row > .ce-column { max-width: 100%; } .ce-gallery > .ce-outer > .ce-inner > .ce-row > .ce-column > figure { /*display: block;*/ } /* IE+oldFF image max width fix End */ /* Disable overflow hidden to use ce-left and ce-right */ .ce-left .ce-gallery + .ce-bodytext, .ce-right .ce-gallery + .ce-bodytext { overflow: visible; } /* Disable overflow hidden to use ce-left and ce-right End */ /* SVG blocks */ object[type="image/svg+xml"] { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; } object[type="image/svg+xml"] { pointer-events: none; } #logo .isNotSmall, #logo .isSmall { display: block; } #logo img { max-height: 56px; width: auto; } /* SVG blocks end */ /* cookie consent */ .cc_container .cc_message { color: rgba(0,0,0,0.6); } .cc_container a.cc_btn, .cc_container a.cc_btn:visited, .cc_container a.cc_btn:hover, .cc_container a.cc_btn:active { background-color: #ede8dd; color: #ad9b59; font-weight: 600; } .cc_more_info { color: #ad9b59; text-decoration: none; padding-left: 16px; font-size: 14px; padding-top: 5px; padding-bottom: 4px; position: relative; } .cc_more_info:before { content:''; display: block; width: 12px; height: 24px; position: absolute; top: 3px; left: 0; background: url('/typo3conf/ext/horeb/Resources/Public/Images/footer_content/link-pfeil.svg') no-repeat left center; } a.cc_more_info, a.cc_more_info:link, a.cc_more_info:active, a.cc_more_info:visited { color: #ad9b59 !important; font-weight: 600; } .onlyNonMobile { display: inherit; } .onlyNonMobile { display: unset; } .onlyMobile { display: none; } @media (max-width: 1247px) { #mainSideBar { max-width: 274px; } } @media (max-width: 1039px) { #logo a.isNotSmall { display: none; } #logo a.isSmall { display: block; } } @media (max-width: 959px) { .container-horeb { width: 100%; min-width: 0; } .contentWrap { padding-top: 16px; padding-bottom: 16px; } #startHeader { padding-bottom: 8px; } #startHeader .startHeaderItem { width: 50%; } #startHeader .startHeaderItem .startHeaderTextWrap { padding: 40px 16px; } #startHeader .startHeaderItem:first-child .startHeaderTextWrap { padding-left: 48px; } #startHeader .startHeaderItem:last-child .startHeaderTextWrap { padding-right: 48px; } #startHeader .startHeaderItem .startHeaderTextWrap .textHeader { width: 100%; } #startHeader .startHeaderItem .startHeaderImage { display: none; } #breadcrumb { padding-top: 16px; } #allContentWrap { display: block; } #mainContentWrap { float: none; max-width: 100%; margin-right: 0; min-width: 0; } #mainContentWrap { padding-bottom: 0; } #mainSideBar { max-width: 100%; min-width: 0; } #mainContentWrap { padding-left: 16px; padding-right: 16px; } #mainSideBar { padding-left: 0; padding-right: 0; padding-bottom: 42px; } #headerSlider .headersliderImageText { max-width: 100%; } #headerSlider .headersliderImageText .posx { max-width: 80%; } #headerSlider .headersliderImageText .posx-left { max-width: 96%; } #headerSlider .headersliderImageText .posx-mid { max-width: 80%; } #headerSlider .headersliderImageText .posx-midright { max-width: 80%; } #headerSlider .headersliderImageText .posx-right { max-width: 96%; } #headerSlider .headersliderImageText .textElement > span { font-size: 30px; line-height: 1.6; padding: 3px 10px; } #headerSlider .headersliderImageText .textElement > span.fonts-xsmall { font-size: 14px; } #headerSlider .headersliderImageText .textElement > span.fonts-small { font-size: 18px; } #headerSlider .headersliderImageText .textElement > span.fonts-smaller { font-size: 20px; } #headerSlider .headersliderImageText .textElement > span.fonts-def { font-size: 24px; } #headerSlider .headersliderImageText .textElement > span.fonts-large { font-size: 35px; } #headerSlider .headersliderImageText .textElement > span.fonts-large { font-size: 38px; } #headerSlider .headersliderImageText .textElement > span.fonts-xlarge { font-size: 44px; line-height:1.2; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span { font-size: 14px; line-height: 1.6; padding: 3px 10px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-xsmall { font-size: 11px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-small { font-size: 12px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-def { font-size: 18px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-larger { font-size: 20px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-large { font-size: 24px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-xlarge { font-size: 32px; line-height:1.2; } #mobileStream { display: block; } #mainContentWrap > div.frame .contentWrap { padding-top: 16px; padding-bottom: 16px; } .frame-gridelement-two-columns .horebMultiCol { padding-bottom: 0; } .tx_mask_horebHighlights .hhInformationBlock .hhFlexSliderWrap { display: none; } .frame-zitat .ce-textpic .ce-gallery { display: none; } .tx_mask_othersAboutUs .oauOpinionWrap .oauOpinion .opinionTextWrap { width: 100%; } .tx_mask_othersAboutUs .oauOpinionWrap .oauOpinion .opinionImageWrap { display: none; } .news .rowHoreb { margin-left: -16px; margin-right: -16px; } .newsTileWrap { padding-top: 32px; padding-left: 16px; padding-right: 16px; width: 50%; } /* Allow images in "zitat" frames to shrink */ .frame-zitat .ce-textpic .ce-gallery { flex-shrink: 1; } .horebPodcastGroups .podcastBlocksWrap { margin-left: -16px; margin-right: -16px; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap { float: left; width: 50%; padding: 16px 16px 24px 16px; } /* News Images */ .news.news-single .article .news-img-wrap { float: none; width: auto; margin: 0 -16px 0 -16px; } .news.news-single .article .news-img-wrap .outer { max-width: 768px; padding: 32px; } .news.news-single .article .news-img-wrap.multipleImages .outer { float: left; max-width: 414px; } .news.news-single .article .news-img-wrap .outer .mediaelement-image { max-height: 400px; overflow: hidden; } .news.news-single .article .news-img-wrap.multipleImages .outer .mediaelement-image { max-height: 242px; overflow: hidden; } .news.news-single .article .news-img-wrap .outer .mediaelement-image a { float: none; padding: 0; border: none; background: none; } /* News Images END*/ #footerBar .container-horeb { padding: 0 16px; } #footerLower .rowHoreb { margin-left: -16px; margin-right: -16px; } #footerLower .container-horeb { padding: 0 16px; } #footerLower .container-horeb .footerDiv { max-width: none; width: 50%; padding: 0 16px; } #footerLower .container-horeb #footerDescription { padding-right: 8px; } #footerLower .container-horeb #footerCenterWrap { padding-left: 8px; } #footerLower .container-horeb #footerNewsletter { clear: left; float: none; width: 100%; } .frame-gridelement-two-columns.frame-gridelement-columnType-contentSidebar .horebMultiRow { display: block; } .frame-gridelement-two-columns.frame-gridelement-columnType-contentSidebar .contentLikeBlock { float: none; max-width: none; min-width: 0; width: 100%; padding-bottom: 16px; } .frame-gridelement-two-columns.frame-gridelement-columnType-contentSidebar .sidebarLikeBlock { margin-top: 16px; max-width: none; min-width: 0; width: 100%; padding-bottom: 0; } } /* Horeb Media Query for Tablets ( 576px - 959px ) (BV: no need to respect scrollbar width on touch devices) */ @media (min-width: 576px) and (max-width: 959px) { #startFooter .fiveCols { width: 50%; } #footerStartTextBlock { float: left; width: 50%; padding: 0 15px; clear: none; } #footerStartTextMobile { display: block; } } @media (max-width: 777px) { #header .donationIcon { display: none; } #mobileMenuOpener { display: block; } /*#mobileMenu { display: block; }*/ #headerAudio { display: none; } #headerRight ul.menu { display: none; } #headerPlaceholder { height: 78px; } #logoMobile { display: block; } #logo { display: none; } } @media (max-width: 767px) { .container-horeb { width: 100%; } .container-horeb.openContainer #mainContentWrap { width: 100%; } .container-horeb.openContainer #mainSideBar { width: calc(100%); } .container-horeb.openContainer #mainSideBar .sidebarContent div.frame .contentWrap { /*padding-left: 32px;*/ /*padding-right: 32px;*/ } .container-horeb.openContainer #mainSideBar .sidebarContent div.frame:last-child .contentWrap { border-bottom-width: 0; } .onlyNonMobile { display: inherit; } .onlyNonMobile { display: unset; } .onlyMobile { display: block; } } /* Horeb Media Query for Mobile ( 320px - 575px ) (BV: no need to respect scrollbar width on touch devices) */ @media (max-width: 575px) { h1 { margin-bottom: 16px; } .ce-bodytext h1, .ce-bodytext h2, .ce-bodytext h3, .ce-bodytext h4 { margin-top: 0; } #mainContentWrap { padding-bottom: 0; } #mainContentWrap > div.frame .contentWrap { padding-top: 16px; padding-bottom: 16px; } #mainSideBar { padding-bottom: 40px; } #mainSideBar .sidebarContent { padding: 0 32px; } .container-horeb.openContainer #mainSideBar .sidebarContent div.frame .contentWrap { padding: 32px 0 24px; } #mainSideBar .sidebarContent > div.frame:last-child { border: none; padding-bottom: 2px; } #mainSideBar .sidebarContent > div.frame:last-child:before { display: none; } #mainSideBar .sidebarContent > div.frame:last-child:after { display: none; } .horebMultiCol { padding-bottom: 16px; } .contentWrap { padding-top: 16px; padding-bottom: 16px; } #startHeader #startHeaderInner .container-horeb .rowHoreb { margin-left: 0; margin-right: 0; } #startHeader .startHeaderItem:first-child .startHeaderTextWrap { padding: 40px 16px; } #startHeader .startHeaderItem:last-child .startHeaderTextWrap { padding: 40px 16px; } #startFooter .fiveCols { display: none; } #startFooter .smallUnderline { margin-bottom: 24px; } #footerStartTextBlock { padding-top: 0; } #footerStartTextMobile { display: block; } #startHeader .startHeaderItem { width: 100%; } #startHeader .startHeaderItem:first-child { border-right: none; border-bottom: 1px solid #dfe5ed; } #startHeader .startHeaderItem:last-child { border-left: none; } #startHeader .startHeaderItem .startHeaderTextWrap { padding: 40px 16px; } #headerSlider .headersliderImageText { max-width: 100%; } #headerSlider .headersliderImageText .posx { left:1%; max-width: 98%; } #headerSlider .headersliderImageText .posx-left { left:1%; max-width: 98%; } #headerSlider .headersliderImageText .posx-mid { max-width: 98%; left:50%; } #headerSlider .headersliderImageText .posx-midright { left:99%; max-width: 98%; } #headerSlider .headersliderImageText .posx-right { left:99%; max-width: 98%; } #headerSlider .headersliderImageText .textElement > span { font-size: 14px; line-height:22px; padding: 1px 5px; } #headerSlider .headersliderImageText .textElement > span.fonts-xsmall { font-size: 11px; line-height:16px; } #headerSlider .headersliderImageText .textElement > span.fonts-small { font-size: 12px; line-height:20px; } #headerSlider .headersliderImageText .textElement > span.fonts-smaller { font-size: 12px; line-height:20px; } #headerSlider .headersliderImageText .textElement > span.fonts-def { font-size: 14px; line-height:22px; } #headerSlider .headersliderImageText .textElement > span.fonts-larger { font-size: 15px; line-height:23px; } #headerSlider .headersliderImageText .textElement > span.fonts-large { font-size: 16px; line-height:24px; } #headerSlider .headersliderImageText .textElement > span.fonts-xlarge { font-size: 18px; line-height:24px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span { font-size: 12px; line-height:20px; padding: 2px 5px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-xsmall { font-size: 10px; line-height:16px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-small { font-size: 10px; line-height:18px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-def { font-size: 12px; line-height:20px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-larger { font-size: 12px; line-height:20px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-large { font-size: 14px; line-height:22px; } #headerSlider .headersliderImageText .imageSubTitle .textElement > span.fonts-xlarge { font-size: 18px; line-height:22px; } #headerSlider .headersliderImageText.posy-bottom { padding-bottom:3px; } #headerSlider .headersliderImageText .textElement { line-height:1 } .newsTileWrap { width: 100%; padding-top: 16px; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap { float: none; width: 100%; } .tx-sic-program-horeb .searchAndShop div.programSearch .searchText { display: none; } .tx-sic-program-horeb .searchAndShop div.programSearch select { position: relative; top: -3px; width: 32px; padding-left: 32px; border: none; background: url(../Images/icon-select-dropdown.png) no-repeat; } #footerLower { padding-top: 40px; padding-bottom: 0; } #footerLower .container-horeb .footerDiv { width: 100%; padding: 0 16px 32px; float: none; } #footerLower .container-horeb #footerDescription { padding-right: 16px; } #footerLower .container-horeb #footerCenterWrap { padding-left: 16px; } /* #footerlower flex version */ #footerLower .container-horeb .rowHoreb { display: flex; flex-direction: column-reverse; } #footerLower .container-horeb #footerNewsletter { order: 3; } #footerLower .container-horeb #footerCenterWrap { order: 2; } #footerLower .container-horeb #footerDescription { order: 1; } /* #footerlower flex version END */ .frame-gridelement-two-columns.frame-gridelement-columnType-contentSidebar .sidebarLikeBlock { margin-top: 16px; } #mainContentWrap div.frame-type-gridelement .horebMultiCol { padding-bottom: 16px; } #mainContentWrap div.frame-type-gridelement .horebMultiCol:last-child { padding-bottom: 0; } /* News Image Gallery */ #mainContentWrap .news.news-single .article .frame .ce-gallery[data-ce-columns='2']:not([data-ce-images='1']) .ce-column { width: 352px; max-width: 100%; margin-left: auto; margin-right: auto; float: none; } } /* startNewsItem and podcastBlock MediaQueries */ @media (min-width: 960px) { .newsTileWrap.newsModulo0, .newsTileWrap.newsModulo3 { clear: left; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo0, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo3 { clear: left; } } @media (max-width: 959px) and (min-width: 576px) { .newsTileWrap.newsModulo1, .newsTileWrap.newsModulo3, .newsTileWrap.newsModulo5 { clear: none; } .newsTileWrap.newsModulo0, .newsTileWrap.newsModulo2, .newsTileWrap.newsModulo4 { clear: left; } .newsTileWrap.newsModulo0 .newsTile, .newsTileWrap.newsModulo2 .newsTile, .newsTileWrap.newsModulo4 .newsTile { margin-left: auto; } .newsTileWrap.newsModulo1 .newsTile, .newsTileWrap.newsModulo3 .newsTile, .newsTileWrap.newsModulo5 .newsTile { margin-right: auto; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo3 { clear: none; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo0, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo2, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo4 { clear: left; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo0 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo2 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo4 .podcastGroupInnerWrap { margin-left: auto; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo1 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo3 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo5 .podcastGroupInnerWrap { margin-right: auto; } } @media (max-width: 575px) { #headerSlider .headersliderImageText { /*display: none;*/ } #headerSlider .flex-control-nav.flex-control-paging { display: none; } .newsTileWrap.newsModulo0 .newsTile, .newsTileWrap.newsModulo1 .newsTile, .newsTileWrap.newsModulo2 .newsTile, .newsTileWrap.newsModulo3 .newsTile, .newsTileWrap.newsModulo4 .newsTile, .newsTileWrap.newsModulo5 .newsTile { margin-left: auto; margin-right: auto; } .horebMultiRow { margin-left: -16px; margin-right: -16px; } .horebMultiRow .horebMultiCol { padding-left: 16px; padding-right: 16px; } .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo0 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo1 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo2 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo3 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo4 .podcastGroupInnerWrap, .horebPodcastGroups .podcastBlocksWrap .podcastGroupWrap.podcastGroupModulo5 .podcastGroupInnerWrap { margin-left: auto; margin-right: auto; } .ce-left .ce-gallery, .ce-right .ce-gallery { float: none; } /* Correct margin for gallery columns on mobile */ #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery .ce-row > .ce-column { margin: 16px 0; } #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery .ce-row > .ce-column:first-child { margin-top: 0; } #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery .ce-row > .ce-column:last-child { margin-bottom: 0; } #mainContentWrap .contentWrap > div:not(.ce-intext) > .ce-gallery .ce-row > .ce-column figcaption p:last-child { margin-bottom: 0; } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery .ce-row {flex-direction:column; margin-bottom:0;} #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery .ce-row > .ce-column {margin-right:0;margin-bottom:16px; } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-columns="2"] .ce-row > .ce-column { width:100% } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-columns="3"] .ce-row > .ce-column { width:100% } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-columns="4"] .ce-row > .ce-column { width:100% } #mainContentWrap .panel-collapse .contentWrap > div:not(.ce-intext) > .ce-gallery[data-ce-columns="5"] .ce-row > .ce-column { width:100% } .tx-powermail form .powermail_fieldset.layout1 .powermail_fieldwrap_type_input, .tx-powermail form .powermail_fieldset.layout1 .powermail_fieldwrap_type_select { width: 100%; float: none; } } /* Font size of first Day in broadcast list to avoid conflicts with shop */ @media (min-width: 576px) and (max-width: 620px) { .tx-sic-program-horeb .listOfDays .dayWrap h2 { font-size: 18px; } } @media (max-width: 389px) { .tx-sic-program-horeb .listOfDays .dayWrap h2 { font-size: 14px; } } @media (max-width: 315px) { .tx-sic-program-horeb .listOfDays .dayWrap h2 { font-size: 12px; } } /* Hide Header Slider Text when screen width smaller than 1144px */ @media (max-width: 1143px) { #headerSlider .headersliderImageText { /*display: none;*/ } } @media (min-width: 800px) and (max-width:1247px) { .ce-gallery[data-ce-columns='3'] .ce-column:nth-child(2n) { margin-right:0; } .ce-gallery[data-ce-columns='3'] .ce-column:nth-child(3n) { clear:both; } } /*jetzt kommt ein schmarren */ .rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill { position: absolute; border: 0.08em solid #307bbb; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100 { position: relative; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; float: left; margin: 0 0.1em 0.1em 0; background-color: #cccccc; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .c100.center { float: none; margin: 0 auto; } .c100.big { font-size: 240px; } .c100.small { font-size: 80px; } .c100 > span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; border-radius: 50%; background-color: #f5f5f5; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p1 .bar { -webkit-transform: rotate(3.6deg); -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -o-transform: rotate(3.6deg); transform: rotate(3.6deg); } .c100.p2 .bar { -webkit-transform: rotate(7.2deg); -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -o-transform: rotate(7.2deg); transform: rotate(7.2deg); } .c100.p3 .bar { -webkit-transform: rotate(10.8deg); -moz-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); -o-transform: rotate(10.8deg); transform: rotate(10.8deg); } .c100.p4 .bar { -webkit-transform: rotate(14.4deg); -moz-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); -o-transform: rotate(14.4deg); transform: rotate(14.4deg); } .c100.p5 .bar { -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } .c100.p6 .bar { -webkit-transform: rotate(21.6deg); -moz-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); -o-transform: rotate(21.6deg); transform: rotate(21.6deg); } .c100.p7 .bar { -webkit-transform: rotate(25.2deg); -moz-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); -o-transform: rotate(25.2deg); transform: rotate(25.2deg); } .c100.p8 .bar { -webkit-transform: rotate(28.8deg); -moz-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); -o-transform: rotate(28.8deg); transform: rotate(28.8deg); } .c100.p9 .bar { -webkit-transform: rotate(32.4deg); -moz-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); -o-transform: rotate(32.4deg); transform: rotate(32.4deg); } .c100.p10 .bar { -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); } .c100.p11 .bar { -webkit-transform: rotate(39.6deg); -moz-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); -o-transform: rotate(39.6deg); transform: rotate(39.6deg); } .c100.p12 .bar { -webkit-transform: rotate(43.2deg); -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -o-transform: rotate(43.2deg); transform: rotate(43.2deg); } .c100.p13 .bar { -webkit-transform: rotate(46.800000000000004deg); -moz-transform: rotate(46.800000000000004deg); -ms-transform: rotate(46.800000000000004deg); -o-transform: rotate(46.800000000000004deg); transform: rotate(46.800000000000004deg); } .c100.p14 .bar { -webkit-transform: rotate(50.4deg); -moz-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); -o-transform: rotate(50.4deg); transform: rotate(50.4deg); } .c100.p15 .bar { -webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg); } .c100.p16 .bar { -webkit-transform: rotate(57.6deg); -moz-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); -o-transform: rotate(57.6deg); transform: rotate(57.6deg); } .c100.p17 .bar { -webkit-transform: rotate(61.2deg); -moz-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); -o-transform: rotate(61.2deg); transform: rotate(61.2deg); } .c100.p18 .bar { -webkit-transform: rotate(64.8deg); -moz-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); -o-transform: rotate(64.8deg); transform: rotate(64.8deg); } .c100.p19 .bar { -webkit-transform: rotate(68.4deg); -moz-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); -o-transform: rotate(68.4deg); transform: rotate(68.4deg); } .c100.p20 .bar { -webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); } .c100.p21 .bar { -webkit-transform: rotate(75.60000000000001deg); -moz-transform: rotate(75.60000000000001deg); -ms-transform: rotate(75.60000000000001deg); -o-transform: rotate(75.60000000000001deg); transform: rotate(75.60000000000001deg); } .c100.p22 .bar { -webkit-transform: rotate(79.2deg); -moz-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); -o-transform: rotate(79.2deg); transform: rotate(79.2deg); } .c100.p23 .bar { -webkit-transform: rotate(82.8deg); -moz-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); -o-transform: rotate(82.8deg); transform: rotate(82.8deg); } .c100.p24 .bar { -webkit-transform: rotate(86.4deg); -moz-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); -o-transform: rotate(86.4deg); transform: rotate(86.4deg); } .c100.p25 .bar { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .c100.p26 .bar { -webkit-transform: rotate(93.60000000000001deg); -moz-transform: rotate(93.60000000000001deg); -ms-transform: rotate(93.60000000000001deg); -o-transform: rotate(93.60000000000001deg); transform: rotate(93.60000000000001deg); } .c100.p27 .bar { -webkit-transform: rotate(97.2deg); -moz-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); -o-transform: rotate(97.2deg); transform: rotate(97.2deg); } .c100.p28 .bar { -webkit-transform: rotate(100.8deg); -moz-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); -o-transform: rotate(100.8deg); transform: rotate(100.8deg); } .c100.p29 .bar { -webkit-transform: rotate(104.4deg); -moz-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); -o-transform: rotate(104.4deg); transform: rotate(104.4deg); } .c100.p30 .bar { -webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg); } .c100.p31 .bar { -webkit-transform: rotate(111.60000000000001deg); -moz-transform: rotate(111.60000000000001deg); -ms-transform: rotate(111.60000000000001deg); -o-transform: rotate(111.60000000000001deg); transform: rotate(111.60000000000001deg); } .c100.p32 .bar { -webkit-transform: rotate(115.2deg); -moz-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); -o-transform: rotate(115.2deg); transform: rotate(115.2deg); } .c100.p33 .bar { -webkit-transform: rotate(118.8deg); -moz-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); -o-transform: rotate(118.8deg); transform: rotate(118.8deg); } .c100.p34 .bar { -webkit-transform: rotate(122.4deg); -moz-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); -o-transform: rotate(122.4deg); transform: rotate(122.4deg); } .c100.p35 .bar { -webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); -ms-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg); } .c100.p36 .bar { -webkit-transform: rotate(129.6deg); -moz-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); -o-transform: rotate(129.6deg); transform: rotate(129.6deg); } .c100.p37 .bar { -webkit-transform: rotate(133.20000000000002deg); -moz-transform: rotate(133.20000000000002deg); -ms-transform: rotate(133.20000000000002deg); -o-transform: rotate(133.20000000000002deg); transform: rotate(133.20000000000002deg); } .c100.p38 .bar { -webkit-transform: rotate(136.8deg); -moz-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); -o-transform: rotate(136.8deg); transform: rotate(136.8deg); } .c100.p39 .bar { -webkit-transform: rotate(140.4deg); -moz-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); -o-transform: rotate(140.4deg); transform: rotate(140.4deg); } .c100.p40 .bar { -webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg); } .c100.p41 .bar { -webkit-transform: rotate(147.6deg); -moz-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); -o-transform: rotate(147.6deg); transform: rotate(147.6deg); } .c100.p42 .bar { -webkit-transform: rotate(151.20000000000002deg); -moz-transform: rotate(151.20000000000002deg); -ms-transform: rotate(151.20000000000002deg); -o-transform: rotate(151.20000000000002deg); transform: rotate(151.20000000000002deg); } .c100.p43 .bar { -webkit-transform: rotate(154.8deg); -moz-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); -o-transform: rotate(154.8deg); transform: rotate(154.8deg); } .c100.p44 .bar { -webkit-transform: rotate(158.4deg); -moz-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); -o-transform: rotate(158.4deg); transform: rotate(158.4deg); } .c100.p45 .bar { -webkit-transform: rotate(162deg); -moz-transform: rotate(162deg); -ms-transform: rotate(162deg); -o-transform: rotate(162deg); transform: rotate(162deg); } .c100.p46 .bar { -webkit-transform: rotate(165.6deg); -moz-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); -o-transform: rotate(165.6deg); transform: rotate(165.6deg); } .c100.p47 .bar { -webkit-transform: rotate(169.20000000000002deg); -moz-transform: rotate(169.20000000000002deg); -ms-transform: rotate(169.20000000000002deg); -o-transform: rotate(169.20000000000002deg); transform: rotate(169.20000000000002deg); } .c100.p48 .bar { -webkit-transform: rotate(172.8deg); -moz-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); -o-transform: rotate(172.8deg); transform: rotate(172.8deg); } .c100.p49 .bar { -webkit-transform: rotate(176.4deg); -moz-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); -o-transform: rotate(176.4deg); transform: rotate(176.4deg); } .c100.p50 .bar { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p51 .bar { -webkit-transform: rotate(183.6deg); -moz-transform: rotate(183.6deg); -ms-transform: rotate(183.6deg); -o-transform: rotate(183.6deg); transform: rotate(183.6deg); } .c100.p52 .bar { -webkit-transform: rotate(187.20000000000002deg); -moz-transform: rotate(187.20000000000002deg); -ms-transform: rotate(187.20000000000002deg); -o-transform: rotate(187.20000000000002deg); transform: rotate(187.20000000000002deg); } .c100.p53 .bar { -webkit-transform: rotate(190.8deg); -moz-transform: rotate(190.8deg); -ms-transform: rotate(190.8deg); -o-transform: rotate(190.8deg); transform: rotate(190.8deg); } .c100.p54 .bar { -webkit-transform: rotate(194.4deg); -moz-transform: rotate(194.4deg); -ms-transform: rotate(194.4deg); -o-transform: rotate(194.4deg); transform: rotate(194.4deg); } .c100.p55 .bar { -webkit-transform: rotate(198deg); -moz-transform: rotate(198deg); -ms-transform: rotate(198deg); -o-transform: rotate(198deg); transform: rotate(198deg); } .c100.p56 .bar { -webkit-transform: rotate(201.6deg); -moz-transform: rotate(201.6deg); -ms-transform: rotate(201.6deg); -o-transform: rotate(201.6deg); transform: rotate(201.6deg); } .c100.p57 .bar { -webkit-transform: rotate(205.20000000000002deg); -moz-transform: rotate(205.20000000000002deg); -ms-transform: rotate(205.20000000000002deg); -o-transform: rotate(205.20000000000002deg); transform: rotate(205.20000000000002deg); } .c100.p58 .bar { -webkit-transform: rotate(208.8deg); -moz-transform: rotate(208.8deg); -ms-transform: rotate(208.8deg); -o-transform: rotate(208.8deg); transform: rotate(208.8deg); } .c100.p59 .bar { -webkit-transform: rotate(212.4deg); -moz-transform: rotate(212.4deg); -ms-transform: rotate(212.4deg); -o-transform: rotate(212.4deg); transform: rotate(212.4deg); } .c100.p60 .bar { -webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg); } .c100.p61 .bar { -webkit-transform: rotate(219.6deg); -moz-transform: rotate(219.6deg); -ms-transform: rotate(219.6deg); -o-transform: rotate(219.6deg); transform: rotate(219.6deg); } .c100.p62 .bar { -webkit-transform: rotate(223.20000000000002deg); -moz-transform: rotate(223.20000000000002deg); -ms-transform: rotate(223.20000000000002deg); -o-transform: rotate(223.20000000000002deg); transform: rotate(223.20000000000002deg); } .c100.p63 .bar { -webkit-transform: rotate(226.8deg); -moz-transform: rotate(226.8deg); -ms-transform: rotate(226.8deg); -o-transform: rotate(226.8deg); transform: rotate(226.8deg); } .c100.p64 .bar { -webkit-transform: rotate(230.4deg); -moz-transform: rotate(230.4deg); -ms-transform: rotate(230.4deg); -o-transform: rotate(230.4deg); transform: rotate(230.4deg); } .c100.p65 .bar { -webkit-transform: rotate(234deg); -moz-transform: rotate(234deg); -ms-transform: rotate(234deg); -o-transform: rotate(234deg); transform: rotate(234deg); } .c100.p66 .bar { -webkit-transform: rotate(237.6deg); -moz-transform: rotate(237.6deg); -ms-transform: rotate(237.6deg); -o-transform: rotate(237.6deg); transform: rotate(237.6deg); } .c100.p67 .bar { -webkit-transform: rotate(241.20000000000002deg); -moz-transform: rotate(241.20000000000002deg); -ms-transform: rotate(241.20000000000002deg); -o-transform: rotate(241.20000000000002deg); transform: rotate(241.20000000000002deg); } .c100.p68 .bar { -webkit-transform: rotate(244.8deg); -moz-transform: rotate(244.8deg); -ms-transform: rotate(244.8deg); -o-transform: rotate(244.8deg); transform: rotate(244.8deg); } .c100.p69 .bar { -webkit-transform: rotate(248.4deg); -moz-transform: rotate(248.4deg); -ms-transform: rotate(248.4deg); -o-transform: rotate(248.4deg); transform: rotate(248.4deg); } .c100.p70 .bar { -webkit-transform: rotate(252deg); -moz-transform: rotate(252deg); -ms-transform: rotate(252deg); -o-transform: rotate(252deg); transform: rotate(252deg); } .c100.p71 .bar { -webkit-transform: rotate(255.6deg); -moz-transform: rotate(255.6deg); -ms-transform: rotate(255.6deg); -o-transform: rotate(255.6deg); transform: rotate(255.6deg); } .c100.p72 .bar { -webkit-transform: rotate(259.2deg); -moz-transform: rotate(259.2deg); -ms-transform: rotate(259.2deg); -o-transform: rotate(259.2deg); transform: rotate(259.2deg); } .c100.p73 .bar { -webkit-transform: rotate(262.8deg); -moz-transform: rotate(262.8deg); -ms-transform: rotate(262.8deg); -o-transform: rotate(262.8deg); transform: rotate(262.8deg); } .c100.p74 .bar { -webkit-transform: rotate(266.40000000000003deg); -moz-transform: rotate(266.40000000000003deg); -ms-transform: rotate(266.40000000000003deg); -o-transform: rotate(266.40000000000003deg); transform: rotate(266.40000000000003deg); } .c100.p75 .bar { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .c100.p76 .bar { -webkit-transform: rotate(273.6deg); -moz-transform: rotate(273.6deg); -ms-transform: rotate(273.6deg); -o-transform: rotate(273.6deg); transform: rotate(273.6deg); } .c100.p77 .bar { -webkit-transform: rotate(277.2deg); -moz-transform: rotate(277.2deg); -ms-transform: rotate(277.2deg); -o-transform: rotate(277.2deg); transform: rotate(277.2deg); } .c100.p78 .bar { -webkit-transform: rotate(280.8deg); -moz-transform: rotate(280.8deg); -ms-transform: rotate(280.8deg); -o-transform: rotate(280.8deg); transform: rotate(280.8deg); } .c100.p79 .bar { -webkit-transform: rotate(284.40000000000003deg); -moz-transform: rotate(284.40000000000003deg); -ms-transform: rotate(284.40000000000003deg); -o-transform: rotate(284.40000000000003deg); transform: rotate(284.40000000000003deg); } .c100.p80 .bar { -webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg); } .c100.p81 .bar { -webkit-transform: rotate(291.6deg); -moz-transform: rotate(291.6deg); -ms-transform: rotate(291.6deg); -o-transform: rotate(291.6deg); transform: rotate(291.6deg); } .c100.p82 .bar { -webkit-transform: rotate(295.2deg); -moz-transform: rotate(295.2deg); -ms-transform: rotate(295.2deg); -o-transform: rotate(295.2deg); transform: rotate(295.2deg); } .c100.p83 .bar { -webkit-transform: rotate(298.8deg); -moz-transform: rotate(298.8deg); -ms-transform: rotate(298.8deg); -o-transform: rotate(298.8deg); transform: rotate(298.8deg); } .c100.p84 .bar { -webkit-transform: rotate(302.40000000000003deg); -moz-transform: rotate(302.40000000000003deg); -ms-transform: rotate(302.40000000000003deg); -o-transform: rotate(302.40000000000003deg); transform: rotate(302.40000000000003deg); } .c100.p85 .bar { -webkit-transform: rotate(306deg); -moz-transform: rotate(306deg); -ms-transform: rotate(306deg); -o-transform: rotate(306deg); transform: rotate(306deg); } .c100.p86 .bar { -webkit-transform: rotate(309.6deg); -moz-transform: rotate(309.6deg); -ms-transform: rotate(309.6deg); -o-transform: rotate(309.6deg); transform: rotate(309.6deg); } .c100.p87 .bar { -webkit-transform: rotate(313.2deg); -moz-transform: rotate(313.2deg); -ms-transform: rotate(313.2deg); -o-transform: rotate(313.2deg); transform: rotate(313.2deg); } .c100.p88 .bar { -webkit-transform: rotate(316.8deg); -moz-transform: rotate(316.8deg); -ms-transform: rotate(316.8deg); -o-transform: rotate(316.8deg); transform: rotate(316.8deg); } .c100.p89 .bar { -webkit-transform: rotate(320.40000000000003deg); -moz-transform: rotate(320.40000000000003deg); -ms-transform: rotate(320.40000000000003deg); -o-transform: rotate(320.40000000000003deg); transform: rotate(320.40000000000003deg); } .c100.p90 .bar { -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -ms-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg); } .c100.p91 .bar { -webkit-transform: rotate(327.6deg); -moz-transform: rotate(327.6deg); -ms-transform: rotate(327.6deg); -o-transform: rotate(327.6deg); transform: rotate(327.6deg); } .c100.p92 .bar { -webkit-transform: rotate(331.2deg); -moz-transform: rotate(331.2deg); -ms-transform: rotate(331.2deg); -o-transform: rotate(331.2deg); transform: rotate(331.2deg); } .c100.p93 .bar { -webkit-transform: rotate(334.8deg); -moz-transform: rotate(334.8deg); -ms-transform: rotate(334.8deg); -o-transform: rotate(334.8deg); transform: rotate(334.8deg); } .c100.p94 .bar { -webkit-transform: rotate(338.40000000000003deg); -moz-transform: rotate(338.40000000000003deg); -ms-transform: rotate(338.40000000000003deg); -o-transform: rotate(338.40000000000003deg); transform: rotate(338.40000000000003deg); } .c100.p95 .bar { -webkit-transform: rotate(342deg); -moz-transform: rotate(342deg); -ms-transform: rotate(342deg); -o-transform: rotate(342deg); transform: rotate(342deg); } .c100.p96 .bar { -webkit-transform: rotate(345.6deg); -moz-transform: rotate(345.6deg); -ms-transform: rotate(345.6deg); -o-transform: rotate(345.6deg); transform: rotate(345.6deg); } .c100.p97 .bar { -webkit-transform: rotate(349.2deg); -moz-transform: rotate(349.2deg); -ms-transform: rotate(349.2deg); -o-transform: rotate(349.2deg); transform: rotate(349.2deg); } .c100.p98 .bar { -webkit-transform: rotate(352.8deg); -moz-transform: rotate(352.8deg); -ms-transform: rotate(352.8deg); -o-transform: rotate(352.8deg); transform: rotate(352.8deg); } .c100.p99 .bar { -webkit-transform: rotate(356.40000000000003deg); -moz-transform: rotate(356.40000000000003deg); -ms-transform: rotate(356.40000000000003deg); -o-transform: rotate(356.40000000000003deg); transform: rotate(356.40000000000003deg); } .c100.p100 .bar { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .c100:hover { cursor: default; } .c100:hover > span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #307bbb; } .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } .c100.dark { background-color: #777777; } .c100.dark .bar, .c100.dark .fill { border-color: #c6ff00 !important; } .c100.dark > span { color: #777777; } .c100.dark:after { background-color: #666666; } .c100.dark:hover > span { color: #c6ff00; } .c100.green .bar, .c100.green .fill { border-color: #4db53c !important; } .c100.green:hover > span { color: #4db53c; } .c100.green.dark .bar, .c100.green.dark .fill { border-color: #5fd400 !important; } .c100.green.dark:hover > span { color: #5fd400; } .c100.orange .bar, .c100.orange .fill { border-color: #dd9d22 !important; } .c100.orange:hover > span { color: #dd9d22; } .c100.orange.dark .bar, .c100.orange.dark .fill { border-color: #e08833 !important; } .c100.orange.dark:hover > span { color: #e08833; } .cyclepercent .c100 {margin: 20px 15%;} /*************************** * Spenden-Gallerie Kacheln * ***************************/ .kacheln-wrapper { margin-left:-32px; margin-right:-32px; width:100%; } .kacheln:after { content: ''; display: block; clear: both; } .kachel { width:33.333%; padding:32px; float:left; } .kachel-sizer { width:16.665%; } .kachel_third { } .kachel_half { width:50%; } .kachel_two_third { width:66.666%; } .kachel_full { width:100%; } .kachel-inner { position:relative; } .kachel img { max-width:100%; height:auto; } .kachel-overlay { position: absolute; height: 100%; width: 100%; background: #0053a2dd; padding: 10%; box-sizing: border-box; opacity:0; transition:all ease 600ms; } :hover>.kachel-overlay { opacity:1; } .kachel-overlay * { color:#ffffff; } .kachel-overlay p { font-weight:normal; } .fancybox-title-over-wrap * { color:#ffffff; } @media (max-width:1199px) { .kacheln-wrapper { margin-left:-16px; margin-right:-16px; } .kachel { padding:22px; } } @media (max-width:959px) { .kacheln-wrapper { margin-left:-10px; margin-right:-10px; } .kachel { padding:16px; } } @media (max-width:575px) { .kacheln-wrapper { margin-left:0; margin-right:0; } .kachel,.kachel_half,.kachel_two_third { padding:10px 0; width:100%; } .kachel img { width:100%; } } /* .gallery-box .fancybox-skin { background:#000000; color:#ffffff; } .gallery-box .fancybox-title-over-wrap { padding:50px 10px 10px 10px; font-size:14px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); width:100%; } */ .fancybox-skin { background:#000000; color:#ffffff; } .fancybox-skin .fancybox-title-over-wrap { padding:50px 10px 10px 10px; font-size:14px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); width:100%; } /* Clock Uhr */ .clock-wrapper .contentWrap { padding-bottom:0; } #clock { position: relative; width: 200px; height: 200px; margin: 0; background: url('../Images/clock/clockface_p.m.png'); list-style: none; padding:0; } #clock.am { background: url('../Images/clock/clockface_a.m.png'); } #sec, #min, #hour { position: absolute; width: 20px; height: 200px; top: 0px; left: 90px; } #sec { background: url('../Images/clock/sechand.png'); z-index: 3; } #min { background: url('../Images/clock/minhand.png'); z-index: 2; } #hour { background: url('../Images/clock/hourhand.png'); z-index: 1; } /* Video */ video, .video iframe { max-width:100%; } .extbase-debugger { z-index: 10000; position: relative; } /* Liedliste */ #hour-select { float:right; padding-right:20px; } .song-date h2 { margin-bottom: 14px; } .song-wrap { position: relative; } .song-wrap:after { content:''; display: block; clear: both; } .song-time { width: 88px; font-weight: 600; position: absolute; top: 0; left: 0; } .song-title-container { margin-left: 120px; border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; } .song-wrap:last-child .song-title-container { border-bottom: none; padding-bottom: 13px; } .song-title h4 { margin-top: 16px; } .song-prev { float:left; } .song-today{ text-align:center; } .song-next { float:right; } @media (max-width: 959px) { .song-time { position: relative; margin-top: 32px; } .song-title-container { padding-bottom: 32px; margin-left: 0; margin-top: 16px; margin-bottom: 32px; } .song-wrap:last-child .song-list-container { padding-bottom: 0; } } /* Aniamte */ .animated.delay-0_25s { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .animated.delay-0_5s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .animated.delay-0_75s { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .animated.delay-1_25s { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; } .animated.delay-1_5s { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .animated.delay-1_75s { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; } .animated.delay-2_25s { -webkit-animation-delay: 2.25s; animation-delay: 2.25s; } .animated.delay-2_5s { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .animated.delay-2_75s { -webkit-animation-delay: 2.75s; animation-delay: 2.75s; } .animated.delay-3_25s { -webkit-animation-delay: 3.25s; animation-delay: 3.25s; } .animated.delay-3_5s { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } .animated.delay-3_75s { -webkit-animation-delay: 3.75s; animation-delay: 3.75s; } .animated.delay-4_25s { -webkit-animation-delay: 4.25s; animation-delay: 4.25s; } .animated.delay-4_5s { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } .animated.delay-4_75s { -webkit-animation-delay: 4.75s; animation-delay: 4.75s; } .animated.delay-5_25s { -webkit-animation-delay: 5.25s; animation-delay: 5.25s; } .animated.delay-5_5s { -webkit-animation-delay: 5.5s; animation-delay: 5.5s; } .animated.delay-5_75s { -webkit-animation-delay: 5.75s; animation-delay: 5.75s; } .animated.delay-6_25s { -webkit-animation-delay: 6.25s; animation-delay: 6.25s; } .animated.delay-6_5s { -webkit-animation-delay: 6.5s; animation-delay: 6.5s; } .animated.delay-6_75s { -webkit-animation-delay: 6.75s; animation-delay: 6.75s; } /*submit buttons */ .tx-powermail form .powermail_fieldwrap_type_submit { float: right; position:relative; z-index:10;} .tx-powermail form .powermail_fieldwrap_type_submit input { padding: 5px 10px; line-height: 26px; border-radius: 3px; background-color: #2a65ab; color: #fff; font-weight: 600; } .tx-powermail form .powermail_fieldwrap_type_submit input.powermail_reset.btn.btn-primary.btn-danger { padding: 5px 10px; line-height: 26px; border-radius: 3px; background-color: #dfe3e8; color: #505050; font-weight: 600; } .tx-powermail form .powermail_fieldwrap_type_reset input.powermail_reset.btn.btn-primary.btn-danger { padding: 5px 10px; line-height: 26px; border-radius: 3px; background-color: #dfe3e8; border-color: #dfe3e8; color: #505050; font-weight: 600; } .tx-powermail form .powermail_fieldwrap_type_submit input:before { content:''; display: block; width: 12px; height: 24px; position: absolute; top: 0; left: 0; background: url('/typo3conf/ext/horeb/Resources/Public/Images/footer_content/link-pfeil.svg') no-repeat left center; } input[type="submit"] { padding: 5px 10px; line-height: 26px; border-radius: 3px; background-color: #2a65ab; color: #fff; font-weight: 600; } input[type="button"] { padding: 5px 10px; line-height: 26px; border-radius: 3px; background-color: #dfe3e8; border-color: #dfe3e8; color: #505050;font-weight: 600; } button[type="submit"] { padding: 5px 10px; line-height: 26px; border-radius: 3px; background-color: #2a65ab; border:1px solid #dfe3e8; color: #fff; font-weight: 600; } .datec_submit a { display:inline-block; padding: 5px 10px; line-height: 26px; border-radius: 3px; background-color: #2a65ab; color: #fff !important; font-weight: 600; } .datec_submit a:before { background:none; }