/*
***********************************************************
(c) sinntun.codes
******************************************************************
*/
/*

Farben:
Orange-Hauptfarbe: #FF8C00;
Grau dunkel: #777777;
Grau hell: #9A9A9A;
*/


/* Allgemeine Element Styles
*********************************************************** */

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

strong {
    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;
}


/* Allgemeine Styles
***************************************** */


body, td, th, a, ul, p {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    hyphens: auto;
    outline: none;
}

h1, h1 a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 28px;
    color: #FF8C00;
    line-height: 32px;
    margin-bottom: 10px;
    text-decoration: none;
    hyphens: none;
}

h2, h2 a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #FF8C00;
    text-decoration: none;
    hyphens: none;
}

h3, h3 a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #EC8D00;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    font-weight: normal;
}


h4, h4 a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #777777;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 4px;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
    text-decoration: none;
}

abbr,
acronym {
    cursor: help;
}


/* Listen */
.content-canvas ul,
.info-canvas ul {
    list-style: square;
    padding-left: 20px;
}

.content-canvas li,
.info-canvas li {
    margin-left: 0;
}


.divider {
    clear: both;
    margin: 15px 0;
    border-bottom: 1px solid #FF8C00;
}

.spacer {
    clear: both;
    height: 8px;
}

.clear {
    clear: both;
}

.bold {
    font-weight: bold;
}

.topline {
    margin-bottom: 0;
    margin-top: 4px;
}

.mobile,
.nav1-mobile {
    display: none;
}


/* Seiten-Bereiche
*********************************************************** */

body {
    /*background-color: #FFE3BB;*/
    background: url('/_images/page_bg.png') no-repeat fixed center;
    background-size: 100% 100%;
}


#page {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    /*
    -moz-box-shadow: 0px 0px 5px 5px rgba(50,50,50,0.5);
    -webkit-box-shadow:  0px 0px 5px 5px rgba(50,50,50,0.5);
    box-shadow: 0px 0px 5px 5px rgba(50,50,50,0.5);
    */
}

#head {
    position: relative;
    width: 100%;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    /*    background-color: #FF8C00;*/
    /*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8C00', endColorstr='#ef7f01',GradientType=1 );  IE6-9 */
    background-color: #FFFFFF;
    border-bottom: #FFFFFF solid 4px;
}

.logo-wrapper {
    float: left;
}

#brandingImage {
    position: absolute;
    left: 202px;
    top: 0;
}

#brandingLogo {
    float: left;
    width: 310px;
    height: 180px;
    display: block;
    background: url(/_images/Kolping-Logo_RGB_150dpi.png) top center no-repeat;
    background-size: 250px;
}

#brandingLogo-mobile {
    display: none;
    float: left;
    width: 40px;
    height: 40px;
    background: url('/_images/kolping-k.jpg') no-repeat;
    background-size: 100%;
    margin-left: 20px;
    margin-top: 22px;
}

#brandingTitle {
    float: left;
    /*margin:12px 0 0 20px;*/
    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;
    color: #000000;
    margin-top: 55px;
}

#brandingTitle .black {
    display: block;
    font-size: 25px;
    line-height: 30px;
    color: #000000;
}

#brandingTitle .gray {
    display: block;
    font-size: 25px;
    line-height: 30px;

}

.header-bogen {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 0;
    height: 225px;
    width: 1035px;
    background: url('/_images/header_bogen.png') no-repeat;
    background-size: 100%;
}

#searchform-container {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

#searchform-container input.searchform-word {
    width: 270px;
    height: 22px;
    padding: 4px 34px 4px 4px;
    border: 1px solid #777777;
    color: #000000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    background: url(/_images/ic_search.png) 280px 3px no-repeat #ffffff;
    background-size: 24px 118px;
}

#searchform-container input.searchform-word:focus {
    border: 1px solid #777777;
    color: #000000;
    background-position: 280px -91px;
}


.main-canvas {
    padding-top: 30px;
    float: left;
}

.aside-canvas {
    width: 300px;
    padding-left: 10px;
    padding-right: 30px;
    float: left;
}

.content-canvas {
    width: 690px;
    float: left;
    padding-right: 30px;
    padding-bottom: 30px;
}

/* Seiten ohne Infospalte */
.content-canvas.wide {
    width: 850px;
}

.pagetype-projects-overview .content-canvas {
    width: 1030px;
}

.info-canvas {
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.pagetype-standard .info-canvas {
    margin-top: 44px;
}

/* Footer
*********************************************************** */

#footer {
    clear: both;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    padding-left: 20px;
    padding-top: 20px;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 24px;
    box-sizing: border-box;
}

#footer .left {
    float: left;
}

#footer .right {
    float: right;
}

#footer a {
    color: #FFFFFF;;
    font-size: 14px;
    text-decoration: none;
}

#footer a:hover {
    color: #FFFFFF;;
}

#footer-socialmedia {
    float: right;
    margin: 0 20px 0 0;
}

.footer-socialmedia-link {
    float: right;
    height: 31px;
    width: 31px;
    margin-left: 10px;
    display: block;
    /*background-image: url(/_images/ic_social-media.png);*/
    background-repeat: no-repeat;
    background-size: 139px 31px;
}

.footer-socialmedia-link.facebook {
    background-position: 0 top;
    content: ' ';
    background-image: url(/_images/facebook.png);
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-size: 31px 31px;
}

.footer-socialmedia-link.youtube {
    background-position: -108px top;
}

.footer-socialmedia-link.twitter {
    background-position: -37px top;
}

.footer-socialmedia-link.googleplus {
    background-position: -72px top;
}

.footer-socialmedia-link:hover {
    margin-top: -3px;
}

.footer-socialmedia-link.instagram {
    content: ' ';
    background-image: url(/_images/instagram.png);
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-size: 31px 31px;
}


/* Buttons
*********************************************************** */

.button {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #FF8C00;
    text-align: right;
    padding: 10px 15px 10px 15px;
    margin: 10px 10px 10px 0;
}

.button:hover {
    background-color: #EF7F01;
}


/* Links
***************************************************************************** */

a.link-int {
    display: block;
    background: url('../_images/icn_linkdetail.gif') 1px 7px no-repeat;
    padding-left: 14px;
    text-decoration: none;
}

a.link-int:hover {
    color: #FF8C00;
}

a.link-dot {
    background: url('../_images/icn_linkdot.gif') 0 2px no-repeat;
    padding-left: 12px;
    text-decoration: none;
}

a.link-dot:hover {
    color: #1A49A4;
    text-decoration: underline;
}

a.link-ext {
    display: block;
    background: url('../_images/icn_linkdetail.gif') 0 7px no-repeat;
    padding-left: 12px;
    text-decoration: none;
}

a.link-ext:hover {
    color: #FF8C00;
}

a.link-detail {
    background: url('../_images/icn_linkdetail.gif') 8px 7px no-repeat;
    color: #EC8D00;
    padding-left: 20px;
    text-decoration: none;
}

a.link-detail:hover {
    color: #FF8C00;
}

a.link-back {
    display: block;
    background: url('../_images/icn_linkback.gif') left 7px no-repeat;
    padding-left: 12px;
    text-decoration: none;
    color: #666666;
    font-size: 14px;
    margin-bottom: 12px;
}

a.link-back:hover {
    color: #FF8C00;
}

.gallery-detail a.gallery-link-back {
    background: url('../_images/icn_linkback.gif') 8px 7px no-repeat;
    color: #EC8D00;
    padding-left: 20px;
    text-decoration: none;
}

.gallery-detail a.gallery-link-back:hover {
    color: #FF8C00;
}

a.link-download,
a.link-downloadpdf {
    display: block;
    background: url('../_images/icn_linkdownload.gif') 0 7px no-repeat;
    padding-left: 14px;
    text-decoration: none;

}

a.link-download:hover,
a.link-downloadpdf:hover {
    color: #FF8C00;
}

a.email {
    background: url('../_images/icn_email.gif') center left no-repeat;
    padding-left: 20px;
    text-decoration: none;
}

a.email:hover {
    color: #FF8C00;
    text-decoration: underline;
}

a.linkSmall {
    font-size: 10px;
}


/* Navigation: Top-Navigation (Nav1)
***************************************************************************** */

.nav1-container {
    /*    background: #FFFFFF;*/
    background: #FF8C00;
    /*
    -moz-box-shadow: 0px 5px 5px 0px rgba(50,50,50,0.5);
    -webkit-box-shadow:  0px 5px 5px 0px rgba(50,50,50,0.5);
    box-shadow: 0px 5px 5px 0px rgba(50,50,50,0.5);
    margin-bottom: 10px;
    */
}

ul.nav1 {
    padding-left: 10px;
    margin: 0;
    list-style: none;
    height: 42px;
    border: none;
}

.nav1-item {
    float: left;
    /*
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    */
    border: none;
    height: auto;
    margin-top: 6px;
    margin-right: 2px;
}

.nav1 a {
    display: block;
    text-decoration: none;
    padding: 6px 14px 6px 14px;
    background: none;
    color: #FFFFFF;
    /*    font-family:"Open Sans",Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
}

.nav1 a:hover {
    color: #FF8C00;
    background-color: #FFFFFF;
}

.nav1 a.active {
    color: #FF8C00;
    background-color: #FFFFFF;
}


/* Navigation: Sub-Navigation (Nav2)
***************************************************************************** */

.nav2 {
    list-style: none;
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: 0;
}

a.nav2-link {
    font-size: 16px;
    color: #777777;
    cursor: pointer;
    display: block;
    padding: 6px 4px 6px 4px;
    text-decoration: none;
    border-bottom: #777777 1px solid;
}

a.nav2-link.active {
    background-color: #FF8C00;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

a.nav2-link:hover {
    background-color: #FF8C00;
    color: #FFFFFF;
}

a.nav2-link.active:hover {
    color: #FFFFFF;
}


/* Navigation: Sub-Navigation (Nav3)
***************************************************************************** */

ul.nav3 {
    list-style: none;
    background-color: #FFE3BB;
    margin-left: 0;
}

a.nav3-link {
    text-decoration: none;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    display: block;
    border-bottom: 1px solid #FFFFFF;
}

a.nav3-link.active {
    background-color: #FFBE5E;
    font-weight: bold;
    text-decoration: none;
}

a.nav3-link:hover {
    background-color: #FFBE5E;
}


/* Meta-Navigation
***************************************************************************** */

.nav-meta {
    position: relative;
    top: 0;
    height: 21px;
    font-size: 14px;
    text-align: right;
    color: #000000;
    padding: 4px 70px 0 0;
    z-index: 10;
}

.nav-meta a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

.nav-meta a:hover {
    text-decoration: underline;
}

.nav-meta a.active {
    color: #000000;
    text-decoration: none;
}

.nav-meta a.active:hover {
    text-decoration: underline;
}


/* Footer-Navigation
***************************************************************************** */

.nav-footer {
    float: right;
    padding-right: 10px;
    text-align: right;
}

/* Multi-Site-Navigation
***************************************************************************** */

.nav-site {
    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
    height: 40px;
    color: #ffffff;
}

.nav-site a {
    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    padding: 4px 8px 4px 10px;
    margin-right: 10px;
    float: left;
}

.nav-site a .icon {
    display: block;
    float: left;
    width: 7px;
    height: 17px;
    /*background: url('/_images/icn_siteNav.png') 0px 7px no-repeat;
    background-size:7px 46px; */
    margin-right: 5px;
}

.nav-site a .label {
    display: block;
    float: left;
}

.nav-site a:hover {
    color: #000000;
}

.nav-site a.active {
    color: #000000;
}

.nav-site a:hover .icon,
.nav-site a.active .icon {
    color: #000000;
    background-position: 0 -31px;
}


/* Overview-Seiten
***************************************************************************** */

.overview-item {
    padding: 12px;
    border-bottom: 1px solid #FF8C00;
    margin-bottom: 12px;
    background: #FFF7EA;
}

.overview-item.download {
    background-color: #FFF;
}

.overview-item .image-container {
    width: 200px;
    margin-right: 15px;
    float: left;
}

.overview-item .text-container {
    float: left;
}

.overview-item .text-container.width-image {
    width: 300px;
}

.overview-item .text-container.no-image {
    width: 500px;
}

.overview-item h2,
.overview-item h2 a {
    font-size: 20px;
}

.overview-item h2 a:before {
    content: '>';
    padding-right: 4px;
}

.overview-item h2 a:hover {
    color: #000000;
}

.overview-item ul.list-subpages {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.overview-item ul.list-subpages a {
    color: #FF8C00;
    text-decoration: none;
}

.overview-item ul.list-subpages a:hover {
    color: #000000;
}

.overview-item ul.list-subpages a:before {
    content: '>';
    padding-right: 4px;
}

.overview-item p {
    margin-bottom: 6px;
}


/* List
**************************************************************** */

.list-item {
    clear: both;
    border-bottom: 1px solid #FF8C00;
    margin-bottom: 15px;
    padding-bottom: 15px;
    float: left;
    width: 100%;
}

.list-image {
    display: block;
    float: left;
    width: 200px;
}

.list-text {
    display: table-cell;
    vertical-align: top;
}

.content-canvas.wide .list-image-wrapper {
    display: table-cell;
    vertical-align: top;
    float: left;
    width: 200px;
    padding-right: 10px;
}

.list-image-link {
    display: inline-block;
}

.content-canvas.wide .list-text {
    display: table-cell;
    vertical-align: top;
}

.pageturn-nav.top {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #FF8C00;
}


/* Styles Detail-Seite
***************************************************************************** */
.copytext em {
    font-family: 'Open Sans Italic', Arial, Helvetica, sans-serif;
}


.contentbox {
    padding-bottom: 20px;
}

.contentbox p {
    margin-bottom: 12px;
}

.contentbox-text {
    margin-top: 10px;
}

.contentbox ul {
    list-style-type: square;
    margin-bottom: 12px;
}

.texteditor ol {
    list-style: decimal;
    margin: 0 0 12px;
    padding-left: 24px;
}

.texteditor ul {
    padding-left: 24px;
}

.texteditor li[data-list='bullet'] {
    list-style: square outside;
}

.texteditor li[data-list='ordered'] {
    list-style: decimal outside;
}

.texteditor em,
.texteditor i {
    font-style: italic;
}

.texteditor strong,
.texteditor b {
    font-weight: bold;
}

.texteditor s {
    text-decoration: line-through;
}

.image-container {
    float: left;
    width: 210px;
    margin-bottom: 20px;

}


/* pageElement-texteditor-main
***************************************************************************** */


.pageElement-texteditor-main .contentbox-text.has-images {
    margin-top: 10px;
    display: block;
    width: auto;
    float: left;
    max-width: calc(100% - 210px);
}

.content-image-container {
    float: left;
    width: 180px;
    margin-right: 23px;
}

.content-image-item {
    display: block;
    margin-bottom: 10px;
}

.content-image-item .content-image {
    display: block;
}


/* aside
***************************************************************************** */

.asidebox {
    margin: 5px;
    margin-bottom: 25px;
}

.asidebox .text {
    font-size: 12px;
}


/* Infobox
***************************************************************************** */

.infobox {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.infobox-header h2 {
    font-size: 18px;
}

.infobox-header h2.downloads {
    padding-left: 24px;
    background: url('../_images/icn_downloads.gif') center left no-repeat;
}

.infobox-header h2.kj {
    padding-left: 24px;
    background: url('../_images/icn_kj.gif') center left no-repeat;
}

.infobox-header h2.kw {
    padding-left: 24px;
    background: url('../_images/icn_kw.gif') center left no-repeat;
}

.infobox-header h2.link-int {
    padding-left: 24px;
    background: url('../_images/icn_pfeil-re.gif') center left no-repeat;
}

.infobox-header h2.link-ext {
    padding-left: 24px;
    background: url('../_images/icn_links.gif') center left no-repeat;
}

.infobox-content {
    background: #FFF7EA;
    padding: 10px;
}

.infobox p {
    padding-bottom: 12px;
}


/* Linkbox
***************************************************************************** */

ul.linklist {
    margin-left: 0;
    padding: 0;
    list-style: none;
}

ul.linklist li {
    margin-bottom: 10px;
}

ul.linklist li a .label {
    display: block;
}

ul.linklist li a .info {
    display: block;
    color: #777777;
}


/*
********************************************************************************
Styles:     flix//news
********************************************************************************
*/


/* News-List: Übersichtsliste
***************************************************************************** */

.news-index-box {
    float: left;
}

.news-index-image {
    margin-bottom: 5px;
    margin-right: 15px;
    float: left;
    width: 200px;
}

.news-index-content {
    margin-bottom: 5px;
    float: left;
    width: 475px;
}

/*.news-index-box.mainteaser {
   margin-right: 20px;
}*/

.news .topline {
    color: #777777;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 4px;
    text-decoration: none;
}

.news-index-box h2.headline a {
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
}

.news-list .list-pageturnNav {
    text-align: right;
}

.news-list .list-pageturnNav-top {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #777777;
}

.news-list .list-pageturnNav-bottom {
    padding-top: 10px;
    margin-top: 10px;
}

.news-list .list-archivelink-box.top {
    margin-bottom: 10px;
    border-bottom: 2px solid #FF8C00;
    padding-bottom: 10px;
}

.news-list .list-archivelink-box.bottom {
    clear: both;
    margin-top: 10px;
    padding-top: 10px;
}


/* News-Detail: Detailansicht
****************************************************************************** */

.news-detail .image-container {
    float: right;
    width: 184px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.news-detail .image-container .gallery-image {
    margin-right: 0;
}

.news-detail .introtext {
    font-weight: bold;
}

.news-detail .copytext {
}

.news-detail .mainimage {
    margin-top: 10px;
    margin-bottom: 10px;
}

.news-detail .detail-mainimage-subline {
    font-style: italic;
}

.news-detail .linkback-box {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
}

.news-detail .linkback-box.top {
    padding-bottom: 20px;
}

.news-detail .date {
    margin-top: 20px;
    padding-top: 5px;
    border-top: #FF8C00 solid 1px;
}

.news-detail .date.top {
    padding-top: 5px;
    color: #777777;
}

.news-detail .author {
    font-style: italic;
}

.news-info {
    padding-top: 28px;
}

.news-info .infobox-infotext {
    background-color: #FFF7EA;
    padding: 10px;
}


/* PageElement news-list-info
****************************************************************************** */

.pageElement-news-list-info a {
    text-decoration: none;
    color: #FF8C00;
}

.pageElement-news-list-info a:hover {
    text-decoration: underline;
}

.pageElement-news-list-info a.more {
    display: inline-block;
}

.pageElement-news-list-info .list-item {
    display: block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #777777 !important;
    margin-bottom: 10px;
}


/*
********************************************************************************
Styles:     flix//events
********************************************************************************
*/

.events-teaserlist {
    list-style: none;
    margin-left: 0;
}

.events-teaserlist .events-teaseritem {
    display: block;
    border-left: 1px solid #FF8C00;
    margin-bottom: 10px;
    color: #000000;
    background-color: #FFF7EA;
}

.events-teaserlist .events-teaseritem a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 6px;
}

.events-teaserlist .events-teaseritem a strong {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.events-teaserlist .events-teaseritem a:hover {
    color: #FF8C00;
    text-decoration: none;
}

.content-canvas ul.calenderlist-grouplist {
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
}

.content-canvas ul.calenderlist-grouplist li {
    background-color: #FFF5E5;
    border-left: 2px solid #FF8C00;
    margin-bottom: 2px;
    padding: 4px 4px 4px 10px;
}

ul.calenderlist-grouplist a {
    text-decoration: none;
}

ul.calenderlist-grouplist li:hover {
    background-color: #FF8C00;
}

ul.calenderlist-grouplist li:hover a {
    color: #FFFFFF;
}


/* events-detail: Detailansicht
***************************************************************************** */
.events-detail {
    position: relative;
}

.events-detail .introtext {
    font-weight: bold;
}

.events-detail .infotext {
    font-size: 10px;
    color: #777777;
}

.events-detail .detail-info {
    background-color: #FFF7EA;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.events-detail .mainimage {
    margin-top: 10px;
    margin-bottom: 10px;
}

.events-detail .mainimage-subline {

}

.events-detail .image-container {
    float: right;
    width: 180px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.events-detail .image-container img {
    float: left;
    margin-bottom: 20px;
}

.events-detail a.link-back {
    font-size: 18px;
}

.events-detail video {
    width: 100%;
    margin-bottom: 20px;
}


/*
********************************************************************************
Styles:     flix//services
********************************************************************************
*/

.services .list-item {
    border-left: #FF8C00 2px solid;
    background-color: #FFF7EA;
    margin-bottom: 12px;
    padding: 10px;
}


.services .list-item .image-container {
    width: 160px;
}

.services .link-detail-box {
    text-align: right;
    width: 100%;
    padding-right: 10px;
}

.services-detail .mainimage {
    margin-bottom: 10px;
}

.services-detail a.link-back {
    font-size: 18px;
}

.services-detail .contentbox {
    width: 340px;
    padding-right: 60px;
    float: left;
}

.services-detail .detail-info {
    background-color: #FFF7EA;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.services-detail .button-box {
    text-align: right;
}

/*
********************************************************************************
flix//gallery
********************************************************************************
*/

.gallery-container {
    float: left;
}

.gallery-image {
    display: block;
    float: left;
    border: 2px solid #ffffff;
    margin-right: 5px;
    margin-bottom: 5px;
}

.gallery-image:hover {
    border: 2px solid #FF8C00;
}

.gallery-image img {
    float: left;
}


/*
********************************************************************************
Styles:     flix//pageelements
********************************************************************************
*/

.pageElement-newsletter-subscription label {
    padding-left: 0;
}

.pageElement-newsletter-subscription label.checkboxLabel {
    padding-left: 5px;
}

.pageElement-image-info .infobox-content {
    background-color: #FFFFFF;
}

.pageElement-twitter-info {
    margin-bottom: 20px;
}

.pageElement-twitter-info .divider {
    margin-top: 5px;
}

.pageElement-catalog-info {
    margin-bottom: 60px;
}

.pageElement-news-list-info {
    margin-bottom: 60px;
}

/* pageElement-person-main
*********************************************************** */
.pageElement-person-main {
    height: auto;
    overflow: hidden;
}

.pageElement-person-main .person-text {
    display: table-cell;
    vertical-align: top;
}

.pageElement-person-main img {
    float: left;
    width: 86px;
    display: table-cell;
    vertical-align: top;
    padding: 0 12px 12px 0;
    margin: 0;
}


/* pageElement-contactperson-main
*********************************************************** */
.contactperson-main .item {
    display: block;
    width: 100%;
}


/* sticky nav1
*********************************************************** */

#sticky-navigation-wrapper {
    width: 1200px;
    height: 40px;
}

.sticky-navigation {
    width: 12000px;
    height: 40px;
}

.nav1-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    z-index: 900;
}


/* start section headlines
*********************************************************** */

.start-section-link {
    display: block;
    text-decoration: none;
    border-bottom: #FF8C00 1px solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.start-section-headline {
    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #FF8C00;
    font-size: 18px;
    text-decoration: none;
}

.start-section-headline-postfix {
    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 18px;
    text-decoration: none;
}


/* contact formular
*********************************************************** */
.form-row textarea {
    display: block;
    width: 351px;
    max-width: 351px;
    border: 1px solid #9A9A9A;
    padding: 5px 10px;
    color: #000000;
    font-size: 15px;
    line-height: 20px;
}

.form-row textarea:focus,
.form-row input[type='text']:focus,
.form-row input[type='password']:focus {
    border: 1px solid #FF8C00;
    color: #000000;
}

.cr_ipe_item,
.form-row,
.form-submit-container {
    float: left;
    width: 100%;
    display: block;
    margin-top: 10px;
}

.form-row.email {
    display: none;
}

.cr_ipe_item label,
.form-row label {
    float: left;
    width: 165px;
    padding: 5px 0;
    margin-right: 5px;
}

.form-row label[for='-1'],
.form-row label[for='-2'] {
    width: 100px;
}

.form-row input {
    float: left;
}

.cr_ipe_item label input[type='text'],
.form-row input[type='text'],
.form-row input[type='password'] {
    width: 351px;
    border: 1px solid #777777;
    padding: 5px 10px;
    color: #000000;
    font-size: 15px;
    line-height: 20px;
}

.form-row select {
    width: 373px;
    border: 1px solid #777777;
    padding: 5px 10px 2px 10px;
    color: #000000;
    font-size: 15px;
    line-height: 20px;
}

.form-row select option {
    padding: 3px 5px;
}

.form-row select#zimmer,
.form-row select#aufenthalt {
    width: 150px;
}

.form-row input#formAnreise,
.form-row input#formAbreise,
.form-row input#anzahl_erwachsene {
    width: 130px;
}

.form-row input[type='radio'] {
    margin: 5px 5px 0 0;
}

.form-row .checkbox-wrapper {
    width: 374px;
    float: left;
}

.pageElement-contactform .project-consent-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.pageElement-contactform .project-consent-row .checkbox-wrapper {
    width: 20px;
    flex: 0 0 20px;
    float: none;
}

.pageElement-contactform .project-consent-row label {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
}

.form-row .checkbox {
    display: block;
    width: 100%;
    float: left;
}

.form-row .checkbox label.checkboxLabel {
    padding-left: 5px;
    margin: 0;
    width: auto;
    max-width: 355px;
}

.form-row .checkbox input[type='checkbox'] {
    margin-top: 7px;
}

.form-row.no-display {
    display: none;
}

.form-row.bund select {
    width: 321px;
}

.form-row.mailmail {
    display: none;
}

button.cr_button[type='submit'],
.button-submit {
    cursor: pointer;
    margin-left: 170px;
    font-size: 15px;
    color: #ffffff;
    background-color: #FF8C00;
    padding: 5px 8px 5px 8px;
    border: 1px solid #FF8C00;
    display: inline-block;
    line-height: 22px;
}

.button-submit.error {
    margin: 0;
    color: #ffffff !important;
}

.button-submit.anfrage {
    background-position: 226px 6px;
    margin-top: 15px;
}

.defaultform .form-submit-container {
    margin-top: 20px;
}

.button-submit:hover {
    /*   background:none;
       color:#007cc4;
       text-decoration:none;*/
    border-color: #FF8C00;
    text-decoration: none;
    color: #FF8C00;
    background-color: #ffffff;
}

.form-row label.error,
.form-error {
    color: #ff0000;
}


.form-row input.Error {
    border: 1px solid #ff0000;
}

.form-row.plz label {
    float: left;
    width: auto;
    margin: 0;
}

.form-plz-ort-label {
    float: left;
    width: 165px;
    margin-right: 5px;
}

.form-row.plz span {
    float: left;
    margin-top: 5px;
}

.plz-input,
.ort-input,
.plz-ort-input-wrapper {
    float: left;
}

.plz-input .textbox {
    width: 100px !important;
}

.ort-input .textbox {
    width: 217px !important;
    margin-left: 10px;
}

.form-error p {
    padding: 12px;
    border: 1px solid #ff0000;
    color: #ff0000;
    display: inline-block;
}

.form-info p {

}

.errorbox {
    color: #ff0000;
}

.form-row.sonstiges {
    display: none;
}

.ds-label {
    float: left;
    width: 170px;
    min-height: 1px;
}

.ds-inhalt {
    float: left;
    display: inline;
    width: 370px;
    margin-top: 5px;
}

.ds-inhalt input {
    float: left;
    margin: 2px 10px 0 0;
}

.ds-inhalt span {
    float: left;
    display: block;
    width: 340px;
    line-height: 20px;
}


/* #googlemaps-main-mapcontainer
******************************************************************************** */

#googlemaps-main-mapcontainer {
    width: 100%;
    height: 400px;
}

/* vor-ort-main
******************************************************************************** */
.vor-ort-main .tabnav {
    border-bottom: 3px solid #FF8C00;
}

.vor-ort-main .tabnav-item {
    float: left;
    background-color: #FEF7E5;
    padding: 10px 15px;
    cursor: pointer;
    margin-right: 3px;
}

.vor-ort-main .tabnav-item:hover,
.vor-ort-main .tabnav-item.active {
    background-color: #FF8C00;
    color: #ffffff;
}

.vor-ort-main .tabcontent {
    display: none;
}

.vor-ort-main .tabcontent.active {
    display: block;
}

.vor-ort-main #places-map {
    height: 600px;
    width: 100%;
}

.vor-ort-main ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.vor-ort-main li {
    margin: 0;
}

.vor-ort-main .headline-list {
    float: left;
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #9A9A9A;
}

.vor-ort-main .headline-list-item {
    float: left;
    display: block;
    padding-right: 30px;
    font-weight: bold;
    margin: 0;
}

.vor-ort-main .ort {
    width: 250px;
}

.vor-ort-main .news {
    width: 400px;
}

.vor-ort-main .link {
    width: 100px;
}

.vor-ort-main .vor-ort-list {

}

.vor-ort-main .headline-list {
    width: 100%;
}

.vor-ort-main .vor-ort-list-item {
    padding: 10px 0;
    border-bottom: 1px solid #9A9A9A;
}

.vor-ort-main .vor-ort-list-elems {
    display: table;
}

.vor-ort-main .vor-ort-list-elem {
    float: left;
    display: table-cell;
    min-height: 1px;
    padding-right: 30px;
}

.vor-ort-main .link-detail:hover {
    text-decoration: underline;
}

.vor-ort-main .link-detail[target='_blank'] {
    background: none;
    padding: 0;
}


/* *** Kolpingwerk-Augsburg.de CUSTOM STYLES *** */


.nav-meta {
    color: #777777;
    font-size: 14px;
}

.nav-meta a {
    color: #777777;
    font-size: 14px;
}

.nav-meta a:hover {
    color: #000000;
    text-decoration: none;
}

.nav-meta a.active {
    color: #000000;
}


/* Shop
****************************************************************** */

.shop-categorylist {

}

.shop-categorylist .item {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: #FF8C00 1px solid;
    margin-bottom: 10px;
    text-decoration: none;
}

.shop-categorylist .image-container {
    display: block;
    float: left;
    width: 160px;
    margin-right: 10px;
    border: none;
}

.shop-categorylist .text-container {
    display: block;
    float: left;
    width: 300px;
    margin-right: 10px;
    border: none;
}

.shop-categorylist .headline {
    color: #FF8C00;

}

.shop-categorylist .text {
    margin-bottom: 10px;
}

.shop-categorylist .link-detail {
    color: #FF8C00;
    background: url('/_images/icn_linkdetail.gif') no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 12px;
}

.shop-categorylist .item:hover .link-detail {
    text-decoration: underline;
}

.shop-productlist {

}

.shop-productlist .grouplist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.shop-productlist .item {
    clear: both;
    float: left;
    width: 100%;
}

.shop-productlist .image-container {
    float: left;
    width: 160px;
    margin-right: 10px;
}

.shop-productlist .text-container {
    float: left;
    width: 360px;
    margin-right: 10px;
}

.shop-productlist .link-order {
    float: left;
    width: 360px;
    margin-right: 10px;
}

.shop-productlist form {
    margin-top: 10px;
}

.shop-productlist .count {
    float: left;
    width: 30px;
    margin-right: 5px;
    padding: 4px;
    border: 1px solid #D9D9D9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.shop-productlist .button-order {
    float: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: #6E7849 0 0 10px;
    background-color: #FF8C00;
    background-image: -moz-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -ms-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -o-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -webkit-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: linear-gradient(90deg, #FFD596, #FF8C00);
    border-radius: 10px;
    border: 2px solid #D9D9D9;
    color: #000000;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin: auto;
    padding: 3px 20px;
    text-decoration: none;

}


.pageElement-shop-order-main .detail-linkback-box-top .readmore {
    margin: 0 0 25px 0;
}

.pageElement-shop-order-main .cart-headline-big {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 5px 10px;
    font-size: 12px;
    color: #ffffff;
    background-color: #FF8C00;
}

.pageElement-shop-order-main .cart-headline {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #FF8C00;
    margin-bottom: 15px;
    padding-bottom: 3px;
}

.pageElement-shop-order-main .cart-headline li,
.pageElement-shop-order-main .cart-element li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.pageElement-shop-order-main .cart-headline .position,
.pageElement-shop-order-main .cart-element .position {
    width: 20px;
    margin-right: 20px;
}

.pageElement-shop-order-main .cart-headline .artikel,
.pageElement-shop-order-main .cart-element .artikel {
    width: 284px;
    margin-right: 20px;
}

.pageElement-shop-order-main .cart-headline .anzahl,
.pageElement-shop-order-main .cart-element .anzahl {
    width: 43px;
    margin-right: 20px;
    text-align: right;
}

.pageElement-shop-order-main .cart-headline .einzelpreis,
.pageElement-shop-order-main .cart-element .einzelpreis {
    width: 70px;
    margin-right: 20px;
    text-align: right;
}

.pageElement-shop-order-main .cart-headline .preis,
.pageElement-shop-order-main .cart-element .preis {
    text-align: right;
    width: 60px;
    margin-right: 0;
}

.pageElement-shop-order-main .cart-element {
    margin: 0;
    padding: 0;
}

.pageElement-shop-order-main .cart-single-position {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.pageElement-shop-order-main .cart-single-position ul {
    margin: 0;
    padding: 0;
}


.pageElement-shop-order-main .cart-single-position:last-child {
    margin-bottom: 0;
    border: none;
}

.pageElement-shop-order-main .cart-shipping-wrapper {
    width: 100%;
    float: left;
    border-top: 1px solid #9A9A9A;
    padding-top: 10px;
    margin: 2px 0 25px 0;
    font-weight: normal;
}

.pageElement-shop-order-main .cart-shipping-titel {
    float: right;
    margin-left: 100px;
}

.pageElement-shop-order-main .cart-shipping-gesamt {
    float: right;
    width: 60px;
    margin-left: 20px;
    text-align: right;
}

.pageElement-shop-order-main .cart-summe-wrapper {
    width: 100%;
    float: left;
    border-top: 1px solid #9A9A9A;
    padding-top: 10px;
    margin: 2px 0 25px 0;
    font-weight: bold;
}

.pageElement-shop-order-main .cart-summe-titel {
    float: right;
    margin-left: 100px;
}

.pageElement-shop-order-main .cart-summe-gesamt {
    float: right;
    width: 60px;
    margin-left: 20px;
    text-align: right;
}

.pageElement-shop-order-main .divider {
    margin-bottom: 15px;
    display: block;
}

.shop-order-form .submitButton {
    float: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: #6E7849 0 0 10px;
    background-color: #FF8C00;
    background-image: -moz-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -ms-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -o-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -webkit-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: linear-gradient(90deg, #FFD596, #FF8C00);
    border-radius: 10px;
    border: 2px solid #D9D9D9;
    color: #000000;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin: auto;
    padding: 3px 20px;
    text-decoration: none;
}


#cart-content .infobox-content {
    padding: 4px;
}


.infobox-header h1 a {
    color: #FF8C00;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 3px;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.button-cart {
    float: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: #6E7849 0 0 10px;
    background-color: #FF9F0F;
    background-image: -moz-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -ms-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -o-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: -webkit-linear-gradient(90deg, #FFD596, #FF8C00);
    background-image: linear-gradient(90deg, #FFD596, #FF8C00);
    border-radius: 10px;
    border: 2px solid #D9D9D9;
    color: #000000;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin: auto;
    padding: 3px 20px;
    text-decoration: none;
}

.form-info {
    font-size: 11px;
    margin-bottom: 20px;
}

#optout {
    border: 0;
    height: 190px;
    width: 580px;
}


/* ********** search-main ********** */
.search-main {
    width: 100%;
}

.search-main .searchresult-header {
    margin-bottom: 30px;
}

.search-main .searchresult-header .keyword {
    font-weight: bold;
}

.search-main .searchresult-group {
    margin-bottom: 30px;
    width: 100%;
}

.search-main .searchresult-group .header {
    color: #FF8C00;
    font-size: 21px;
    font-family: klavika-bold, arial, sans-serif;
    display: block;
    border-bottom: 1px solid #FF8C00;
    margin-bottom: 15px;
    padding: 0 0 3px 29px;
    background: url(/_images/ic_search-result-trigger.png) left 8px no-repeat;
    background-size: 19px 59px;
    cursor: pointer;
}

.search-main .searchresult-group .header.active {
    background-position: left -40px;
}

.search-main .searchresult-list {
    display: none;
}

.search-main .searchresult-list ul {
    display: inline;
}

.search-main .searchresult-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #777777;
}

.search-main .searchresult-link {
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    margin-bottom: 5px;
}

.search-main .searchresult-item .keyword {
    font-weight: bold;
}

#mobile-search,
.searchbutton {
    display: none;
}


/*  CookieBanner
******************************************************************************** */
#cookie {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    /*display:none;*/
    background-color: #9A9A9A;
    z-index: 1000;
    padding-bottom: 15px;
}

#cookie .wrapper {
    width: 990px;
    margin: 0 auto;
}

#cookie .wrapper .meldung {
    color: #000000;
    padding-top: 15px;
    display: block;
    text-align: justify;
    line-height: 20px;
}

#cookie .linkbutton {
    float: right;
    margin: 15px 0 0 10px;
    padding: 10px 15px;
    color: #FF8C00;
    cursor: pointer;
}

#cookie .linkbutton.color {
    background-color: #FF8C00;
    color: #ffffff;
}

#cookie .linkbutton.color:hover {
    background-color: #FF8C00;
}

/*##### Förderhinweis ####*/

.foerder_banner {
    display: block;
    width: 100%;
    height: 150px;
}

.foerder_banner_link {
    display: block;
    margin-top: 10px;
}

.foerder_banner_text {
    display: block;
    margin-bottom: 15px;
}

@media only screen and (min-width: 0px) and (max-width: 760px) {

    #cookie .wrapper {
        width: 94%;
        padding: 0 3%;
    }
}

@media only screen and (min-width: 760px) and (max-width: 1000px) {

    #cookie .wrapper {
        width: 760px;
    }
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Kontaktformular
****************************************************************** */

.contactform .form-row.margin-bottom {
    margin-bottom: 30px;
}

.contactform .form-row input {
    float: none;
    width: 100%;
}

.contactform .form-row textarea {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    float: none;
    width: 100%;
    max-width: 100%;
}

.contactform .form-row.radio label {
    float: left;
    display: inline-block;
    width: auto;
}

.contactform .form-row.radio input[type='radio'] {
    float: left;

}

.contactform label {
    width: 100%;
    float: none;
    display: block;
}


.contactform .divider {
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}


.contactform .form-submit-container .button-submit {
    margin-left: 0;
}

.contactform .introtext {
    padding-top: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #FF8C00;
    border-top: 1px solid #FF8C00;
}


.contactform input:focus-visible,
.contactform textarea:focus-visible {
    border-color: #000000 !important;
    outline: #000 solid 2px;
    outline-offset: 1px;
}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
    .contactform .form-row textarea {
        width: 92%;
    }
}


/* pageElement-colorbox-main */

.pageElement-colorbox {
    position: relative;
}

.pageElement-colorbox .image-colorbox-container {
    position: relative;
}

.pageElement-colorbox-main {
    /*margin-top: 20px;*/
    margin-bottom: 60px;
}

.pageElement-colorbox-info {
    margin-bottom: 20px;
}

.pageElement-colorbox img {
    width: 100%;
    height: auto;
}

.pageElement-colorbox svg.colorarea {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 800;
}

.pageElement-colorbox .colorbox-headline-container {
    position: absolute;
    z-index: 1000;
    color: #FFF;
}

.pageElement-colorbox-main .colorbox-headline-container {
    bottom: 60px;
    left: 40px;
}

.pageElement-colorbox-info .colorbox-headline-container {
    bottom: 20px;
    left: 20px;
}

.pageElement-colorbox .colorbox-headline-container h2 {
    color: #FFF;
    font-family: 'Open Sans Bold', Arial, Helvetica, Sans-Serif;
}

.pageElement-colorbox-main h2 {
    font-size: 36px;
    padding-bottom: 20px;
}

.pageElement-colorbox-main .subheadline {
    font-size: 18px;
}

.pageElement-colorbox-info h2 {
    font-size: 18px;
}

.pageElement-colorbox .colorbox-text-container {
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
}

.pageElement-colorbox-main .colorbox-text-container {
    padding: 0 40px 20px 40px;
}

.pageElement-colorbox-info .colorbox-text-container {
    padding: 0 20px 20px 20px;
}

.pageElement-colorbox a {
    text-decoration: none;
}


.pageElement-colorbox-main .colorbox-text-container .colorbox-text {
    padding-top: 10px;
}

.pageElement-colorbox-info .colorbox-text-container .colorbox-text {
}

.pageElement-colorbox .colorbox-copyright {
    padding-top: 5px;
    font-size: 12px;
    color: #666666;
    text-align: right;
    width: 100%;
}


.pageElement-colorbox .colorbackground {
    display: block;
}

.pageElement-colorbox.color-orange .cls-1 {
    fill: #ff8c00;
}

.pageElement-colorbox.color-orange .colorbackground {
    background-color: #ff8c00;
}

.pageElement-colorbox.color-green .cls-1 {
    fill: #B3CE36;
}

.pageElement-colorbox.color-green .colorbackground {
    background-color: #B3CE36;
}

.pageElement-colorbox.color-blue .cls-1 {
    fill: #449CDB;
}

.pageElement-colorbox.color-blue .colorbackground {
    background-color: #449CDB;
}

.pageElement-colorbox.color-yellow .cls-1 {
    fill: #E8C425;
}

.pageElement-colorbox.color-yellow .colorbackground {
    background-color: #E8C425;
}

.texteditor a[href^='http://']::after,
.texteditor a[href^='https://']::after {
    content: '\2197\00a0';
    display: inline-block;
    text-decoration: none;
}


/* Online-Anmeldung
****************************************************************** */

.pageElement-events-registration .dateselector_day {
    width: 80px;

}

.pageElement-events-registration .dateselector_month {
    width: 80px;

}

.pageElement-events-registration .dateselector_year {
    width: 100px;
}

.pageElement-events-registration .form-row .checkbox-wrapper {
    width: 20px;
}


.form-row legend {
    float: left;
    width: 165px;
}


.radiobutton-wrapper label {
    width: auto;
    padding-right: 10px;
}


/* quill adaptions
*****************************************  */

p[linebreak='true'] {
    margin-bottom: 0;
    padding-bottom: 0;
}

ol li[data-list='bullet'] {
    list-style: disc outside;
    margin-left: 20px;
}

ol li[data-list='ordered'] {
    list-style: decimal outside;
    margin-left: 20px;
}

.texteditor ol li[data-list='bullet'] {
    list-style: disc outside;
}

.texteditor p {
    margin-bottom: 10px;
}

.texteditor p[linebreak='true'] {
    margin-top: -20px;
}

.texteditor p[linebreak='true']:first-child {
    margin-top: 0;
}

.texteditor > :not(:last-child) {
    margin-bottom: 20px;
}

.texteditor ol,
.texteditor ul {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.texteditor ol li[data-list='bullet'] {
    list-style: disc outside;
}
/* ////////////////////////////////////////////////////
   Projekte 175GT
   //////////////////////////////////////////////////// */

.pageElement-project-overview .project-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    margin-bottom: 12px;
}

.pageElement-project-overview .project-overview-headline,
.pageElement-project-list > h2 {
    margin: 0 0 30px;
    color: #EC8D00;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2;
}

.pageElement-project-overview .project-grid-item {
    min-width: 0;
    min-height: 250px;
    background: #E5E5E5;
}

.pageElement-project-overview .project-grid-link {
    display: flex;
    height: 100%;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

.pageElement-project-overview .project-grid-image {
    width: 100%;
    aspect-ratio: 250 / 160;
    object-fit: cover;
    display: block;
}

.pageElement-project-overview .project-grid-text {
    flex: 1;
    min-height: 125px;
    padding: 8px 9px;
    background: #E5E5E5;
    box-sizing: border-box;
}

.pageElement-project-overview .project-grid-unit {
    color: #EC8D00;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.35;
}

.pageElement-project-overview .project-grid-headline {
    color: #000000;
    font-size: 16px;
    line-height: 1.35;
}

.pageElement-project-overview .project-grid-link:hover .project-grid-headline {
    color: #EC8D00;
}

.pageElement-project-overview .project-overview-voting {
    background: #FFF7EA;
}

.pageElement-project-overview .project-overview-voting-link {
    display: block;
    padding: 12px 20px 12px 43px;
    color: #000000;
    text-decoration: none;
    position: relative;
}

.pageElement-project-overview .project-overview-voting-link::before {
    content: '\2197';
    position: absolute;
    left: 20px;
    color: #EC8D00;
    font-size: 21px;
    line-height: 16px;
}

.pageElement-project-overview .project-overview-voting-link:hover {
    color: #EC8D00;
}

@media (max-width: 900px) {
    .pageElement-project-overview .project-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .pageElement-project-overview .project-grid {
        grid-template-columns: 1fr;
    }
}

/* Projekte: Liste ohne Bild */

.pageElement-project-list ul.project-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pageElement-project-list .project-list-item {
    margin: 0 0 7px;
    padding: 0;
    background: #E5E5E5;
}

.pageElement-project-list .project-list-content {
    display: block;
    min-height: 52px;
    padding: 8px 10px;
    box-sizing: border-box;
}

.pageElement-project-list .project-list-unit,
.pageElement-project-list .project-list-headline {
    display: block;
    line-height: 1.35;
}

.pageElement-project-list .project-list-unit {
    color: #EC8D00;
    font-size: 16px;
}

.pageElement-project-list .project-list-headline {
    color: #000000;
    font-size: 16px;
}

/* Projekte: Detailseite */

.pageElement-project-detail-main .project-detail-unit {
    color: #EC8D00;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.25;
    margin-bottom: 3px;
}

.pageElement-project-detail-main > h1 {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.25;
    margin: 0;
}

.pageElement-project-detail-main .project-detail-divider {
    border-bottom-color: #FF8C00;
    margin: 8px 0 10px;
}

.pageElement-project-detail-main .introtext {
    margin-top: 15px;
}

.pageElement-project-detail-main .mainimage {
    width: 100%;
    max-width: 690px;
    aspect-ratio: 23 / 10;
    overflow: hidden;
    margin-bottom: 15px;
}

.pageElement-project-detail-main .mainimage img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pageElement-project-detail-main .project-detail-actions {
    display: grid;
    gap: 5px;
    margin-top: 35px;
}

.pageElement-project-detail-main .project-detail-action {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 11px 12px 11px 36px;
    background: #FFF7EA;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.pageElement-project-detail-main .project-detail-action::before {
    position: absolute;
    left: 15px;
    color: #EC8D00;
}

.pageElement-project-detail-main .project-detail-action-download::before {
    content: '\21E9';
}

.pageElement-project-detail-main .project-detail-action-vote::before {
    content: '\2197';
    top: 9px;
    font-size: 21px;
    line-height: 21px;
}

.pageElement-project-detail-main .project-detail-action:hover {
    color: #EC8D00;
}

.pageElement-project-detail-main .project-detail-divider-bottom {
    margin-top: 20px;
}

.project-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 250px));
    gap: 15px;
    margin-top: 20px;
}

.project-gallery-link {
    display: block;
    width: 100%;
    max-width: 250px;
    aspect-ratio: 1;
    overflow: hidden;
}

.project-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-gallery-caption {
    max-width: 250px;
    font-size: 12px;
    color: #888888;
}

/* Projekte: Info-Spalte */

.pageElement-project-info .infobox {
    margin-bottom: 20px;
}

.pageElement-project-info .infobox-header h1 {
    position: relative;
    margin: 0 0 8px;
    padding-left: 13px;
    color: #EC8D00;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
}

.pageElement-project-info .infobox-header h1::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 7px;
    height: 9px;
    background: url('../_images/icn_linkdetail.gif') no-repeat;
}

.pageElement-project-info .infobox-content {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}

.pageElement-project-info .infobox-reports ul.linklist li {
    margin-bottom: 0;
}

.pageElement-project-info .infobox-contact p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
}

.pageElement-project-info .project-contact-name {
    margin-bottom: 5px !important;
}

.pageElement-project-info .project-contact-name strong {
    font-family: 'Open Sans SemiBold', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.pageElement-project-info .project-contact-phone::before {
    content: '\260E';
    display: inline-block;
    width: 20px;
    margin-right: 4px;
    color: #EC8D00;
    font-size: 18px;
}

.pageElement-project-info .project-contact-email a.email {
    display: inline-block;
    padding-left: 24px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

.pageElement-project-info .project-contact-email a.email:hover {
    text-decoration: none;
}

.pageElement-project-info .infobox-vote .button-vote {
    display: block;
    margin: 0;
    padding: 0 0 0 13px;
    position: relative;
    background: none;
    color: #000000;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
}

.pageElement-project-info .infobox-vote .button-vote::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 7px;
    height: 9px;
    background: url('../_images/icn_linkdetail.gif') no-repeat;
}

.pageElement-project-info .infobox-vote .button-vote:hover {
    color: #EC8D00;
}