#jsOption { height: 1px; } .slideContainerAcc .cols_full, .slideContainer .cols_full, .slideContainerAcc .cols_2, .slideContainer .cols_2, .slideContainerAcc .cols_3, .slideContainer .cols_3, .slideContainerAcc .cols_6, .slideContainer .cols_6, #layout2col #layout2col_content .slideContainerAcc .cols_full, #layout2col #layout2col_content .slideContainer .cols_full, #layout2col #layout2col_content .slideContainerAcc .cols_2, #layout2col #layout2col_content .slideContainer .cols_2, #layout2col #layout2col_content .slideContainerAcc .cols_3, #layout2col #layout2col_content .slideContainer .cols_3, #layout2col #layout2col_content .slideContainerAcc .cols_6, #layout2col #layout2col_content .slideContainer .cols_6, .slideContainerAcc .slideText .page_margins, .slideContainerAcc .slideText .page_margins.wide, .slideContainer .slideText .page_margins, .slideContainer .slideText .page_margins.wide { width: 100% !important; } .slideContainer.last { margin-bottom: 40px; } .slideContainer .slideText .cols_full, .slideContainerAcc .slideText .cols_full, .slideContainer .slideText .cols_2, .slideContainerAcc .slideText .cols_2, .slideContainer .slideText .cols_3, .slideContainerAcc .slideText .cols_3, .slideContainer .slideText .cols_6, .slideContainerAcc .slideText .cols_6 { padding: 20px 0; } .slideContainer .slideText p a, .slideContainerAcc .slideText p a, .slideContainer .teaserText p a, .slideContainerAcc .teaserText p a{ color: #c00; } .slideContainerAcc .slideHeadline .teaserText, .slideContainer .teaserText { color: #000; padding-top: 5px; } .slideContainerAcc .slideText, .slideContainer .slideText.open { margin-bottom: 2px; border: 1px solid #dedede !important; border-top: none !important; width: 100%; padding: 0 25px 0 25px; /* 5px 25px 25px 25px */ box-sizing: border-box; overflow: hidden; } /* UI-Accordion */ .webkit .slideContainerAcc { margin-bottom: 40px; } .slideContainer .slideHeadline, .slideContainerAcc .slideHeadline { width: 100%; color: #000; padding: 23px 23px; box-sizing: border-box; cursor: pointer; position: relative; } .slideContainer .slideHeadline .accHeadline, .slideContainerAcc .slideHeadline .accHeadline { width: 90%; } .slideContainer .slideHeadline.open, .slideContainerAcc .slideHeadline.ui-state-active.ui-state-hover { background-color: #dedede; border-color: #dedede; border-bottom: 1px solid #fff; } .slideContainer .slideHeadline, .slideContainerAcc .slideHeadline.ui-accordion-header { display: inline-block; background-repeat: no-repeat; background-position: 10px 13px; border: 1px solid #ececec; background-color: #ececec; margin-top: 2px; } .slideContainer .slideHeadline:hover, .slideContainerAcc .slideHeadline.ui-accordion-header.ui-state-hover { background-color: #dedede; border-color: #dedede; } .slideContainerAcc .slideHeadline.ui-accordion-header-active { //background-image: url(../../../../../icons/sonstiges/arrow-grey-down.png); background-repeat: no-repeat; background-position: 10px 14px; } .slideContainerAcc .slideHeadline .accThumbnail, .slideContainer .slideHeadline .accThumbnail { width: 25%; height: 100%; float: left; display: block; position: relative; padding-right: 10px; } .slideContainerAcc .slideHeadline .accThumbnail img, .slideContainer .slideHeadline .accThumbnail img { width: 100%; transition: transform 0.8s; -moz-transition: transform 0.8s; -webkit-transition: transform 0.8s; -o-transition: transform 0.8s; -ms-transition: transform 0.8s; border: 1px solid #ffffff; } .slideContainerAcc .slideHeadline .accHeadline, .slideContainer .slideHeadline .teaserText { width: 90%; line-height: 1.75; color: #000000; } .slideContainerAcc .slideHeadline .accHeadline h3 { color: #cc0000; } .slideContainerAcc .slideHeadline .accHeadline i, .slideContainer .slideHeadline i { color: #cc0000; position: absolute; display: block; font-size: 20px; right: 21px; top: 24px; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -webkit-transition: all 0.5s ease; /* Opera */ -o-transition: all 0.5s ease; /* Standard */ transition: all 0.5s ease; } .slideContainer .slideHeadline.open i, .slideContainerAcc .slideHeadline.ui-accordion-header-active i { transform: rotate(180deg); } .slideContainerAcc .slideHeadline .accHeadline.accWithThumbnail, .slideContainer .slideHeadline .teaserText.accWithThumbnail { min-height: 60px; } .slideContainerAcc ul { } .ui-widget-content a { color: #cc0000; } /* Absätze einzeln öffnen */ .slideContainer .slideHeadline { width: 100%; //color: #cc0000; padding: 10px 25px; box-sizing: border-box; //background-image: url(../../../../../icons/sonstiges/arrow-grey-right.png); background-repeat: no-repeat; background-position: 10px 13px; margin-bottom: 0px; margin-top: 2px; border: 1px solid #dedede; cursor: pointer; outline: none; border: 1px solid #ececec; background-color: #ececec; padding: 23px 23px; } .slideContainer .slideHeadline .accHeadline h3 { color: #cc0000; } .slideContainer .slideHeadline:hover { background-color: #dedede; border-color: #dedede !important; } .slideContainer .slideHeadline.open { /*background-image: url(../../../../../icons/sonstiges/arrow-grey-down.png);*/ background-repeat: no-repeat; background-position: 10px 14px; margin-bottom: 0px; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .slideContainer .slideText { display: none; position: relative; height: 0; overflow: hidden; margin-bottom: 2px; } .slideContainer .slideHeadline.open { /*background-image: url(../../../../../icons/sonstiges/arrow-grey-down.png);*/ background-repeat: no-repeat; background-position: 10px 14px; margin-bottom: 0px; border-bottom: 1px solid #ffffff; } .slideContainer .slideText.open { height: auto; } @media screen and (max-width: 974px) { .slideContainerAcc .slideHeadline .accHeadline, .slideContainer .slideHeadline .teaserText { width: 100%; } .slideContainerAcc .cols_6 .inner_sub, .slideContainer .cols_6 .inner_sub { width: 50%; max-width: 145px; } .frontpage .slideContainerAcc .inner_main.fullwidth, .frontpage .slideContainerAcc .inner_main.halfwidth, .frontpage .slideContainerAcc .inner_main.thirdwidth, .frontpage .slideContainerAcc .inner_main.sixthwidth { width: auto; float: left; margin-left: 0; } } /* BACKUP OLD CSS */ /* .slideContainer .teaserText .linktext, .slideContainer .slideText .linktextClose, .slideContainerAcc .teaserText .linktext, .slideContainerAcc .slideText .linktextClose { margin-bottom: 15px; cursor: pointer; color: red; display: block; } .slideContainer .slideText, .slideContainerAcc .slideText { display:none; position: relative; height: 0; overflow: hidden; } .slideContainerAcc .slideText.ui-accordion-content-active, .slideContainer .slideText.open { height: auto; } .slideContainerAcc .slideText, .slideContainer .slideText.open { margin-bottom: 2px; border: 1px solid #dedede; width: 100%; padding: 0 25px 0 25px; box-sizing: border-box; border-top: none; overflow: hidden; } .slideContainerAcc .slideText img { height: auto; } .slideContainerAcc .ui-accordion-header-active .teaserText .linktext { height: 1px; opacity: 0; } /* Einzelsteuerung */ /*.slideContainer .slideHeadline.open:hover { background-color: #fff !important; border-color: #dedede !important; }*/ /*.slideContainer .slideHeadline .linktext.open { position: absolute; display: block; right: 20px; bottom: 10px; color: #cc0000; } .slideContainer .slideText .linktext.close { display: none; } .slideContainer .slideHeadline.open .linktext.open { display: none; } .slideContainer .slideText.open .linktext.close { position: absolute; display: block; right: 20px; bottom: 10px; color: #cc0000; }*/