/*  -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    Onepage Struktur & color: ALL
    -----------------------------------------------------
    ----------------------------------------------------- */

/*  -----------------------------------------------------
    onepage / one page / singlepage / single page
    ----------------------------------------------------- */

.onepage-chapter {
    margin: 20px 0 0 0;
}

.onepage-chapter {
    margin-top: -80px;
    padding-top: 100px;
}

.onepage-chapter .onepage-content {
    padding: 20px 20px 10px 20px;
    margin: 0;
}

h1.onepage-header {
    margin: 0;
    padding: 8px;/*
    color: white;*/
    font-family: questa_sansbold, sans-serif;
    text-transform: uppercase;
    /*text-align: center;*/
    background-color: grey;
    font-size: 1.8rem;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-left: 60px;
    max-height: 35px;
}



#content-from-page-45 h1.onepage-header {
    background-color: #19A1B9;
    background-color: #F5FAFB;
    background-image: url(../img/icons/oeffnungszeiten.svg);
}

#content-from-page-46 h1.onepage-header {
    background-color: #A2AC27;
    background-color: #FBFCF8;
    background-image: url(../img/icons/kontaktanfahrt.svg);
}

#content-from-page-47 h1.onepage-header {
    background-color: #F49F40;
    background-color: #FFFAF6;
    background-image: url(../img/icons/essentrinken.svg);
}

#content-from-page-49 h1.onepage-header {
    background-color: #B75372;
    background-color: #FEF8FA;
    background-image: url(../img/icons/gruppen.svg);
    white-space: nowrap;
}

@media (max-width: 400px) {
    #content-from-page-49 h1.onepage-header {
        font-size: 1.2rem;
    }
}


#content-from-page-45 .onepage-content,
.page-45 #content {
    background: -webkit-linear-gradient(180deg, #CBE7ED 0, #fff 90%);
    background: -moz-linear-gradient(180deg, #CBE7ED 0, #fff 90%);
    background: -ms-linear-gradient(180deg, #CBE7ED 0, #fff 90%);
    background: -o-linear-gradient(180deg, #CBE7ED 0, #fff 90%);
    background: linear-gradient(180deg, #CBE7ED 0, #fff 90%);
}

#content-from-page-46 .onepage-content,
.page-46 #content {
    background: -webkit-linear-gradient(180deg, #E4ECD4 0, #fff 90%);
    background: -moz-linear-gradient(180deg, #E4ECD4 0, #fff 90%);
    background: -ms-linear-gradient(180deg, #E4ECD4 0, #fff 90%);
    background: -o-linear-gradient(180deg, #E4ECD4 0, #fff 90%);
    background: linear-gradient(180deg, #E4ECD4 0, #fff 90%);
}

#content-from-page-47 .onepage-content,
.page-47 #content {
    background: -webkit-linear-gradient(180deg, #FCE7CE 0, #fff 90%);
    background: -moz-linear-gradient(180deg, #FCE7CE 0, #fff 90%);
    background: -ms-linear-gradient(180deg, #FCE7CE 0, #fff 90%);
    background: -o-linear-gradient(180deg, #FCE7CE 0, #fff 90%);
    background: linear-gradient(180deg, #FCE7CE 0, #fff 90%);
}

#content-from-page-49 .onepage-content,
.page-49 #content {
    background: -webkit-linear-gradient(180deg, #F9DBE6 0, #fff 90%);
    background: -moz-linear-gradient(180deg, #F9DBE6 0, #fff 90%);
    background: -ms-linear-gradient(180deg, #F9DBE6 0, #fff 90%);
    background: -o-linear-gradient(180deg, #F9DBE6 0, #fff 90%);
    background: linear-gradient(180deg, #F9DBE6 0, #fff 90%);
}


/*  -----------------------------------------------------
    ALL >> TABLE
    ----------------------------------------------------- */

table {
    width: 100%;
}

th {
    font-family: questa_sansbold, sans-serif;
    padding-left: 8px;
}

.tr-odd {
    background-color: #CDECF2;
}

td {
    padding: 5px 8px 5px 8px;
}


/*  -----------------------------------------------------
    ALL >> GridElements: Accordion (overwrite)
    ----------------------------------------------------- */

.panel.panel-default .panel-heading h4 {
    font-family: questa_sansbold, sans-serif;
    font-size: 1.6rem;
    padding-left: 15px;
    padding-right: 30px;
    letter-spacing: 0.05rem;
}


/*  -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    color: blue
    -----------------------------------------------------
    ----------------------------------------------------- */

/*  -----------------------------------------------------
    blue >> LINKS / ANCHOR
    ----------------------------------------------------- */

#content-from-page-45 a {
    color: #3D989F;
}


/*  -----------------------------------------------------
    blue >> TABLE
    ----------------------------------------------------- */

#content-from-page-45 .tr-odd {
    background-color: #CDECF2;
}


/*  -----------------------------------------------------
    blue >> GridElements: ÖFFNUNGSZEITEN
    ----------------------------------------------------- */

#content-from-page-45 .ge_oeffnungszeiten {

}

#content-from-page-45 .ge_oeffnungszeiten  .title {
    text-align: center;
}

#content-from-page-45 .ge_oeffnungszeiten  .title h1 {
    font-family: questa_sansregular, sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
}

#content-from-page-45 .ge_oeffnungszeiten  .banner {
    text-align: center;
    margin: 10px 0 20px 0;
}

#content-from-page-45 .ge_oeffnungszeiten  .banner_center {
    background-color: #B6DDE5;
    display: inline-block;
    width: auto;
    margin: auto;
}

#content-from-page-45 .ge_oeffnungszeiten  .banner_center h1 {
    font-family: questaregular, sans-serif;
    font-size: 2.2rem;
    margin: 0 auto 0 auto;
    padding: 5px 20px 5px 20px;
}

#content-from-page-45 .ge_oeffnungszeiten  .box_left h1,
#content-from-page-45 .ge_oeffnungszeiten  .box_right h1 {
    font-family: questa_sansregular, sans-serif;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin: 0;
}

#content-from-page-45 .ge_oeffnungszeiten  .box_left,
#content-from-page-45 .ge_oeffnungszeiten  .box_right {
    width: 49%;
    float: left;
    padding: 10px;
    text-align: center;
}

#content-from-page-45 .ge_oeffnungszeiten  .box_left {
    background-color: #DBDDB7;
    margin-right: 2%;
}

#content-from-page-45 .ge_oeffnungszeiten  .box_right {
    background-color: #B8D8E0;
}


/*  -----------------------------------------------------
    blue >> Link/Button mit Pfeil
    ----------------------------------------------------- */

#content-from-page-45 .button_mit_pfeil {
    font-family: questa_sansregular, sans-serif;
    color: #3D989F;
    text-transform: uppercase;
    padding: 5px 30px 5px 20px;
    border: none;
    float: right;
    border-radius: 10px;
    background-image: url(../img/icons/pfeil_tuerkis.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 95%;
    background-color: #CEECF2;
}


/*  -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    color: red
    -----------------------------------------------------
    ----------------------------------------------------- */

/*  -----------------------------------------------------
    red >> LINKS / ANCHOR
    ----------------------------------------------------- */

#content-from-page-49 a {
    color: #A05370;
}


/*  -----------------------------------------------------
    red >> LIST
    ----------------------------------------------------- */

#content-from-page-49 .csc-bulletlist li {
    background-image: url(../img/icons/pfeil_rechts_rot.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    padding: 0 0 0 30px;
    margin-bottom: 10px;
}


/*  -----------------------------------------------------
    red >> GridElements: Accordion (overwrite)
    ----------------------------------------------------- */

#content-from-page-49 .panel.panel-default .panel-heading {
    background-color: #EDD1D9;
    padding: 0;
    border-radius: 0;
}
/*
#content-from-page-49 .panel.panel-default .panel-heading h4 {
    text-align: left;
    background-image: url(../img/icons/pfeil_rot_kreis.svg);
}*/

#content-from-page-49 .panel.panel-default .panel-heading h4 {
    background-image: url(../img/icons/pfeil_rot_kreis_runter.svg);
}

#content-from-page-49 .panel.panel-default .panel-heading a.collapsed h4 {
    background-image: url(../img/icons/pfeil_rot_kreis.svg);
}

#content-from-page-49 .panel.panel-default .panel-body {
    border: none !important;
    background: -webkit-linear-gradient(180deg, #F6DEE7 0, #fff 90%);
    background: -moz-linear-gradient(180deg, #F6DEE7 0, #fff 90%);
    background: -moz-linear-gradient(180deg, #F6DEE7 0, #fff 90%);
    background: -ms-linear-gradient(180deg, #F6DEE7 0, #fff 90%);
    background: -o-linear-gradient(180deg, #F6DEE7 0, #fff 90%);
    background: linear-gradient(180deg, #F6DEE7 0, #fff 90%);
}


/*  -----------------------------------------------------
    red >> LINK (button & arrow icon)
    ----------------------------------------------------- */

#content-from-page-49 .button_mit_pfeil {
    font-family: questa_sansregular, sans-serif;
    color: #B75372;
    text-transform: uppercase;
    background-color: #EBD0DA;
    padding: 5px 30px 5px 20px;
    /*margin: auto;
    display: inline-block;
    width: auto;*/
    float: right;
    border-radius: 10px;
    background-image: url(../img/icons/pfeil_rechts_rot.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 95%;
}


/*  -----------------------------------------------------
    red >> TABLE
    ----------------------------------------------------- */

#content-from-page-49 .tr-even {
    background-color: #EDD1D9;
}


/*  -----------------------------------------------------
    red >> 2-COLUMN SEPARATOR
    ----------------------------------------------------- */

/* der eine Zweispalter im roten Bereich... :/ */
@media screen and (min-width: 768px) {

    #content-from-page-49 .col-xs-12.col-sm-6.col-md-6:nth-child(1) {
        border-right: #A8516F 1px solid;
    }
}


/*  -----------------------------------------------------
    red >> RTE TEXT MARKER
    ----------------------------------------------------- */

span.name-of-person,
span.detail,
span.important {
    color: #A8516F;
}


/*  -----------------------------------------------------
    red >> Zweispalter mit Bildern drin
    ----------------------------------------------------- */

#content-from-page-49 .col-xs-6.col-sm-6.col-md-6 .csc-textpic-image img {
    border: 6px solid white;
}


/*  -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    color: ORANGE
    -----------------------------------------------------
    ----------------------------------------------------- */

/*  -----------------------------------------------------
    orange >> LINKS / ANCHOR
    ----------------------------------------------------- */

#content-from-page-47 a {
    color: #DF9C48;
}


/*  -----------------------------------------------------
    orange >> GridElements: Accordion (overwrite)
    ----------------------------------------------------- */

#content-from-page-47 .panel.panel-default .panel-heading {
    background-color: #f4dfb4;
    padding: 0;
    border-radius: 0;
}

#content-from-page-47 .panel-heading h4 {
    background-image: url(../img/icons/akkordeon_runter_gelb.svg);
}

#content-from-page-47 .panel-heading a.collapsed h4 {
    background-image: url(../img/icons/akkordeon_gelb.svg);
}

#content-from-page-47 .panel.panel-default .panel-body {
    border: none !important;
    background: -webkit-linear-gradient(180deg, #FCE7CF 0, #fff 90%);
    background: -moz-linear-gradient(180deg, #FCE7CF 0, #fff 90%);
    background: -ms-linear-gradient(180deg, #FCE7CF 0, #fff 90%);
    background: -o-linear-gradient(180deg, #FCE7CF 0, #fff 90%);
    background: linear-gradient(180deg, #FCE7CF 0, #fff 90%);
}


/*  -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    -----------------------------------------------------
    color: GREEN
    -----------------------------------------------------
    ----------------------------------------------------- */

/*  -----------------------------------------------------
    green >> LINKS / ANCHOR
    ----------------------------------------------------- */

#content-from-page-46 a {
    color: #A3AA38;
}


/*  -----------------------------------------------------
    green >> TABLE
    ----------------------------------------------------- */

#content-from-page-46 .tr-even {
    background-color: rgba(167, 168, 61, 0.3);

}

#content-from-page-46 td {
    font-family: questa_sansbold, sans-serif;
}


/*  -----------------------------------------------------
    green >> GOOGLE MAPS LINK
    ----------------------------------------------------- */

a.google_maps {
    font-family: questa_sansbold, sans-serif;
    color: #A4AA39;
    text-decoration: underline;
    padding: 5px 0 5px 30px;
    background-image: url(../img/icons/standpunkt.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
}